Difference between revisions of "MediaWiki:Vector.css"

Revision as of 19:13, 17 December 2014

body {
  background-color: white;
  width: 82%;
  max-width: 1050px;
}

body, div#content, #mw-page-base, #mw-head-base, div#footer,
div.vectorTabs, div.vectorTabs ul li, div.vectorTabs li.selected, div.vectorTabs span,
div.vectorMenu, div.vectorMenuFocus, div#mw-head div.vectorMenu h5,div.vectorMenu h5 a,
div#simpleSearch {
  background: none;
  background-image: none;
  background-color: white;
}

/* Fonts */
body, #content, .portlet { font-family: fedra, Palatino, "times new roman"; }
body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold, Palatino, "times new roman"; }
body i, #content i, .portlet i, i, em { font-family: fedra-italic, Palatino, "times new roman"; }
body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic, Palatino, "times new roman"; }
h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join, div#content h2#filehistory, div#content h2#filelinks { font-family: neohellenic-bold, geneva, lucida; } 
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i  { font-family: neohellenic-italic, geneva, lucida; } 

h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join {
  margin: 0;
  border-bottom: 1px dotted #BBB;
  font-size: 100%;
}

div#content h1#firstHeading, h1 .firstheading { 
    font-size: 1.7em; 
    border-bottom: 1px solid #ccc;
    font-family: neohellenic-bold, geneva, lucida; 
    z-index: 105;
  }
  h2 .mw-headline, h2 .mw-version-ext, h2 .mw-headline a, div#content div#userloginForm h2 .createaccount-join { font-size: 1.05em; padding-top: 1.5em; font-family: neohellenic-bold, geneva, lucida; }
  h2 .mw-headline i { font-size: 1em; font-family: neohellenic-italic, geneva, lucida; }
  h3 .mw-headline, h3 .mw-version-ext, h3 .mw-headline a { font-size: 1.15em; font-family: neohellenic-bold, geneva, lucida; }
  h3 .mw-headline i { font-size: .85em; font-family: neohellenic-italic, geneva, lucida; }
  h4 .mw-headline, #toctitle h2 { font-size: 1.1em; font-family: neohellenic, geneva, lucida; }
  h5 .mw-headline { font-size: 1em; font-family: neohellenic, geneva, lucida; }
  h6 .mw-headline { font-size: 1em; font-family: neohellenic, geneva, lucida; }

dl {
	margin-top: .5em;
}

/* Links */
a:link, a:visited {
  text-decoration: none;
}

div#content a.external, div#content a.external:visited {
  color: #36b;
}

a:hover { /* must come _after_ a:link and a:visited */
  text-decoration: underline;
}
  
a:active { /* must come _after_ a:hover */
  text-decoration: none;
}

div#content a.external,
div#content 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.woff') format('woff'),
         url('skins/monobook/fedrasans-light.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-bold';
    src: url('skins/monobook/fedrasans-bold.woff') format('woff'),
         url('skins/monobook/fedrasans-bold.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasans-bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-italic';
    src: url('skins/monobook/fedrasans-lightitalic.woff') format('woff'),
         url('skins/monobook/fedrasans-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasans-lightitalic.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fedra-bold-italic';
    src: url('skins/monobook/fedrasans-bolditalic.woff') format('woff'),
         url('skins/monobook/fedrasans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasans-boldtitalic.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'neohellenic';
    src: url('skins/monobook/gfsneohellenic.woff') format('woff'),
         url('skins/monobook/gfsneohellenic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-bold';
    src: url('skins/monobook/gfsneohellenicbold.woff') format('woff'),
         url('skins/monobook/gfsneohellenicbold.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenicbold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'neohellenic-italic';
    src: url('skins/monobook/gfsneohellenicit.woff') format('woff'),
         url('skins/monobook/gfsneohellenicit.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/gfsneohellenicit.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* Left panel */
#mw-panel {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

div#mw-panel {
  top: 70px;
  width: 11em;
  clear: both;
  padding-left: 0;
  border: 0;
}

/* Logo */
#p-logo {
  position: relative; 
  height: 140px;
  top: -50px;
  margin-left: -0.5em;
}
#p-logo,
#p-logo a,
#p-logo a:hover {
  height: 140px;
  width: 10em;
}

/* Main menu */
#p-navigation, #p-tb, div#content #p-navigation, div#content #p-tb {
  font-size: 1.1em;
  margin-left: 0;
  padding-left: 0;
  border: none !important;
}

div#mw-panel.collapsible-nav div.portal {
  background: none !important;
  margin: 0;
  padding: 0;
}
div#mw-panel.collapsible-nav div.portal div.body  {
  margin: 0;
  margin-left: 8px;
  margin-top: -7px;
}

div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal {
  background: none !important;
  .background-image('images/null.gif');
  padding-top: 0;
}
div#mw-panel div.portal div.body ul {
  padding: 0 !important;
}
div#mw-panel div.portal h5,
div#mw-panel div.portal div.body ul li {
  line-height: normal;
  margin: 0;
  padding-left: 0;
  padding-right: .3em;
}

