Clean up and improve CSS.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@40674 20353a03-c40f-0410-a6d1-a30d3c3de9de

bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/km_css/gadget.css.xml

@@ -12,7 +12,7 @@
         </item>
         <item>
             <key> <string>_EtagSupport__etag</string> </key>
-            <value> <string>ts90671860.93</string> </value>
+            <value> <string>ts90684440.87</string> </value>
         </item>
         <item>
             <key> <string>__name__</string> </key>
@@ -32,6 +32,7 @@
 /*     - add dynamic properties                                 */\n
 /****************************************************************/\n
 \n
+<tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\');"/>\n
 \n
 /* CSS Web layout (one column) for Gadgets */\n
 \n
@@ -295,6 +296,7 @@ a#tabs-hide:link, a#tabs-hide:active, a#tabs-hide:visited { padding: 0 10px 0 10
 #navigation_table td {\n
   background: url(../km_img/tabsbg.png) repeat-x transparent;\n
   background-position: 0 100%;\n
+  font-size: 8pt;\n
 }\n
 \n
 table tr td, table tr.thead th {\n
@@ -319,6 +321,10 @@ table tr td, table tr.thead th {\n
   background: url(../km_img/tabs-add.png) no-repeat transparent;\n
   background-position: 0 2px;\n
 }\n
+#tabs ul li.first a, \n
+#tabs ul li.last a { \n
+  font-weight: normal; \n
+}\n
 \n
 #tabs ul li.first a.tabs-hide:hover, #tabs ul li.last a.tabs-add:hover {\n
   background-position: 0 -20px;\n
