Mercurial > hg > fapweb
view mobile.css @ 420:e9f6e242c4b9
Define some more SQL field lengths.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Thu, 05 Dec 2013 19:10:52 +0200 |
parents | e6fdacce4fe0 |
children | cf591bb4c93c |
line wrap: on
line source
body { background: black url(img/gridsm.png); font-size: 12px; } div.logo { display: none; } div.logo2 { background: url(img/fapsm.png) no-repeat center; height: 10em; display: block; } #header { display: none; } #menu { 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: 0.75em; border-radius: 5pt; box-shadow: 8px 8px 16px #000; text-align: center; } #menu div { display: none; } #menu a { float: none; display: inline; text-decoration: none; padding: 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; 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; } #infobox { position: fixed; z-index: 15; margin: 0em; padding: 3pt; min-width: 10em; font-family: Impact; font-size: 1em; 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; } #maincontent { 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 16px 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; } @media only screen and (orientation: landscape), only screen and (min-width: 640px), only screen and (min-device-width: 640px) { #menu { top: 0em; min-width: 25em; margin-left:auto; margin-right:auto; padding: 0.25em; line-height: 3.2em; } #infobox { top: 4em; right: 3em; } #date { display: none; } #maincontent { position: absolute; top: 5em; left: 1em; right: 1em; bottom: 1em; padding: 1em; } } @media only screen and (orientation: portrait) { #menu { top: 0em; height: 6.5em; min-width: 25em; max-width: 25em; margin-left:auto; margin-right:auto; padding: 0.25em; line-height: 3.2em; } #infobox { top: 8em; right: 3em; } #date { display: none; } #maincontent { position: absolute; top: 9em; left: 1em; right: 1em; bottom: 1em; padding: 1em; } } #maincontent > div { width: 100%; height: 100%; overflow-y: auto; } table.attendees .regtime { display: none; } table.register, table.register input { font-size: 0.4em; } #sponsors { display: none; }