MediaWiki:Vector.css
Jump to navigation
Jump to 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#content {
font-family: fedra;
}
.visualClear {
clear: both;
}
/* general styles */
table {
/* we don't want the bottom borders of <h2>s to be visible through
floated tables */
background-color: white;
}
fieldset table {
/* but keep table layouts in forms clean... */
background: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: neohellenic;
font-weight: bold;
margin: 0;
border-bottom: 1px dotted #BBB;
font-size: 100%;
}
h1 { font-size: 200%; border: none }
h2 { font-size: 160%; padding-top: 1.5em; }
h3 { font-size: 142%; }
h4 { font-size: 128%; }
h5 { font-size: 114%; }
h6 { font-size: 100%; }
dl {
margin-top: .5em;
}
abbr, acronym, .explain {
border-bottom: 1px dotted black;
color: black;
background: none;
cursor: help;
}
/* user notification thing */
.success {
color: green;
font-size: larger;
}
.error {
color: red;
font-size: larger;
}
.errorbox, .successbox {
font-size: larger;
border: 2px solid;
padding: .5em 1em;
float: left;
margin-bottom: 2em;
color: #000;
}
.errorbox {
border-color: red;
background-color: #fff2f2;
}
.successbox {
border-color: green;
background-color: #dfd;
}
.errorbox h2, .successbox h2 {
font-size: 1em;
font-weight: bold;
display: inline;
margin: 0 .5em 0 0;
border: none;
}
/* images */
div.floatright, table.floatright {
clear: right;
float: right;
position: relative;
}
div.floatleft, table.floatleft {
float: left;
clear: left;
position: relative;
}
/* thumbnails */
div.thumb {
border-style: solid;
border-color: white;
}
div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;
}
div.tleft {
float: left;
clear: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
}
.hiddenStructure {
display: none;
}
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
width: 11em;
font-family: fedra;
font-size: 110%;
}
.portlet ul {
list-style-image: none;
}
.pBody {
background-color: none;
border: 0;
}
body {
background-color: white;
}
#bodyContent {
font-size: 100%;
}
/* Fonts */
body, #content, .portlet { font-family: fedra, fallback-fonts; }
body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold; }
body i, #content i, .portlet i, i, em { font-family: fedra-italic; }
body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic; }
h1, h2, h3, h4, h5, h6 { font-family: neohellenic-bold, fallback-fonts; }
/* Links */
a:link, a:visited {
text-decoration: none;
}
a:hover { /* must come _after_ a:link and a:visited */
text-decoration: underline;
}
a:active { /* must come _after_ a:hover */
text-decoration: none;
}
#content a {
color: darkgreen;
}
#content a.new, #p-personal a.new {
color: #ba0000;
}
#content a.new:visited, #p-personal a.new:visited {
color: #a55858;
}
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] { /* remove the external link icon */
background: none;
padding-right: 0;
}
/* Fonts */
@font-face {
font-family: 'fedra';
src: url('skins/monobook/FedraSans-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fedra-bold';
src: url('skins/monobook/FedraSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'fedra-italic';
src: url('skins/monobook/FedraSans-LightItalic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'fedra-bold-italic';
src: url('skins/monobook/FedraSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'neohellenic';
src: url('skins/monobook/gfsneohellenic.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'neohellenic-bold';
src: url('skins/monobook/gfsneohellenicbold.otf') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'neohellenic-italic';
src: url('skins/monobook/gfsneohellenicit.otf') format('opentype');
font-weight: normal;
font-style: italic;
}
/* Page body */
#column-content {
margin: 4.9em 0 .6em -12.2em;
}
#content {
border-left: 2px solid #ccc;
padding-left: 1.2em;
padding-top: 0;
}
/* Logo */
#p-logo {
position: relative;
height: 111px;
}
#p-logo,
#p-logo a,
#p-logo a:hover {
height: 111px;
width: 9.5em;
margin-bottom: 2em;
}
/* Article heading */
h1#firstHeading {
padding-top: 0;
border-bottom: 1px solid #ccc;
z-index: 105;
}
/* Search */
#p-search {
position: absolute;
top: 2em;
left: 12em;
width: auto;
}
#p-search .pBody {
padding: 0;
text-align: left;
}
#searchInput, #searchGoButton {
margin: 0;
font-size: .8em;
background-color: white;
}
input.searchButton {
font-size: 90%;
}
#searchInput {
width: 36em;
height: 2.2em;
font-size: 90%;
padding: .2em;
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em;
}
#searchGoButton {
width: 2em;
height: 28px;
align: center;
font-weight: normal;
border: 0;
}
#p-search #mw-searchButton {
display: none !important;
}
/* Search Suggest box */
.os-suggest {
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em;
border-top: 0;
padding-top: 2px;
z-index: 110;
}
.os-suggest-result {
background-color: white;
z-index: 110;
}
.os-suggest-result, .os-suggest-result-hl, .os-suggest-result-hl-webkit {
font-family: fedra;
z-index: 110;
}
/* Top/personal menu */
#p-personal .pBody {
position: absolute;
right: 1em;
top: 2.4em;
}
#p-personal ul {
padding: 0;
padding-right: 3em;
font-size: 0.9em;
text-transform: none;
text-align: left;
}
#p-personal li a {
color: #666;
}
#p-personal li a:hover {
text-decoration: underline;
}
li#pt-mytalk, li#pt-watchlist, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
display: none !important;
}
/* Article menu */
#p-cactions {
left: 0;
width: 100%;
padding: 0;
top: 0;
right: 0;
}
#p-cactions .pBody {
position: absolute;
top: 8.7em;
right: 3.7em;
z-index: 100;
margin-left: 1em;
}
#p-cactions li.selected {
border-color: none;
padding: 0;
}
#p-cactions li {
border: 0;
padding: 0;
background: none;
}
#p-cactions li a {
color: #000;
background-color: #CCC;
}
#p-cactions li a:hover {
text-decoration: underline;
}
#p-cactions .new a {
color: #000; /*#ba0000;*/
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
margin-left: 0;
margin-right: 0;
}
li#ca-delete, li#ca-protect, li#ca-purge {
display: none !important;
}
#p-cactions li, #p-cactions ul {
margin: 0;
}
#p-cactions li a, #p-cactions .new a {
color: #0645ad;
background: none;
margin: 0;
padding: 0 .4em .3em;
text-transform: none;
}
li#ca-talk {
margin-right: 1.6em;
}
/* Navigation, Toolbox*/
#p-navigation ul, #p-tb ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.9em;
line-height: 1.6em;
}
#p-navigation h5, #p-search h5, #p-tb h5,
#p-tb #t-pdf, #p-tb #t-specialpages, #p-tb #t-recentchangeslinked, #p-tb #t-smwbrowselink {
display: none !important;
}
#p-navigation a, #p-tb a, #p-personal a, #p-personal li a, #p-personal a.new {
color: #0645ad;
}
/* For positioning icons at top-right, used in Templates
"Spoken Article" and "Featured Article" */
div.topicon {
position: absolute;
top: -2em;
margin-right: -10px;
display: block !important;
}
/* FR topicon position */
div.flaggedrevs_short {
position: absolute;
top: -3em;
right: 80px;
z-index: 1;
margin-left: 0;
/* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget */
margin-right: -10px;
}
/* Article list */
#column-content ul {
list-style: none;
padding: 0;
margin: 0;
}
#column-content li {
padding-left: 1em;
margin-bottom: .3em;
text-indent: -1.1em;
}
#column-content li:before {
content: "•";
color: #666;
padding-right: .2em;
}
#column-content .dpl li:before { /* Dynamic Page List - used to list pages in categories */
content: none;
padding-right: 0;
}
/* Article References */
sup {
font-size: .7em;
bottom: 1ex;
line-height: 1em;
padding-left: 0;
margin-left: 0;
}
.references-small {
font-size: .8em;
}
/* Search results */
#mw-search-top-table #powerSearchText, #mw-search-top-table #searchText, #mw-search-top-table input:nth-of-type(5),
#mw-searchoptions,
.mw-search-formheader li:nth-of-type(3), .mw-search-formheader li:nth-of-type(5) {
display: none !important;
}
/* Login form */
.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special {
display: none !important;
}
div#userloginForm form,
div#userlogin form {
width: 100%;
}
div#userloginForm form h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
border-bottom: 1px solid #ccc;
margin-bottom: .1em;
line-height: 1.2em;
padding-bottom: 0;
font-family: neohellenic-bold;
font-weight: bold;
font-size: 200%;
}
div#userloginForm form,
div#userlogin form#userlogin2,
div#userloginForm table,
div#userlogin form#userlogin2 table {
background-color: white;
border: 0;
padding: 0;
}
div#userlogin .captcha,
div#userloginForm .captcha {
margin-bottom: 1em;
}
/* Article Table */
.toccolours {
background-color: white;
border: 0;
padding: 0;
}
.toccolours th {
border-bottom: 1px solid #ccc;
}
.toccolours .tocpadding {
padding-left: 1em;
padding-right: 1em;
}
/* Article TOC */
#toc,
.toc,
.mw-warning {
background-color: #f4f4f4;
padding: 5px;
border: 0;
-moz-border-radius: .3em;
border-radius: .3em;
}
#column-content #toc ul, #toc ul, .toc ul {
list-style: none;
}
#column-content #toc li, #toc li, .toc li {
padding-left: 0;
margin-bottom: .3em;
text-indent: 0;
}
#column-content #toc li:before, #toc li:before, .toc li:before {
content: none;
padding-right: 0;
}
#toc li .toclevel-2 {
float: left;
margin-right: .5em;
}
#toc li:last-child {
float: none;
}
.tocnumber, #toc li .toclevel-3, #toc li .toclevel-4, #toc li .toclevel-5, #toc li .toclevel-6 {
display: none !important;
}
/* Article Edit section links */
h2 .editsection {
font-family: fedra;
font-weight: normal;
color: transparent;
font-size: .7em;
}
h2 .editsection a {
font-weight: normal;
font-size: .7em;
}
/* Twitter feed */
// https://twitter-widgets.s3.amazonaws.com/j/2/widget.css
.twtr-widget {
align: right;
margin: auto;
font-family: fedra;
font-size: 100%;
}
.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
font-size: 110%;
font-family: fedra-italic;
}
.twtr-ft {
display: none !important;
}
.twtr-tweet:last-child {
border-bottom-width: 1px!important;
border-bottom-style: solid!important;
border-bottom-color: #f0f0f0!important;
}
/* Article category links */
.catlinks {
background-color: #f4f4f4;
border: 0;
padding-top: .5em;
padding-bottom: .5em;
padding-left: .8em;
padding-right: .8em;
-moz-border-radius: .3em;
border-radius: .3em;
}
/* Bottom menu */
#privacy, #disclaimer {
display: none !important;
}
/* Footer */
#footer {
background-color: none;
border: 0;
text-align: left;
color: #666;
}
#footer a {
color: #666;
}
#footer ul {
list-style-type: none;
list-style-image: none;
}
#footer li {
list-style-type: none;
margin: 0 0.5em;
}
#f-poweredbyico, #f-copyrightico {
display: none;
}
#footer, #f-list {
padding-left: 0;
margin-left: 0;
font-family: fedra;
}
/* QuickLink extension css - Article editor */
input#QuickLinkInput {
font-family: fedra, fallback-fonts;
font-size: .8em;
border: 1px solid #aaa;
-moz-border-radius: .3em;
border-radius: .3em;
width: 15em;
height: 1.6em;
}
#QuickLinkResults {
padding: 0.5em 0.5em 0.5em 0.5em;
}
#QuickLinkResults a.selected {
background-color: darkgreen;
}
/* CategoryTree extension css - transcluded categories */
.CategoryTreeLabelPage,
.CategoryTreeNotice,
.CategoryTreeParents {
font-style: normal;
}
