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