GravTheme/css/footer.css

213 lines
3.9 KiB
CSS

#imFooter_imTextObject_02 {
position: relative;
-ms-grid-row-align: start;
align-self: start;
-ms-grid-column-align: center;
justify-self: center;
max-width: 100%;
box-sizing: border-box;
z-index: 3;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#imFooter_imObjectImage_04 {
position: relative;
-ms-grid-row-align: start;
align-self: start;
-ms-grid-column-align: center;
justify-self: center;
max-width: 100%;
box-sizing: border-box;
z-index: 3;
vertical-align: top;
font-size: 0;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#imFooter_imObjectImage_04 #imFooter_imObjectImage_04_container img {
width: 100%;
height: auto;
vertical-align: top;
}
#imFooter_imTextObject_02 .text-container {
border-width: 0 1px 1px 1px;
box-sizing: border-box;
width: 100%;
}
#imFooter_imObjectImage_04_wrapper img {
-webkit-clip-path: inset(0 0 0% 0);
clip-path: inset(0 0 0% 0);
width: 100%;
height: 100%;
}
#imFooterBg {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-image: none;
background-color: rgba(67, 67, 67, 1);
}
#imFooter {
background-image: none;
background-color: transparent;
display: block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
}
#imFooterObjects .text-inner {
color: rgb(243, 243, 243);
text-align: right;
}
.under-720 {
display: none;
}
.over-720 {
display: block;
}
@media (max-width: 719.9px) {
.under-720 {
display: block;
}
.over-720 {
display: none;
}
#imFooterObjects .under-720 {
height: 40px;
}
#imFooter_imObjectImage_04_wrapper {
width: 40px;
height: 40px;
}
}
#imFooter_imTextObject_02_wrapper {
margin-left: auto;
text-align: center;
z-index: 1002;
overflow: hidden;
margin-right: 6px;
}
#imFooter_imObjectImage_04_wrapper {
z-index: 1002;
overflow: hidden;
}
@media (min-width: 1150.0px) {
#imFooter_imObjectImage_04_wrapper {
width: 60px;
height: 60px;
}
#imFooterBg {
height: 70px;
}
#imFooterObjects {
margin-left: auto;
margin-right: auto;
position: relative;
height: 70px;
width: 1150px;
}
}
@media (max-width: 1149.9px) and (min-width: 720.0px) {
#imFooter_imObjectImage_04_wrapper {
width: 55px;
height: 55px;
}
#imFooterBg {
height: 60px;
}
#imFooterObjects {
margin-left: auto;
margin-right: auto;
position: relative;
height: 60px;
width: 720px;
}
#imFooter {
display: block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
}
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
#imFooterBg {
height: 50px;
}
#imFooterObjects {
margin-left: auto;
margin-right: auto;
position: relative;
height: 50px;
width: 480px;
}
#imFooter {
display: block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
}
}
@media (max-width: 479.9px) {
#imFooterBg {
height: 50px;
}
#imFooterObjects {
margin-left: auto;
margin-right: auto;
position: relative;
height: 50px;
width: 320px;
}
#imFooter {
display: block;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1 / 4;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3 / 4;
}
}