Mercurial > hg > fapweb
view examples/css/show.css @ 1092:95b74632cfe2
Rename votekeys table to userkeys, and all related variables and settings.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 26 Jan 2017 13:38:19 +0200 |
parents | c2839190ca54 |
children |
line wrap: on
line source
@font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(oswald.ttf) format('truetype'); } html { -webkit-backface-visibility: hidden; } body { font-family: 'Oswald', sans-serif; font-size: 12px; background: #ea0; color: #000; margin: 0; padding: 0; } h1 { font-size: 1.5em; color: white; text-shadow: 2px 2px 4px #000; } h2 { font-size: 1.15em; color: white; text-shadow: 2px 2px 4px #000; } /* * */ div.showView { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } div.showHeader, div.compoHeader { padding-top: 1em; padding-bottom: 1em; z-index: 0; text-align: center; color: white; background: black; } div.showHeader { background: url(../img/fapsm.png) no-repeat center black; height: 112px; display: block; } div.compoHeaderDiv { background: url(../img/fapsm.png) no-repeat center; height: 112px; display: block; } div.showText { z-index: 5; font-size: 2.5em; text-align: center; } /* * Compo mode */ div.showHeader .compoTitle, div.compoHeader .compoTitle { font-size: 3em; } 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: 18em; 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: 9.5em; 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: 1em; font-weight: bold; padding: 0.2em; border-radius: 0.2em; 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.compoStarting { text-align: center; vertical-align: middle; font-size: 5em; color: white; text-shadow: 2px 2px 4px black; } /* * Misc, error states */ 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; } }