Difference between revisions of "MediaWiki:Common.css"

From OpenVZ Virtuozzo Containers Wiki
Jump to: navigation, search
(use own pdf image)
(Styling for Template:Quote)
 
(18 intermediate revisions by the same user not shown)
Line 155: Line 155:
 
}
 
}
  
/* This stuff is for making the site look more OpenVZ-like (i.e. greenish/plonish).
+
h1, h2 {
  Taken from MediaWiki:Openvz.css, done by Kir
+
     border-bottom: 1px solid #7dae96;
*/
 
 
 
a, #bodyContent a.external {
 
     text-decoration: none;
 
    color: #436976;
 
    background-color: transparent;
 
 
}
 
}
  
.portlet h5 {
+
h2 {
     background: url(http://openvz.org/tab-bg-sel.gif) repeat-x 0% 100%;
+
     font-weight: bold;
 
}
 
}
  
.pBody {
 
    border: 1px solid #7dae96;
 
    border-left: none;
 
}
 
 
h1, h2 {
 
    border-bottom: 1px solid #7dae96;
 
}
 
  
 
pre {
 
pre {
Line 188: Line 174:
  
 
tt,pre,code {
 
tt,pre,code {
     font-family: "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
+
     font-family: "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
 
     background-color: #f7f9fa;
 
     background-color: #f7f9fa;
 
     text-align: left;
 
     text-align: left;
Line 221: Line 207:
 
}
 
}
 
.listing .odd {
 
.listing .odd {
     /*every second line should be shaded */
+
     /* every second line should be shaded */
 
     background-color: transparent;
 
     background-color: transparent;
 
}
 
}
Line 235: Line 221:
 
     padding: 0em 1em;
 
     padding: 0em 1em;
 
     text-align: left;
 
     text-align: left;
 +
}
 +
.listing tr:hover {
 +
    background-color: #f0f0f0;
 
}
 
}
 
.listing .filename {
 
.listing .filename {
     font-family: Terminus, "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
+
     font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
 
     width: 40em;
 
     width: 40em;
 
}
 
}
 
.listing .filesize {
 
.listing .filesize {
     font-family: Terminus, "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
+
     font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
 
     width: 3em;
 
     width: 3em;
 
     text-align: right;
 
     text-align: right;
Line 248: Line 237:
  
 
.listing .filedate {
 
.listing .filedate {
     font-family: Terminus, "Liberation Mono", "Andale Mono", "Vera Sans Mono", Consolas, Courier, monospace;
+
     font-family: Terminus, "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
 
     text-align: right;
 
     text-align: right;
 
     white-space: nowrap;
 
     white-space: nowrap;
Line 259: Line 248:
 
.listing img {
 
.listing img {
 
     vertical-align: middle;
 
     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 {
 
#p-personal li {
     background: transparent url(http://static.openvz.org/linkOpaque.gif) center left no-repeat;
+
     background: transparent url(/i/linkOpaque.gif) center left no-repeat;
 
     padding-left: 8px;
 
     padding-left: 8px;
 
     color: #436976;
 
     color: #436976;
Line 270: Line 284:
 
     text-decoration: none;
 
     text-decoration: none;
 
     color: #436976;
 
     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 */
 
 
}
 
}
  
Line 282: Line 289:
 
li#pt-anonuserpage,
 
li#pt-anonuserpage,
 
li#pt-login {
 
li#pt-login {
background: transparent url(http://static.openvz.org/user.gif) center left no-repeat !important;
+
background: transparent url(/i/user.gif) center left no-repeat !important;
 
padding-left: 20px;
 
padding-left: 20px;
 
text-transform: none;
 
text-transform: none;
Line 289: Line 296:
 
/* Plone-like input fields */
 
/* Plone-like input fields */
 
textarea {
 
textarea {
     font: 110% "Andale Mono", "Vera Sans Mono", Courier, monospace;
+
     font-family: "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Vera Sans Mono", Consolas, Courier, monospace;
 +
    font-size: 110%;
 
     border: 1px solid #7dae96;
 
     border: 1px solid #7dae96;
 
     color: Black;
 
     color: Black;
Line 308: Line 316:
 
     margin-bottom: 0.5em;
 
     margin-bottom: 0.5em;
 
     width: 9.25em;
 
     width: 9.25em;
 +
    font-size: 100%;
 
}
 
}
  
Line 324: Line 333:
  
 
button, input[type=button], input[type=reset], input[type=submit] {
 
button, input[type=button], input[type=reset], input[type=submit] {
     background: transparent url(http://static.openvz.org/linkTransparent.gif) 9px 1px no-repeat;
+
     background: transparent url(/i/linkTransparent.gif) 5px 1px no-repeat;
 
     cursor: pointer;
 
     cursor: pointer;
 
     font-size: 85%;
 
     font-size: 85%;
 
     margin-bottom: 1em;
 
     margin-bottom: 1em;
     padding: 1px 1px 1px 15px;
+
     padding: 1px 6px 1px 16px;
 
     text-transform: lowercase;
 
     text-transform: lowercase;
 
}
 
}
Line 335: Line 344:
 
     font-size: 100%;
 
     font-size: 100%;
 
     margin-bottom: 1px ! important;
 
     margin-bottom: 1px ! important;
     background: White url(http://static.openvz.org/search_icon.gif) 2px 1px no-repeat;
+
     background: White url(/i/search_icon.gif) 2px 6px no-repeat;
 
     cursor: pointer;
 
     cursor: pointer;
     padding: 1px 1px 1px 15px;
+
     padding: 1px 6px 1px 22px;
 
     text-transform: lowercase;
 
     text-transform: lowercase;
 
}
 
}
  
 
input.searchButton#searchGoButton {
 
input.searchButton#searchGoButton {
     background: transparent url(http://static.openvz.org/linkTransparent.gif) 9px 1px no-repeat;
+
     background: transparent url(/i/linkTransparent.gif) 5px 6px no-repeat;
     padding: 1px 1px 1px 15px;
+
     padding: 1px 6px 1px 16px;
 +
}
 +
 
 +
#p-search form, #p-search input {
 +
    margin: 0;
 +
    margin-top: 0.4em;
 +
    margin-bottom: 2px;
 
}
 
}
  
Line 377: Line 392:
 
#toc,
 
#toc,
 
.toc {
 
.toc {
     background: #f9f9f9 url('http://static.openvz.org/bg/openvz-logo-bg-trans.png') no-repeat bottom right;
+
     background: #f9f9f9 url('/i/openvz-logo-bg-trans.png') no-repeat bottom right;
 
}
 
}
  
Line 460: Line 475:
 
#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://static.openvz.org/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
+
     background: url(/i/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
 
     padding-right: 16px;
 
     padding-right: 16px;
 
}
 
}
Line 467: Line 482:
 
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
 
span.PDFlink a {
 
span.PDFlink a {
     background: url(http://static.openvz.org/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
+
     background: url(/i/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
 
     padding-right: 17px !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> */
 
/* </nowiki></pre> */

Latest revision as of 20:23, 17 June 2016

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