MediaWiki:Common.css: Difference between revisions
Content added Content deleted
mNo edit summary |
m (mainpage social module implementations) |
||
Line 527: | Line 527: | ||
.mainpage-right > * { |
.mainpage-right > * { |
||
margin: 0 0 0.9rem; |
margin: 0 0 0.9rem; |
||
} |
|||
/* ##################### social mainpage ##################### */ |
|||
.mainpage-social { |
|||
border: none; |
|||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); |
|||
} |
|||
.mainpage-social .tile-top { |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 1em 1.5em; |
|||
} |
|||
.mainpage-social .tile-top a { |
|||
flex: 1; |
|||
position: relative; |
|||
text-decoration: none; |
|||
} |
|||
.mainpage-social .tile-top a:hover .arrow { |
|||
transform: translateX(50%); |
|||
} |
|||
.mainpage-social .tile-bottom { |
|||
border: none; |
|||
padding: 1em 1.75em; |
|||
} |
|||
.mainpage-social .tile-bottom p { |
|||
color: #ffffff; |
|||
font-weight: bold; |
|||
font-size: 0.9em; |
|||
text-align: center; |
|||
text-transform: uppercase; |
|||
letter-spacing: 0.03em; |
|||
margin: 0; |
|||
} |
|||
.mainpage-social .social-icon { |
|||
margin-right: 0.75em; |
|||
width: 60px; |
|||
text-align: center; |
|||
} |
|||
.mainpage-social .social-header { |
|||
color: #ffffff; |
|||
font-weight: bold; |
|||
font-size: 1.15em; |
|||
margin: 0.5em 0 -0.15em; |
|||
} |
|||
.mainpage-social .social-tagline { |
|||
color: rgba(255, 255, 255, 0.9); |
|||
margin-bottom: 0.5em; |
|||
} |
|||
.mainpage-social .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-social.mainpage-discord .tile-top { |
|||
background: #5865F2; |
|||
} |
|||
.mainpage-social.mainpage-discord .tile-bottom { |
|||
background: #525ee0; |
|||
} |
|||
.mainpage-social.mainpage-github .tile-top { |
|||
background: #161B22; |
|||
} |
|||
.mainpage-social.mainpage-github .tile-bottom { |
|||
background: #0D1117; |
|||
} |
} |