MediaWiki:Common.css

/** CSS placed here will be applied to all skins. ** ** See also: **   MediaWiki:Print.css  - for print CSS **   MediaWiki:Vector.css - for Vector only custom CSS ** **/

/* Override .print-only, which is set to display float right in MediaWiki:Print.css * * Why? */ .print-only { display:none }

/* Hide Sitenotice on Teflpedia:Feedback */

body.page-Teflpedia_Feedback #mw-dismissable-notice { display: none; }

/* TOC * * suppress numbering */ .tocnumber { display: none; }

/* Border radius classes * */ .radius-3 { -webkit-border-radius: 3px; -moz-border-radius:   3px; border-radius:        3px; } .radius-6 { -webkit-border-radius: 6px; -moz-border-radius:   6px; border-radius:        6px; } .radius-12 { -webkit-border-radius: 12px; -moz-border-radius:   12px; border-radius:        12px; }

/* Main Page, hide unneeded stuff * */ body.page-Main_Page #lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

/* Main Page, section boxes * */ .mp h2, .mp h2, .mp h2, .mp h2 { font-size: 150%; margin-top: 8px; padding: 8px 8px 4px; border: 2px solid #ABABAB; -moz-border-radius: 10px; border-radius: 10px; } /* blue colors */ .mp-color-1 h2 {background-color:#C9D9E3; color:#000;} .mp-color-2 h2 {background-color:#A0F0F0; color:#000;} .mp-color-3 h2 {background-color:#B8B8EF; color:#000;} .mp-color-4 h2 {background-color:#CFEEFF; color:#000;} /* Fall colors */ .mp-color-1 h2 {background-color:#FFC065; color:#3A0C00;} .mp-color-2 h2 {background-color:#F1DC94; color:#3A0C00;} .mp-color-3 h2 {background-color:#F6EF5A; color:#3A0C00;} .mp-color-4 h2 {background-color:#5AE47C; color:#3A0C00;}

.boxme { border: 2px solid #ABABAB; -moz-border-radius: 20px; border-radius: 20px; padding: 0px 10px 0px; background-color: #fff; }

/* Category pages, remove bullets from sub-category lists * */     margin-left: 0; }     display: block; }
 * 1) mw-subcategories ul, .mw-special-Categories ul {
 * 1) mw-subcategories li, .mw-special-Categories li {

/* ConfirmEdit QuestyCaptcha, on account creation page * */

div.captcha { background-color: #CBFFE9; padding: 0.7em; }

/* ConfirmEdit QuestyCaptcha, on account creation or add URL in edit * */

label[for=wpCaptchaWord] { color: green; font-size: 120%; }

/* Tables * * wikitable/prettytable class for skinning normal tables * (consider removing the "prettytable" class as redundant) */

table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em; }

table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; }

/* Template:Infobox * */

.infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; }

.infobox td, .infobox th { vertical-align: top; }

.infobox caption { font-size: larger; margin-left: inherit; }

.infobox.bordered { border-collapse: collapse; }

.infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; }

.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

/* Template:Sticky * * Using CSS3 ideas from http://net.tutsplus.com/tutorials/html-css-techniques/create-a-sticky-note-effect-in-5-easy-steps-with-css3-and-html5/ */

div.sticky { color: #000; background: #ffc; float: right; margin: 0.5em 5em 2em 0.5em; padding: 1em; border: 0; font-size: 100%; font-family:arial,sans-serif; font-weight: normal; text-decoration: none; display: block; height: 20em; width: 20em; overflow: auto; -moz-box-shadow:   5px 5px 7px rgba(33,33,33,1); -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7); box-shadow:        5px 5px 7px rgba(33,33,33,.7); -moz-transition:      -moz-transform .15s linear; -o-transition:          -o-transform .15s linear; -webkit-transition: -webkit-transform .15s linear; font-family: "Reenie Beanie", arial, sans-serif; -webkit-transform: rotate(-6deg); -o-transform:     rotate(-6deg); -moz-transform:   rotate(-6deg); }

div.sticky:hover, div.sticky:focus { box-shadow:        10px 10px 7px rgba(0,0,0,.7); -moz-box-shadow:   10px 10px 7px rgba(0,0,0,.7); -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7); -webkit-transform: scale(1.5); -moz-transform:   scale(1.5); -o-transform:     scale(1.5); position: relative; z-index: 5; }

/* Donate page -- Teflpedia:Donate * */

/* Teflpedia:Donate page background color to show progress bar against */ body.page-Teflpedia_Donate #mw-content-text { background-color:                             #E6F9FF;         /*fallback color if gradients are not supported*/ background-image: -webkit-linear-gradient(top, #D0F4FF, #fff 14%); background-image:   -moz-linear-gradient(top, #D0F4FF, #fff 14%); /*Fx 3.6 to 15*/ background-image:    -ms-linear-gradient(top, #D0F4FF, #fff 14%); /*IE 10      */ background-image:     -o-linear-gradient(top, #D0F4FF, #fff 14%); /*Opera 11 to 12*/ background-image:  linear-gradient(to bottom, #D0F4FF, #fff 14%); /*Standard (last)*/ }

/* Progress bar -- Template:Progress */ background-color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 * 1) tp-progress-bar {

/* Pregress bar progress */ background-color:                             #007F02; /*fallback color*/ background-image: -webkit-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); background-image:   -moz-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); /*Fx 3.6-15      */ background-image:    -ms-linear-gradient(top, white, #00AE022 20%, white, #00AE02 55%, white); /*IE 10          */ background-image:     -o-linear-gradient(top, white, #00AE02 20%, white, #00AE02 55%, white); /*Opera 11-12       */ background-image:  linear-gradient(to bottom, white, #80FF81 5%, #00AE02 55%, #00AE02 80%,  #80FF81 90%); /*Standard (last)*/ }
 * 1) tp-progress-bar-progress {

/* Donate Button * Make donation link stand out and look less like a menu item. * CSS adapted from Rational Wiki -- rationalwiki.org/wiki/MediaWiki:Vector.css */

background: none; border: none; height: 5em; }     list-style: none; text-align: center; margin: 0; }     color: blue; background: #FFCE7B; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: linear-gradient(top, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); border: 1px solid #FFA500; padding: 0.3em 1.5em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; font-weight: bold; font-size: larger; }     outline: none; text-decoration: none; background: #FFD794; background: -moz-linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: linear-gradient(top, #FFDFA8 0%, #FFD794 2%, #EBAD44 97%, #B3802B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFD794), color-stop(0.97, #EBAD44), color-stop(1.0, #B3802B)); }     background: -moz-linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: linear-gradient(bottom, #FFDFA8 0%, #FFCE7B 2%, #EBA42D 97%, #B3802B 100%); background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #FFDFA8), color-stop(0.02, #FFCE7B), color-stop(0.97, #EBA42D), color-stop(1.0, #B3802B)); }     display: none; }
 * 1) p-support {
 * 1) p-support ul {
 * 1) p-support a {
 * 1) p-support a:focus,
 * 2) p-support a:hover {
 * 1) p-support a:active {
 * 1) p-support h5,  /* MW 1.20.2 uses h5 sidebar headings */
 * 2) p-support h3 { /* MW 1.21.0 uses h3 sidebar headings */

position: relative; left: -0.5em; background: none !important; /* hide the gray line */ }
 * 1) p-support div.body {