Difference between revisions of "MediaWiki:Common.css"

From Korean Wiki Project
Jump to: navigation, search
Line 623: Line 623:
 
margin:0.2em 0;
 
margin:0.2em 0;
 
padding:0.25em 0.9em;
 
padding:0.25em 0.9em;
 +
}
 +
 +
.majorwarning {
 +
background:yellow none repeat scroll 0 0;
 +
border:2px solid red;
 +
font-size:125%;
 +
padding:0.3em;
 +
text-align:center;
 +
}
 +
.page-notice, .page-warning {
 +
border-style:solid;
 +
border-width:1px;
 +
margin-bottom:1em;
 +
margin-left:auto;
 +
margin-right:auto;
 +
padding:0.3em 0.5em;
 +
text-align:center;
 +
width:95%;
 +
}
 +
.page-notice {
 +
background-color:#F9F9F9;
 +
border-color:#025E9D;
 +
text-align:left;
 +
}
 +
.page-warning {
 +
background-color:#FFFFFF;
 +
border-color:#C51919;
 +
border-width:2px;
 +
}
 +
.pw-head {
 +
color:#C51919;
 +
font-weight:bold;
 +
}
 +
.block-note {
 +
background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
 +
background-position:left top;
 +
background-repeat:no-repeat;
 +
}
 +
.block-contents {
 +
display:block;
 +
padding-left:20px;
 
}
 
}

Revision as of 07:44, 23 March 2009

/* CSS placed here will be applied to all skins */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

.LanguageLinks {
margin-top:0.5em;
}
.LanguageLinks table {
border:1px solid #AAAAAA;
border-collapse:collapse;
clear:both;
font-size:85%;
margin:0 1px;
padding:0.2em;
}
.LanguageLinks span {
white-space:nowrap;
}

/* Pseudo-classes in support of [[Template:lang]]. */

:lang(he) {
    font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman";
    font-family /**/:inherit;
}
:lang(fa) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ps) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ur) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(sux-Xsux) {
    font-family: Akkadian;
    font-family /**/:inherit;
}
:lang(ja) {
       font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho;
    font-family /**/:inherit;
}
:lang(ko) {
    font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF;
    font-family /**/:inherit;
}
:lang(zh-Hans) {
    font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei;
    font-family /**/:inherit;
}
:lang(zh-Hant) {
    font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU;
    font-family /**/:inherit;
}
:lang(grc) {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
    font-family /**/:inherit;
}

