Commit 6701d590 authored by Ivan Tyagov's avatar Ivan Tyagov

Proper CSS column styling and other visual improvements.

Use correct CSS selectors to prevent conflicts.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@36395 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent 67483ca5
...@@ -75,6 +75,7 @@ ...@@ -75,6 +75,7 @@
active_knowledge_pad is not None">\n active_knowledge_pad is not None">\n
\n \n
<span metal:use-macro="container/Base_viewKnowledgePadMacroLibrary/macros/disable_server_integration"> Disable slot</span>\n <span metal:use-macro="container/Base_viewKnowledgePadMacroLibrary/macros/disable_server_integration"> Disable slot</span>\n
\n
<div class="portal-column" \n <div class="portal-column" \n
id="portal-column-0"\n id="portal-column-0"\n
tal:attributes="class python: test(isAnon, \n tal:attributes="class python: test(isAnon, \n
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</item> </item>
<item> <item>
<key> <string>_EtagSupport__etag</string> </key> <key> <string>_EtagSupport__etag</string> </key>
<value> <string>ts76669086.16</string> </value> <value> <string>ts76695040.05</string> </value>
</item> </item>
<item> <item>
<key> <string>__name__</string> </key> <key> <string>__name__</string> </key>
...@@ -34,99 +34,96 @@ ...@@ -34,99 +34,96 @@
/* - missing docstring */\n /* - missing docstring */\n
/* - add dynamic properties */\n /* - add dynamic properties */\n
/****************************************************************/\n /****************************************************************/\n
\n
/* 3 columng gadget layout */\n
div.portal-column {\n
width:33%; \n
margin-right:3px;\n
}\n
\n
/* column gadget in bottom */\n
div.bottom-gadget div.portal-column {\n
width:100%; \n
}\n
/* column gadget in right */\n
div.right-gadget div.portal-column {\n
width:100%; \n
}\n
\n
/* Add & Stick gadgets side column management */\n
div.gadget-management{\n
margin-bottom: 10px;\n
}\n
\n
div.draggable_wrapper{\n div.draggable_wrapper{\n
background-color:transparent;\n background-color:transparent;\n
}\n }\n
.border_bottom1px{\n
border-bottom: none!important;\n
}\n
\n \n
.border_bottom0px{\n div.border_bottom1px,\n
border-bottom: none!important;\n div.border_bottom0px{\n
border-bottom: none;\n
}\n }\n
\n \n
.tab {\n #tabs_switcher,\n
#tabs ul li.tab {\n
border: none;\n border: none;\n
}\n }\n
\n \n
/* Gadget Navigation table */\n /* Gadget Navigation table */\n
#navigation_table td {\n #navigation_table td {\n
\n background: url(../km_img/tabsbg.png) repeat-x transparent;\n
\tbackground: url(../km_img/tabsbg.png) repeat-x transparent;\n background-position: 0 100%;\n
\tbackground-position: 0 100%;\n
\n
}\n }\n
\n \n
#tabs ul li{\n #tabs ul li{\n
\n
list-style-image: none;\n list-style-image: none;\n
\n
}\n }\n
\n \n
#tabs ul li a, #tabs ul li.last a { background: none; }\n #tabs ul li a, #tabs ul li.last a { background: none; }\n
\n \n
#tabs ul li a.tabs-hide:link, #tabs ul li a.tabs-hide:active, #tabs ul li a.tabs-hide:visited {\n #tabs ul li a.tabs-hide:link, #tabs ul li a.tabs-hide:active, #tabs ul li a.tabs-hide:visited {\n
\n background: url(../km_img/tabs-hide.png) no-repeat transparent;\n
\tbackground: url(../km_img/tabs-hide.png) no-repeat transparent;\n background-position: 0 -4px;\n
\tbackground-position: 0 -4px;\n
\n
}\n }\n
\n \n
#tabs ul li.last a.tabs-add {\n #tabs ul li.last a.tabs-add {\n
\n background: url(../km_img/tabs-add.png) no-repeat transparent;\n
\tbackground: url(../km_img/tabs-add.png) no-repeat transparent;\n background-position: 0 2px;\n
\tbackground-position: 0 2px;\n
\n
}\n }\n
\n \n
#tabs ul li.first a.tabs-hide:hover, #tabs ul li.last a.tabs-add:hover {\n #tabs ul li.first a.tabs-hide:hover, #tabs ul li.last a.tabs-add:hover {\n
\n background-position: 0 -20px;\n
\tbackground-position: 0 -20px;\n
\n
}\n }\n
\n \n
\n
#tabs ul li {\n #tabs ul li {\n
\n background: url(../km_img/tabs.png) no-repeat transparent;\n
\tbackground: url(../km_img/tabs.png) no-repeat transparent;\n background-position: 0 -44px;\n
\tbackground-position: 0 -44px;\n color: #e9e9e9;\n
\tcolor: #e9e9e9;\n
\n
}\n }\n
\n \n
#tabs ul li span {\n #tabs ul li span {\n
\n background: url(../km_img/tabs.png) no-repeat transparent;\n
\tbackground: url(../km_img/tabs.png) no-repeat transparent;\n background-position: 100% -44px;\n
\tbackground-position: 100% -44px;\n
\n
}\n }\n
#tabs ul li.tab,\n #tabs ul li.tab,\n
#tabs ul li.tab_selected{\n #tabs ul li.tab_selected{\n
border: none;\n border: none;\n
}\n }\n
#tabs ul li.tab_selected, #tabs ul li:hover {\n #tabs ul li.tab_selected, #tabs ul li:hover {\n
\n background-position: 0 0;\n
\tbackground-position: 0 0;\n
\n
}\n }\n
\n \n
#tabs ul li.tab_selected span, #tabs ul li:hover span {\n #tabs ul li.tab_selected span, #tabs ul li:hover span {\n
\n background-position: 100% 0;\n
\tbackground-position: 100% 0;\n
\n
}\n }\n
\n \n
#tabs ul li.tab_selected:hover {\n #tabs ul li.tab_selected:hover {\n
\n background-position: 0 -22px;\n
\tbackground-position: 0 -22px;\n color:#fff;\n
\tcolor:#fff;\n
\n
}\n }\n
\n \n
#tabs ul li.tab_selected:hover span {\n #tabs ul li.tab_selected:hover span {\n
\n background-position: 100% -22px;\n
\tbackground-position: 100% -22px;\n
\n
}\n }\n
\n \n
#tabs ul li.tab_selected:hover span a { color:#fafafa; }\n #tabs ul li.tab_selected:hover span a { color:#fafafa; }\n
...@@ -134,9 +131,7 @@ div.draggable_wrapper{\n ...@@ -134,9 +131,7 @@ div.draggable_wrapper{\n
#tabs ul li span a { color: #e2e0d2; }\n #tabs ul li span a { color: #e2e0d2; }\n
\n \n
#tabs ul li.first, #tabs ul li.last {\n #tabs ul li.first, #tabs ul li.last {\n
\n background: none;\n
\tbackground: none;\n
\n
}\n }\n
\n \n
/* Rename & Remove pad buttons */\n /* Rename & Remove pad buttons */\n
...@@ -151,12 +146,12 @@ div.draggable_wrapper{\n ...@@ -151,12 +146,12 @@ div.draggable_wrapper{\n
}\n }\n
\n \n
/* Add new tab link */\n /* Add new tab link */\n
#add_new_tab_dialog_link{\n #tabs ul #add_new_tab_dialog_link{\n
background: url("km_img/bullet.png") no-repeat 0 7px!important;\n background: url("km_img/bullet.png") no-repeat 0 7px;\n
color: #9D968D!important;\n color: #9D968D;\n
padding-top: 4px!important;\n padding-top: 4px;\n
margin-left: 10px!important;\n margin-left: 10px;\n
padding-left:13px !important;\n padding-left:13px;\n
font-size: 8pt;\n font-size: 8pt;\n
font-weight: normal;\n font-weight: normal;\n
}\n }\n
...@@ -170,18 +165,16 @@ div.draggable_wrapper{\n ...@@ -170,18 +165,16 @@ div.draggable_wrapper{\n
\n \n
#navigation_table a:hover, #navigation_table #tabs_switcher:hover{color: #000; }\n #navigation_table a:hover, #navigation_table #tabs_switcher:hover{color: #000; }\n
\n \n
\n
/* EOF Gadget Navigation Table */\n /* EOF Gadget Navigation Table */\n
\n \n
\n \n
\n div.box .post small {\n
.gadget .post small {\n
\n \n
\tcolor:#827d5c;\n \tcolor:#827d5c;\n
\n \n
}\n }\n
\n \n
.gadget h3 {\n div.box h3 {\n
\n \n
color:#767676;\n color:#767676;\n
\n \n
...@@ -197,21 +190,22 @@ a.block-edit-form{\n ...@@ -197,21 +190,22 @@ a.block-edit-form{\n
margin-top: 4px;\n margin-top: 4px;\n
}\n }\n
\n \n
/* Style for showing mvement between gadget columns */\n /* Style for showing movement between gadget columns */\n
.block-hover {\n .block-hover {\n
border: 2px dashed #f00;\n border: 2px dashed #f00;\n
}\n }\n
\n \n
\n
/* In edit form disable border */\n /* In edit form disable border */\n
div.edit-form fieldset{\n div.edit-form fieldset{\n
border: 0px solid black;\n border: none;\n
}\n }\n
\n \n
div.edit-form button{\n div.edit-form button{\n
margin-top: 0.5em;\n margin-top: 0.5em;\n
}\n }\n
\n \n
.edit-form {\n div.edit-form {\n
padding-top: 0.5em; \n padding-top: 0.5em; \n
padding-left: 1em;\n padding-left: 1em;\n
padding-bottom: 0.5em;\n padding-bottom: 0.5em;\n
...@@ -231,7 +225,6 @@ div.block table.listbox button.sort_button:hover{\n ...@@ -231,7 +225,6 @@ div.block table.listbox button.sort_button:hover{\n
color: #FFFFFF;\n color: #FFFFFF;\n
}\n }\n
\n \n
\n
/* Add gadgets link */\n /* Add gadgets link */\n
#add_new_gadget_link{\n #add_new_gadget_link{\n
margin-top:13px;\n margin-top:13px;\n
...@@ -249,6 +242,7 @@ div.block table.listbox button.sort_button:hover{\n ...@@ -249,6 +242,7 @@ div.block table.listbox button.sort_button:hover{\n
cursor: pointer;\n cursor: pointer;\n
}\n }\n
\n \n
#stick-gadgets span,\n
#add-gadgets span{\n #add-gadgets span{\n
display: none;\n display: none;\n
}\n }\n
...@@ -264,16 +258,12 @@ div.block table.listbox button.sort_button:hover{\n ...@@ -264,16 +258,12 @@ div.block table.listbox button.sort_button:hover{\n
height:18px;\n height:18px;\n
cursor: pointer;\n cursor: pointer;\n
}\n }\n
\n
#stick-gadgets a{\n #stick-gadgets a{\n
height:17px;\n height:17px;\n
width:72px;\n width:72px;\n
}\n }\n
\n \n
#stick-gadgets span{\n
display: none;\n
}\n
\n
\n
div#add-stick-gadget-tool-section{\n div#add-stick-gadget-tool-section{\n
margin-bottom: 1.4em;\n margin-bottom: 1.4em;\n
}\n }\n
...@@ -311,8 +301,9 @@ div.gadget-website-browser li {\n ...@@ -311,8 +301,9 @@ div.gadget-website-browser li {\n
padding-left: 0em;\n padding-left: 0em;\n
}\n }\n
\n \n
div.gadget-website-browser ul.first_level, ul.second_level{\n div.gadget-website-browser ul.first_level, \n
list-style-type: none!important;\n div.gadget-website-browser ul.second_level{\n
list-style-type: none;\n
}\n }\n
\n \n
div.gadget-website-browser ul.first_level {\n div.gadget-website-browser ul.first_level {\n
...@@ -343,9 +334,9 @@ div.gadget-website-browser .empty-list-node{\n ...@@ -343,9 +334,9 @@ div.gadget-website-browser .empty-list-node{\n
div.gadget-subsection {\n div.gadget-subsection {\n
margin-top: 0.5em;\n margin-top: 0.5em;\n
}\n }\n
div.gadget-subsection ul{\n div.gadget-subsection div.input ul{\n
list-style-position: outside!important;\n list-style-position: outside;\n
list-style-type:square!important;\n list-style-type:square;\n
margin: 0.5em;\n margin: 0.5em;\n
margin-top: 0em;\n margin-top: 0em;\n
padding: 0.5em;\n padding: 0.5em;\n
...@@ -358,7 +349,7 @@ fieldset.gadget div.list_style a.title{\n ...@@ -358,7 +349,7 @@ fieldset.gadget div.list_style a.title{\n
\n \n
/* Decrease padding for gadgets\' text */\n /* Decrease padding for gadgets\' text */\n
fieldset.gadget div.text{\n fieldset.gadget div.text{\n
padding: 3px!important;\n padding: 3px;\n
}\n }\n
\n \n
/* Gadget My Documents */\n /* Gadget My Documents */\n
...@@ -420,12 +411,8 @@ div.adminToolbox fieldset .clone-button{\n ...@@ -420,12 +411,8 @@ div.adminToolbox fieldset .clone-button{\n
text-align: center;\n text-align: center;\n
}\n }\n
\n \n
/*WEB*/\n
.portal-column {\n
margin-right: 1%;\n
}\n
\n \n
.block {\n div.block {\n
margin-bottom: 10px;\n margin-bottom: 10px;\n
}\n }\n
\n \n
...@@ -443,62 +430,41 @@ div.adminToolbox fieldset .clone-button{\n ...@@ -443,62 +430,41 @@ div.adminToolbox fieldset .clone-button{\n
width: auto;\n width: auto;\n
}\n }\n
\n \n
/*\n
h3.handle {\n
margin: 0;\n
padding: 0 0 0 10px;\n
color: #776D61;\n
font-size: 10pt;\n
background: none;\n
background-color: #ECECEC;\n
}\n
\n
h3.handle span.handle {\n
display: block;\n
min-height:20px;\n
padding: 5px 5px 0 0;\n
background: none;\n
}\n
*/\n
\n
\n
#page_wrapper .content{\n #page_wrapper .content{\n
border: none;\n border: none;\n
}\n }\n
\n \n
.toggable_dialog {\n /* Gadget toggable dialog */\n
div.toggable_dialog {\n
left:200px;\n left:200px;\n
top: 100px;\n top: 100px;\n
width: 200px;\n width: 200px;\n
background-color: #C2C1C1!important;\n background-color: #C2C1C1;\n
border: 5px solid #C0BFB3!important;\n border: 5px solid #C0BFB3;\n
}\n }\n
\n \n
.toggable_dialog h3{\n div.toggable_dialog h3{\n
color: #000000;\n color: #000000;\n
margin-bottom: 1em;\n
}\n }\n
\n \n
.toggable_dialog button{\n div.toggable_dialog button{\n
padding: 0.1em;\n padding: 0.1em;\n
margin-right: 0.2em;\n margin-right: 0.2em;\n
float:left;\n float:left;\n
}\n }\n
\n \n
.toggable_dialog h3{\n div.wait_block p{\n
margin-bottom: 1em;\n text-align: center;\n
}\n
\n
.wait_block p{\n
text-align: center!important;\n
}\n }\n
\n \n
#add_new_tab_diloag_link{\n #add_new_tab_diloag_link{\n
margin-left: 0.5em !important;\n margin-left: 0.5em;\n
}\n }\n
\n \n
/* disable cursor for anonymous users */\n /* disable cursor for anonymous users */\n
.portal-column-undraggable .handle{\n div.portal-column-undraggable .handle{\n
cursor: default!important;\n cursor: default;\n
}\n }\n
\n \n
/* admin toolbox gadget fix */\n /* admin toolbox gadget fix */\n
...@@ -508,22 +474,13 @@ div.block div.adminToolbox li{\n ...@@ -508,22 +474,13 @@ div.block div.adminToolbox li{\n
\n \n
/* h3 tags containing spans get affected by gadget box title */\n /* h3 tags containing spans get affected by gadget box title */\n
div.block div.adminToolbox h3 span{\n div.block div.adminToolbox h3 span{\n
display:inline !important;\n display:inline ;\n
float:none !important;\n float:none ;\n
}\n }\n
\n \n
/* add space between fieldsets for gadgtes */\n
div.block fieldset label{\n
text-align: left!important;\n
display: block!important;\n
}\n
\n
.gadget .adminToolbox > label{\n
display:none !important;\n
}\n
\n \n
.gadget .adminToolbox .inner label{\n div.block div.adminToolbox .inner label{\n
color: #9D968D !important;\n color: #9D968D;\n
}\n }\n
...@@ -535,7 +492,7 @@ div.block fieldset label{\n ...@@ -535,7 +492,7 @@ div.block fieldset label{\n
</item> </item>
<item> <item>
<key> <string>size</string> </key> <key> <string>size</string> </key>
<value> <int>8290</int> </value> <value> <int>8009</int> </value>
</item> </item>
<item> <item>
<key> <string>title</string> </key> <key> <string>title</string> </key>
......
...@@ -773,11 +773,13 @@ div#mainwrapper div#wrapper_right fieldset.widget table.gadget td div {\n ...@@ -773,11 +773,13 @@ div#mainwrapper div#wrapper_right fieldset.widget table.gadget td div {\n
\tmargin: 0 !important;\n \tmargin: 0 !important;\n
\tborder: 0 !important;\n \tborder: 0 !important;\n
}\n }\n
\n /*\n
div#mainwrapper div#wrapper_right fieldset.widget div.field ul{\n div#mainwrapper div#wrapper_right fieldset.widget div.field ul{\n
list-style-position:inside;\n list-style-position:inside;\n
list-style-type:square;\n list-style-type:square;\n
}\n }\n
*/\n
\n
div#mainwrapper div#wrapper_right fieldset.widget div.field label{\n div#mainwrapper div#wrapper_right fieldset.widget div.field label{\n
display:block;\n display:block;\n
float:left;\n float:left;\n
......
...@@ -12,7 +12,9 @@ ...@@ -12,7 +12,9 @@
<item> <item>
<key> <string>delegated_list</string> </key> <key> <string>delegated_list</string> </key>
<value> <value>
<list/> <list>
<string>css_class</string>
</list>
</value> </value>
</item> </item>
<item> <item>
...@@ -72,6 +74,10 @@ ...@@ -72,6 +74,10 @@
<key> <string>values</string> </key> <key> <string>values</string> </key>
<value> <value>
<dictionary> <dictionary>
<item>
<key> <string>css_class</string> </key>
<value> <string>adminToolbox hidden_label</string> </value>
</item>
<item> <item>
<key> <string>field_id</string> </key> <key> <string>field_id</string> </key>
<value> <string>admin_toolbox</string> </value> <value> <string>admin_toolbox</string> </value>
......
1461 1463
\ No newline at end of file \ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment