MediaWiki:Vector.css

From Monoskop
Revision as of 15:54, 20 March 2012 by Dusan (talk | contribs)
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.
.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: 10.5em;
	font-family: fedra;
	font-size: 110%;
}
.portlet ul {
    list-style-image: none;
}

.pBody {
 	background-color: none;
 	border: 0;
}













body {
  background-color: white;
}

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-image: none;
  background-color: white;
}

/* 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; } 

div#content {
  font-size: 1.1em;
}

/* 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;
}

/* Left panel */
div#mw-panel {
  top: 70px;
  width: 10em;
}

div#mw-panel div.portal div.body {
  background-image: none;
  padding: 0;
  margin: 0;
}

div#mw-panel div.portal h5,
div#mw-panel div.portal div.body ul li {
  font-size: .9em;
  margin-left: 0;
  padding-left: 0;
  padding-right: .3em;
}

div#mw-panel div.portal div.body ul li {
  line-height: normal;
}

/* Page body */
#content {
  border-left: 2px solid #ccc;
  margin-top: 1em;
  padding-left: 1.2em;
  padding-top: 0;
}

/* Logo */
#p-logo {
  position: relative; 
  height: 111px;
  top: -50px;
}
#p-logo,
#p-logo a,
#p-logo a:hover {
  height: 111px;
  width: 9.5em;
}

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

/* Search */
#p-search {
  position: absolute;
  top: 1.5em;
  left: 11.5em;
  width: auto;
}

#p-search .pBody {
  padding: 0;
  text-align: left;
}

#searchInput, #searchGoButton, input.searchButton {
  margin: 0;
  font-size: .9em;
  background-color: white;
  font-family: fedra;
}

#searchInput {
  width: 36em;
  height: 2.5em;
  padding: .2em;
  border: 1px solid #aaa;
  -moz-border-radius: .3em;
  border-radius: .3em;
}

#searchGoButton {
  width: 2em;
  height: 2.5em;
  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 */
#left-navigation {
  position: static;
  float: right;
  margin-left: .5em;
  margin-top: 6.5em;
}

#right-navigation {
  margin-top: 6.5em;
}

#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;
}

#p-cactions.vectorMenu,
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;
}
Retrieved from "https://monoskop.org/index.php?title=MediaWiki:Vector.css&oldid=22460"