Mercurial > hg > fapweb
changeset 1:e2cbadeb4c7b
Add missing CSS stylesheet.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Tue, 04 Dec 2012 19:07:28 +0200 |
parents | 8019b357cc03 |
children | 50216ed31d78 |
files | fap.css |
diffstat | 1 files changed, 240 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/fap.css Tue Dec 04 19:07:28 2012 +0200 @@ -0,0 +1,240 @@ +html { + -webkit-backface-visibility: hidden; +} + +body { + font-family: Verdana, Arial, helvetica, sans-serif; + font-size: 12pt; + color: white; + margin: 0px; + padding: 0px; + background: #999F73 url(img/kulli.png) no-repeat -3em 100% fixed; +} + +img { + border: none; +} + +a:hover { + text-decoration: underline; +} + +a:active { + outline: none; +} + +a:focus { + outline-style: none; +} + +a, a:visited, a:active { + text-decoration: underline; + color: white; +} + +#contents { + position: absolute; + width: 100%; + height: 100%; + background: url(img/runkkari2.png) no-repeat 101% 102%; +} + +#headerbox { + position: fixed; + top: 2em; + left: 0px; + right: 0px; + height: 10em; + padding: 0px; + margin: 0px; +} + +#header h1 { + margin: 0px; +} + +#header { + border-top: 3pt solid rgba(255,255,255,0.25); + border-bottom: 3pt solid #595F23; + margin: 0px; + font-family: Impact; + font-size: 20pt; + background: rgba(0,0,0,0.45); + padding: 0.25em; + text-align: center; + background: #7D8A2D url(img/runkkari.png) no-repeat 1em 2em; + text-shadow: 2px 2px 1px rgba(0,0,0,0.4); + box-shadow: 0px 4px 4px rgba(0,0,0,0.7); +} + +.logo { + font-size: 30pt; +} + +#menu { + font-family: Impact; + margin: 0px; + margin-left: 2em; + padding: 5pt; +} + +#menu a { + text-decoration: none; + padding: 5pt; + margin: 5pt; + background: #595F23; + text-shadow: 2px 2px 1px rgba(0,0,0,0.4); + box-shadow: 4px 4px 4px rgba(0,0,0,0.7); + border-bottom-left-radius: 5pt; + border-bottom-right-radius: 5pt; +} + +#menu a:hover { + background: #C8D286; +} + +#date { + font-size: 15pt; + text-align: right; + position: absolute; + right: 0.5em; + top: 0.5em; +} + +#maincontent { + position: fixed; + left: 10%; + right: 10%; + top: 13em; + bottom: 2em; + padding: 5pt; + margin: 0px; + background: rgba(0,0,0,0.15); + text-shadow: 1px 1px 1px rgba(0,0,0,0.6); + border: 5pt solid rgba(0,0,0,0.15); + -moz-border-radius: 8pt; + border-radius: 8pt; +} + +#maincontent > div { + width: 100%; + height: 100%; + overflow-y: auto; +} + +#maincontent h1, #maincontent h2 { + margin: 0px; + margin-top: 1em; + padding: 2pt; + padding-left: 1em; + background: rgba(0,0,0,0.35); + border-bottom: 2px solid rgba(0,0,0,0.55); + -moz-border-radius: 8pt; + border-radius: 8pt; +} + +#maincontent h1 { + margin: 0px; +} + +div.newsitem { +} + +div.newsitem div.text { + margin-top: 0.5em; + margin-left: 1.5em; + margin-right: 1.5em; + padding-bottom: 1em; + border-bottom: 1px dotted white; +} + +div.newsitem div.sig { + padding: 5pt; + font-family: Impact; + text-align: right; +} + + +table.attendees,table.misc { + width: 100%; + font-size: 10pt; +} + +table.attendees th,table.misc th { + background: rgba(0,0,0,0.25); + width: 15%; +} + +table.attendees th.regtime { + width: 20%; +} + +table.attendees th.oneliner { + width: 50%; +} + +tr.rodd td { +} + +tr.reven td { + background: rgba(0,0,0,0.15); +} + +table.misc { + padding-top: 1em; +} + +table.misc tr:hover td { + background: rgba(0,255,0,0.15); +} + +div.reglink { + text-align: center; + padding: 0.5em; + font-size: 15pt; + color: red; + border: 2pt solid rgba(0,0,0,0.35); + margin: 5pt; + -moz-border-radius: 8pt; + border-radius: 8pt; +} + +.notice { + color: red; + text-align: center; + font-size: 15pt; +} + + +.overbooked { + color: red; +} + +#pageTabs { + margin-top: 10pt; + margin-bottom: 0px; + border-bottom: 5pt solid #595F23; +} + +#pageTabs a { + text-decoration: none; + padding: 5pt; + margin: 5pt; + background: #595F23; + text-shadow: 2px 2px 1px rgba(0,0,0,0.4); + border-top-left-radius: 5pt; + border-top-right-radius: 5pt; +} + +#pageTabs a:hover { + background: #C8D286; +} + +#pageTabs a:active { + background: #C8D286; +} + +#pageTabs a.admin { + position: relative; + right: -2em; +}