@@ -765,7 +771,7 @@ div.block fieldset.gadget-profile div.field{\n
         </item>
         <item>
             <key> <string>size</string> </key>
-            <value> <int>12501</int> </value>
+            <value> <int>12697</int> </value>
         </item>
         <item>
             <key> <string>title</string> </key>

bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/km_css/km.css.xml

@@ -62,37 +62,65 @@
                    menu_width python:here.getLayoutProperty(\'layout_navigation_menu_width\', \'145px\');\n
                    menu_indent python:here.getLayoutProperty(\'layout_navigation_menu_indent\', \'155px\');" >\n
 \n
-body,html {\n
+body, html {\n
+  margin:0;\n
+  padding:0;\n
+  height:100%;\n
+}\n
 \n
-\tmargin:0;\n
-\tpadding:0;\n
-\theight:100%;\n
+fieldset, form, img {\n
+  border:none;\n
+  margin:0;\n
+  padding:0;\n
+}\n
 \n
+br, .clear{ \n
+  clear:both;\n
 }\n
 \n
-fieldset, form, img {\n
+div {\n
+  margin:0;\n
+  padding:0;\n
+  float:none;\n
+  width:100%;\n
+  position:relative;\n
+}\n
 \n
-\tborder:none;\n
-\tmargin:0;\n
-\tpadding:0;\n
+body{\n
+  background:#E9E9E9 url(../km_img/bg.png) repeat-x scroll 0 0;\n
+  font-family: Arial, Verdana, Helvetica, Sans;\n
+  color:#000;\n
+  font-size:10pt;\n
 }\n
 \n
-br, .clear{ clear:both; }\n
+button, select, input {\n
+  vertical-align:middle;\n
+}\n
 \n
-div {\n
+label{\n
+  font-weight:bold;\n
+  color:#9d968d;\n
+}\n
 \n
-\tmargin:0;\n
-\tpadding:0;\n
-\tfloat:none;\n
-\twidth:100%;\n
-\tposition:relative;\n
+button {\n
+  font-family: Arial, Verdana, Helvetica, Sans;\n
+}\n
+\n
+a:link, \n
+a:active, \n
+a:visited { \n
+  color: #9d968d; \n
+  font-weight:bold; \n
+  text-decoration: none;\n
 \n
 }\n
 \n
-.transition_message {background-color:#FF654A;}\n
+a:hover { \n
+  color: #000; \n
+}\n
 \n
-.transition_message\n
-{\n
+.transition_message{\n
+  background-color:#FF654A;\n
   font-weight:bold;\n
   margin-left:10px;\n
   color:white;\n
@@ -114,102 +142,76 @@ fieldset.hidden_fieldset { \n
 /* ## main elements ################################## start # */\n
 \n
 #mainwrapper {\n
-\n
-\tmin-height: 100%;\n
-\twidth:952px;\n
-\tmargin: 0 auto;\n
-\n
+  min-height: 100%;\n
+  width:952px;\n
+  margin: 0 auto;\n
 }\n
 \n
-\n
 #header {\n
-\n
-\tdisplay:block;\n
-\tclear:both;\n
-\n
+  display:block;\n
+  clear:both;\n
+  color:#a8a799;\n
 }\n
 \n
 #index {\n
-\n
-\tdisplay:none;\n
-\n
+  display:none;\n
 }\n
 \n
 #index a {\n
-\n
-\tdisplay:none;\n
-\n
+  display:none;\n
 }\n
 \n
 #center{\n
+  clear:both;\n
+  position: relative;\n
+  padding-bottom:35px;\n
   padding-top: 5px;\n
 }\n
 \n
-#center\n
-{\n
-\n
-\tclear:both;\n
-\tposition: relative;\n
-\tpadding-bottom:35px;\n
-\n
-}\n
-\n
-.content .field label {\n
-\n
-  float:left;\n
-\n
-}\n
-\n
-.content .field label, .content .field .input {\n
-  width: 100%;\n
-  padding-left:10px;\n
-\n
-}\n
-\n
-\n
-.content .field label {\n
-\n
-width:30%;\n
-\n
-}\n
-\n
-fieldset.left\n
-{\n
-\toverflow: hidden;\n
-\n
-\n
+#main_form {\n
+  height:100%;\n
 }\n
 \n
-#wrapper_right {\n
-\n
+#wrapper_right{\n
 \tfloat: left;\n
 \twidth:22.5%;\n
 \tposition:relative;\n
 \tmargin-left: 19px;\n
 \tpadding-top: 10px;\n
+}\n
+\n
+\n
+#km_left {\n
+  float: left;\n
+  width: 75%;\n
+  padding-top: 0.3em;\n
+}\n
 \n
+#km_left.alone {\n
+  width: 100%;\n
 }\n
 \n
 #km_left .text,\n
 #km_front .text {\n
-\n
 \tpadding:10px;\n
 \twidth: auto;\n
-\n
 }\n
 \n
+/* Gadget container at bottom */\n
+div#km_left div#wrapper_bottom {\n
+  border:0 none;\n
+  clear:left;\n
+  font-size:0.7em;\n
+  margin:10px;\n
+}\n
 \n
 div#main_content fieldset.bottom label {\n
-\n
   display:none;\n
-\n
 }\n
 \n
 \n
 div#wrapper_headline span.header_title {\n
-\n
   margin: 10px;\n
-\n
 }\n
 \n
 div#wrapper_headline div.header_title {\n
@@ -217,13 +219,26 @@ div#wrapper_headline div.header_title {\n
   width: auto;\n
 }\n
 \n
+.content .field label {\n
+  float:left;\n
+}\n
+\n
+.content .field label, .content .field .input {\n
+  width: 100%;\n
+  padding-left:10px;\n
+}\n
+\n
 \n
-div.input > input {\n
-  max-width:320px;\n
+.content .field label {\n
+  width:30%;\n
 }\n
 \n
-button, select, input {\n
-  vertical-align:middle;\n
+fieldset.left{\n
+\toverflow: hidden;\n
+}\n
+\n
+div.input > input {\n
+  max-width:320px;\n
 }\n
 \n
 /* ## main elements ################################### end ### */\n
@@ -231,7 +246,6 @@ button, select, input {\n
 /* ## navigation ###################################### start # */\n
 \n
 #menu {\n
-\n
 \twidth:100%;\n
 \theight:40px;\n
 \tmargin:0em;\n
@@ -240,26 +254,19 @@ button, select, input {\n
 \tz-index: 1;\n
 \tborder-style: none;\n
 \tborder-width:1px 1px 0;\n
-\n
+        font-size: 9pt;\n
 }\n
 \n
 #wrapper_path {\n
-\n
 \tfloat:left;\n
 \twidth: 100%;\n
-\n
 }\n
 \n
-\n
-\n
 #menu ul {\n
-\n
 \tfloat:left;\n
 \tlist-style-type: none;\n
 \tmargin:0;\n
 \tpadding:0;\n
-\n
-\n
 }\n
 \n
 #menu .navbar {\n
@@ -280,41 +287,35 @@ button, select, input {\n
   background: url(../km_img/collapse-down-arrow.gif) no-repeat transparent right 10px;\n
   padding-right: 0px;\n
 }\n
+\n
 #menu ul li.non-collapse-menu{\n
   background: none;\n
   padding-right: 0px;\n
 }\n
 \n
 #menu .meta {\n
