new config page, mootools 1.3, removed old templates

2 files changed, 173 insertions, 45 deletions

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