MediaWiki:Vector.css

/* CSS placed here will affect users of the Vector skin */

/**
 * Use open fonts.
 */
body, .body {
    font-family: "Open Sans", "Trebuchet MS", sans-serif;
}
h1, h2, h3, h4, h5, h6, .huge, .large {
    font-family: "Open Sans Light", "Open Sans", "Trebuchet MS", sans-serif;
}
pre, code, tt, kbd, samp, textarea, .mw-code {
    font-family: Fira Mono, monospace;
}

/**
 * Sandstone background.
 */
body {
    background: url('//www.mozilla.org/media/img/sandstone/bg-gradient-sand.png') repeat-x scroll 0% 0%, url('//www.mozilla.org/media/img/sandstone/bg-sand.png') repeat scroll 0% 0%, none repeat scroll 0% 0% #F5F1E8;
}

/**
 * Improve text readability.
 */
div#bodyContent {
    font-size: 0.9em;
}
h1#firstHeading,
div#bodyContent h1,
div#bodyContent h2 {
    font-weight: normal;
}
div#bodyContent h3,
div#bodyContent h4,
div#bodyContent h5,
div#bodyContent h6 {
    font-weight: bold;
}
h1#firstHeading,
div#bodyContent h1 {
    font-size: 200%;
    margin-top: 1em;
}
div#bodyContent h2 {
    font-size: 150%;
}
div#bodyContent h3 {
    font-size: 140%;
}
div#bodyContent h4 {
    font-size: 130%;
}
div#bodyContent h5 {
    font-size: 120%;
}
div#bodyContent h6 {
    font-size: 110%;
}
div#bodyContent table.toc h2,
div#bodyContent table#toc h2 {
    font-size: 100%;
    font-weight: bold;
}

#mw-page-base {
    background: none;
}
div#mw-head {
    background: none;
}
div#mw-panel div.portal div.body ul li a { color: rgb(0,150,221); }
div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited { color: rgb(0,83,159); }
a, a.external, a.free { color: rgb(0,150,221); }
a:hover, a:visited, a.external:visited, a.free:visited { color: rgb(0,83,159); }
a.new, a.new:hover {color: rgb(175,50,50);}

/**
 * Special styling for the Main Page.
 */
body.page-Main_Page div#content h1,
body.page-Main_Page div#content h2,
body.page-Main_Page div#content h3,
body.page-Main_Page div#content h4,
body.page-Main_Page div#content h5,
body.page-Main_Page div#content h6 {
    margin: inherit;
    font-weight: bolder;
}

/* added by dria, oct 2014 */
/* copying custom css stuff over from Cavendish.css to Gmo.css to Vector.css */

#mBody a[href ^="ircs://"],
.link-ircs {
    background: url("skins/cavendish/discussionitem_icon.gif")  center right no-repeat;
    padding-right: 18px;
}

/* Styles used for the accessibility tables at Accessibility/Comparisons. */

/* Light-green background color */
.OK {
 background-color: rgb(153, 255, 153);
}

/* Light-yellow background color */
.maybe {
 background-color: rgb(255, 255, 204); 
}

/* "Disabled look"; greyed-out text */
.irrelevant {
 color: rgb(153, 153, 153); 
}

/* Used by Template:Amo, appearing on most Update: pages */
ul.selectable li.selected {
    font-weight: bold;
}

