MediaWiki:Common.css

From OGC
Revision as of 13:06, 29 August 2015 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

small {
    font-size: smaller;
}

big {
    font-size: larger;
}

h1 {
    font-size: xx-large;
}

h2 {
    font-size: x-large;
}

h3 {
    font-size: large;
}

h4 {
    font-size: medium;
}

h5 {
    font-size: small;
}

h6 {
    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%;
}

.working {
    color: #999900;
}

table.sidebar {
    float: right;
    border-width: 0px;
    border-spacing: 7px;
    width: 30%;
}

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 {
    background-color: #E0E0E0;
    border-style: outset;
    border-width: 3px;
    font-size: 10pt;
    padding: 10px;
    text-align: left;
}

/*
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)
 * not used: 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: 0px;
    padding: 6px;
    border: 0px;
}

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

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

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

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

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

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

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

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

#content tr.oddrow td.h2cell, #content td.h2cell, 
#content tr.oddrow th.h2cell, #content th.h2cell {
    background-color: rgb(67,118,168);
    color: rgb(255,255,255);
}

#content tr.evenrow td.h2cell, #content td.h3cell, 
#content tr.evenrow th.h2cell, #content th.h3cell {
    background-color: rgb(89,138,186);
    color: rgb(255,255,255);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#content tr.rating_01 td, #content tr.rating_02 td, #content tr.rating_03 td, 
#content tr.rating_04 td, #content tr.rating_05 td, #content tr.rating_06 td, 
#content tr.rating_07 td, #content tr.rating_08 td, #content tr.rating_09 td, 
#content tr.rating_10 td, #content tr.rating_11 td, #content tr.rating_12 td, 
#content tr.rating_13 td, #content tr.rating_14 td {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    padding: 6px;
    margin: 0px;
    border: 0px;
}

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

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

#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 0px 0;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
}

#content table caption {
    font-size: smaller;
    font-style: italic;
}

#content tr {
    margin: 0px;
}