MediaWiki:Common.css
Revision as of 15:52, 19 September 2017 by Jenny Hill (talk | contribs)
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*Page background*/
#mw-page-base, body {
background-image: none;
background-color: #4f4f4f;}
/*Fonts and bullets for everyone*/
{font-family: sans-serif;
font-weight: 300;}
/*linky colors*/
a {
text-decoration: none;
color: #0645ad;
background: none;}
.mblink:visited, a:visited {
color: #609;}
/*list formatting*/
ul{list-style-image: none;}
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;}
.plainlist ul li {
margin-bottom: 0;}
/*STEP logo bit*/
#p-logo {
border-radius: 5px;
background-color: white;}
/*Header*/
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%;
background-color: #e6e6e6;}
/*These are the wiki tabs*/
div.vectorTabs ul li {
border-radius: 5px 5px 0 0;
background-image: none;
color: black;
background-color: #e6e6e6;}
div.vectorTabs li a,
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
background-image: none;
font-variant: all-small-caps;}
/*This is the menu on the left*/
/* increase Vector sidebar width */
div#mw-panel { width: 12em; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }
div#mw-panel div.portal div.body ul li,
div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited,
div#mw-panel div.portal h3 {
list-style-type: none;
color: white;
font-size: 1em;
font-variant: all-small-caps;}
/*FOOTER STUFF*/
/*This is the feedback widget*/
.articleFeedbackv5-panel .articleFeedbackv5-title {
font-weight: normal;}
.articleFeedbackv5-panel{
background: none;
border: 1px solid darkcyan;}
/*Last updated box*/
div#footer #footer-info li {
background-color: white;
border-radius: 5px 5px 5px 0;}
div#footer ul li {
padding: 0.75em;}
div#footer #footer-places li {
background-color: white;
border-radius: 0 0 5px 5px;}
/*These are the main headings, which have underlines*/
.mw-body h1, .mw-body h2 {
font-family: sans-serif;
font-size: 1.8em;
color: Gray;
border-bottom: 2px solid darkcyan;}
/*These are the subheadings*/
h3,h4, h5, h6 {
font-size: 1.8em;
color: Gray;}
/*This is the default photoframe*/
div.thumbinner {
border: 2px solid orange;
padding: 3px;
text-align: center;
overflow: hidden;}
/* TOClimit */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;}
/*The textbox thingy*/
.textbox {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 1.1em;
font-style: italic;
background: none;
border-left: 3px solid darkcyan;
border-top: none;
border-bottom: none;
border-right: none;}
/*Button*/
.mw-ui-button{
border: 2px solid orange;
box-shadow: 2px 2px 3px 0px #999;}
/*sortable wikitable*/
table.jquery-tablesorter th.headerSort{
border: 2px solid darkcyan;}
/*Main Page stuff*/
.mainpage_topbox {
background: #f9f9f9;
margin: 1em 0;
}
.mainpage_layouttable {
border: 0;
margin: 0;
width: 100%;
border-spacing: 10px;
}
.mainpage_layouttable * > tr > td {
vertical-align: top;
}
.mainpage_boxtitle {
font-size: 105%;
padding: 0.4em;
background-color: #eeeeee;
font-weight: bold;
min-height: 2em;
vertical-align: middle;
}
.mainpage_pagetitle {
color: #cf7606;
font-size: 200%;
padding: 0.2em 0.4em;
}
.mainpage_sitelinks {
padding: 0.2em;
text-align: center;
background-color: white;
font-weight: bold;
}
.mainpage_hubtitle {
text-align: center;
}
.mainpage_boxcontents {
background: #ffffff;
padding: 0.2em 0.4em;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
.mainpage_boxcontents_title {
display: block;
border-bottom: 1px solid #AAA;
margin-bottom: 0.5em;
text-align: center;
font-weight: bold;
font-size: larger;
}
.mainpage_middleblock .mainpage_hubbox {
width: 33%;
}
.mainpage_hubbox, .mainpage_topbox {
padding: 0;
border: 1px solid #aaaaaa;
}
.mainpage_newscell .mainpage_boxtitle {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
background-repeat: no-repeat;
background-position: 99% 0.3em;
padding-right: 25px;
}
.mainpage_downloadcell .mainpage_boxtitle {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
background-repeat: no-repeat;
background-position: 96% 0.33em;
padding-right: 25px;
}
.mainpage_opportunitiescell .mainpage_boxtitle {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);
background-repeat: no-repeat;
background-position: 98% 0.15em;
padding-right: 25px;
}
.mainpage_featuredpagescell .mainpage_boxtitle {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);
background-repeat: no-repeat;
background-position: 98% 0.15em;
padding-right: 25px;
}
.mainpage_mwtitle {
color: #005288;
}
.mainpage_notice {
background: #f9f9f9;
border: 1px solid #aaaaaa;
margin: 0.2em 10px 10px;
padding:0.2em 0.4em;
text-align: center;
font-size: 125%
}
.mainpage_languages {
margin: 0.5em 10px;
}
.mainpage_row2,
.mainpage_row3 {
/*display: -webkit-box;*/
/*display: -moz-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 1em 0;
}
@media screen and (min-width: 45em) {
.mainpage_row2 .mainpage_hubbox {
box-sizing: border-box;
float: left;
width: 32%;
}
}
@media screen and (max-width: 45em) {
.mainpage_row2 .mainpage_hubbox {
box-sizing: border-box;
flex: 1 0 100%;
width: 100%;
margin: 0.5em 0
}
}
@media screen and (min-width: 45em) {
.mainpage_row3 .mainpage_hubbox {
box-sizing: border-box;
float: left;
}
.mainpage_row3 .mainpage_downloadcell {
flex: 1 2 15em;
min-width: 10em;
max-width: 20em;
}
.mainpage_row3 .mainpage_newscell {
flex: 6 0 20em;
margin: 0 1em;
}
.mainpage_row3 .mainpage_opportunitiescell {
flex: 1 2 15em;
min-width: 10em;
max-width: 20em;
}
}
@media screen and (max-width: 45em) {
.mainpage_row3 .mainpage_hubbox {
box-sizing: border-box;
flex: 1 0 100%;
width: 100%;
margin: 0.5em 0;
}
}
@media screen and (max-width: 55em) {
.mainpage_row3 .mainpage_newscell {
order: -1;
flex: 1 0 100%;
width: 100%;
margin: 0 0 0.5em 0;
}
}