MediaWiki:Common.less/mainpage.less: Difference between revisions

Jump to navigation Jump to search
Browse history interactively
Content added Content deleted
No edit summary
No edit summary
Line 241: Line 241:


/* --------------------
/* --------------------
discord server
discord server & twitter/X
-------------------- */
-------------------- */
.mainpage-discord {
.mainpage-social {
border: none;
border: none;
box-shadow: @box-shadow-dark;
box-shadow: @box-shadow-dark;
Line 250: Line 250:
display: flex;
display: flex;
align-items: center;
align-items: center;
background: @discord-bg;
padding: 1em 1.5em;
padding: 1em 1.25em;


a {
a {
flex: 1;
flex: 1;
position: relative; // allow link to cover icon
position: relative;
text-decoration: none;
text-decoration: none;


Line 267: Line 266:


.tile-bottom {
.tile-bottom {
⚫
background: @discord-bg-dark;
border: none;
border: none;
padding: 1em 1.25em;
padding: 1em 1.75em;


p {
p {
Line 283: Line 281:
}
}


.partner-icon {
.social-icon {
margin-right: .75em;
margin-right: .75em;
text-align: center;
text-align: center;
Line 289: Line 287:
}
}


.server-name {
.social-header {
color: @white;
color: @white;
font-weight: bold;
font-weight: bold;
font-size: 1.25em;
font-size: 1.15em;
margin: .5em 0 -0.15em;
margin: .5em 0 -0.15em;
}
}
Line 310: Line 308:
transition: .3s ease-out;
transition: .3s ease-out;
}
}
// Discord colors
&.mainpage-discord {


.tile-top {
background: @discord-bg;
}

.tile-bottom {
⚫
background: @discord-bg-dark;
}

}

// X (Twitter) colors
&.mainpage-twitter {

.tile-top {
background: rgb(21, 32, 43);
}

.tile-bottom {
background: darken(rgb(21, 32, 43), 1.5%);
}
}
}
}


Retrieved from ‘https://brightershoreswiki.org/w/MediaWiki:Common.less/mainpage.less’