# HG changeset patch # User Matti Hamalainen # Date 1382467802 -10800 # Node ID 3ed09527e34869fdc4a6ff7ab4ab16c2549714de # Parent cf53c6c7b79790a8d812b1162e0dbfd62293a2c9 Work on the party display system CSS. diff -r cf53c6c7b797 -r 3ed09527e348 fap.css --- a/fap.css Tue Oct 22 21:49:37 2013 +0300 +++ b/fap.css Tue Oct 22 21:50:02 2013 +0300 @@ -401,3 +401,76 @@ visibility: hidden; } } + + +div.showView { + position: absolute; + top: 2em; + bottom: 2em; + left: 2em; + right: 2em; + + background: rgba(0,0,0,0.5); + border-radius: 2em; + border: 5pt dashed rgba(0,255,0,0.7); +} + +div.showHeader, div.compoHeader { + padding: 10pt; + z-index: 0; + text-align: center; + color: #0f0; +} + +div.showHeader .title, div.compoHeader .title { + font-size: 32pt; +} + +div.showText, div.compoNext { + z-index: 5; + font-size: 64pt; + text-align: center; + color: #0f0; +} + +div.compoNext .entryIndex { + position: absolute; + top: 1.5em; + left: 20pt; + font-size: 128pt; + color: rgba(0,255,0,0.3); +} + +div.compoNext .entryInfo { + position: absolute; + top: 50%; + right: 20pt; + width: 10em; + font-size: 24pt; + padding: 5pt; + border-radius: 10pt; + box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset; +} + + +div.compoPrev { + position: absolute; + left: 1em; + bottom: 1em; + min-width: 30%; + color: #0f0; + font-size: 16pt; + font-weight: bold; + + padding: 10pt; + border-radius: 10pt; + box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset; + + text-align: right; +} + +div.compoPrev .title { + border-bottom: 2px solid #0f0; + text-align: left; +} +