519
edits
No edit summary |
No edit summary |
||
| Line 3,701: | Line 3,701: | ||
} | } | ||
.mainpage-facebook { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | |||
.mainpage-facebook .tile-top { | |||
display: flex; | |||
align-items: center; | |||
background: #00aced; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-facebook .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-facebook .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-facebook .tile-bottom { | |||
background: #0084b4; | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-facebook .tile-bottom p { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-facebook .facebook-logo { | |||
margin-right: 0.75em; | |||
} | |||
.mainpage-facebook .facebook-name { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-facebook .facebook-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-facebook .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-instagram { | .mainpage-instagram { | ||