li#n-recentchanges {
  margin-top: 1.3em !important; 
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited,
div#p-personal a, div#right-navigation a, div#left-navigation a {
  color: black !important;
}

div#p-tb {
//  border: none !important;
//  margin-top: -0.4em !important;
//  margin-bottom: 2em !important;
//  margin-left: -0.1em !important;
}

/* Page body */
div#content {
  margin-left: 11em;
  border-left: 2px solid #ccc;
  margin-top: 1.8em;
  padding-left: 1em;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-right: 0;
  font-size: 1em;
  color: black;
  border-top: none;
  border-bottom: none;
}

div#content a {
  color: darkgreen;
}
div#content a.new {
  color: #ba0000;
}

/* Search */
#p-search {
  position: absolute;
  top: 1.6em;
  left: 11.6em;
  width: auto;
  padding: 0;
  text-align: left;
}

div#simpleSearch, #searchInput {
  width: 25em;
  height: 1.8em;
  background-color: white;
  padding: .2em;
  font-size: 1em;
  font-family: fedra, Palatino, "times new roman";
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

div#simpleSearch #searchInput {
  font-size: .9em;
  margin-top: .25em;
  margin-left: .2em;
}

#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, Palatino, "times new roman";
  z-index: 110;
} 

/* Top/personal menu */
#p-personal {
  position: absolute;
  right: .4em;
  top: 2.6em;
}

#p-personal ul {
  padding: 0;
  text-transform: none;
  text-align: left;
}

#p-personal li {
  font-size: .8em;
  margin-left: 1.5em;
}

li#pt-mytalk, li#pt-mycontris, li#pt-anontalk, li#pt-anonuserpage {
  display: none !important;
}

/* Article heading */
//h1#firstHeading {
//  padding-top: 0;
//  border-bottom: 1px solid #ccc;
//  z-index: 105;
//}

/* Article menu */
#left-navigation {
  position: static;
  float: right;
  margin-left: .5em;
  margin-right: 0;
  margin-top: 6.6em;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  z-index: 107;
}

#right-navigation {
  position: static;
  float: right;
  margin-top: 6.6em;
  margin-right: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  z-index: 107;
}

#p-namespaces li.selected, #p-views li.selected, #p-personal li.selected {
  font-family: fedra-bold, Palatino, "times new roman";
}

#p-cactions.vectorMenu,
#p-variants.vectorMenu,
li#ca-delete, li#ca-protect, 
#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,
#p-tb #p-tb-label {
    display: none !important;
}

/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */
div.topicon {
  position: absolute;
  top: -5em;
  margin-right: -17px;
  display: block !important;
  z-index: 111;
}
 
/* 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 */
#content ul {
  list-style: none;
  padding: 0;
  margin: .3em 0 0 .3em;
}

#content ul li { 
  padding-left: 1em; 
  margin-bottom: .3em;
  text-indent: -0.9em;
}

#content ul li:before {
  content: "•";
  color: #666;
  padding-right: .2em;
}

#content ul.gallery li { /* Gallery */
  padding-left: 0;
  text-indent: 0;
}

/* The backgrounds for galleries. */
div#content .gallerybox div.thumb {
    /* remove Light gray padding */
    background-color: white;
}

/* remove 15px margin 
ul.gallery li.gallerybox div.thumb img { 
    margin: 0 auto;
}
*/

#content .dpl li:before,  /* Dynamic Page List - used to list pages in categories */
#content .catlinks li:before, /* Category links */
#content .mw-search-formheader li:before, /* Search types */
#content .mw-search-results li:before, /* Search results */
#content .gallery li:before, /* Gallery */
#content .references li:before { /* Notes */
  content: none;
  padding-right: 0;
}

