Difference between revisions of "MediaWiki:Common.css"

From LID SWM Planning and Design Guide
Jump to navigation Jump to search
 
(61 intermediate revisions by 3 users not shown)
Line 5: Line 5:
  
 
/*Fonts and bullets for everyone*/
 
/*Fonts and bullets for everyone*/
   {font-family: sans-serif;
+
@import url('https://fonts.googleapis.com/css?family=Roboto:100');
  font-weight: 300;}
+
   {
 +
  font-family: 'Roboto', sans-serif;}
  
 
/*linky colors*/
 
/*linky colors*/
Line 31: Line 32:
  
 
/*Header*/
 
/*Header*/
div#mw-head {
+
#mw-head {
 
   position: absolute;
 
   position: absolute;
 
   top: 0;
 
   top: 0;
Line 39: Line 40:
  
 
/*These are the wiki tabs*/
 
/*These are the wiki tabs*/
div.vectorTabs ul li {
+
.vectorTabs ul li {
 
   border-radius: 5px 5px 0 0;
 
   border-radius: 5px 5px 0 0;
 
   background-image: none;
 
   background-image: none;
 
   color: black;
 
   color: black;
 
   background-color: #e6e6e6;}
 
   background-color: #e6e6e6;}
 +
#ca-talk,
 +
#ca-viewsource {
 +
    display: none !important;}
  
div.vectorTabs li a,
+
.vectorTabs li a,
div.vectorTabs li.new a,  
+
.vectorTabs li.new a,  
div.vectorTabs li.new a:visited {
+
.vectorTabs li.new a:visited {
 
   background-image: none;
 
   background-image: none;
 
   font-variant: all-small-caps;}
 
   font-variant: all-small-caps;}
Line 53: Line 57:
 
/*This is the menu on the left*/
 
/*This is the menu on the left*/
 
/* increase Vector sidebar width */
 
/* increase Vector sidebar width */
div#mw-panel { width: 12em; }
+
#mw-panel { width: 12em; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
+
#footer, #mw-head-base, #content { margin-left: 12em; }
 
#left-navigation { margin-left: 12em; }
 
#left-navigation { margin-left: 12em; }
  
div#mw-panel div.portal div.body ul li,
+
#mw-panel .portal .body ul li,
div#mw-panel div.portal div.body ul li a,  
+
#mw-panel .portal .body ul li a,  
div#mw-panel div.portal div.body ul li a:visited,
+
#mw-panel .portal .body ul li a:visited,
div#mw-panel div.portal h3 {
+
#mw-panel .portal h3 {
 
   list-style-type: none;
 
   list-style-type: none;
 
   color: white;
 
   color: white;
 
   font-size: 1em;
 
   font-size: 1em;
   font-variant: all-small-caps;}
+
   font-variant: all-small-caps;
 +
  text-decoration: none;
 +
}
  
 
/*FOOTER STUFF*/
 
/*FOOTER STUFF*/
Line 75: Line 81:
  
 
/*Last updated box*/
 
/*Last updated box*/
div#footer #footer-info li {
+
#footer #footer-info li {
 
   background-color: white;
 
   background-color: white;
 
   border-radius: 5px 5px 5px 0;}
 
   border-radius: 5px 5px 5px 0;}
div#footer ul li {
+
#footer ul li {
 
   padding: 0.75em;}
 
   padding: 0.75em;}
div#footer #footer-places li {
+
#footer #footer-places li {
 
   background-color: white;
 
   background-color: white;
 
   border-radius: 0 0 5px 5px;}
 
   border-radius: 0 0 5px 5px;}
Line 89: Line 95:
 
   font-size: 1.8em;
 
   font-size: 1.8em;
 
   color: Gray;     
 
   color: Gray;     
   border-bottom: 2px solid darkcyan;}
+
   border-bottom: 1.5px solid darkcyan;}
  
 
/*These are the subheadings*/
 
/*These are the subheadings*/
Line 97: Line 103:
  
 
/*This is the default photoframe*/
 
