MediaWiki:Common.css

/* To make images responsive */ img.fullwidth { width: 100%; height: auto; }

/* Container */ .va-listen, .va-newsquote, .va-quotation, .va-transcript { line-height: 18px; padding: 10px 25px; }

.va-quotation { overflow: hidden; } table td .va-quotation { overflow: visible; } .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; }

.va-quotation-quot-r { bottom: 2px; }

/* 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; margin-left: 2em; }

.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 { visibility:visible; }

.np-quote-snd-player { visibility: hidden; position: absolute; top: -55px; left: 100%; z-index: 100 !important; width: 300px; overflow-x: hidden; margin: 0; 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; }

/* ############################################ */ /* ### STAT TABLES                         ### */ /* ### Used in: Template:Stats creature    ### */ /* ############################################ */