MediaWiki:Common.css

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

/* ################################################## */ /* ###   AUDIO SNIPPETS, QUOTES & TRANSCRIPTS    ### */ /* ###        (Taken from Fallout Wiki)          ### */ /* ################################################## */ /* 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; }