MediaWiki:Common.css: Difference between revisions
From KSI Wiki
No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
width:250px; | width:250px; | ||
height:75px; | height:75px; | ||
} | |||
/* Main page box layouts */ | |||
.mainpage_row { | |||
display: flex; | |||
flex-direction: row; | |||
flex-flow: row wrap; | |||
justify-content: space-between; | |||
padding: 0; | |||
margin: 0 -5px 0 -5px; | |||
} | |||
.mainpage_box { | |||
flex: 1; | |||
margin: 5px; | |||
min-width: 210px; | |||
border: 1px solid #CCC; | |||
padding: 0 10px 10px 10px; | |||
box-shadow: 0 2px 2px rgba(0,0,0,0.1); | |||
} | |||
.mainpage_box h3 { | |||
/* Reset padding so is equal across skins */ | |||
padding: 0; | |||
margin: 0.5em 0; | |||
} | |||
.mainpage_box h3 .header_icon { | |||
float: left; | |||
margin-right: 5px; | |||
} | |||
.mainpage_box .items { | |||
border-top: 1px solid #CCC; | |||
padding-top: 0.5em; | |||
} | |||
.mainpage_box p:last-child { | |||
margin-bottom: 0; | |||
} | |||
.mainpage_boxcontents_small { | |||
font-size: 95%; | |||
} | |||
@media screen and (max-width: 719px) { | |||
.thumb { | |||
float: none; | |||
} | |||
.thumb, .thumbinner { | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
} | } | ||
Revision as of 11:24, 7 October 2022
/* CSS placed here will be applied to all skins */
.HOF-Background {
background-image: url("http://wiki.ksiglobal.com/images/7/70/Hall_of_fame_bg.png");
width:250px;
height:75px;
}
.Red-Background {
background-image: url("https://wiki.ksiglobal.com/images/a/a1/Red-Background.png");
width:250px;
height:75px;
}
/* Main page box layouts */
.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 1px solid #CCC;
padding: 0 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
/* Reset padding so is equal across skins */
padding: 0;
margin: 0.5em 0;
}
.mainpage_box h3 .header_icon {
float: left;
margin-right: 5px;
}
.mainpage_box .items {
border-top: 1px solid #CCC;
padding-top: 0.5em;
}
.mainpage_box p:last-child {
margin-bottom: 0;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}