MediaWiki:Common.css

From OpenVZ Virtuozzo Containers Wiki
Revision as of 20:23, 17 June 2016 by Kir (talk | contribs) (Styling for Template:Quote)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, 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.
/* <pre><nowiki> */

/* Some stuff is taken from wikimedia/common.css */

.hiddenStructure {display: none}

.if {display: none}


/* wikitable/prettytable class for skinning normal tables */

table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #7dae96 solid;
  border-collapse: collapse;
  text-align: left;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable tr .odd,
table.prettytable tr .odd {
    /*every second line should be shaded */
    background-color: transparent;
}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none !important;
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none !important; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none !important;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}


.allpagesredirect {
  font-style: italic;
}

/* Infobox template style */

.infobox {
   border: 1px solid #7dae96;
   background-color: #f7f9fa;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0px;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
   padding: 0px;
   padding-left: 0.5em;
   padding-right: 0.5em;
   margin: 0px;
}
.infobox th {
   background-color: #d6e5de;
}
.infobox td {
   border: 1px solid #ffffff;
}
.infobox ul {
   margin: 0px ! important;
   text-align: left;
}
.infobox li {
   display: inline;
   margin-left: 0.2em;
   margin-right: 0.2em;
}
.infobox .header {
   padding: 0.5em;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #7dae96;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}

div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}

div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}

div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

h1, h2 {
    border-bottom: 1px solid #7dae96;
}

h2 {
    font-weight: bold;
}


pre {
    font-size: 90%;
    padding: 1em;
    border: 1px dashed #7dae96;
    color: Black;
    white-space: pre;
    overflow: auto;
}

tt,pre,code {
    font-family: "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    background-color: #f7f9fa;
    text-align: left;
}


.listing,
.stx table {
    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
    border-collapse: collapse;
    border-left: 1px solid #7dae96;
    border-bottom: 1px solid #7dae96;
    margin: 0em 0em 1em 0em;
    line-height: normal;
}
.listing th,
.stx table th {
    background: #d6e5de;
    border-top: 1px solid #7dae96;
    border-bottom: 1px solid #7dae96;
    border-right: 1px solid #7dae96;
    font-weight: normal;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
}
.listing .top {
    border-left: 1px solid White;
    border-top: 1px solid White ! important;
    border-right: 1px solid White ! important;
    text-align: right ! important;
    padding: 0em 0em 1em 0em;
}
.listing .odd {
    /* every second line should be shaded */
    background-color: transparent;
}
.listing .even {
    background-color: #f7f9fa;
}
.listing .listingCheckbox {
    text-align: center;
}
.listing td,
.stx table td {
    border-right: 1px solid #7dae96;
    padding: 0em 1em;
    text-align: left;
}
.listing tr:hover {
    background-color: #f0f0f0;
}
.listing .filename {
    font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    width: 40em;
}
.listing .filesize {
    font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    width: 3em;
    text-align: right;
    white-space: nowrap;
}

.listing .filedate {
    font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    text-align: right;
    white-space: nowrap;
}

.listing a:hover {
    text-decoration: underline;
}

.listing img {
    vertical-align: middle;
}

/* OpenVZ additions goes here */
 
a, #bodyContent a.external {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}
 
.portlet h5 {
    background: url(/i/tab-bg-sel.gif) repeat-x 0% 100%;
}
 
.pBody {
    border: 1px solid #7dae96;
    border-left: none;
}
 
h1, h2, h3, h4, h5, h6, .header {
    color: #002f19;
}
 
h1, h2 {
    border-bottom: 1px solid #7dae96;
}

#p-personal li {
    background: transparent url(/i/linkOpaque.gif) center left no-repeat;
    padding-left: 8px;
    color: #436976;
}

#p-personal li a {
    text-decoration: none;
    color: #436976;
}

li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: transparent url(/i/user.gif) center left no-repeat !important;
	padding-left: 20px;
	text-transform: none;
}

/* Plone-like input fields */
textarea {
    font-family: "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    font-size: 110%;
    border: 1px solid #7dae96;
    color: Black;
    background-color: white;
    width: 100%;
}

