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;
}
}