Mercurial > hg > fapweb
changeset 134:3ed09527e348
Work on the party display system CSS.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Tue, 22 Oct 2013 21:50:02 +0300 |
parents | cf53c6c7b797 |
children | eecac02579c4 |
files | fap.css |
diffstat | 1 files changed, 73 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- 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; +} +