MediaWiki:Common.css

From dataZoa Wiki
Revision as of 17:05, 3 January 2017 by RB (Talk | contribs)

Jump to: navigation, search

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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */
 
/* Thematic Stylings - G */
.GTableTextPic td:nth-child(1) { padding-left: 2em; width: 10em; min-width: 10em; }
.GOrangeBox { display: inline-block; vertical-align: middle; border: 1px orange solid; font-size: x-small; padding: 0.25em; }
.Gtal { text-align: left; }
.Gtac { text-align: center; }
.Gtar { text-align: right; }
.Gvam { vertical-align: middle; }
.Gvat { vertical-align: top; }
.Gvab { vertical-align: bottom; }
.Gmc { vertical-align: middle; text-align: center; }
.GbcLgray { background-color: #eeeeee; }
.GfcLgray { color: #eeeeee; }
 
 
/* BlackBorder1px */
table.Gbb1 { border-collapse: collapse; padding: 0px; }	
table.Gbb1 th { border-collapse: collapse; border: 1px solid black; padding: 0.1em .25em; }
table.Gbb1 td { border: 1px solid black; padding: 0.1em .25em; }
 
/* Rotate column headers 45 (360-315) all in px so the trigonometry works*/
th.Grot45 { border: 1px solid transparent !important; border-bottom: 1px solid black !important; height: 75px; white-space: nowrap; }
th.Grot45 > div { transform: translate(19px, 21px) rotate(315deg); width: 30px; }
th.Grot45 > div > span { border-bottom: 1px solid black; padding: 5px 10px; }
 
 
 
 
/* Nudge all content right a bit */
.mw-body-content { margin-left: 1em; }
 
/* we do not need to see "redirected from" after a page is renamed! */
.mw-redirectedfrom { display: none; }
 
/* removes first-level numbers from ordered lists */
.toclevel-1 span.tocnumber { display: none; }
 
/* removes second-level numbers from the ordered lists */
.toclevel-2 span.tocnumber { display: none; }
 
/* uniform fonts on headings */
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5 { font-weight: normal; }
 
/* indent h3 and h4 headings */
 
h3, h3 ~ p, h3 ~ div {
padding-left: 1em;
}
 
h4, h4 ~ p, h4 ~ div {
padding-left: 2em;
}
 
h5, h5 ~ p, h5 ~ div {
padding-left: 3em;
}
 
h6, h6 ~ p, h6 ~ div {
padding-left: 4em;
}
 
/* Changes Headings to Sans Serif Font */
span.mw-headline, #firstHeading { 
font-family: "GT Walsheim", Gotham, Futura, Verdana, sans-serif; 
letter-spacing: 0.5px;
}
 
#firstHeading { 
font-size: 1.1em;
font-style: italic;
color: steelblue;
}
/* global color definitions e.g. GlobalBackgroundColorforWIKI */
.GbcWIKI { 
 
/* background-color: rgba(80, 204, 34, 0.6); */
/* background-color: #f9f9f9; */
/* background-color: rgba(80, 204, 34, 0.2); */
/* background-color: #50CC22; */
/* RB 161121 Removed global color for less green */
}
 
/* change the size of the dZ logo in the Vector Skin */
#p-logo a {
background-size: 130px 50px;
}
 
/* changes the size of the dZ logo for the Boostrapskin */
#p-logo {
width: 70%;
top: -125px; /* RB 161121 moved the logo down so that it's within green line */
}
 
/* using addClass('GbcWIKI') instead of all these... */
/* GONE 
#mw-head {
background-color: #50CC22;
}
*/
 
#mw-page-base {
/* background-image: linear-gradient(#ffffff 35%,#50CC22 80%); /* RB 161121 Top line fade */ */
rgba(80, 204, 34, 0.2);
background-image: linear-gradient(#ffffff 50%, rgba(80, 204, 34, 0.6) 60%); /* RB 161121 Top line fade -- mod 170103 for less fade */ */
}
 
/*
#mw-head-base {
/* background-color: #50CC22; */
}
 
#mw-panel {
background-color: ;
}  
 
body {
background-color: rgba(80, 204, 34, 0.6); /* RB 161121 colors the sidebar at left */
}
END GONE */
 
#innerbodycontent {
border-radius: 12px;
}
 
.btn {
border-radius: 6px;
}
 
#offCanvas {
border-radius: 12px;
}
 
/* remove tools from sidebar */
#p-tb { display:none !important; }
 
//remove footer from bootstrap template
#footer-places-disclaimer {display:none!important;}
#footer-places-about  {display:none!important;}
#footer-places-privacy  {display:none!important;}
#footer-icons {display:none!important;}
 
/* = TOOLTIP STUFF */
 
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    }
 
/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: white;
    color: black;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
 
 
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
 
.300px img { 
width: 300px;
 
}
 
.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}
 
.someimage {
background: url("https://www.datazoa.com/img/vert_data_table.png");
background-image: url("https://www.datazoa.com/img/vert_data_table.png");
}
 
/* these colors match the native MediaWiki stylings */
.imgSnippetWrap1 { background-color: #f9f9f9; border: 1px solid #dddddd; padding: 1.5em; margin: 1em; margin-left: 2em; }
.imgWholeWrap1 { display: inline-block; vertical-align: middle; text-align: center; }
.imgGlyph24 { display: inline-block; vertical-align: middle; text-align: center; min-height: 24px; min-width: 24px; }
.imgGlyph16 { display: inline-block; vertical-align: middle; text-align: center; min-height: 16px; min-width: 16px; }