Difference between revisions of "MediaWiki:Monobook.css"

From Monoskop
Jump to navigation Jump to search
(Blanked the page)
 
Line 1: Line 1:
#content {
 
font-family: fedra;
 
}
 
#column-one {
 
padding-top: 44px; /* 160px; */
 
}
 
  
.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;
 
}
 
#content a {
 
  color: darkgreen;
 
}
 
#content a.new, #p-personal a.new {
 
color: #ba0000;
 
}
 
#content a.new:visited, #p-personal a.new:visited {
 
color: #a55858;
 
}
 
 
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;
 
}
 
 
/*
 
** the main content area
 
*/
 
 
 
#bodyContent  {
 
font-size: 100%;
 
}
 
 
 
 
/* 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;
 
}
 
 
/*
 
** classes for special content elements like town boxes
 
** intended to be referenced directly from the wiki src
 
*/
 
 
 
/*
 
** Structural Elements
 
*/
 
 
/*
 
** general portlet styles (elements in the quickbar)
 
*/
 
.portlet {
 
width: 11em;
 
font-family: fedra;
 
font-size: 110%;
 
}
 
 
.pBody {
 
background-color: none;
 
border: 0;
 
}
 
 
.portlet ul {
 
    list-style-image: none;
 
}
 
 
/*
 
** Logo properties
 
*/
 
 
#p-logo {
 
position: relative; /*'absolute' !!!!! needed to use z-index */
 
height: 111px;
 
}
 
#p-logo a,
 
#p-logo a:hover {
 
height: 111px;
 
}
 
 
/*
 
** the navigation portlet
 
*/
 
 
#p-navigation {
 
position: relative;
 
z-index: 3;
 
}
 
#p-navigation a {
 
display: block;
 
text-decoration: none;
 
}
 
#p-navigation li a:active, #p-navigation li a:hover {
 
text-decoration: underline;
 
}
 
#p-navigation li.active a, #p-navigation li.active a:hover {
 
display: inline;
 
text-decoration: underline;
 
}
 
 
#p-tb a {
 
text-decoration: none;
 
}
 
#p-tb li a:active, #p-tb li a:hover {
 
text-decoration: underline;
 
}
 
 
 
/*
 
** Search portlet
 
*/
 
input.searchButton {
 
font-size: 90%;
 
}
 
#searchInput {
 
width: 9.5em;
 
font-size: 90%;
 
}
 
 
 
/* this is the ul contained in the portlet */
 
#p-personal ul {
 
padding: 0;
 
    padding-right: 3em;
 
}
 
 
#p-personal li a {
 
color: #666; /*#005896;*/
 
}
 
/*
 
** the page-related actions- page/talk, edit etc
 
*/
 
#p-cactions {
 
top: 1.4em;
 
left: 12.5em;
 
padding-left: 0;
 
}
 
#p-cactions ul {
 
    margin: 0 0 0 4px;
 
}
 
#p-cactions li {
 
border: 0;
 
padding: 0;
 
background: none;
 
}
 
#p-cactions li.selected {
 
border-color: none;
 
padding: 0;
 
}
 
#p-cactions li a {
 
color: #000; /*#002bb8;*/
 
    background-color: #CCC;
 
}
 
#p-cactions .new a {
 
color: #000; /*#ba0000;*/
 
}
 
 
/*
 
** 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 {
 
/* display: inline; */
 
  list-style-type: none;
 
margin: 0 0.5em;
 
}
 
#f-poweredbyico, #f-copyrightico {
 
  display: none;
 
}
 
 
 
 
 
 
 
 
 
 
body {
 
  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; }
 
 
/* 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;
 
}
 
 
#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,
 
#p-logo a,
 
#p-logo a:hover {
 
  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;
 
}
 
 
#searchInput {
 
  width: 36em;
 
  height: 2.2em;
 
  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 {
 
  font-size: 0.9em;
 
  text-transform: none;
 
  text-align: left;
 
}
 
 
#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 a:hover {
 
  text-decoration: underline;
 
}
 
 
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, #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;
 
}
 

Latest revision as of 17:36, 20 March 2012