MediaWiki:Common.css: Difference between revisions

From OGC
Jump to navigation Jump to search
No edit summary
No edit summary
(15 intermediate revisions by the same user not shown)
Line 5: Line 5:
     color: rgb(255,255,255);
     color: rgb(255,255,255);
}
}
table.zebra tr:nth-child(even) {
 
table.zebra tr:nth-child(odd) {
    background-color: rgb(204,230,255)
}
 
table.zebra.sortable tr:nth-child(odd) {
    background-color: rgb(248,249,250)
}
 
table.zebra.sortable tr:nth-child(even) {
    background-color: rgb(204,230,255)
}
 
table.zebra tr.oddrow {
     background-color: rgb(204,230,255)
     background-color: rgb(204,230,255)
}
}
/* table.zebra tr:nth-child(odd) { */
/*    background-color: rgb(204,230,255) */
/* } */


small, .mw-body small {
small, .mw-body small {
Line 42: Line 52:
h6, .mw-body h6 {
h6, .mw-body h6 {
     font-size: xx-small;
     font-size: xx-small;
}
font[size=1] {
    font-size: xx-small;
}
font[size=2] {
    font-size: small;
}
font[size=3] {
    font-size: medium;
}
font[size=4] {
    font-size: large;
}
font[size=5] {
    font-size: x-large;
}
font[size=6] {
    font-size: xx-large;
}
font[size=7] {
    font-size: 300%;
}
font[size=-1] {
    font-size: smaller;
}
font[size=+1] {
    font-size: larger;
}
font[size=-2] {
    font-size: 60%;
}
font[size=+2] {
    font-size: 150%;
}
font[size=+4] {
    font-size: 300%;
}
}


Line 110: Line 72:
table.sidebar, #content table.sidebar {  
table.sidebar, #content table.sidebar {  
     float: right;
     float: right;
     border-width: 0px;
     border-width: 0;
     border-spacing: 7px;
     border-spacing: 7px;
     margin: 1em;
     margin: 1em;
Line 213: Line 175:
     background: rgb(51,102,153);
     background: rgb(51,102,153);
     color: rgb(255,255,255) !important;
     color: rgb(255,255,255) !important;
     margin: 0px;
     margin: 0;
     padding: 6px;
     padding: 6px;
     border: 0px;
     border: 0;
}
}


Line 222: Line 184:
     background: rgb(67,118,168);
     background: rgb(67,118,168);
     color: rgb(255,255,255);
     color: rgb(255,255,255);
     margin: 0px;
     margin: 0;
     padding: 6px;
     padding: 6px;
     border: 0px;
     border: 0;
}
}


Line 231: Line 193:
     background: rgb(89,138,186);
     background: rgb(89,138,186);
     color: rgb(255,255,255);
     color: rgb(255,255,255);
     margin: 0px;
     margin: 0;
     padding: 6px;
     padding: 6px;
     border: 0px;
     border: 0;
}
}


Line 239: Line 201:
{
{
     background: rgb(204,230,255);
     background: rgb(204,230,255);
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 246: Line 208:
{
{
     background: transparent;
     background: transparent;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 255: Line 217:
     vertical-align: top;
     vertical-align: top;
     padding: 6px;
     padding: 6px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 264: Line 226:
     vertical-align: top;
     vertical-align: top;
     padding: 6px;
     padding: 6px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 273: Line 235:
     vertical-align: top;
     vertical-align: top;
     padding: 6px;
     padding: 6px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 285: Line 247:


/* H2 table cells, odd rows */
/* H2 table cells, odd rows */
#content th.h2cell, #content th.h2cellodd, #content tr.oddrow th.h2cell, #content tr.evenrow th.h2cellodd,  
#content th.h2cell, #content tr.oddrow th.h2cell, #content tr.evenrow th.h2cell,  
#content td.h2cell, #content td.h2cellodd, #content tr.oddrow td.h2cell, #content tr.evenrow td.h2cellodd,
#content td.h2cell, #content tr.oddrow td.h2cell, #content tr.evenrow td.h2cell {
#content tr.evenrow th.h2cellforce, #content tr.evenrow td.h2cellforce {
     background-color: rgb(67,118,168);
     background-color: rgb(67,118,168);
     color: rgb(255,255,255);
     color: rgb(255,255,255);
Line 293: Line 254:


/* H2 table cells, even rows */
/* H2 table cells, even rows */
#content th.h2celleven, #content tr.evenrow th.h2cell, #content tr.oddrow th.h2celleven,
#content td.h2celleven, #content tr.evenrow td.h2cell, #content tr.oddrow td.h2celleven,
#content tr.evenrow th.h2cellaltforce, #content tr.evenrow td.h2cellaltforce,
#content th.h2cellalt, #content td.h2cellalt {
    background-color: rgb(89,138,186);
    color: rgb(255,255,255);
}
/* H3 table cells */
/* H3 table cells */
#content th.h3cell,  
#content th.h2cell-alt, #content tr.oddrow th.h2cell-alt, #content tr.evenrow th.h2cell-alt,
#content td.h3cell {
#content td.h2cell-alt, #content tr.oddrow td.h2cell-alt, #content tr.evenrow td.h2cell-alt,
#content th.h3cell, #content td.h3cell {
     background-color: rgb(89,138,186);
     background-color: rgb(89,138,186);
     color: rgb(255,255,255);
     color: rgb(255,255,255);
Line 402: Line 356:
     vertical-align: top;
     vertical-align: top;
     padding: 6px;
     padding: 6px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 417: Line 371:
     vertical-align: top;
     vertical-align: top;
     padding-left: 26px;
     padding-left: 26px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 494: Line 448:
     vertical-align: top;
     vertical-align: top;
     padding: 6px;
     padding: 6px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 509: Line 463:
     vertical-align: top;
     vertical-align: top;
     padding-left: 26px;
     padding-left: 26px;
     margin: 0px;
     margin: 0;
     border: 0px;
     border: 0;
}
}


Line 516: Line 470:
{
{
     padding-right: 12px;
     padding-right: 12px;
}
#content tr.bb4_tr th, #content tr.bb4_tr td
{
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    padding-left: 26px;
    padding-right: 12px;
    margin: 0;
    border: 0;
}
}


Line 525: Line 490:


#content table {
#content table {
     margin: 0 -1px 0px 0;
     margin: 0 -1px 0 0;
     text-align: left;
     text-align: left;
     border-collapse: collapse;
     border-collapse: collapse;
Line 531: Line 496:
}
}


