From aa78d90803a68e41ea663adb623c859cae3ad91e Mon Sep 17 00:00:00 2001
From: RaNaN <Mast3rRaNaN@hotmail.de>
Date: Wed, 9 Mar 2011 23:29:24 +0100
Subject: new config page, mootools 1.3, removed old templates

---
 module/web/media/default/css/default.css | 191 +++++++++++++++++++++++++------
 1 file changed, 158 insertions(+), 33 deletions(-)

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

diff --git a/module/web/media/default/css/default.css b/module/web/media/default/css/default.css
index b73ec2278..3fce4e859 100644
--- a/module/web/media/default/css/default.css
+++ b/module/web/media/default/css/default.css
@@ -644,29 +644,18 @@ td p {
     display: table-cell;
 }
 
-#toptabs li a
+ul.tabs li a
 {
    padding: 5px 16px 4px 15px;
    border: none;
    font-weight: bold;
 
-   border-radius: 0px;
-   -moz-border-radius: 0px;
+    border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
 
-    border-top-right-radius: 5px;
-    border-top-left-radius: 5px;
-   -moz-border-radius-topright: 5px;
-   -moz-border-radius-topleft: 5px;
 }
 
 
-#toptabs li a.selected
-{
-   background-color: #525252;
-   padding-bottom: 5px;
-
-}
-
 #tabs span
 {
     display: none;
@@ -680,8 +669,7 @@ td p {
 #tabsback
 {
     background-color: #525252;
-    margin: 0px;
-    margin-top: 2px;
+    margin: 2px 0 0;
     padding: 6px 4px 1px 4px;
 
     border-top-right-radius: 30px;
@@ -692,39 +680,44 @@ td p {
 ul.tabs
 {
     list-style-type: none;
-    margin:0px;
-    padding: 0px 40px 0px 0px;
+    margin:0;
+    padding: 0 40px 0 0;
 }
+
 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;
+    border: 1px none #c9c3ba;
+    margin: 0;
     text-decoration: none;
 
     outline: 0;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
+
+    padding: 5px 16px 4px 15px;
+    font-weight: bold;
+
+     border-radius: 5px 5px 0 0;
+     -moz-border-radius: 5px 5px 0 0;
+
 }
 
 ul.tabs li a.selected, ul.tabs li a:hover
 {
     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;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+    -moz-border-radius-bottomright: 0;
+    -moz-border-radius-bottomleft: 0;
 }
 
 ul.tabs li a:hover
@@ -735,15 +728,33 @@ ul.tabs li a:hover
 ul.tabs li a.selected
 {
     font-weight: bold;
+    background-color: #525252;
+    padding-bottom: 5px;
+}
+
+
+#tabs-body {
+    position: relative;
+    overflow: hidden;
 }
 
-div.tabContent
+
+span.tabContent
 {
     border: 2px solid #525252;
-    margin: 0px 0px 0px 0px;
-    padding: 0px;
+    margin: 0;
+    padding: 0;
+    padding-bottom: 10px;
+}
+
+#tabs-body > span {
+    display: none;
+}
 
+#tabs-body > span.active {
+    display: block;
 }
+
 .hide
 {
     display: none;
@@ -757,7 +768,121 @@ div.tabContent
 .settable td
 {
     border: none;
-    margin: 0px;
+    margin: 0;
     padding: 5px;
 }
 
+.settable th{
+    padding-bottom: 8px;
+}
+
+.settable.wide td , .settable.wide th {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+
+/*settings navbar*/
+ul.nav {
+    margin: -30px 0 0;
+    padding: 0;
+	list-style: none;
+    position: absolute;
+}
+
+
+ul.nav li {
+	position: relative;
+	float: left;
+	padding: 5px;
+}
+
+ul.nav > li a {
+    background: white;
+    -moz-border-radius: 4px 4px 4px 4px;
+    border: 1px solid #C9C3BA;
+    border-bottom: medium none;
+    color: black;
+}
+
+ul.nav ul {
+	position: absolute;
+	top: 26px;
+	left: 10px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	border: 1px solid #AAA;
+	background: #f1f1f1;
+	-webkit-box-shadow: 1px 1px 5px #AAA;
+	-moz-box-shadow: 1px 1px 5px #AAA;
+	box-shadow: 1px 1px 5px #AAA;
+    cursor: pointer;
+}
+
+ul.nav .open {
+	display: block;
+}
+
+ul.nav .close {
+	display: none;
+}
+
+ul.nav ul li {
+	float: none;
+	padding: 0;
+}
+
+ul.nav ul li a {
+	width: 130px;
+	background: #f1f1f1;
+	padding: 3px;
+	display: block;
+	font-weight: normal;
+}
+
+ul.nav ul li a:hover {
+	background: #CDCDCD;
+}
+
+ul.nav ul ul {
+	left: 137px;
+	top: 0;
+}
+
+.purr-wrapper{
+	margin:10px;
+}
+
+/*Purr alert styles*/
+
+.purr-alert{
+	margin-bottom:10px;
+	padding:10px;
+	background:#000;
+	font-size:13px;
+	font-weight:bold;
+	color:#FFF;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	/*-moz-box-shadow: 0 0 10px rgba(255,255,0,.25);*/
+	width:300px;
+}
+.purr-alert.error{
+	color:#F55;
+	padding-left:30px;
+	background:url(/media/default/img/error.png) no-repeat #000 7px 10px;
+	width:280px;
+}
+.purr-alert.success{
+	color:#5F5;
+	padding-left:30px;
+	background:url(/media/default/img/success.png) no-repeat #000 7px 10px;
+	width:280px;
+}
+.purr-alert.notice{
+	color:#99F;
+	padding-left:30px;
+	background:url(/media/default/img//notice.png) no-repeat #000 7px 10px;
+	width:280px;
+}
-- 
cgit v1.2.3