Changeset 29 for trunk/web-app/css

Timestamp:

Oct 26, 2009, 2:00:46 PM (13 years ago)

Author:

duh

Message:

• created configurable styles (handled in conf/BaseFilters.groovy)
• moved all styles into a default style (css/default_style images/default_style)

Location:

trunk/web-app/css

Files:

• default_style.css (moved) (moved from trunk/web-app/css/style.css) (9 diffs)
• login_panel.css (modified) (7 diffs)

trunk/web-app/css/default_style.css

@@ -2 +2 @@
         margin: 0; padding: 0;
         font: 10px normal Arial, Helvetica, sans-serif;
-        background: #ddd url(../images/skin/body_bg.gif) repeat-x;
+        background: #ddd url(../images/default_style/body_bg.gif) repeat-x;
 }
 /*a:link, a:visited, a:hover {
@@ -24 +24 @@
 /** START :: header **/
 #header {
-        background: url(../images/skin/header.png) no-repeat center top;
+        background: url(../images/default_style/header.png) no-repeat center top;
         padding-top: 120px;
 }
@@ -40 +40 @@
         background: #222;
         font-size: 1.2em;
-        background: url(../images/skin/topnav/topnav_bg.gif) repeat-x;
+        background: url(../images/default_style/topnav/topnav_bg.gif) repeat-x;
 }
 ul.topnav li {
@@ -56 +56 @@
 }
 ul.topnav li a:hover{
-        background: url(../images/skin/topnav/topnav_hover.gif) no-repeat center top;
+        background: url(../images/default_style/topnav/topnav_hover.gif) no-repeat center top;
 }
 ul.topnav li span { /*--Drop down trigger styles--*/
@@ -62 +62 @@
         height: 35px;
         float: left;
-        background: url(../images/skin/topnav/subnav_btn.gif) no-repeat center top;
+        background: url(../images/default_style/topnav/subnav_btn.gif) no-repeat center top;
 }
 ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
@@ -90 +90 @@
         float: left;
         width: 145px;
-        background: #333 url(../images/skin/topnav/dropdown_linkbg.gif) no-repeat 10px center;
+        background: #333 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;
         padding-left: 20px;
 }
 html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
-        background: #222 url(../images/skin/topnav/dropdown_linkbg.gif) no-repeat 10px center;
+        background: #222 url(../images/default_style/topnav/dropdown_linkbg.gif) no-repeat 10px center;
 }
 /** END :: topnav **/
@@ -153 +153 @@
 }
 th {
-    background: #fff url(../images/skin/tables/shadow.jpg);
+    background: #fff url(../images/default_style/tables/shadow.jpg);
     color: #666;
     font-size: 11px;
@@ -172 +172 @@
 }
 th.asc a {
-    background-image: url(../images/skin/tables/sorted_asc.gif);
+    background-image: url(../images/default_style/tables/sorted_asc.gif);
 }
 th.desc a {
-    background-image: url(../images/skin/tables/sorted_desc.gif);
+    background-image: url(../images/default_style/tables/sorted_desc.gif);
 }
 
@@ -211 +211 @@
 }
 .buttons input.delete {
-    background: transparent url(../images/obsolete/skin/database_delete.png) 5px 50% no-repeat;
+    background: transparent url(../images/obsolete/default_style/database_delete.png) 5px 50% no-repeat;
     padding-left: 28px;
 }
 .buttons input.edit {
-    background: transparent url(../images/obsolete/skin/database_edit.png) 5px 50% no-repeat;
+    background: transparent url(../images/obsolete/default_style/database_edit.png) 5px 50% no-repeat;
     padding-left: 28px;
 }
 .buttons input.save {
-    background: transparent url(../images/obsolete/skin/database_save.png) 5px 50% no-repeat;
+    background: transparent url(../images/obsolete/default_style/database_save.png) 5px 50% no-repeat;
     padding-left: 28px;
 }

trunk/web-app/css/login_panel.css

@@ -27 +27 @@
 /* Panel Tab/button */
 .tab {
-        background: url(../images/skin/login_panel/tab_b.png) repeat-x 0 0;
+        background: url(../images/default_style/login_panel/tab_b.png) repeat-x 0 0;
         height: 42px;
         position: relative;
@@ -51 +51 @@
 
 .tab ul.login li.left {
-        background: url(../images/skin/login_panel/tab_l.png) no-repeat left 0;
+        background: url(../images/default_style/login_panel/tab_l.png) no-repeat left 0;
         height: 42px;
         width: 30px;
@@ -61 +61 @@
 
 .tab ul.login li.right {
-        background: url(../images/skin/login_panel/tab_r.png) no-repeat left 0;
+        background: url(../images/default_style/login_panel/tab_r.png) no-repeat left 0;
         height: 42px;
         width: 30px;
@@ -76 +76 @@
         float: left;
         height: 42px;
-        background: url(../images/skin/login_panel/tab_m.png) repeat-x 0 0;
+        background: url(../images/default_style/login_panel/tab_m.png) repeat-x 0 0;
 }
 
@@ -100 +100 @@
 }
 
-.tab a.open {background: url(../images/skin/login_panel/bt_open.png) no-repeat left 0;}
-.tab a.close {background: url(../images/skin/login_panel/bt_close.png) no-repeat left 0;}
-.tab a:hover.open {background: url(../images/skin/login_panel/bt_open.png) no-repeat left -19px;}
-.tab a:hover.close {background: url(../images/skin/login_panel/bt_close.png) no-repeat left -19px;}
+.tab a.open {background: url(../images/default_style/login_panel/bt_open.png) no-repeat left 0;}
+.tab a.close {background: url(../images/default_style/login_panel/bt_close.png) no-repeat left 0;}
+.tab a:hover.open {background: url(../images/default_style/login_panel/bt_open.png) no-repeat left -19px;}
+.tab a:hover.close {background: url(../images/default_style/login_panel/bt_close.png) no-repeat left -19px;}
 
 /* sliding panel */
@@ -223 +223 @@
 #panel .content input.bt_login {
         width: 74px;
-        background: transparent url(../images/skin/login_panel/bt_login.png) no-repeat 0 0;
+        background: transparent url(../images/default_style/login_panel/bt_login.png) no-repeat 0 0;
 }
 
@@ -229 +229 @@
         width: 94px;
         color: white;
-        background: transparent url(../images/skin/login_panel/bt_register.png) no-repeat 0 0;
+        background: transparent url(../images/default_style/login_panel/bt_register.png) no-repeat 0 0;
 }