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