#content table caption {
#content table caption, .wikitable > caption {
     font-size: smaller;
     font-size: smaller;
    font-weight: normal;
     font-style: italic;
     font-style: italic;
}
}


#content tr {
#content tr {
     margin: 0px;
     margin: 0;
}
}

Revision as of 13:50, 3 January 2023

/* CSS placed here will be applied to all skins */

table.zebra th {
    background-color: rgb(51,102,153);
    color: rgb(255,255,255);
}

table.zebra tr:nth-child(odd) {
    background-color: rgb(204,230,255)
}

table.zebra.sortable tr:nth-child(odd) {
    background-color: rgb(248,249,250)
}

table.zebra.sortable tr:nth-child(even) {
    background-color: rgb(204,230,255)
}

table.zebra tr.oddrow {
    background-color: rgb(204,230,255)
}

small, .mw-body small {
    font-size: smaller;
}

big, .mw-body big {
    font-size: larger;
}

h1, .mw-body h1 {
    font-size: xx-large;
}

h2, .mw-body h2 {
    font-size: x-large;
}

h3, .mw-body h3 {
    font-size: large;
}

h4, .mw-body h4 {
    font-size: medium;
}

h5, .mw-body h5 {
    font-size: small;
}

h6, .mw-body h6 {
    font-size: xx-small;
}

.working {
    color: #999900;
}

.vertical-text {
    transform: rotate(270deg);
    transform-origin: left top 0;
    position: absolute;
    white-space: nowrap;
}

div.sidebar, #content div.sidebar {
    padding: 1em;
}

div.sidebar, #content div.sidebar, 
table.sidebar, #content table.sidebar { 
    float: right;
    border-width: 0;
    border-spacing: 7px;
    margin: 1em;
    width: 30%;
    background-color: #C0C0C0;
}

tr.h1row, tr.h1row td, tr.h1row th {
    background-color: #C0C0C0;
}

tr.h2row, tr.h2row td, tr.h2row th {
    background-color: #D0D0D0;
}

tr.evenrow, tr.evenrow td, tr.evenrow th {
    background-color: #F0F0F0;
}

tr.oddrow, tr.oddrow td, tr.oddrow th {
    background-color: #E0E0E0;
}

td.alignleft, th.alignleft {
    text-align: left;
}

td.aligncenter, th.aligncenter{
    text-align: center;
}

td.alignright, th.alignright{
    text-align: right;
}

td.sidebar, th.sidebar, #content td.sidebar, #content th.sidebar {
    border-style: outset;
    border-width: 3px;
    font-size: 10pt;
    padding: 10px;
    text-align: left;
}

.sidebar_title, #content .sidebar_title {
    font-size: x-large;
    font-weight: bold;
}

.sidebar_subtitle, #content .sidebar_subtitle {
    font-size: large;
    font-weight: normal;
}

