Difference between revisions of "MediaWiki:Common.css"

From ILSTRAT
Jump to: navigation, search
Line 451: Line 451:
 
   clear: left;
 
   clear: left;
 
   position:fixed;
 
   position:fixed;
   top:150px;
+
   top:200px;
 
   right:10px;
 
   right:10px;
 
   };
 
   };

Revision as of 19:18, 13 July 2020

/*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: left;
    clear: right;
}
.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;
}
.next_page{
   float:right;
   margin:0 0 1em 1em;
   padding: .25em;
   clear: left;
   position:fixed;
   top:200px;
   right:10px;
   };