Mercurial > hg > fapweb
view show.css @ 472:1eabbd70cd25
Add skipping button.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Fri, 06 Dec 2013 22:28:23 +0200 |
parents | c1da26fc4982 |
children | b84acc29546c |
line wrap: on
line source
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: 1em; z-index: 0; text-align: center; color: #0f0; } div.showHeader .compoTitle, div.compoHeader .compoTitle { font-size: 3em; } div.showText { z-index: 5; color: #0f0; font-size: 2.5em; text-align: center; } h1 { font-size: 1.5em; color: white; } h2 { font-size: 1em; } div.compoNext { z-index: 5; color: #0f0; text-align: center; font-family: Impact; text-shadow: 4px 4px 6px #000; } div.compoNext .entryIndex { z-index: -1; position: absolute; top: 0.7em; left: 0.1em; font-size: 15em; color: rgba(0,255,0,0.5); text-shadow: 4px 4px 12px #000; } div.compoNext .entryName { position: absolute; top: 2.5em; left: 2em; right: 0em; font-size: 5.0em; } div.compoNext .entryAuthor { color: #0f0; position: absolute; top: 7.5em; left: 3em; right: 0em; font-size: 3.5em; } div.compoNext .entryBy { color: #060; position: absolute; top: 9em; left: 4em; right: 0em; font-size: 2.5em; } div.compoNext .entryInfo { position: absolute; bottom: 5em; right: 1em; left: 1em; min-height: 2em; font-size: 2em; padding: 5pt; color: white; } div.compoPrev { position: absolute; left: 1em; bottom: 1em; min-width: 30%; max-width: 50%; 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; background: black; text-align: right; } div.compoPrev .entryTitle { border-bottom: 2px solid #0f0; text-align: left; } div.guru { margin: 2em; padding: 2em; text-align: center; background: black; border: 0.4em solid black; color: red; animation: brblink 2s steps(2) infinite; } @keyframes brblink { from { border-color: black; } to { border-color: red; } }