Mercurial > hg > fapweb
diff examples/css/admin.css @ 829:c2839190ca54
Update example CSS files.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Tue, 25 Nov 2014 09:56:03 +0200 |
parents | b4e0501f5588 |
children | 04495bb47dc9 |
line wrap: on
line diff
--- a/examples/css/admin.css Tue Nov 25 09:55:43 2014 +0200 +++ b/examples/css/admin.css Tue Nov 25 09:56:03 2014 +0200 @@ -26,35 +26,56 @@ outline: none; } + +/* + * Message and image preview boxes + */ #messageBox { position: absolute; - top: 0px; - bottom: 0px; - left: 0px; - right: 0px; + top: 0; + bottom: 0; + left: 0; + right: 0; 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; } +#messageBox > div { + position: absolute; + z-index: 62; + padding: 0.5em; + border-radius: 0.5em; +} +#messageBox div.messageBoxInner { + top: 2em; + left: 2em; + min-width: 50%; + height: auto; + background: #080; + border: 2px solid black; + color: white; +} + +#messageBox div.imageBoxInner { + top: 2em; + left: 2em; + background: #444; + border: 2px solid black; +} + +#messageBox div.imageBoxInner img { + position: relative; +} + + +/* + * Administration popup box + */ #adminPopup { position: absolute; top: 0px; @@ -81,13 +102,15 @@ } - +/* + * Page tabs / tab headers + */ #tabHeadersCC { position: relative; top: 0.5em; left: 0; right: 0; - height: 2em; + height: 3em; z-index: 10; margin: 0; @@ -100,17 +123,23 @@ line-height: 2.7em; } -div.tabHeadersSub a, #ctrlModeControls a { +div.tabHeadersSub a, div.ctrlModeControls a { z-index: 15; text-decoration: none; - padding: 0.25em; + padding-left: 0.25em; + padding-right: 0.25em; background: #060; text-shadow: 2px 2px 1px rgba(0,0,0,0.4); - border-radius: 5pt; + border-radius: 0.2em; + + display: inline-block; + margin-bottom: 0.2em; + min-width: 6em; } #tabHeadersCC a { position: relative; + display: inline-block; z-index: 15; padding: 0.5em; text-decoration: none; @@ -120,7 +149,7 @@ border-top-right-radius: 0.2em; } -#tabHeadersCC a:hover, div.tabHeadersSub a:hover, #ctrlModeControls a:hover { +#tabHeadersCC a:hover, div.tabHeadersSub a:hover, div.ctrlModeControls a:hover { background: #C8D286; } @@ -190,12 +219,14 @@ } - -#ctrlModeControls input[type="radio"] { +/* + * Compo/infoscreen controls + */ +div.ctrlModeControls input[type="radio"] { display: none; } -#ctrlModeControls input[type="radio"] + label:before { +div.ctrlModeControls input[type="radio"] + label:before { content: "O"; display: inline-block; color: green; @@ -203,7 +234,7 @@ margin-right: 0.15em; } -#ctrlModeControls input[type="radio"]:checked + label:before { +div.ctrlModeControls input[type="radio"]:checked + label:before { content: "X"; display: inline-block; color: red; @@ -211,13 +242,13 @@ font-size: 1.5em; } -#ctrlModeControls input[type="radio"]:checked + label { +div.ctrlModeControls input[type="radio"]:checked + label { color: white; font-weight: bold; } -#ctrlModeControls, #ctrlSystemControls { +div.ctrlModeControls, #ctrlSystemControls { border: 2px solid green; padding: 0.5em; border-radius: 0.5em; @@ -348,8 +379,7 @@ color: red; } - -table.attendees,table.entries,table.vote { +table.attendees,table.vote { width: 100%; } @@ -380,7 +410,6 @@ tr.rodd td { background: #010; - border-radius: 2pt; } tr.reven td { @@ -400,7 +429,7 @@ background: red; } -div.compoInfo { +div.compoItem, div.newsItem { margin: 0; padding: 1em; border-top: 1px solid #0f0; @@ -414,3 +443,82 @@ tr.active td { background: green; } + + + +/* + * Entries + */ +div.rodd { + background: #020; +} + +div.reven { + background: #030; +} + +div.active { + border: 1px solid #0f0; +} + +div.deleteWarning { + background: red; +} + + +div.entryRow { + position: relative; + margin-top: 1em; + margin-bottom: 1em; + padding: 0.5em; + vertical-align: top; + border-radius: 0.2em; +} + +div.entryCell { + display: inline-block; + vertical-align: top; + min-width: 15em; +} + + +/* + * Individual edit controls + */ +div.editControl { + vertical-align: top; + padding: 0.2em; +} + +span.editControlTitle { + background: black; + display: block; + text-align: center; +} + + +/* + * Specific entry items + */ +div.entryShowID { + background: #800; + width: 2em; + min-width: 2em; + text-align: center; +} + +div.entryActions { + position: absolute; + right: 0.2em; + bottom: 0.2em; + + min-width: 1em; + width: auto; + + vertical-align: bottom; + text-align: right; + + padding: 0.2em; + background: #050; + border-radius: 0.4em; +}