input {
    font-family: Tahoma, Arial, sans-serif;
    visibility: visible;
    border: 1px solid #7dae96;
    color: Black;
    background-color: white;
    vertical-align: middle;
}

#searchInput {
    margin-bottom: 0.5em;
    width: 9.25em;
    font-size: 100%;
}

select {
    border: 1px solid #7dae96;
    color: Black;
    background-color: White;
    vertical-align: top;
}

input:focus, 
textarea:focus {
    border-color: #ffa500;
    border-width: 1px;
}

button, input[type=button], input[type=reset], input[type=submit] {
    background: transparent url(/i/linkTransparent.gif) 5px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 6px 1px 16px;
    text-transform: lowercase;
}

input.searchButton {
    font-size: 100%;
    margin-bottom: 1px ! important;
    background: White url(/i/search_icon.gif) 2px 6px no-repeat;
    cursor: pointer;
    padding: 1px 6px 1px 22px;
    text-transform: lowercase;
}

input.searchButton#searchGoButton {
    background: transparent url(/i/linkTransparent.gif) 5px 6px no-repeat;
    padding: 1px 6px 1px 16px;
}

#p-search form, #p-search input {
    margin: 0;
    margin-top: 0.4em;
    margin-bottom: 2px;
}

input.historysubmit {
    padding: 0 1px 1px 15px !important;
}

input[type=radio], input[type=checkbox] {
    border: none;
}

#p-sites a {
    display: block;
}

/* For tag cloud, taken from http://orangedino.org/index.php?name=News&file=article&sid=1 */
.tagcloud {
    width: 98%;
    text-align: center;
    background-color: #FDFDFD;
    border: 1px solid #EEEEEE;
    padding: 15px 10px 15px 10px;
}

.tagcloud a {
    color: #0052CB;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
    white-space:nowrap;
}

#toc,
.toc {
    background: #f9f9f9 url('/i/openvz-logo-bg-trans.png') no-repeat bottom right;
}

/* Used on changelog pages */
pre.simple {
	padding: 0;
	border: 0;
	margin: 0;
	background-color: transparent;
	line-height: normal;
}
div.change {
	margin-left: 2em;
	max-width: 90ex;
}

/* Used for news sidebar */
.aggregator h3 {
  padding: 0;
  border: 0;
  font-size: 100%;
}

/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
  ~~~~
*/
 
.plainlinksneverexpand {
    background: none ! important;
    padding: 0 ! important;
}
 
.plainlinksneverexpand .urlexpansion {
    display: none ! important;
}
 
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

.feed {
  font-weight: normal;
  font-size: small;
  vertical-align: text-bottom;
}

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external,
#mw_content a[href$=".pdf"].external, 
#mw_content a[href*=".pdf?"].external, 
#mw_content a[href*=".pdf#"].external,
#mw_content a[href$=".PDF"].external, 
#mw_content a[href*=".PDF?"].external, 
#mw_content a[href*=".PDF#"].external {
    background: url(/i/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(/i/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

/* For MediaWiki:Edittools 'insert chars' to look like buttons.
   Originally taken from #my-buttons at http://ru.wikipedia.org/wiki/MediaWiki:Monobook.css
*/
 
#editpage-specialchars {
   padding: 0.5em;
}
 
#editpage-specialchars a {
   color: black;
   background-color: #ccddee;
   font-weight: bold;
   font-size: 0.9em;
   text-decoration: none;
   border: thin #006699 outset;
   padding: 0 0.1em 0.1em 0.1em;
 }
 
#editpage-specialchars a:hover {
   background-color: #bbccdd;
}
 
#editpage-specialchars a:active {
   background-color: #bbccdd;
   border-style: inset;
}
	 	
/* Don't display some stuff on the main page */
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod, 
body.page-Main_Page #siteSub, 
body.page-Main_Page h1.firstHeading {
    display: none !important;
}

/* Styling for Template:Quote */
blockquote.templatequote {
     margin-top: 0;
}

blockquote.templatequote div.templatequotecite {
    line-height: 1.5em;
    /* @noflip */
    text-align: left;
    /* @noflip */
    padding-left: 1.6em;
    margin-top: 0;
}

/* </nowiki></pre> */