MediaWiki:Wikia.css

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; } /* ################################################## */ /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS - from fallout.wikia.com      ### */ /* ### (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; }