-\n
 \tfloat:right;\n
 \twidth:auto;\n
 \tmargin-right: 10px;\n
-\n
 }\n
 \n
 .tools {\n
-\n
 \tfloat: left;\n
 \tdisplay: block;\n
 \tclear: both;\n
 \twidth:100%;\n
 \tpadding: 5px 0;\n
         height: 20px;\n
-\n
 }\n
 \n
 \n
 #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {\n
-\n
 \theight:100%;\n
 \tline-height:30px;\n
 \tfloat:left;\n
-\n
 }\n
 \n
 #menu ul li #home-link:link, #menu ul li #home-link:active, #menu ul li #home-link:visited {\n
-\n
 \ttext-indent: -99999px;\n
 \tdisplay:block;\n
 \theight:20px;\n
@@ -322,20 +323,16 @@ button, select, input {\n
 \tposition: relative;\n
 \ttop: 0px;\n
 \tmargin:5px 0 5px 5px;\n
-\n
 }\n
 \n
 #menu #login-logout-link:link, #menu #login-logout-link:active, #menu #login-logout-link:visited {\n
-\n
 \theight:20px;\n
 \tposition: relative;\n
 \tline-height: 20px;\n
 \tpadding-left:25px;\n
-\n
 }\n
 \n
 ul.breadcrumb {\n
-\n
 \tlist-style-type: none;\n
 \tmargin:0 0 0 5px;\n
 \tpadding:0;\n
@@ -344,15 +341,12 @@ ul.breadcrumb {\n
 \tfloat: left;\n
 \tposition: relative;\n
 \tz-index: 11;\n
-\n
 }\n
 \n
 ul.breadcrumb li {\n
-\n
 \tfloat:left;\n
 \tmargin-left:5px;\n
 \theight:100%;\n
-\n
 }\n
 \n
 div.breadcrumb{\n
@@ -368,19 +362,19 @@ div.language-selection{\n
 \n
 ul.widget_management_box,\n
 ul.language_box{\n
-\n
 \tfloat:right;\n
 \tmargin:0;\n
 \tpadding: 0;\n
 \tz-index: 10;\n
 \tposition: relative;\n
 \tlist-style-type: none!important;\n
-\n
 }\n
+\n
 ul.widget_management_box li{\n
   float:right;\n
   display: block;\n
 }\n
+\n
 ul.language_box li {\n
 \tfloat:left;\n
 \tmargin: 0 2px;\n
@@ -413,20 +407,23 @@ ul.language_box .not_selected span,\n
 ul.language_box .selected span {\n
   color:gray;\n
 }\n
+\n
 ul.language_box .selected span{\n
   text-decoration:underline;\n
   text-shadow:none;\n
 }\n
 \n
-ul.widget_management_box{\tpadding: 0 0px 0 0;}\n
+ul.widget_management_box{\n
+  padding: 0;\n
+}\n
 \n
-ul.widget_management_box a {float:left;}\n
+ul.widget_management_box a {\n
+  float:left;\n
+}\n
 \n
 \n
 .box {\n
-\n
-width: auto;\n
-\n
+  width: auto;\n
 }\n
 \n
 /* ## navigation ###################################### end ### */\n
@@ -435,18 +432,6 @@ width: auto;\n
 /* ## element "boxes" ################################# start # */\n
 \n
 \n
-div#mainwrapper div#wrapper_right{\n
-  float:left;\n
-}\n
-\n
-div#km_left div#wrapper_bottom{ \n
-  font-size:0.7em;\n
-  border:0;\n
-  margin:10px;\n
-  clear:left;\n
-}\n
-\n
-\n
 div#mainwrapper div#wrapper_right fieldset.widget div.field label:after {content: ":"}\n
 div#mainwrapper div#wrapper_right div.gadget fieldset.widget{\n
   border:0;\n
@@ -458,10 +443,10 @@ div#mainwrapper div.wrapper div.gadget fieldset.widget legend{\n
 }\n
 \n
 #km_left .document > .content{\n
-\n
 \tfloat:left;\n
 \tmargin: 10px;\n
-\n
+\tbackground-color: #fff;\n
+\tborder:1px solid #c0bfb3;\n
 }\n
 \n
 /* ## element "boxes" ################################ end ### */\n
