321 lines
7.3 KiB
CSS
321 lines
7.3 KiB
CSS
#footer_icons{
|
|
border-radius:12px 12px 0 0;
|
|
padding-top:2rem;
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-lines:multiple;
|
|
-moz-box-lines:multiple;
|
|
-o-box-lines:multiple;
|
|
-webkit-flex-wrap:wrap;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-webkit-box-pack:center;
|
|
-moz-box-pack:center;
|
|
-o-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
-webkit-justify-content:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
-moz-box-align:center;
|
|
-o-box-align:center;
|
|
-ms-flex-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center
|
|
}
|
|
#footer_icons .icon_link{
|
|
height:40px;
|
|
width:40px;
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-moz-box-align:center;
|
|
-o-box-align:center;
|
|
-ms-flex-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-moz-box-pack:center;
|
|
-o-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
-webkit-justify-content:center;
|
|
justify-content:center;
|
|
margin:1rem;
|
|
background-color:var(--font-color);
|
|
border-radius:50%
|
|
}
|
|
#footer_icons .icon_link:hover{
|
|
background-color:var(--marcus-blue)!important
|
|
}
|
|
#footer_icons .icon_link i{
|
|
font-size:20px;
|
|
color:#fff;
|
|
-webkit-transition:.3s;
|
|
-moz-transition:.3s;
|
|
-o-transition:.3s;
|
|
-ms-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
#footer_icons>div{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex
|
|
}
|
|
#footer_icons img.footer_logo{
|
|
border-radius:50%;
|
|
width:60px;
|
|
height:60px;
|
|
margin:0 1rem;
|
|
cursor:pointer;
|
|
filter:drop-shadow(0 0 12px rgba(150,255,246,.4))!important;
|
|
-webkit-transition:all .25s;
|
|
-moz-transition:all .25s;
|
|
-o-transition:all .25s;
|
|
-ms-transition:all .25s;
|
|
transition:all .25s
|
|
}
|
|
#footer_icons img.footer_logo:hover{
|
|
filter:drop-shadow(0 0 15px rgba(144,255,246,.7))!important
|
|
}
|
|
@media screen and (max-width:768px){
|
|
#footer_icons img.footer_logo{
|
|
display:none
|
|
}
|
|
#footer_icons a.icon_link{
|
|
margin:1rem 20px
|
|
}
|
|
}
|
|
#footer_content,#footer_icons{
|
|
margin:auto;
|
|
max-width:1220px;
|
|
width:97%;
|
|
background:rgba(245,249,255,.6)
|
|
}
|
|
@media screen and (min-width:2000px){
|
|
#footer_content,#footer_icons{
|
|
max-width:1720px!important
|
|
}
|
|
}
|
|
#footer_content{
|
|
border-radius:0 0 12px 12px;
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-pack:justify;
|
|
-moz-box-pack:justify;
|
|
-o-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
-webkit-justify-content:space-between;
|
|
justify-content:space-between;
|
|
-webkit-box-lines:multiple;
|
|
-moz-box-lines:multiple;
|
|
-o-box-lines:multiple;
|
|
-webkit-flex-wrap:wrap;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
margin-bottom:2rem;
|
|
padding:0 2rem 2rem
|
|
}
|
|
#footer_content #friend-links-in-footer .footer-title button{
|
|
font-size:14px;
|
|
color:var(--font-color);
|
|
margin-left:5px;
|
|
-webkit-transition:.3s;
|
|
-moz-transition:.3s;
|
|
-o-transition:.3s;
|
|
-ms-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
#footer_content #friend-links-in-footer .footer-title button:hover{
|
|
color:var(--marcus-blue)
|
|
}
|
|
@media screen and (max-width:768px){
|
|
#footer_content #friend-links-in-footer h3{
|
|
padding-left:10px
|
|
}
|
|
}
|
|
#footer_content .footer-group{
|
|
min-width:120px
|
|
}
|
|
#footer_content .footer-title{
|
|
color:var(--font-color)
|
|
}
|
|
#footer_content .footer-links{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-moz-box-orient:vertical;
|
|
-o-box-orient:vertical;
|
|
-webkit-flex-direction:column;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column
|
|
}
|
|
#footer_content .footer-item{
|
|
font-size:1rem;
|
|
line-height:1.7;
|
|
color:var(--font-color)
|
|
}
|
|
#footer_content .footer-item:hover{
|
|
color:var(--marcus-blue)
|
|
}
|
|
@media screen and (max-width:768px){
|
|
#footer_content{
|
|
padding:1rem
|
|
}
|
|
#footer_content .footer-group{
|
|
text-align:center
|
|
}
|
|
}
|
|
#footer-bottom{
|
|
padding:1rem;
|
|
background:var(--card-bg);
|
|
z-index:2;
|
|
border-top:1px solid #e3e8f7
|
|
}
|
|
#footer-bottom a{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex
|
|
}
|
|
#footer-bottom a:not(:first-child)::before{
|
|
content:'|';
|
|
font-size:14px;
|
|
line-height:2.45;
|
|
margin:0 10px
|
|
}
|
|
@media screen and (max-width:768px){
|
|
#footer-bottom a:not(:first-child)::before{
|
|
line-height:2.25;
|
|
margin:0 8px
|
|
}
|
|
}
|
|
#footer-bottom a:hover{
|
|
color:var(--marcus-blue)
|
|
}
|
|
#footer-bottom a:hover::before{
|
|
color:var(--font-color)
|
|
}
|
|
#footer-bottom .footer-bottom-content{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-pack:justify;
|
|
-moz-box-pack:justify;
|
|
-o-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
-webkit-justify-content:space-between;
|
|
justify-content:space-between;
|
|
max-width:1220px;
|
|
width:100%;
|
|
margin:0 auto;
|
|
-webkit-box-lines:multiple;
|
|
-moz-box-lines:multiple;
|
|
-o-box-lines:multiple;
|
|
-webkit-flex-wrap:wrap;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap
|
|
}
|
|
#footer-bottom .footer-bottom-content *{
|
|
font-size:17px;
|
|
white-space:nowrap;
|
|
color:var(--font-color)
|
|
}
|
|
@media screen and (min-width:2000px){
|
|
#footer-bottom .footer-bottom-content{
|
|
max-width:1480px
|
|
}
|
|
}
|
|
#footer-bottom .footer-bottom-left,#footer-bottom .footer-bottom-right{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-orient:vertical;
|
|
-moz-box-orient:vertical;
|
|
-o-box-orient:vertical;
|
|
-webkit-flex-direction:column;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column
|
|
}
|
|
#footer-bottom .footer-bottom-left div,#footer-bottom .footer-bottom-left span,#footer-bottom .footer-bottom-right div,#footer-bottom .footer-bottom-right span{
|
|
display:-webkit-box;
|
|
display:-moz-box;
|
|
display:-webkit-flex;
|
|
display:-ms-flexbox;
|
|
display:box;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-moz-box-align:center;
|
|
-o-box-align:center;
|
|
-ms-flex-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center
|
|
}
|
|
#footer-bottom .footer-bottom-right div{
|
|
-webkit-box-pack:end;
|
|
-moz-box-pack:end;
|
|
-o-box-pack:end;
|
|
-ms-flex-pack:end;
|
|
-webkit-justify-content:flex-end;
|
|
justify-content:flex-end
|
|
}
|
|
@media screen and (max-width:768px){
|
|
#footer-bottom{
|
|
padding:1rem 0!important
|
|
}
|
|
#footer-bottom .footer-bottom-content *{
|
|
font-size:1rem
|
|
}
|
|
#footer-bottom .footer-bottom-left,#footer-bottom .footer-bottom-right{
|
|
width:100%;
|
|
-webkit-box-align:center;
|
|
-moz-box-align:center;
|
|
-o-box-align:center;
|
|
-ms-flex-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center
|
|
}
|
|
}
|
|
[data-theme=dark] #footer_icons .icon_link{
|
|
background-color:#ececec
|
|
}
|
|
[data-theme=dark] #footer_icons .icon_link i{
|
|
color:#202020
|
|
}
|
|
[data-theme=dark] #footer_icons .icon_link:hover i{
|
|
color:#fff
|
|
}
|
|
[data-theme=dark] #footer_icons img.footer_logo{
|
|
filter:drop-shadow(0 0 12px rgba(255,255,255,.3))!important
|
|
}
|
|
[data-theme=dark] #footer_icons img.footer_logo:hover{
|
|
filter:drop-shadow(0 0 15px rgba(255,255,255,.5))!important
|
|
}
|
|
[data-theme=dark] #footer_content,[data-theme=dark] #footer_icons{
|
|
background:rgba(24,24,30,.5)
|
|
} |