From 55f6f6386f169409477fd31a72f89de6f7192b86 Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Fri, 6 Aug 2010 12:01:56 +0200
Subject: Gregy's settings page + TheBrayns new icons

---
 module/web/media/default/css/default.css | 120 ++++++++++++++++++++++---------
 1 file changed, 86 insertions(+), 34 deletions(-)

(limited to 'module/web/media/default/css')

diff --git a/module/web/media/default/css/default.css b/module/web/media/default/css/default.css
index 692202bb2..346c1eb23 100644
--- a/module/web/media/default/css/default.css
+++ b/module/web/media/default/css/default.css
@@ -1010,11 +1010,15 @@ a.backlink {
 a.play {
 	background:transparent url(/media/default/img/control_play.png) 0px 1px no-repeat;
 }
-a.time {
+.time {
 	background:transparent url(/media/default/img/status_None.png) 0px 1px no-repeat;
+        padding: 2px 0px 2px 18px;
+        margin: 0px 3px;
 }
-a.reconnect {
+.reconnect {
 	background:transparent url(/media/default/img/reconnect.png) 0px 1px no-repeat;
+        padding: 2px 0px 2px 18px;
+        margin: 0px 3px;
 }
 a.play:hover {
 	background:transparent url(/media/default/img/control_play_blue.png) 0px 1px no-repeat;
@@ -1038,6 +1042,12 @@ a.stop {
 a.stop:hover {
 	background:transparent url(/media/default/img/control_stop_blue.png) 0px 1px no-repeat;
 }
+a.add {
+	background:transparent url(/media/default/img/control_add.png) 0px 1px no-repeat;
+}
+a.add:hover {
+	background:transparent url(/media/default/img/control_add_blue.png) 0px 1px no-repeat;
+}
 a.cog {
 	background:transparent url(/media/default/img/cog.png) 0px 1px no-repeat;
 }
@@ -1531,66 +1541,108 @@ div.codearea pre span.Preprc {
 	font-weight: normal;
 }
 
-#horizontalForm fieldset
-{
-	display: block;
-	margin: 0 0 3em 0;
-	padding: 0 1em 1em 1em;
-}
 
-#horizontalForm fieldset.radio
+.clearer
 {
-	margin: 1em 0 2em 0;
+	clear: both;
+	height: 1px;
 }
 
-#horizontalForm fieldset.radio input
+.left
 {
-	clear: both;
 	float: left;
-	width: auto;
 }
 
-#horizontalForm fieldset.radio label
+.right
 {
-	font-weight: normal;
+	float: right;
 }
 
-#horizontalForm input
+
+.setfield
 {
-	display: block;
-	width: 15em;
+    display: table-cell;
 }
 
-#horizontalForm input.submit
+#tabsback
 {
-	clear: both;
+    background-color: #525252;
+    margin: 0px;
+    padding: 6px 4px 1px 4px;
+
+    border-top-right-radius: 30px;
+    border-top-left-radius: 3px;
+    -moz-border-radius-topright: 30px;
+    -moz-border-radius-topleft: 3px;
+}
+ul#tabs
+{
+    list-style-type: none;
+    margin:0px;
+    padding: 0px 40px 0px 0px;
+}
+ul#tabs li
+{
+    display: inline;
+    margin-left: 8px;
 }
+ul#tabs li a
+{
+    color: #42454a;
+    background-color: #eaeaea;
+    border: 1px solid #c9c3ba;
+    border-bottom: none;
+    padding: 2px 4px 2px 4px;
+    margin: 0px;
+    text-decoration: none;
 
-#horizontalForm label
+    outline: 0;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+}
+
+ul#tabs li a.selected, ul#tabs li a:hover
 {
-	float: left;
-	display: block;
-	margin: 1em 1em 0 0;
-	font-weight: bold;
+    color: #000;
+    background-color: white;
+    padding: 2px 4px 6px 4px;
+
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+    -moz-border-radius-bottomright: 0px;
+    -moz-border-radius-bottomleft: 0px;
 }
 
-#horizontalForm select
+ul#tabs li a:hover
 {
-	display: block;
+    background-color: #f1f4ee;
 }
 
-.clearer
+ul#tabs li a.selected
 {
-	clear: both;
-	height: 1px;
+    font-weight: bold;
 }
 
-.left
+div.tabContent
 {
-	float: left;
+    border: 2px solid #525252;
+    margin: 0px 0px 0px 0px;
+    padding: 0px;
+
+}
+div.tabContent.hide
+{
+    display: none;
 }
 
-.right
+.settable
 {
-	float: right;
+    margin: 20px;
+    border: none;
 }
+.settable td
+{
+    border: none;
+    margin: 0px;
+    padding: 5px;
+}
\ No newline at end of file
-- 
cgit v1.2.3