Difference between revisions of "MediaWiki:Common.css"

From dataZoa Wiki
Jump to: navigation, search
 
(202 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
/* Thematic Stylings - G */
 +
.GtextForVideo { width: 540px; max-width: 540px; padding: 5px; }
 +
 +
.GfakeTab { display: inline-block; padding: 0.5em 1.0em; line-height: 1.3; font-family: Verdana,Arial,sans-serif; font-weight: bold; background-color: #eeeeee; border: 1px solid black; border-bottom: 2px solid black; border-top-left-radius: 3px; border-top-right-radius: 3px; margin: 0.2em; margin-bottom: -2px; }
 +
.GfakeTabGroup { display: inline-block; padding: 0.5em 1.0em; line-height: 1.3; font-family: Verdana,Arial,sans-serif; font-weight: bold; font-size: 0.8em !important; background-color: #fcfcfc; border: 1px solid black; border-bottom: 2px solid black; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-bottom: 0px; margin-left: 0.5em; margin-right: 0.5em; }
 +
 +
.GKeyTips { display: inline-block; vertical-align: middle; border: 3px orange solid; padding: 1.5em; }
 +
 +
.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; }
 +
.Gdib { display: inline-block; }
 +
.Gfwb { font-weight: bold; }
 +
 +
.HPButton2 { padding:6px 12px; font-weight:bold; text-decoration:none; border-width:2px; border-style:solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
 +
.DZGreenBut2NoHover { border-color:#27885e; background-color:#27b05e; color:#FFFFFF; text-shadow:0px 0px 2px #666666; }
 +
.DZGreenBut2 { border-color:#27885e; background-color:#27b05e; color:#FFFFFF; text-shadow:0px 0px 2px #666666; }
 +
.DZGreenBut2:hover { background-color:#FFFFFF; color:#19A0CD; text-shadow:none; }
 +
 +
.DZGrayButRnd { display:inline-block; padding:0.35em 1.0em; text-align:center; vertical-align:bottom; background-color:#F0F0F0; border:1px solid #555555; border-radius:3px; cursor:pointer; user-select:none; }
 +
 +
/* trying to hide top of iframe from display 170110 */
 +
.te-stripe2-capsule { display: none; }
 +
 +
/* 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 */
 +
background-color: #26c04a
 +
}
 +
 +
/* change the size of the dZ logo in the Vector Skin */
 
#p-logo a {
 
#p-logo a {
−
background-size: 150px 50px;
+
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 {
 
#mw-head {
−
background-color: #27AE60;
+
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 from 100% to 60% for less fade */
 +
}
 +
 +
/*
 
#mw-head-base {
 
#mw-head-base {
−
background-color: #27AE60;
+
/* background-color: #50CC22; */
 
}
 
}
−
   
+
 
 +
#mw-panel {
 +
background-color: ;
 +
}  
 +
 
 
body {
 
body {
−
background-color: #27AE60;
+
background-color: rgba(80, 204, 34, 0.6); /* RB 161121 colors the sidebar at left */
 
}
 
}
 +
END GONE */
 +
  
 
#innerbodycontent {
 
#innerbodycontent {
Line 27: Line 150:
 
#offCanvas {
 
#offCanvas {
 
border-radius: 12px;
 
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; margin: .15em; }
 +
.imgGlyph16 { display: inline-block; vertical-align: middle; text-align: center; min-height: 16px; min-width: 16px;  margin: .15em; }
 +
 +
/* formatting for tooltips on individual data source pages */
 +
.dataToolTip {
 +
background-color: #f9f9f9;
 +
border-width:1px;
 +
border-style: solid;
 +
border-color: #aaa;
 +
padding:5px;
 +
width:540px
 +
}
 +
 +
.dataToolTip li {
 +
margin-left:20px
 
}
 
}

Latest revision as of 11:59, 10 September 2018

/* CSS placed here will be applied to all skins */
 
/* Thematic Stylings - G */
.GtextForVideo { width: 540px; max-width: 540px; padding: 5px; }
 
.GfakeTab { display: inline-block; padding: 0.5em 1.0em; line-height: 1.3; font-family: Verdana,Arial,sans-serif; font-weight: bold; background-color: #eeeeee; border: 1px solid black; border-bottom: 2px solid black; border-top-left-radius: 3px; border-top-right-radius: 3px; margin: 0.2em; margin-bottom: -2px; }
.GfakeTabGroup { display: inline-block; padding: 0.5em 1.0em; line-height: 1.3; font-family: Verdana,Arial,sans-serif; font-weight: bold; font-size: 0.8em !important; background-color: #fcfcfc; border: 1px solid black; border-bottom: 2px solid black; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-bottom: 0px; margin-left: 0.5em; margin-right: 0.5em; }
 
.GKeyTips { display: inline-block; vertical-align: middle; border: 3px orange solid; padding: 1.5em; }
 
.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; }
.Gdib { display: inline-block; }
.Gfwb { font-weight: bold; }
 
.HPButton2		{ padding:6px 12px; font-weight:bold; text-decoration:none; border-width:2px; border-style:solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.DZGreenBut2NoHover	{ border-color:#27885e; background-color:#27b05e; color:#FFFFFF; text-shadow:0px 0px 2px #666666; }
.DZGreenBut2		{ border-color:#27885e; background-color:#27b05e; color:#FFFFFF; text-shadow:0px 0px 2px #666666; }
.DZGreenBut2:hover	{ background-color:#FFFFFF; color:#19A0CD; text-shadow:none; }
 
.DZGrayButRnd	{ display:inline-block; padding:0.35em 1.0em; text-align:center; vertical-align:bottom; background-color:#F0F0F0; border:1px solid #555555; border-radius:3px; cursor:pointer; user-select:none; }
 
/* trying to hide top of iframe from display 170110 */
.te-stripe2-capsule { display: none; }
 
/* 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 */
background-color: #26c04a
}
 
/* 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 from 100% to 60% 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; margin: .15em; }
.imgGlyph16 { display: inline-block; vertical-align: middle; text-align: center; min-height: 16px; min-width: 16px;  margin: .15em; }
 
/* formatting for tooltips on individual data source pages */
.dataToolTip {
background-color: #f9f9f9;
border-width:1px;
border-style: solid;
border-color: #aaa; 
padding:5px; 
width:540px
}
 
.dataToolTip li {
margin-left:20px
}
Retrieved from "http://docwiki.datazoa.com/index.php?title=MediaWiki:Common.css&oldid=3867"