/*
Theme Name: KalosComics
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. KalosComics supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/

/*
 * old color scheme
 * 
 * rgb(0,26,51)
 * rgb(0,51,102)
 * rgb(51,102,153)
 * rgb(67,118,168)    was: rgb(102,153,204)
 * rgb(89,138,186)    was: rgb(153,204,255)
 * rgb(113,157,202)
 * not used: rgb(140,180,220)
 * not used: rgb(171,204,238)
 * rgb(204,230,255);
 * 
 * background 2: rgb(255,255,255);
 * text: rgb(0,0,0);
 * link: rgb(102,0,0);
 * hover: rgb(153,0,0);
 * active: rgb(204,0,0);
 * visited: rgb(0,0,153);
 */

/* Special Styles
-------------------------------------------------------------- */

#content .example
{
    border: 4px dashed rgb(242,242,242);
    margin: 10px 5px;
    padding: 5px 10px;
}

#content .warning
{
    color: rgb(204,0,0);
    font-weight: bold;
}

#content tr.h1row, #content tr.h1row th, #content tr.h1row td
{
    background: rgb(51,102,153);
    color: rgb(255,255,255) !important;
    margin: 0;
    padding: 6px;
    border: 0;
}

#content tr.h2row, #content tr.h2row th, #content tr.h2row td
{
    background: rgb(67,118,168);
    color: rgb(255,255,255);
    margin: 0;
    padding: 6px;
    border: 0;
}

#content tr.h3row, #content tr.h3row th, #content tr.h3row td
{
    background: rgb(89,138,186);
    color: rgb(255,255,255);
    margin: 0;
    padding: 6px;
    border: 0;
}

#content tr.oddrow, #content tr.oddrow th, #content tr.oddrow td
{
    background: rgb(204,230,255);
    margin: 0;
    border: 0;
}

#content tr.evenrow, #content tr.evenrow th, #content tr.evenrow td
{
    background: transparent;
    margin: 0;
    border: 0;
}

#content th.alignleft, #content td.alignleft
{
    text-align: left;
    vertical-align: top;
    padding: 6px;
    margin: 0;
    border: 0;
}

#content th.alignright, #content td.alignright
{
    text-align: right;
    vertical-align: top;
    padding: 6px;
    margin: 0;
    border: 0;
}

#content th.aligncenter, #content td.aligncenter
{
    text-align: center;
    vertical-align: top;
    padding: 6px;
    margin: 0;
    border: 0;
}

/* H1 table cells */
#content th.h1cell, #content td.h1cell {
    background-color: rgb(51,102,153);
    color: rgb(255,255,255);
}


/* H2 table cells, odd rows */
#content th.h2cell, #content tr.oddrow th.h2cell, #content tr.evenrow th.h2cell, 
#content td.h2cell, #content tr.oddrow td.h2cell, #content tr.evenrow td.h2cell {
    background-color: rgb(67,118,168);
    color: rgb(255,255,255);
}

/* H2 table cells, even rows */
/* H3 table cells */
#content th.h2cell-alt, #content tr.oddrow th.h2cell-alt, #content tr.evenrow th.h2cell-alt, 
#content td.h2cell-alt, #content tr.oddrow td.h2cell-alt, #content tr.evenrow td.h2cell-alt, 
#content th.h3cell, #content td.h3cell {
    background-color: rgb(89,138,186);
    color: rgb(255,255,255);
}

#content tr.bb2_rating_scale, #content tr.bb2_rating_scale th, #content tr.bb2_rating_scale td
{
    background: transparent url("images/bb2_rating_scale.png") no-repeat left top;
    color: rgb(153,153,153);
    text-align: left;
    width: 440px; 
    height: 36px;
}

#content tr.bb2_rating_00
{
    background: transparent url("images/bb2_rating_bkg.png") no-repeat left top;
}

#content tr.bb2_rating_01
{
    background: transparent url("images/bb2_rating_01.png") no-repeat left top;
}

#content tr.bb2_rating_02
{
    background: transparent url("images/bb2_rating_02.png") no-repeat left top;
}

#content tr.bb2_rating_03
{
    background: transparent url("images/bb2_rating_03.png") no-repeat left top;
}

#content tr.bb2_rating_04
{
    background: transparent url("images/bb2_rating_04.png") no-repeat left top;
}

#content tr.bb2_rating_05
{
    background: transparent url("images/bb2_rating_05.png") no-repeat left top;
}

#content tr.bb2_rating_06
{
    background: transparent url("images/bb2_rating_06.png") no-repeat left top;
}

#content tr.bb2_rating_07
{
    background: transparent url("images/bb2_rating_07.png") no-repeat left top;
}

#content tr.bb2_rating_08
{
    background: transparent url("images/bb2_rating_08.png") no-repeat left top;
}

#content tr.bb2_rating_09
{
    background: transparent url("images/bb2_rating_09.png") no-repeat left top;
}

