MediaWiki:Common.css

From ILSTRAT
Revision as of 18:59, 13 July 2020 by ILSTRAT (talk | contribs)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*hides main page text */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
/* Removes Discussion tab */
#ca-talk { display:none!important; }
/* Infobox template style */
/* CSS placed here will be applied to all skins */
/* banner */
.mpg-banner {
    margin-top: 24px;
    margin-bottom: 20px;
    padding:16px; 
    height:150px;
    position:relative;
    background-image: url("https://ilstratwiki.web.illinois.edu/images/b/b5/Banner.jpg");
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
    color:white;
    text-shadow: 0 0 4px #000;
    font-size: 16px;
}
.mpg-banner a {
    color: #005386;
    text-shadow: 0px 0px 5px #fff;
}
.mpg-banner span.mpg-title {
    font-size: 30px;
    text-shadow: 0 0 8px #000;
}
.mpg-info {
    font-size:20px;
    color:#fff;
    text-shadow: 0 0 6px #000;
    position:absolute;
    bottom:12px;
}
.mpg-credit {
    position: absolute;
    bottom: 8px;
    right: 14px;
    color: black;
    text-shadow: 0 0 0px #fff;
    font-size: 12px;
}
.mpg-text-block {
    font-size: 14px;
}

.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: .25em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* When <div class="noautonum"> is used on the table of contents,
   the ToC will display without numbers */
.noautonum .tocnumber {display: none;}

/* floating toc  #toc {float:left;}; */


#toc {float:left;margin:0em 2em 0em 0em;};

#contentSub { display: none }

.fancytree ul {
    background: none;
    border: none;
    font-size: 12px;
}
ul.fancytree-container {
    outline: 0;
    border: none;
    overflow: auto;
}
.fancytree p {
    display: none;
}
span.fancytree-title {
    cursor: default;
}
span.fancytree-title a {
    color: black;
}
/*body.page-Category_Abbott_Formation #mw-subcategories {display: none}*/
/*body.page-Category_Abbott_Formation #mw-pages {display: none}*/

/*infobox left*/
.infobox_L {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: .25em;
    float: right;
        position:fixed;
    top:150px;
    right:10px;
}
.infobox_L td,
.infobox_L th {
    vertical-align: top;
}
.infobox_L caption {
    font-size: larger;
}
.infobox_L.bordered {
    border-collapse: collapse;
}
.infobox_L.bordered td,
.infobox_L.bordered th {
    border: 1px solid #aaa;
}
.infobox_L.bordered .borderless td,
.infobox_L.bordered .borderless th {
    border: 0;
}
 
.infobox_L.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox_L.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox_L.standard-talk.bordered td,
.infobox_L.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox_L with merged rows */
.infobox_L.bordered .mergedtoprow td,
.infobox_L.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox_L.bordered .mergedrow td,
.infobox_L.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infobox_Les, eg countries,
   country subdivisions, cities, etc.            */
.infobox_L.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox_L.geography  td,
.infobox_L.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox_L.geography .mergedtoprow td,
.infobox_L.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox_L.geography .mergedrow td,
.infobox_L.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox_L.geography .mergedbottomrow td,
.infobox_L.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox_L.geography .maptable td,
.infobox_L.geography .maptable th {
    border: 0;
    padding: 0;
}
.infobox_cat {
 float: left;
}

/*infobox left 50%*/
.infobox_L50 {
    border: 1px solid #aaa;
    width: 40%;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0.5em 0.5em 0.5em;
    padding: .25em;
    float: left;
    clear: right;
}
.infobox_L50 td,
.infobox_L50 th {
    vertical-align: top;
}
.infobox_L50 caption {
    font-size: larger;
}
.infobox_L50.bordered {
    border-collapse: collapse;
}
.infobox_L50.bordered td,
.infobox_L50.bordered th {
    border: 1px solid #aaa;
}
.infobox_L50.bordered .borderless td,
.infobox_L50.bordered .borderless th {
    border: 0;
}
 
.infobox_L50.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
.infobox_L50.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox_L50.standard-talk.bordered td,
.infobox_L50.standard-talk.bordered th {
    border: 1px solid #c0c090;
}
 
/* styles for bordered infobox_L50 with merged rows */
.infobox_L50.bordered .mergedtoprow td,
.infobox_L50.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox_L50.bordered .mergedrow td,
.infobox_L50.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infobox_L50es, eg countries,
   country subdivisions, cities, etc.            */
.infobox_L50.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox_L50.geography  td,
.infobox_L50.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox_L50.geography .mergedtoprow td,
.infobox_L50.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}
 
.infobox_L50.geography .mergedrow td,
.infobox_L50.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
 
.infobox_L50.geography .mergedbottomrow td,
.infobox_L50.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox_L50.geography .maptable td,
.infobox_L50.geography .maptable th {
    border: 0;
    padding: 0;
}


/* banner2 */
.mpg2-banner {
    margin-top: 24px;
    margin-bottom: 20px;
    padding:16px; 
    height:150px;
    position:relative;
    background-image: url("https://ilstratwiki.web.illinois.edu/images/b/b5/Banner.jpg");
    background-repeat:no-repeat;
    background-position: top center;
    background-size: cover;
    color:white;
    text-shadow: 0 0 4px #000;
    font-size: 16px;
}
.mpg2-banner a {
    color: #005386;
    Font-size: 20px;
    text-shadow: 0px 0px 8px #000;
}
.mpg2-banner span.mpg2-title {
    font-size: 30px;
    text-shadow: 0 0 8px #000;
    padding: 8px;
}
.mpg2-banner span.mpg2-subtitle {
    font-size: 25px;
    font-weight: bold;
    text-shadow: 0 0 8px #000;
    padding: 8px;
    }
.mpg2-info {
    font-size:20px;
    color:white;
    text-shadow: 0 0 6px #000;
    position:absolute;
    bottom:12px;
    background: rgba(253, 253, 253, 0.7);
    border-radius:25px;
    padding: 6px;
}
.mpg2-credit {
    position: absolute;
    bottom: 8px;
    right: 14px;
    color: black;
    text-shadow: 0 0 0px #fff;
    font-size: 15px;
}
.mpg2-text-block {
    font-size: 14px;
}
.mpg2-banner span.mpg2-background {
  background: rgba(253, 253, 253, 0.5);
}

div#mw-panel div.portal h3,
div#mw-panel div.portal div.body ul li {
   font-size: 0.9em; /* default is 0.75em */
}

ol.smw-format.ol-format.col_4 {
    column-count: 4;
}
ol.smw-format.ol-format.col_3 {
    column-count: 3;
}
ol.smw-format.ol-format.col_2 {
    column-count: 2;
}
ol.smw-format.ol-format.col_1 {
    column-count: 1;
}