Mercurial > hg > fapweb
view desktop.css @ 511:6fe66ea0e954
Move most of the results code to site module, remove the support for HTML
type output.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Sun, 08 Dec 2013 02:16:26 +0200 |
parents | cf591bb4c93c |
children |
line wrap: on
line source
body { background: black url(img/grid.png); } div.logo, div.logo2 { background: url(img/fap.png) no-repeat center; height: 13em; display: block; } #header { position: fixed; top: 0em; left: 0em; right: 0em; height: 4em; margin: 0em; padding: 0.25em; } #sponsors { position: fixed; top: auto; bottom: 1em; left: 0.5em; right: 1em; margin: 0em; width: 8em; text-align: center; } #menu { position: fixed; top: 12em; left: 0.5em; right: 1em; min-height: 10em; margin: 0em; padding: 0.25em; width: 8em; color: #0f0; text-shadow: 0px 0px 3px #0f0; background: rgba(0,0,0,0.6); border-top: 2pt solid #0f0; border-left: 2pt solid #0f0; border-right: 2pt solid #060; border-bottom: 2pt solid #060; font-family: Impact; font-size: 1.25em; border-radius: 5pt; box-shadow: 8px 8px 16px #000; } #menu div { text-align: center; font-size: 1.25em; } #menu a { text-decoration: none; padding: 5pt; margin: 5pt; background: rgba(0,50,0,0.7); color: #0d0; text-shadow: 0px 0px 3px #0f0; border-top: 2pt solid #0f0; border-left: 2pt solid #0f0; border-right: 2pt solid #060; border-bottom: 2pt solid #060; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 2px 2px 2px rgba(0,0,0,0.4); border-top-right-radius: 10pt; border-bottom-left-radius: 10pt; display: block; transition: all 0.3s; } #menu a:hover { background: rgba(0,50,0,0.4); color: #fff; box-shadow: 2px 2px 4px rgba(0,255,0,0.5) inset, -2px -2px 4px rgba(0,255,0,0.5) inset; margin-left: 1pt; margin-right: 1pt; } #infobox { position: fixed; top: 9.5em; left: 11em; min-width: 10em; margin: 0em; padding: 5pt; z-index: 15; font-family: Impact; font-size: 1.3em; text-align: center; color: #0f0; text-shadow: 0px 0px 3px #0f0; background: rgba(0,0,0,0.6); border-top: 2pt solid #0f0; border-left: 2pt solid #0f0; border-right: 2pt solid #060; border-bottom: 2pt solid #060; border-radius: 5pt; box-shadow: 8px 8px 16px #000; } #date { position: absolute; right: 0.5em; top: 1.5em; padding: 5pt; background: rgba(0,0,0,0.6); border-top: 2pt solid #0f0; border-left: 2pt solid #0f0; border-right: 2pt solid #060; border-bottom: 2pt solid #060; border-radius: 5pt; box-shadow: 8px 8px 16px #000; text-align: right; color: white; font-size: 1.2em; font-family: Impact; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); } #mainContent { position: fixed; left: 13em; right: 1em; top: 14em; bottom: 1em; padding: 1em; margin: 0em; background: rgba(0,0,0,0.8); border: 1pt solid #0f0; box-shadow: 4px 4px 4px rgba(0,255,0,0.7), -4px -4px 4px rgba(0,255,0,0.7), 8px 8px 32px rgba(0,255,0,0.4) inset; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); border-radius: 8pt; color: white; } #mainContent > div, div.tabContents > div { width: 100%; height: 100%; overflow-y: auto; }