#content tr.bb2_rating_10
{
    background: transparent url("images/bb2_rating_10.png") no-repeat left top;
}

#content tr.bb2_rating_11
{
    background: transparent url("images/bb2_rating_11.png") no-repeat left top;
}

#content tr.bb2_rating_12
{
    background: transparent url("images/bb2_rating_12.png") no-repeat left top;
}

#content tr.bb2_rating_13
{
    background: transparent url("images/bb2_rating_13.png") no-repeat left top;
}

#content tr.bb2_rating_14
{
    background: transparent url("images/bb2_rating_14.png") no-repeat left top;
}

#content tr.bb2_rating_00 td, #content tr.bb2_rating_01 td, #content tr.bb2_rating_02 td, 
#content tr.bb2_rating_03 td, #content tr.bb2_rating_04 td, #content tr.bb2_rating_05 td, 
#content tr.bb2_rating_06 td, #content tr.bb2_rating_07 td, #content tr.bb2_rating_08 td, 
#content tr.bb2_rating_09 td, #content tr.bb2_rating_10 td, #content tr.bb2_rating_11 td, 
#content tr.bb2_rating_12 td, #content tr.bb2_rating_13 td, #content tr.bb2_rating_14 td {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 6px;
    margin: 0;
    border: 0;
}

#content tr.bb2_rating_note
{
    background: transparent url("images/bb2_rating_bkg.png") no-repeat left top;
}

#content tr.bb2_rating_note td
{
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    padding-left: 26px;
    margin: 0;
    border: 0;
}

#content tr.bb3_rating_scale, #content tr.bb3_rating_scale th, #content tr.bb3_rating_scale td
{
    background: transparent url("images/bb3_rating_scale.png") no-repeat left top;
    color: rgb(153,153,153);
    text-align: left;
    width: 440px; 
    height: 36px;
}

#content tr.bb3_rating_00
{
    background: transparent url("images/bb3_rating_bkg.png") no-repeat left top;
}

#content tr.bb3_rating_01
{
    background: transparent url("images/bb3_rating_01.png") no-repeat left top;
}

#content tr.bb3_rating_02
{
    background: transparent url("images/bb3_rating_02.png") no-repeat left top;
}

#content tr.bb3_rating_03
{
    background: transparent url("images/bb3_rating_03.png") no-repeat left top;
}

#content tr.bb3_rating_04
{
    background: transparent url("images/bb3_rating_04.png") no-repeat left top;
}

#content tr.bb3_rating_05
{
    background: transparent url("images/bb3_rating_05.png") no-repeat left top;
}

#content tr.bb3_rating_06
{
    background: transparent url("images/bb3_rating_06.png") no-repeat left top;
}

#content tr.bb3_rating_07
{
    background: transparent url("images/bb3_rating_07.png") no-repeat left top;
}

#content tr.bb3_rating_08
{
    background: transparent url("images/bb3_rating_08.png") no-repeat left top;
}

#content tr.bb3_rating_09
{
    background: transparent url("images/bb3_rating_09.png") no-repeat left top;
}

#content tr.bb3_rating_10
{
    background: transparent url("images/bb3_rating_10.png") no-repeat left top;
}

#content tr.bb3_rating_00 td, #content tr.bb3_rating_01 td, #content tr.bb3_rating_02 td, 
#content tr.bb3_rating_03 td, #content tr.bb3_rating_04 td, #content tr.bb3_rating_05 td, 
#content tr.bb3_rating_06 td, #content tr.bb3_rating_07 td, #content tr.bb3_rating_08 td, 
#content tr.bb3_rating_09 td, #content tr.bb3_rating_10 td, #content tr.bb3_rating_misc td {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 6px;
    margin: 0;
    border: 0;
}

#content tr.bb3_rating_note
{
    background: transparent url("images/bb3_rating_bkg.png") no-repeat left top;
}

#content tr.bb3_rating_note td
{
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    padding-left: 26px;
    margin: 0;
    border: 0;
}

#content tr.bb3_tr th, #content tr.bb3_tr td
{
    padding-right: 12px;
}

#content tr.bb4_tr th, #content tr.bb4_tr td
{
    font-size: 16px;
    text-align: left;
    vertical-align: top;
    padding-left: 26px;
    padding-right: 12px;
    margin: 0;
    border: 0;
}

#content del, #content del a.external, #content del a.printable, 
#content del a.stub, #content del a.new, #content del a.new:visited
{
    background: rgb(204,204,204);
}

#content table {
    margin: 0 -1px 0 0;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
}

#content table caption, .wikitable > caption {
    font-size: smaller;
    font-weight: normal;
    font-style: italic;
}

#content tr {
    margin: 0;
}