/*This is the default photoframe*/
div.thumbinner {
+
.thumbinner {
 
   border: 2px solid orange;
 
   border: 2px solid orange;
 
   padding: 3px;
 
   padding: 3px;
Line 128: Line 134:
 
   border: 2px solid orange;
 
   border: 2px solid orange;
 
   box-shadow: 2px 2px 3px 0px #999;}
 
   box-shadow: 2px 2px 3px 0px #999;}
 +
 +
/*wikitable*/
 +
/table.wikitable > tr > th, table.wikitable > * > tr > th {
 +
/  background-color: darkcyan;
 +
/  color: white;
 +
/}
 +
 +
/*sortable wikitable*/
 +
table.jquery-tablesorter th.headerSort {
 +
    border: 2px solid darkcyan;
 +
    cursor: pointer;
 +
    background-position: center right;
 +
    padding-right: 21px;
 +
}
  
 
/*sortable wikitable*/
 
/*sortable wikitable*/
table.jquery-tablesorter th.headerSort{
+
table.jquery-tablesorter th.headerSort {
 
   border: 2px solid darkcyan;}
 
   border: 2px solid darkcyan;}
 +
 +
table.wikitable > tr > th, table.wikitable > * > tr > th {
 +
  background-color: darkcyan;
 +
  color: white;}
 +
  
 
/*Main Page stuff*/
 
/*Main Page stuff*/
 +
 +
body.page-Main_Page h1.firstHeading {display:none;
 +
}
  
 
.mainpage_topbox {
 
.mainpage_topbox {
Line 161: Line 189:
  
 
.mainpage_pagetitle {
 
.mainpage_pagetitle {
     color: #cf7606;
+
     color: black;
 
     font-size: 200%;
 
     font-size: 200%;
 
     padding: 0.2em 0.4em;
 
     padding: 0.2em 0.4em;
}
 
 
.mainpage_sitelinks {
 
    padding: 0.2em;
 
    text-align: center;
 
    background-color: white;
 
    font-weight: bold;
 
 
}
 
}
  
Line 195: Line 216:
 
}
 
}
  
.mainpage_middleblock .mainpage_hubbox {
+
.mainpage_middleblock .mainpage_hubbox_left {
    width: 33%;
+
  width: 75%;
}
 
 
 
.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 {
 
.mainpage_mwtitle {
 
     color: #005288;
 
     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;
 
}
 
 
}
 
}

Latest revision as of 17:53, 12 March 2021

/*Page background*/
#mw-page-base, body {
  background-image: none;
  background-color: #4f4f4f;}

/*Fonts and bullets for everyone*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100');
  {
  font-family: 'Roboto', sans-serif;}

/*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*/
#mw-head {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #e6e6e6;}

/*These are the wiki tabs*/
.vectorTabs ul li {
  border-radius: 5px 5px 0 0;
  background-image: none;
  color: black;
  background-color: #e6e6e6;}
#ca-talk,
#ca-viewsource {
    display: none !important;}

.vectorTabs li a,
.vectorTabs li.new a, 
.vectorTabs li.new a:visited {
  background-image: none;
  font-variant: all-small-caps;}

/*This is the menu on the left*/
/* increase Vector sidebar width */
#mw-panel { width: 12em; }
#footer, #mw-head-base, #content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }

#mw-panel .portal .body ul li,
#mw-panel .portal .body ul li a, 
#mw-panel .portal .body ul li a:visited,
#mw-panel .portal h3 {
  list-style-type: none;
  color: white;
  font-size: 1em;
  font-variant: all-small-caps;
  text-decoration: none;
}

/*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*/
#footer #footer-info li {
  background-color: white;
  border-radius: 5px 5px 5px 0;}
#footer ul li {
  padding: 0.75em;}
#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: 1.5px solid darkcyan;}

/*These are the subheadings*/
h3,h4, h5, h6 { 
  font-size: 1.8em;
  color: Gray;}

/*This is the default photoframe*/
.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;}

/*wikitable*/
/table.wikitable > tr > th, table.wikitable > * > tr > th {
/  background-color: darkcyan;
/  color: white;
/}

/*sortable wikitable*/
table.jquery-tablesorter th.headerSort {
    border: 2px solid darkcyan;
    cursor: pointer;
    background-position: center right;
    padding-right: 21px;
}

/*sortable wikitable*/
table.jquery-tablesorter th.headerSort {
  border: 2px solid darkcyan;}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background-color: darkcyan;
  color: white;}


/*Main Page stuff*/

body.page-Main_Page h1.firstHeading {display:none; 
}

.mainpage_topbox {
  border-radius: 5px;	
  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: black;
    font-size: 200%;
    padding: 0.2em 0.4em;
}

.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_left {
  width: 75%;
}

.mainpage_mwtitle {
    color: #005288;
}