Mercurial > hg > fapweb
view examples/css/desktop.css @ 829:c2839190ca54
Update example CSS files.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Tue, 25 Nov 2014 09:56:03 +0200 |
parents | 392d0fd006cd |
children |
line wrap: on
line source
body { font-size: 16px; } div.logo { background: url(../img/fap.png) no-repeat center; height: 300px; display: block; } #header { font-size: 1.25em; position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; height: 4.2em; background: black; border-bottom: 4px dashed #ea0; color: #0f0; } #extra { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; height: 3.5em; background: black; border-top: 4px dashed #ea0; } #extra > div { margin: 0; padding: 0.5em; padding-bottom: 0em; } #extra div.scenesat { display: inline-block; background: url(../img/scenesat.png) no-repeat center; width: 180px; height: 40px; } #infobox { position: absolute; top: 3em; right: 3em; min-width: 8em; margin: 0; padding: 0.25em; padding-left: 0.5em; padding-right: 0.5em; z-index: 10; font-size: 1.5em; color: #0f0; text-shadow: 0px 0px 3px #0f0; background: black; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em; text-align: left; text-transform: uppercase; transform: skewX(-10deg); } #header div.date { position: absolute; top: 0; right: 0; width: 20em; height: 4em; margin: 0.5em; text-align: right; color: white; font-size: 0.75em; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); } #header div.date span { margin: 0.5em; } #mainContent * div.date { display: none; } #mainContent { position: absolute; left: 0; right: 0; top: 3em; bottom: 3.5em; padding: 0em; margin: 0em; color: black; } #mainContentInner { position: absolute; left: 2em; right: 2em; top: 0em; bottom: 0em; border-left: 1px dashed black; border-right: 1px dashed black; } #mainContentWrap, #tabContentsCC > div { position: absolute; left: 0; right: 0; top: 2.5em; bottom: 0.5em; overflow-y: scroll; } div.compolist { text-align: center; } div.compolist .compo { white-space: nowrap; }