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 +++++++++++++++++++++++++------
 module/web/media/default/css/window.css  |  27 +++--
 2 files changed, 173 insertions(+), 45 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 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;
+}
diff --git a/module/web/media/default/css/window.css b/module/web/media/default/css/window.css
index dfe62a1f3..a2f2dcef5 100644
--- a/module/web/media/default/css/window.css
+++ b/module/web/media/default/css/window.css
@@ -1,42 +1,41 @@
 /* ----------- My Form ----------- */
 .myform{
-    margin:0 auto;
+    margin: 0 auto 0 -350px;
     width:600px;
     padding:14px;
 
     left:50%;
     top:150px;
-    margin-left: -350px;
     position: absolute;
     background: #FFF;
     display:none;
 }
 
 /* ----------- stylized ----------- */
-#add_box, #cap_box, #pack_box{
+#add_box, #cap_box, #pack_box, .window_box{
     border:solid 2px #b7ddf2;
     background:#ebf4fb;
 }
-#add_box h1, #cap_box h1 , #pack_box h1{
+#add_box h1, #cap_box h1 , #pack_box h1, .window_box h1{
     font-size:14px;
     font-weight:bold;
     margin-bottom:8px;
 }
-#add_box p, #cap_box p, #pack_box p{
+#add_box p, #cap_box p, #pack_box p, .window_box p{
     font-size:11px;
     color:#666666;
     margin-bottom:20px;
     border-bottom:solid 1px #b7ddf2;
     padding-bottom:10px;
 }
-#add_box label, #cap_box label, #pack_box label{
+#add_box label, #cap_box label, #pack_box label, .window_box label{
     display:block;
     font-weight:bold;
     text-align:right;
     width:240px;
     float:left;
 }
-#add_box .small, #cap_box .small, #pack_box .small{
+#add_box .small, #cap_box .small, #pack_box .small, .window_box .small{
     color:#666666;
     display:block;
     font-size:11px;
@@ -44,7 +43,7 @@
     text-align:right;
     width:240px;
 }
-#add_box input, #cap_box input, #pack_box input, #pack_box select{
+#add_box input, #cap_box input, #pack_box input, #pack_box select, .window_box select, .window_box input{
     float:left;
     font-size:12px;
     padding:4px 2px;
@@ -52,18 +51,18 @@
     width:300px;
     margin:2px 0 20px 10px;
 }
-#add_box .cont, #cap_box .cont, #pack_box .cont{
+#add_box .cont, #cap_box .cont, #pack_box .cont, .window_box .cont{
     float:left;
     font-size:12px;
     padding: 0px 10px 15px 0px;
     width:300px;
     margin:0px 0px 0px 10px;
 }
-#add_box .cont input, #cap_box .cont input, #pack_box .cont input{
+#add_box .cont input, #cap_box .cont input, #pack_box .cont input, .window_box .cont input{
     float: none;
     margin: 0px 15px 0px 1px;
 }
-#add_box textarea,#pack_box textarea{
+#add_box textarea,#pack_box textarea, .window_box textarea{
     float:left;
     font-size:12px;
     padding:4px 2px;
@@ -71,7 +70,7 @@
     width:300px;
     margin:2px 0 20px 10px;
 }
-#add_box button, #cap_box button, #pack_box button{
+#add_box button, #cap_box button, #pack_box button, .window_box button, .styled_button{
     clear:both;
     margin-left:150px;
     width:125px;
@@ -83,4 +82,8 @@
     font-size:11px;
     font-weight:bold;
     border: 0px;
+}
+
+.styled_button {
+    margin-left: 15px;
 }
\ No newline at end of file
-- 
cgit v1.2.3