Difference between revisions of "MediaWiki:Common.css"

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

/* This stuff is for making the site look more OpenVZ-like (i.e. greenish/plonish).
   Taken from MediaWiki:Openvz.css, done by Kir
*/

a, #bodyContent a.external {
    text-decoration: none;
    color: #436976;
    background-color: transparent;
}

.portlet h5 {
    background: url(http://openvz.org/tab-bg-sel.gif) repeat-x 0% 100%;
}

.pBody {
    border: 1px solid #7dae96;
    border-left: none;
}

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

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", "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 .filename {
    font-family: Terminus, "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    width: 40em;
}
.listing .filesize {
    font-family: Terminus, "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
    width: 3em;
    text-align: right;
    white-space: nowrap;
}

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

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

.listing img {
    vertical-align: middle;
}

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

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

#content {
	border: 1px solid #7dae96;
        border-right: none;
//     	opacity: .8; /* For Mozilla and Opera */
//	filter: alpha(opacity=80); /* For MSIE, might not work */
}

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

/* Plone-like input fields */
textarea {
    font: 110% "Andale Mono", "Vera Sans Mono", Courier, monospace;
    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;
}

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(http://static.openvz.org/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

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

input.searchButton#searchGoButton {
    background: transparent url(http://static.openvz.org/linkTransparent.gif) 9px 1px no-repeat;
    padding: 1px 1px 1px 15px;
}

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('http://static.openvz.org/bg/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(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/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(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

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