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

no edit summary
No edit summary
Tag: Reverted
No edit summary
 
(17 intermediate revisions by 2 users not shown)
Line 2:
MAIN PAGE
=================== */
body.page-Main_Page.action-view .catlinks,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view #firstHeading,
body.page-Main_Page.action-view #siteNotice {
display: none;
}
 
 
Line 98 ⟶ 105:
padding-right: 1.75em;
max-width: 100%;
text-decorationborder: none;
}
 
Line 104 ⟶ 112:
margin-bottom: 0;
}
 
}
 
Line 163 ⟶ 170:
wiki contents
-------------------- */
@mp-contents-height: 45.5rem;
 
.mainpage-contents {
grid-area: content;
grid-template-columns: repeat(5, 1fr);
 
.tile-halves {
flex: 1;
margin-rightbackground: @mp-gutter-widthnone;
 
// zoom on hover
&:hover .tile-top img {
transform: scale(1.04);
}
 
&:last-child {
margin-right: 0;
}
 
}
 
.tile-top {
height: @mp-contents-height;
position: relative; // needed for ribbon
 
h2&.tile-image aimg {
display height: blockauto;
text-align: center;
text-decoration: none;
line-height: @mp-contents-height;
padding-left: .45rem; // to make up for arrow width
}
 
}
 
Line 199 ⟶ 193:
margin: 0;
padding: 0;
}
.tile-bottom {
box-shadow: inset 0 0 2px rgba(255,255,255,0.5);
h2 {
background: @discordvar(--bgbody-darkdarker);
box-shadow: @infobox-card-shadow;
margin: 3px !important;
}
 
&.link-button a {
padding: 0.65em 0.2em; // prevent grid gap misalignment
}
}
 
Line 238 ⟶ 246:
 
/* --------------------
discord server & twitter/X
-------------------- */
.mainpage-discordsocial {
border: none;
box-shadow: @box-shadow-dark;
Line 247 ⟶ 255:
display: flex;
align-items: center;
backgroundpadding: @discord-bg1em 1.5em;
padding: 1em 1.75em;
 
a {
flex: 1;
position: relative; // allow link to cover icon
text-decoration: none;
 
Line 264 ⟶ 271:
 
.tile-bottom {
background: @discord-bg-dark;
border: none;
padding: 1em 1.75em;
Line 280 ⟶ 286:
}
 
.partnersocial-icon {
margin-right: .75em;
text-align: center;
width: 60px;
}
 
.serversocial-nameheader {
color: @white;
font-weight: bold;
font-size: 1.25em15em;
margin: .5em 0 -0.15em;
}
Line 305 ⟶ 313:
transition: .3s ease-out;
}
// Discord colors
&.mainpage-discord {
 
&:hover .tile-top img {
transformbackground: scale(1.04)@discord-bg;
}
 
.tile-bottom {
background: @discord-bg-dark;
}
 
}
 
// X (Twitter) colors
&.mainpage-twitter {
 
&:last.tile-childtop {
background: @twitter-bg;
}
 
.tile-bottom {
background: @twitter-bg-dark;
}
}
}
 
Line 317 ⟶ 349:
 
.tile-top {
background: @steelvar(-blue-body-darker);
}