@@ -469,44 +454,38 @@ div#mainwrapper div.wrapper div.gadget fieldset.widget legend{\n
 /* ## element "footer" ############################### start # */\n
 \n
 #wrapper_footer {\n
-\n
 \tclear:both;\n
 \twidth: 100%;\n
 \toverflow: hidden;\n
 \tposition: relative;\n
 \tmargin-top: -4.6em;\n
 \tpadding-bottom: 20px;\n
+\tborder-top:1px solid #fcfbfb;\n
+\tbackground-color:#9d968d;\n
+\tcolor:#eae9df;\n
+        font-size:8pt;\n
+}\n
 \n
+#wrapper_footer ul {\n
+\tlist-style-type: none;\n
+\tmargin:0 auto;\n
+\tpadding: 11px 20px;\n
 }\n
 \n
 #footer {\n
-\n
   width:952px;\n
   margin: 0 auto;\n
-\n
 }\n
 \n
-\n
-\n
 #footer hr{\n
   clear:both;\n
 }\n
 \n
-#wrapper_footer ul {\n
-\n
-\tlist-style-type: none;\n
-\tmargin:0 auto;\n
-\tpadding: 11px 20px;\n
-\n
-}\n
-\n
 #footer_left {float: left;}\n
 #footer_right {float: right;}\n
 \n
 #footer_right li {\n
-\n
-text-align: right;\n
-\n
+  text-align: right;\n
 }\n
 \n
 /* ## element "footer" ############################### end ### */\n
