MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* ################################################## */ /* ### TABLES                                   #### */ /* ################################################## */

.ch-table01 { border-collapse: collapse; empty-cells: show; font-size: 15px; line-height: 20px; margin-bottom: 8px; }

.ch-table01 td, .ch-table01 th { border: 1px solid #AAA; padding: 1px 2px; }

.ch-table01 tr { background: #fceffc; }

.ch-table01 th { background: #830292; font-weight: bold; color:#ffffff }

.ch-table01 td { background: transparent; }

.ch-table01-collapse .collapseButton { margin-left: 15px !important; position: absolute; } .ch-table01 > tr.ch-table01-highlight, .ch-table01 > * > tr.ch-table01-highlight { background-color: #D6DBC1; }

/* Adapting lists & paragraphs to altered line-height */ .ch-table01 ul, .ch-table01 ol, .ch-table01 p { line-height: 21px; margin-top: 0; margin-bottom: 0; }

.ch-table01 ul, .ch-table01 ol { margin-left: 25px; }

.ch-table01 ul + p, .ch-table01 ul + ol, .ch-table01 ul + ul, .ch-table01 ol + p, .ch-table01 ol + ol, .ch-table01 ol + ul, .ch-table01 p + p, .ch-table01 p + ol, .ch-table01 p + ul { margin-top: 8px; }

/* Tables with specific vertical alignment for cells */ .ch-table01-top td { vertical-align: top; }

.ch-table01-middle td { vertical-align: middle; }

.ch-table01-bottom td { vertical-align: bottom; }

/* Tables with specific horizontal alignment for cells */ .ch-table01-center td { text-align: center ; }

.ch-table01-left td { text-align: left; }

.ch-table01-right td { text-align: right; }

/* Tables which are full width in Oasis */ .ch-table01-full { width: 100%; }

/* Tables in which the first column starts with an icon */ .ch-table01-icon tr td:first-child { padding-left: 25px; text-indent: -25px; }

.ch-table01-full-infobox { width: 380px; }

.ch-table01-shaded tr:nth-child(even) { background-color: #fceffc; }

/* ################################################## */ /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS      ### */ /* ### (Template:Listen, Template:Newsquote,     ### */ /* ### Template:Quotation, Template:Transcript)   ### */ /* ################################################## */ /* Container */ .va-listen, .va-newsquote, .va-quotation, .va-transcript { line-height: 18px; padding: 10px 25px; } .va-quotation { overflow: hidden; } .va-quotation-body { display: block; } .va-quotation-quote { display: block; position: relative; z-index: 1; } .va-listen-left, .va-listen-right, .va-quotation-left, .va-quotation-right { border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; width: 200px; } .va-listen-left, .va-quotation-left { clear: left; float: left; margin: 10px 10px 10px 0; } .va-listen-right, .va-quotation-right { clear: right; float: right; margin: 10px 0 10px 10px; } .va-quotation-center { text-align: center; } .va-quotation-center .va-quotation-body { display: inline-block; } /* Quotation marks/icons */ .va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r, .va-transcript-icon { width: 40px; z-index: -1; } .va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-transcript-icon { position: relative; } .va-quotation-quot-l, .va-quotation-quot-r { position: absolute; } .va-listen-icon, .va-transcript-icon { float: left; left: -25px; margin-right: -40px; top: -5px; } .va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r { color: #E0E0E0; font: bold 55px/40px serif; height: 18px; } .va-newsquote-quot-l, .va-quotation-quot-l { left: -15px; text-align: left; } .va-newsquote-quot-r, .va-quotation-quot-r { right: -15px; text-align: right; } .va-newsquote-quot-l { float: left; margin-right: -40px; } .va-newsquote-quot-r { float: right; margin-left: -40px; } .va-quotation-quot-l { top: -2px; top: -3px !ie; } .va-quotation-quot-r { bottom: 2px; bottom: 3px !ie; } /* Quoted text/audio file desc */ .va-listen-item, .va-listen-item .ogg-player-options, .va-newsquote-text, .va-quotation-text { font-size: 12px; } .va-inlinequote-text, .va-listen-text, .va-newsquote-text, .va-quotation-text { font-style: italic; } .va-transcript-text { font-family: monospace; } .va-quotation-text { display: block; margin-top: -0.4em; text-align: left; } .va-quotation-text ol, .va-quotation-text p, .va-quotation-text ul { margin-bottom: 0; } /* Source */ .va-newsquote-source, .va-quotation-source { padding: 5px 0 0; text-align: right; } .va-quotation-source { display: block; font-size: 10px; line-height: 15px; } /* "Incomplete quote" dots */ .va-newsquote-dots { font-style: normal; padding: 3px 0; } /* Audio file list */ .va-listen-item { margin: 0 auto; width: 180px; } .va-listen-item audio { margin-bottom: 5px; width: 100%; } .va-listen-item div { margin-bottom: 2px; } .va-listen-item + .va-listen-item { border-top: 1px solid #D9D9D9; margin-top: 5px; } .np-quote-snd-trigger { display: inline-block; position: relative; top:auto; left:auto; padding: 0px 2px; } .np-quote-snd-trigger:hover .np-quote-snd-player { display:block; } .np-quote-snd-player { display:none; position:absolute; top:-55px; left:100%; z-index:100 !important; width: 300px; overflow-x: hidden; margin:0px; padding:5px 10px 10px 10px; border:1px solid #CCCCCC; border-radius:5px; box-shadow:#AAAAAA 2px 2px 5px 0px; background-color:White; color: Black; text-align: left; font: normal normal normal 13px/normal Helvetica,Arial,sans-serif; } .np-quote-snd-player-img { float:left; width:50px; } .np-quote-snd-player-title { width:250px; height:50px; display:table-cell; vertical-align:middle; } .np-quote-snd-player-title span { font-size: 18px; }