/* Article message box template styles */
table.ambox {
    margin: 0 10%;                       /* Will not overlap with other elements */
    border-collapse: collapse; 
    background: #fbfbfb; 
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
}
table.ambox th.mbox-text, table.ambox td.mbox-text {      /* The message body cell(s) */
    padding: 0.25em 0.5em;            /* 0.5em left/right */
    width: 100%;                      /* Make all templates the same width regardless of text size */
}
table.ambox td.mbox-image {          /* The left image cell */
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
    text-align: center; 
}
table.ambox td.mbox-imageright {     /* The right image cell */
    padding: 2px 4px 2px 0px;         /* 0px left, 4px right */
    text-align: center; 
}
table.ambox-notice {
    border-left: 10px solid #1e90ff;     /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
    border-left: 10px solid #b22222;     /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;     /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;     /* Yellow */
}
table.ambox-merge {
    border-left: 10px solid #9932cc;     /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;        /* Gray */
}
table.ambox.ambox-mini {                 /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {                           /* Do not print article message box */
    .ambox {
        display: none;
    }
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 4px 2px 4px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}

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

/* Style for "notices" */
.notice {
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;
}

.spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

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

@media print {
    .infobox.sisterproject {
        display: none;
    }
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:2px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
 
@media print {
    .navbox {
        display: none;
    }
}

/* make the list of references look smaller */
ol.references {
    font-size: 100%;
}

.references-small { font-size: 90%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.same-bg { background: none; }

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}

sup.reference:target { 
    background-color: #DEF;
}

/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #DEF;
}

/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */

@media print {
    #content cite a.external.text:after {
        display: none;
    }
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

th.mbox-text, td.mbox-text {
border:medium none;
padding:0.25em 0.9em;
width:100%;
}
td.mbox-image {
border:medium none;
padding:2px 0 2px 0.9em;
text-align:center;
}
td.mbox-imageright {
border:medium none;
padding:2px 0.9em 2px 0;
text-align:center;
}
.mediawiki table.mbox-small {
clear:right;
float:right;
font-size:88%;
line-height:1.25em;
margin:4px 0 4px 1em;
width:238px;
}
table.ambox {
background:#FBFBFB none repeat scroll 0 0;
border-color:#AAAAAA #AAAAAA #AAAAAA #1E90FF;
border-style:solid;
border-width:1px 1px 1px 10px;
margin:-1px 10% 0;
}
.ambox th.mbox-text, .ambox td.mbox-text {
padding:0.25em 0.5em;
}
.ambox td.mbox-image {
padding:2px 0 2px 0.5em;
}
.ambox td.mbox-imageright {
padding:2px 0.5em 2px 0;
}
table.ambox-notice {
border-left:10px solid #1E90FF;
}
table.ambox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border-left:10px solid #B22222;
}
table.ambox-delete {
border-left:10px solid #B22222;
}
table.ambox-content {
border-left:10px solid #F28500;
}
table.ambox-style {
border-left:10px solid #F4C430;
}
table.ambox-move {
border-left:10px solid #9932CC;
}
table.ambox-protection {
border-left:10px solid #BBBBAA;
}
table.imbox {
background:#FBFBFB none repeat scroll 0 0;
border:3px solid #1E90FF;
border-collapse:collapse;
margin:4px 10%;
}
.imbox .mbox-text .imbox {
margin:0 -0.5em;
}
.mbox-inside .imbox {
margin:4px;
}
table.imbox-notice {
border:3px solid #1E90FF;
}
table.imbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:3px solid #B22222;
}
table.imbox-delete {
border:3px solid #B22222;
}
table.imbox-content {
border:3px solid #F28500;
}
table.imbox-style {
border:3px solid #F4C430;
}
table.imbox-move {
border:3px solid #9932CC;
}
table.imbox-protection {
border:3px solid #BBBBAA;
}
table.imbox-license {
background:#F7F8FF none repeat scroll 0 0;
border:3px solid #8888AA;
}
table.imbox-featured {
border:3px solid #CBA135;
}
table.cmbox {
background:#DFE8FF none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:3px 10%;
}
table.cmbox-notice {
background:#D8E8FF none repeat scroll 0 0;
}
table.cmbox-speedy {
background:#FFDBDB none repeat scroll 0 0;
border:4px solid #B22222;
margin-bottom:4px;
margin-top:4px;
}
table.cmbox-delete {
background:#FFDBDB none repeat scroll 0 0;
}
table.cmbox-content {
background:#FFE7CE none repeat scroll 0 0;
}
table.cmbox-style {
background:#FFF9DB none repeat scroll 0 0;
}
table.cmbox-move {
background:#E4D8FF none repeat scroll 0 0;
}
table.cmbox-protection {
background:#EFEFE1 none repeat scroll 0 0;
}
table.ombox {
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:4px 10%;
}
table.ombox-notice {
border:1px solid #AAAAAA;
}
table.ombox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.ombox-delete {
border:2px solid #B22222;
}
table.ombox-content {
border:1px solid #F28500;
}
table.ombox-style {
border:1px solid #F4C430;
}
table.ombox-move {
border:1px solid #9932CC;
}
table.ombox-protection {
border:2px solid #BBBBAA;
}
table.tmbox {
background:#F8EABA none repeat scroll 0 0;
border:1px solid #C0C090;
border-collapse:collapse;
margin:4px 10%;
}
.mediawiki .mbox-inside .tmbox {
margin:2px 0;
width:100%;
}
.mbox-inside .tmbox.mbox-small {
font-size:100%;
line-height:1.5em;
}
table.tmbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.tmbox-delete {
border:2px solid #B22222;
}
table.tmbox-content {
border:2px solid #F28500;
}
table.tmbox-style {
border:2px solid #F4C430;
}
table.tmbox-move {
border:2px solid #9932CC;
}
table.tmbox-protection, table.tmbox-notice {
border:1px solid #C0C090;
}
div.fmbox-warning, div.mw-warning-with-logexcerpt, div.mw-cascadeprotectedwarning {
background:#FFDBDB none repeat scroll 0 0;
border:1px solid #BB7070;
clear:both;
margin:0.2em 0;
padding:0.25em 0.9em;
}

.majorwarning {
background:yellow none repeat scroll 0 0;
border:2px solid red;
font-size:125%;
padding:0.3em;
text-align:center;
}
.page-notice, .page-warning {
border-style:solid;
border-width:1px;
margin-bottom:1em;
margin-left:auto;
margin-right:auto;
padding:0.3em 0.5em;
text-align:center;
width:95%;
}
.page-notice {
background-color:#F9F9F9;
border-color:#025E9D;
text-align:left;
}
.page-warning {
background-color:#FFFFFF;
border-color:#C51919;
border-width:2px;
}
.pw-head {
color:#C51919;
font-weight:bold;
}
.block-note {
background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
background-position:left top;
background-repeat:no-repeat;
}
.block-contents {
display:block;
padding-left:20px;
}