@@ -755,12 +734,6 @@ button.bt-med span img {\n
 \n
 /* ## buttons ######################################### end ### */\n
 \n
-#main_form {\n
-\n
-  height:100%;\n
-\n
-}\n
-\n
 \n
 .input input[type=image] {\n
 \n
@@ -768,21 +741,6 @@ button.bt-med span img {\n
 \n
 }\n
 \n
-#km_left {\n
-\n
-  float: left;\n
-  width: 75%;\n
-  padding-top: 0.3em;\n
-\n
-}\n
-\n
-#km_left.alone {\n
-\n
-  width: 100%;\n
-\n
-}\n
-\n
-\n
 .bottom_actions {\n
   float:right;\n
   width: auto;\n
@@ -878,11 +836,9 @@ fieldset.right_registration select {\n
 \n
 /* Splash section */\n
 #wrapper_splash .input img{\n
-\n
   border: none;\n
   display: block;\n
   margin: auto;\n
-\n
 }\n
 \n
 div.required label{\n
@@ -897,6 +853,7 @@ div.required label{\n
 div.document div.content div.text h1, h2, h3, h4, h5, h6, p{\n
   /* XXX: generate it dynamically */\n
 }\n
+\n
 div.document div.content div.text blockquote, pre{\n
   max-width: 600px;\n
 }\n
@@ -1262,20 +1219,12 @@ div.pdf-preview-navigation img.last{\n
 \n
 /* color.css  */\n
 \n
-body {\n
-  background:#E9E9E9 url(../km_img/bg.png) repeat-x scroll 0 0;\n
-}\n
-\n
 .content .error .input {border:2px solid #FF4400;}\n
 .content .field .error {\n
   background-color:inherit;\n
   color:#FF4400;\n
 }\n
 \n
-#header {\n
-        color:#a8a799;\n
-}\n
-\n
 .breadcrumb li {\n
 \tcolor:#686868;\n
 }\n
@@ -1344,33 +1293,13 @@ table tbody tr td {\n
 \t-webkit-transition-timing-function: linear;\n
 }\n
 \n
-#km_left .document > .content {\n
-\tbackground-color: #fff;\n
-\tborder:1px solid #c0bfb3;\n
-}\n
-\n
 .section {\n
 \tborder-bottom: 1px solid #e9e9e9;\n
 }\n
 \n
-#wrapper_footer {\n
-\tborder-top:1px solid #fcfbfb;\n
-\tbackground-color:#9d968d;\n
-\tcolor:#eae9df;\n
-}\n
-\n
 \n
 /* ## link styling ################################### start # */\n
 \n
-a:link, a:active, a:visited { \n
-  color: #9d968d; \n
-  font-weight:bold; \n
-}\n
-\n
-a:hover { \n
-  color: #000; \n
-}\n
-\n
 #header a:link, #header a:active, #header a:visited {\n
 \tcolor:#fff;\n
 \tfont-weight:bold;\n
@@ -1515,10 +1444,6 @@ button#input-save-view span.image {\n
 \tbackground-position: 0 100%;\n
 }\n
 \n
-label {\n
-\tcolor:#9d968d;\n
-}\n
-\n
 \n
 /* ## form styling #################################### end ### */\n
 \n
@@ -1685,89 +1610,24 @@ div.searchDetails a.modification-date-link{\n
 #menu ul.nav li:hover ul li:hover ul li:hover ul,\n
 #menu ul.nav li:hover ul li:hover ul li:hover ul li:hover ul,\n
 #menu ul.nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul,\n
-#menu ul.nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul\n
-\n
-{\n
-\n
+#menu ul.nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{\n
   display:block;\n
-\n
 }\n
 \n
 \n
 /* type.css */\n
-body {\n
-\n
-\tfont-family: Arial, Verdana, Helvetica, Sans;\n
-\tcolor:#000;\n
-\tfont-size:10pt;\n
-\n
-}\n
-\n
-button {\n
-\tfont-family: Arial, Verdana, Helvetica, Sans;\n
-}\n
-\n
-.gadget h2 {\n
-\n
-\tfont-size: 10pt;\n
-\n
-}\n
-\n
-.gadget h3 {\n
-\n
-\tfont-size: 10pt;\n
-\n
-}\n
-\n
-\n
-.gadget .post small {\n
-\n
-\tfont-size:10pt;\n
-\tfont-style: italic;\n
-\n
-}\n
-\n
 table tr td, table tr th, table tr th button {\n
 \n
 \tfont-size:9pt;\n
 \n
 }\n
 \n
-#wrapper_footer { font-size:8pt; }\n
-\n
-#menu { font-size: 9pt; }\n
-\n
-\n
-label {\n
-\n
-\tfont-weight:bold;\n
-\n
-}\n
 \n
 .saveView, .saveEdit { text-indent:15px; font-size:10pt; }\n
 \n
-#tabs ul li.first a, #tabs ul li.last a { font-weight: normal; }\n
-\n
-div#km_front div#main_content .box_inner_content .text .list_style span{\n
-  font-size:0.8em;\n
-}\n
-\n
-#navigation_table td{ font-size: 8pt; }\n
 \n
 /* ## link styling ################################### start # */\n
 \n
-a:link, a:visited, a:active {\n
-\n
-\ttext-decoration: none;\n
-\n
-}\n
-\n
-.pnav a {\n
-\n
-\tfont-size:9pt;\n
-\n
-}\n
-\n
 a.bt-edit strong { font-size:8pt; }\n
 \n
 a.status:link, a.status:active, a.status:visited, .status { font-weight:normal; }\n
@@ -1782,10 +1642,8 @@ a.bt-rss:link, a.bt-rss:active, a.bt-rss:visited { font-weight: normal; font-siz
 \n
 \n
 div#wrapper_headline span.header_title {\n
-\n
   font-size:1.2em;\n
-\tfont-weight:bold;\n
-\n
+  font-weight:bold;\n
 }\n
 \n
 \n

bt5/erp5_km/bt/revision

-1693
+1694
\ No newline at end of file