Mercurial > hg > fapweb
changeset 617:11c10958abd4
Updated.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Sat, 01 Nov 2014 04:01:51 +0200 |
parents | 36e614bf864f |
children | 0508fb0c1304 |
files | examples/css/admin.css |
diffstat | 1 files changed, 182 insertions(+), 59 deletions(-) [+] |
line wrap: on
line diff
--- a/examples/css/admin.css Sat Nov 01 03:49:08 2014 +0200 +++ b/examples/css/admin.css Sat Nov 01 04:01:51 2014 +0200 @@ -1,3 +1,56 @@ +@font-face { + font-family: 'Oswald'; + font-style: normal; + font-weight: 300; + src: local('Oswald Light'), local('Oswald-Light'), url(oswald.ttf) format('truetype'); +} + +html { + -webkit-backface-visibility: hidden; +} + +body { + font-size: 16px; + font-family: 'Oswald', sans-serif; + background: black; + margin: 0; + padding: 0; + color: #0f0; +} + +a { + color: white; +} + +#messageBox { + position: absolute; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + z-index: 60; + display: none; +} + +#messageBox div.messageBoxInner { + position: absolute; + top: 25%; + left: 10%; + height: auto; + min-width: 50%; + max-width: 80%; + z-index: 62; + background: black; + border: 2px solid green; + padding: 1.5em; + border-radius: 0.5em; +} + +#messageBox div.messageBoxControls { + text-align: right; +} + + #adminPopup { position: absolute; top: 0px; @@ -23,103 +76,82 @@ border-radius: 1em; } -#ctrlModeControls input[type="radio"] { - display: none; -} - -#ctrlModeControls input[type="radio"] + label:before { - content: "O"; - display: inline-block; - color: green; - font-size: 2em; - margin-right: 0.15em; -} - -#ctrlModeControls input[type="radio"]:checked + label:before { - content: "X"; - display: inline-block; - color: red; - font-weight: bold; - font-size: 2em; -} - -#ctrlModeControls input[type="radio"]:checked + label { - color: white; - font-weight: bold; -} -div.tabHeaders { - margin-top: 10pt; - margin-bottom: 0px; - border-bottom: 5pt solid #595F23; +#tabHeadersCC { + position: relative; + top: 0.5em; + left: 0; + right: 0; + height: 2em; + + z-index: 10; + margin: 0; + padding-left: 1em; + background: #440; } div.tabHeadersSub { - margin-top: 10pt; - margin-bottom: 0px; - font-size: 0.7em; + font-size: 1em; line-height: 2.7em; } div.tabHeadersSub a, #ctrlModeControls a { + z-index: 15; text-decoration: none; - margin: 0px; - padding: 5pt; - background: #595F23; + padding: 0.25em; + background: #060; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); border-radius: 5pt; } -div.tabHeaders a { +#tabHeadersCC a { + position: relative; + z-index: 15; + padding: 0.5em; text-decoration: none; - padding: 5pt; - margin: 5pt; - margin-left: 0px; - margin-right: 0px; - background: #595F23; + background: #060; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); - border-top-left-radius: 5pt; - border-top-right-radius: 5pt; + border-top-left-radius: 0.2em; + border-top-right-radius: 0.2em; } -div.tabHeaders a:hover, div.tabHeadersSub a:hover, #ctrlModeControls a:hover { +#tabHeadersCC a:hover, div.tabHeadersSub a:hover, #ctrlModeControls a:hover { background: #C8D286; } -div.tabHeaders a:active, div.tabHeadersSub a:active { +#tabHeadersCC a:active, div.tabHeadersSub a:active { background: #C8D286; } -div.tabHeaders a.admin { - position: relative; - right: -2em; +#tabHeadersCC a.admin { + right: -5em; } div.tabContents { position: absolute; - left: 0em; - right: 0em; - top: 4em; - bottom: 0em; + left: 0; + right: 0; + top: 4.5em; + bottom: 0; padding: 1em; margin: 0px; - color: #0f0; + overflow-y: scroll; } #adminContent { position: absolute; - top: 0em; - bottom: 0em; - left: 0em; - right: 0em; - padding: 1em; - background: rgba(0,0,0,0.7); - color: #0f0; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding: 0; + margin: 0; } + div.info { padding: 1em; background: black; @@ -154,6 +186,32 @@ +#ctrlModeControls input[type="radio"] { + display: none; +} + +#ctrlModeControls input[type="radio"] + label:before { + content: "O"; + display: inline-block; + color: green; + font-size: 1.5em; + margin-right: 0.15em; +} + +#ctrlModeControls input[type="radio"]:checked + label:before { + content: "X"; + display: inline-block; + color: red; + font-weight: bold; + font-size: 1.5em; +} + +#ctrlModeControls input[type="radio"]:checked + label { + color: white; + font-weight: bold; +} + + #ctrlModeControls, #ctrlSystemControls { border: 2px solid green; padding: 0.5em; @@ -271,3 +329,68 @@ option { font-family: monospace; } + +#nstatus { + +} + +#adminLogin { + padding: 1em; +} + + +.overbooked { + color: red; +} + + +table.attendees,table.misc,table.vote { + width: 100%; +} + +table td, table th { + border-radius: 2pt; + overflow-x: hidden; +} + +table th { + background: #040; +} + +table.attendees .regtime { + width: 15%; +} + +table.attendees .oneliner { + width: 50%; +} + +table.attendees .name { + width: 15%; +} + +table.attendees .groups { + width: 15%; +} + +tr.rodd td { + background: #010; + border-radius: 2pt; +} + +tr.reven td { + background: #020; +} + +table.attendees tr:hover td { + background: #750; +} + + +.deleteWarning { + background: red; +} + +table.attendees tr.deleteWarning td { + background: red; +} \ No newline at end of file