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;
+}