/* Used for IRC logs (bug 461619) */
/* Apply to the first column */
.irc-log tr > td:first-child {
    color: #555;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}

.irc-log tr td {
    border-bottom: 1px solid #DDD;
}

/* Apply to the last column (assuming a 3 col. table) */
.irc-log td + td + td {
    color: #555;
    font-size: 80%;
    vertical-align: top;
}

.roadmapsummary {
    border: solid black 3px;
    margin: 0 auto 10px auto;
    width: 100%;
    border-collapse: collapse;
}

.roadmapsummary td {
    padding: 5px;
}

.roadmapsummaryicon {
    border-right: solid black 2px;
}

.roadmapsummarytitle {
    font-size: 130%;
    font-weight: bold;
    background: #C00;
    color: #FFF;
}

.roadmapsummarytitle a {
    color: #FFF;
    text-decoration: none;
}

.roadmapsummaryowner {
    border-right: solid black 1px;
    border-bottom: solid black 1px;
}

.roadmapsummaryupdated {
    border-right: solid black 1px;
    border-bottom: solid black 1px;
    width: 30%;
}

.roadmapsummarystatus {
    border-bottom: solid black 1px;
    width: 20%;
}

.roadmapsummarydesc {
    font-size: 90%;
    font-style: italic;
}

code {
    font-size: 125%;
}

dt {
    text-transform: none;
}

.catlinks {
    border: solid #AAA 1px;
    background: #DDD;
    font-size: 80%;
    padding: 3px 8px 3px 8px;
}

.catlinks a {
    color: #333;
}

/* Added by dria, May 17, 2011 */
.featureinfobox {
    width: 100%;
    border-collapse: collapse;
    border: solid black 1px;
    font-size: 90%;
}

.featureinfobox td {
   padding: 0px 4px 0px 4px;
}

.featurename {
    background: #000;
    color: #FFF;
    padding: 20px 0px 5px 0px;
    font-weight: bold; 
    font-size: 130%;
}

.featuretarget {
    background: #000;
    color: #FFF; 
    font-weight: bold; 
    font-size: 130%;
}

.featurelabel {
    font-weight: bold; 
    background: #CCC;
    border: solid grey 1px;
    vertical-align: top;
}

.featurevalue {
   border: solid grey 1px;
}

.fullwidth-table-header {
    background: #DDD;
    font-weight: bold;
}

.tocbody {
    width: 500px;
}

#localnav {
    max-width: 100%;
    width: 500px;
}

/* added Dec 15, 2011 by dria */

table.horizontal-stripes tr:nth-of-type(odd) {
   background-color:#ccc;
}

table.vertical-stripes td:nth-of-type(odd) {
   background-color:#ccc;
}

/* Added by dria, June 22, 2011 */
.formlabel {
    text-align: left;
    vertical-align: top;
    font-size: 90%;
    width: 200px;
    min-width: 200px;
    font-weight: bold;
}

.formlabelrequired {
    text-align: left;
    vertical-align: top;
    font-size: 90%;
    width: 200px;
    min-width: 200px;
    font-weight: bold;
    color: #D00;
}

.querytable {
    background: #FFF;
    border: 1px solid #666;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
    font-size: 90%;
}
.querytable td {
    border: 1px solid #BBB;
    padding: 2px 4px;
    text-align: left;
    vertical-align: top;
}

.querytable td.header {
    background: #DDD;
    border: 1px solid #BBB;
    font-weight: bold;
    text-align: left;
}

#header h1 {z-index: auto;}

td.P1 {
    background: #CFC;
}

td.P2 {
    background: #CFF;
}

td.P3 {
    background: #CCF;
}

.OK {
    background: #CFC;
}

.Blocked {
    background: #FFC;
}

.risk {
    background: #FCC;
}

.progress {
    background: #FFC;
}

.Complete {
    background: #CFC;
}

.Assigned {
    background: #9FF;
}

.yes {
    background: #CFC;
}

.maybe {
    background: #FFC;
}

.no {
    background: #FCC;
}

.refreshbutton {
    border: solid #8A8 2px;
    background: #DFD;
    text-align: center;
    padding: 5px;
    margin: 10px 5px 10px 0px;
    width: 250px;
    font-size: 120%;
    font-weight: bold;
}

.refreshbutton a {
    color: #000;
}

/* added Oct 15, 2012 by dria */

.bugzilla {
    background: #FFF;
    border: 1px solid #666;
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
    font-size: 90%;
}
.bugzilla td {
    border: 1px solid #BBB;
    padding: 2px 4px;
    text-align: left;
    vertical-align: top;
}

.bugzilla th {
    background: #DDD;
    border: 1px solid #BBB;
    font-weight: bold;
    text-align: left;
}

/**
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

/** more prettification **/
.note {
    margin: 10px 0px 10px 0px;
    border: 2px solid orange;
    padding: 10px;
    background-color: #FFC;
    text-align: center;
    font-size: 90%;
}

/** different prettification **/
.androidnav {
    margin: 10px 0px 10px 0px;
    border: 2px solid #89A;
    padding: 5px;
    background-color: #B0C4DE;
    text-align: center;
    font-size: 80%;
}


/* added alisonw 2014-05-01 re bug 522180 */
#nav li.new a {color: #B91E27 !important;}
#nav a:hover, 
#nav a:focus, 
#nav li.new a:hover, 
#nav li.new a:focus {text-decoration: none; color: #F59D56 !important;}