Mercurial > hg > fapweb
view mobile.css @ 181:21109b309c6a
Add stylesheet files for mobile and desktop. Mobile version is very broken
at the moment.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 07 Nov 2013 11:17:59 +0200 |
parents | |
children | 4edcce55da9c |
line wrap: on
line source
body { background: black url(img/gridsm.png); font-size: 10px; } a.logo { display: none; } #header { display: none; } #menu { position: fixed; top: 0.5em; left: 0.5em; right: 0.5em; margin: 0em; width: auto; height: auto; padding: 0.1em; 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: 1em; border-radius: 5pt; box-shadow: 8px 8px 16px #000; } #menu div { display: none; } #menu a { float: left; display: inline; text-decoration: none; padding: 5pt; margin: 3pt; 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; 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; } #date { display: none; } #maincontent { position: fixed; top: 4em; left: 1em; right: 1em; 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); -moz-border-radius: 8pt; border-radius: 8pt; color: white; } #maincontent > div, #admin > div { width: 100%; height: 100%; overflow-y: auto; }