diff options
Diffstat (limited to 'module/web/media/default/css')
| -rw-r--r-- | module/web/media/default/css/default.css | 191 | ||||
| -rw-r--r-- | module/web/media/default/css/window.css | 27 |
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 |