/* doesn't work -- remove 'Categories' */
#content .catlinks a:first_child { display: none !important; } 

#content .catlinks li { /* Category links */
  padding-left: 1.7em; 
}

/* 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 */
#userlogin, #userloginForm {
  border: 0;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}

#userlogin {
  min-width: 20em;
  max-width: 100%;
}

.page-Special_UserLogin h1.firstHeading, .page-Special_UserLogin li#ca-nstab-special, 
.page-Special_UserLogin #contentSub, #loginstart {
    display: none !important;
}

div#userloginForm form h2,
div#userlogin form#userlogin2 h2 {
  padding-top: 0;
  margin-top: 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: .1em;
  line-height: 1.2em;
  padding-bottom: 0;
  font-family: neohellenic-bold, geneva, lucida;
  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;
  padding: 1em;
  width: 70%;
  border: 1px solid #ccc;
}

/* 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 ul li, #toc ul li, .toc ul li { 
  padding-left: 1.3em; 
  margin-bottom: .3em;
}

#column-content #toc ul li:before, #toc ul li:before, .toc ul li:before {
  content: none;
}

.tocnumber, #toc ul li .toclevel-4, #toc ul li .toclevel-5, #toc ul li .toclevel-6 {
  display: none !important;
}

/* Article Edit section links */
h2 .mw-editsection-bracket, h3 .mw-editsection-bracket, h4 .mw-editsection-bracket {
  font-family: fedra, Palatino, "times new roman";
  font-weight: normal;
  color: transparent;
  font-size: .8em;
}

h2 .mw-editsection, h3 .mw-editsection, h4 .mw-editsection {
  float: right;
}

h2 .mw-editsection a, h3 .mw-editsection a, h4 .mw-editsection a {
  font-weight: normal;
  font-size: .8em;
}

/* Infobox */
.infobox {
  background-color: white;
  border-color: #ddd;
}

/* Twitter feed */
// https://twitter-widgets.s3.amazonaws.com/j/2/widget.css
.twtr-widget {
  align: right;
  margin: auto;
  font-family: fedra, Palatino, "times new roman";
  font-size: 100%;
}

.twtr-timestamp, .twtr-reply, .twtr-rt, .twtr-fav {
  font-size: 110%;
  font-family: fedra-italic, Palatino, "times new roman";
}

.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 */
div#footer {
  padding-left: 1.8em;
  margin-top: 2em;
  bottom: 0;
}

div#footer a {
  color: #666;
}

div#footer li {
  list-style-type: none;
  margin: 0 0.5em;
}

div#footer ul li {
  padding-top: 0;
  padding-bottom: 0;
  color: #666;
  font-size: .75em;
  line-height: 1.5em;
}

div#footer #footer-info li,
div#footer #footer-icons li,
div#footer #footer-places li {
  line-height: 1.5em;
}

#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer, li#footer-places-privacy {
  display: none !important;
}

/* QuickLink extension css - Article editor */
input#QuickLinkInput {
  font-family: fedra, Palatino, "times new roman";
  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;
}

div.reflist { font-size: 90%; }

/* imgtable - used for publication covers overviews */
div#content .imgtable {
  background-color: white;
  border: none;
}
div#content .imgtable tr, div#content .imgtable td { 
  border: none;
}
div#content .imgtable .thumb.tright {
  margin: 0;
  padding: 0;
  padding-right: .3em;
}
div#content .imgtable .thumbinner {
  background-color: white;
}

//indent paragraphs in quotes
div#content blockquote span {
//  text-indent: 2em ;
}

.allpagesredirect,
.redirect-in-category,
.watchlistredir,
.catlinks li a.mw-redirect {
	font-style: normal;
}

.editOptions {
  background-color: white;
  border: 0;
}

div#content dl dd {
  margin-bottom: .5em;
}

div#content small {
  line-height: 0.8em;
}

.mw-createacct-benefits-container {
  display: none !important;

}

table.wikitable {
  background-color: white;
  border-right: 0;
  border-left: 0;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
  border-right: 0;
  border-left: 0;
  padding-right: 0.3em;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background-color: white;
  text-align: left;
}

//indent paragraphs in poem
div#content .poem {
  text-indent: 2em ;
}

/* TOC of the file page */
#mw-content-text ul#filetoc {
  display: none !important;
}