Difference between revisions of "MediaWiki:Common.css"

From Korean Wiki Project
Jump to: navigation, search
(New page: /* 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; backgrou...)
 
Line 21: Line 21:
 
.prettytable caption {
 
.prettytable caption {
 
     font-weight: bold;
 
     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;
 +
    }
 
}
 
}

Revision as of 11:53, 22 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;
    }
}