Commit 7fa2ef1d authored by Fabien Morin's avatar Fabien Morin

reuse erp5_xhtml_style/erp5.css source code. In this way it's easier to maintain code.

The trick with dtml-var at the top permit to call the dtml document erp5_xhtml_style/erp5.css using the properties from tiolive_base/erp5.css.

In this way, colors used in css will be colors definied in tiolive_base/erp5.css properties tab (not those from erp5_xhtml_style/erp5.css properties tab).

Thanks to julien for his help

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@26355 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent 92e1007e
...@@ -370,1126 +370,46 @@ ...@@ -370,1126 +370,46 @@
<key> <string>raw</string> </key> <key> <string>raw</string> </key>
<value> <string encoding="cdata"><![CDATA[ <value> <string encoding="cdata"><![CDATA[
/*\n <dtml-var expr="portal_skins.erp5_xhtml_style[\'erp5.css\'](portal_url=portal_url, \n
Copyright (c) 2007 Nexedi SA and Contributors. All Rights Reserved.\n main_border_color = main_border_color,\n
Vincent Pelletier <vincent@nexedi.com>\n context_bar_background_color = context_bar_background_color,\n
Christophe Dumez <christophe@nexedi.com>\n navigation_bar_background_color = navigation_bar_background_color,\n
Kazuhiko <kazuhiko@nexedi.com>\n background_color = background_color,\n
\n font_family = font_family,\n
This program is Free Software; you can redistribute it and/or\n font_size = font_size,\n
modify it under the terms of the GNU General Public License\n font_color = font_color,\n
as published by the Free Software Foundation; either version 2\n dialog_background_color = dialog_background_color,\n
of the License, or (at your option) any later version.\n dialog_border_color = dialog_border_color,\n
\n link_color = link_color,\n
This program is distributed in the hope that it will be useful,\n link_hover_color = link_hover_color,\n
but WITHOUT ANY WARRANTY; without even the implied warranty of\n button_description_color = button_description_color,\n
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n document_border_color = document_border_color,\n
GNU General Public License for more details.\n document_background_color = document_background_color,\n
\n listbox_label_background_color = listbox_label_background_color,\n
You should have received a copy of the GNU General Public License\n listbox_odd_background_color = listbox_odd_background_color,\n
along with this program; if not, write to the Free Software\n listbox_even_background_color = listbox_even_background_color,\n
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.\n tooltip_border_color = tooltip_border_color,\n
*/\n tooltip_background_color = tooltip_background_color,\n
\n tooltip_color = tooltip_color,\n
input, textarea, select, button, body, div, span, fieldset {\n listbox_hover_background_color = listbox_hover_background_color,\n
font-family: <dtml-var font_family>;\n listbox_stat_background_color = listbox_stat_background_color,\n
font-size: <dtml-var font_size>;\n alternate_font_color = alternate_font_color,\n
margin: 0;\n group_border_color = group_border_color,)">\n
padding: 0;\n \n
}\n \n
\n \n
div.input > select, div.input > input {\n /* customize some styles of erp5_xhtml_style/erp5.css */\n
max-width:320px;\n
}\n
\n
div.page > div.input {\n
width:100%;\n
}\n
option {\n
white-space: pre;\n
}\n
\n
div.pre div {\n
background: #FFF;\n
}\n
\n
span.pre {\n
font-family: monospace;\n
color: black;\n
white-space: pre-wrap; /* css-3 */\n
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */\n
white-space: -pre-wrap; /* Opera 4-6 */\n
white-space: -o-pre-wrap; /* Opera 7 */\n
word-wrap: break-word; /* Internet Explorer 5.5+ */\n
}\n
\n
button, select, input {\n
vertical-align: middle;\n
}\n
\n
button span {\n
background-color: inherit;\n
color: #000;\n
}\n
\n
button.sort_button {\n
background-color: inherit;\n
color: inherit;\n
border-width: 0;\n
cursor: pointer;\n
}\n
\n
button.sort_button span {\n
color: inherit;\n
text-decoration: underline;\n
}\n
\n
img {\n
border: 0;\n
}\n
\n
body, div, span, fieldset {\n
color: <dtml-var font_color>;\n
}\n
\n
div, span, fieldset {\n
background-color: inherit;\n
}\n
\n
body {\n body {\n
background: #81B2DC url(<dtml-var expr="portal_url()">/tiolive_image/bg.png) repeat-y;\n background: #81B2DC url(<dtml-var expr="portal_url()">/tiolive_image/bg.png) repeat-y;\n
}\n }\n
\n \n
#main_form {\n
background-color: inherit;\n
color: inherit;\n
}\n
\n
input#hidden_button {\n
width: 0;\n
height: 0;\n
display: inline;\n
border-width: 0;\n
float: left;\n
}\n
\n
textarea[readonly] {\n
background-color:inherit;\n
border:inherit;\n
}\n
\n
a, a:visited, a:focus {\n
background-color: inherit;\n
color: <dtml-var link_color>;\n
text-decoration: none;\n
}\n
\n
a:hover {\n
background-color: inherit;\n
color: <dtml-var link_hover_color>;\n
text-decoration: underline;\n
}\n
\n
p.clear,\n
div.clear{\n
height: 0;\n
margin: 0;\n
padding: 0;\n
clear: both;\n
}\n
\n
div.index_html {\n
text-align: center;\n
}\n
\n
div.index_html table {\n
margin: 0 auto;\n
text-align: left;\n
}\n
\n
.ModuleShortcut div {\n
margin-left: 0.5em;\n
text-indent: -0.5em;\n
line-height: 1.1em;\n
margin-bottom: 0.5em;\n
}\n
\n
#main_bar button .description,\n
#context_bar button .description,\n
.content .field .description,\n
.document .actions button.save .description,\n
#context_bar .tool_buttons a .description {\n
display: none;\n
}\n
\n
/* The fields set for generated hidden fields */\n
#hidden_fieldset { display: None }\n
\n
/* Main bar */\n
\n
#main_bar {\n
color: inherit;\n
background-color: <dtml-var navigation_bar_background_color>;\n
padding-top: 2px;\n
padding-bottom: 2px;\n
vertical-align: middle;\n
}\n
\n
#main_bar .first,\n
#context_bar .first {\n
float: left;\n
vertical-align: middle;\n
}\n
\n
#context_bar #jump,\n
#main_bar .first{\n
margin-left: 10px;\n
}\n
\n
.listbox_title_line select,\n
#context_bar select,\n
#main_bar select {\n
color: <dtml-var alternate_font_color>;\n
}\n
\n
#main_bar .second,\n
#context_bar .second {\n
float: right;\n
vertical-align: middle;\n
}\n
\n
#main_bar button,\n
#context_bar button,\n
.dialog_selector button,\n
.document .actions button.save {\n
border: 0;\n
margin-top: 1px;\n
margin-left: 0;\n
margin-right: 2px;\n
padding: 0;\n
position: relative;\n
cursor: pointer;\n
background-color: inherit;\n
color: inherit;\n
}\n
\n
#context_bar .tool_buttons {\n
vertical-align: middle;\n
}\n
\n
#context_bar .tool_buttons a {\n
margin-top: 2px;\n
margin-left: 2px;\n
margin-right: 2px;\n
padding: 0;\n
position: relative;\n
}\n
\n
#context_bar .tool_buttons button {\n
float: left;\n
}\n
\n
#main_bar button .image,\n
#context_bar button .image,\n
.dialog_selector button .image,\n
.document .actions button.save .image {\n
display: block;\n
width: 22px;\n
height: 22px;\n
background-repeat: no-repeat;\n
}\n
\n
/* XXX: Bug fix when not logged\n
by <chritophe@nexedi.com> */\n
.document .actions {\n
min-height: 2.5em;\n
}\n
\n
table.fake {\n
width: 100%;\n
}\n
\n
table.fake tr td {\n
vertical-align: top;\n
width: 50%;\n
}\n
\n
.content .field {\n
position: relative;\n
clear: left;\n
font-style: italic;\n
width: 100%;\n
}\n
\n
.content .field .input {\n
font-style: normal;\n
}\n
\n
.content .input .figure {\n
text-align: right;\n
}\n
\n
.group_title {\n
display: none;\n
}\n
\n
table.fake,\n
fieldset.left,\n
fieldset.center,\n
fieldset.bottom {\n
clear: both;\n
}\n
\n
table.fake,\n
fieldset.left,\n
fieldset.right,\n
fieldset.center,\n
fieldset.bottom {\n
margin-bottom: 5px;\n
}\n
\n
table.fake,\n
fieldset.left,\n
fieldset.right,\n
fieldset.center {\n
border-style: solid;\n
border-width: 1px;\n
border-color: <dtml-var group_border_color>;\n
padding-top: 5px;\n
padding-left: 5px;\n
padding-right: 5px;\n
}\n
\n
fieldset.center {\n
padding-bottom: 5px;\n
}\n
\n
.login fieldset {\n
width: 50%;\n
float: left;\n
}\n
\n
fieldset.left {\n
width: 50%;\n
float: left;\n
margin-right: -12px; /* 5px margin *2 + 2px for left & right border width */\n
}\n
\n
fieldset.right {\n
width: 50%;\n
float: left;\n
margin-left: -12px; /* 5px margin *2 + 2px for left & right border width */\n
}\n
\n
table.fake fieldset {\n
border-width: 0;\n
padding: 0;\n
margin: 0;\n
width: 100%;\n
float: none;\n
}\n
\n
fieldset.center,\n
fieldset.bottom {\n
clear: both;\n
}\n
\n
fieldset.bottom {\n
border-width: 0;\n
}\n
\n
fieldset.bottom .field label {\n
display: none;\n
}\n
\n
.login fieldset,\n
.dialog_box table.fake,\n
.dialog_box .left,\n
.dialog_box .right,\n
.dialog_box .center {\n
border-width: 0;\n
}\n
\n
.content .field {\n
padding-bottom: 3px;\n
}\n
\n
.content .field label {\n
width: 30%;\n
}\n
\n
.content .field label,\n
.content .field .input {\n
float: left;\n
}\n
\n
/* Exception case of the previous generic rule\n
The CSS statement below fix bug #517: it doesn\'t make sense to have\n
floating div in bottom field since label are hidden. */\n
fieldset.bottom .field .input {\n
float: inherit;\n
}\n
\n
.content .field .input a img {\n
vertical-align: middle;\n
}\n
\n
.content .required label {\n
font-weight: bold;\n
}\n
\n
.content .field .error {\n
background-color: inherit;\n
color: #f40;\n
}\n
\n
.content .error .input {\n
border: 1px solid #f40;\n
}\n
\n
.content .invisible > label {\n
display: None;\n
}\n
\n
.content .invisible > .input {\n
float: None;\n
}\n
\n
.listbox_domain_tree_table a.tree_open {\n
background: url(\'<dtml-var expr="portal_url()">/images/tree_open.png\') left no-repeat;\n
padding-left:15px;\n
}\n
\n
.listbox_domain_tree_table a.tree_closed {\n
background: url(\'<dtml-var expr="portal_url()">/images/tree_closed.png\') left no-repeat;\n
padding-left:15px;\n
}\n
\n
.login .submit {\n
margin-left: 15%;\n
}\n
\n
#jump,\n
#action,\n
#favourites,\n
#modules,\n
#language,\n
#search {\n
float: left;\n
}\n
\n
#favourites button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/favourite.png\');\n
}\n
\n
#modules button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/appearance.png\');\n
}\n
\n
#language button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/language.png\');\n
}\n
\n
#search button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/search.png\');\n
}\n
\n
#status,\n
#master {\n
padding-left: .5em;\n
padding-right: .5em;\n
}\n
\n
#status {\n
padding-top: .3em;\n
padding-bottom: .4em;\n
}\n
\n
/* Context bar */\n
\n
#context_bar {\n
padding-top: 2px;\n
padding-bottom: 2px;\n
border-bottom-width: 1px;\n
border-bottom-style: solid;\n
border-bottom-color: <dtml-var main_border_color>;\n
background-color: <dtml-var context_bar_background_color>;\n
color: inherit;\n
vertical-align: middle;\n
}\n
\n
#context_bar .tool_buttons a {\n
float: left;\n
margin-left: 2px;\n
margin-right: 2px;\n
}\n
\n
.separator {\n
height: 24px;\n
width: 2px;\n
margin-left: 6px;\n
margin-right: 6px;\n
display: block;\n
float: left;\n
}\n
\n
#main_bar .separator {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/sepafon.png\');\n
}\n
\n
#context_bar .separator {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/sepacla.png\');\n
}\n
\n
#context_bar .tool_buttons a .image,\n
#context_bar .tool_buttons button .image,\n
#context_bar .tool_buttons a img {\n
width: 22px;\n
height: 22px;\n
margin: 0;\n
padding: 0;\n
display: block;\n
background-repeat: no-repeat;\n
}\n
\n
#context_bar #jump button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/jump22.png\');\n
}\n
\n
#context_bar #action button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/exec.png\');\n
}\n
\n
#context_bar .tool_buttons .list_mode .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/text_block.png\');\n
}\n
\n
#context_bar .tool_buttons .new .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/filenew.png\');\n
}\n
\n
#context_bar .tool_buttons .clone .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/fileclone.png\');\n
}\n
\n
#context_bar .tool_buttons .jump_first .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/2leftarrowb.png\');\n
}\n
\n
#context_bar .tool_buttons .jump_previous .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/1leftarrowb.png\');\n
}\n
\n
#context_bar .tool_buttons .jump_next .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/1rightarrowb.png\');\n
}\n
\n
#context_bar .tool_buttons .jump_last .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/2rightarrowb.png\');\n
}\n
\n
#context_bar .tool_buttons .import_export .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/imp-exp.png\');\n
}\n
\n
#context_bar .tool_buttons .jump_help .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/userhelp.png\');\n
}\n
\n
#context_bar .tool_buttons .find .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/find.png\');\n
}\n
\n
#context_bar .tool_buttons .print .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/print.png\');\n
}\n
\n
#context_bar .tool_buttons .report .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/report.png\');\n
}\n
\n
#context_bar .tool_buttons .fast_input .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/fast_input.png\');\n
}\n
\n
#context_bar .tool_buttons .cut .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/editcut.png\');\n
}\n
\n
#context_bar .tool_buttons .copy .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/editcopy.png\');\n
}\n
\n
#context_bar .tool_buttons .paste .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/editpaste.png\');\n
}\n
\n
#context_bar .tool_buttons .delete .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/editdelete.png\');\n
}\n
\n
#context_bar .tool_buttons .show_all .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/showall.png\');\n
}\n
\n
#context_bar .tool_buttons .filter .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/filter.png\');\n
}\n
\n
#context_bar .tool_buttons .filter_on .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/filter_on.png\');\n
}\n
\n
#context_bar .tool_buttons .sort .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/sort.png\');\n
}\n
\n
#context_bar .tool_buttons .configure .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/configure.png\');\n
}\n
\n
#context_bar .tool_buttons .activity_pending .image {\n
width: 26px;\n
background-image: url(\'<dtml-var expr="portal_url()">/images/activity_busy.png\');\n
}\n
\n
#context_bar .tool_buttons .inspect_object .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/inspect.png\');\n
}\n
\n
/* Status */\n
\n
#breadcrumb {\n
float: left;\n
/* font-size: 90%; */\n
margin-bottom: 5px;\n
}\n
\n
#breadcrumb a {\n
color: <dtml-var link_color>;\n
}\n
\n
#logged_in_as {\n
float: right;\n
}\n
\n
#logged_in_as .logged_txt{\n
color: <dtml-var link_color>;\n
/* font-size: 90%; */\n
}\n
\n
#transition_message {\n
margin-left: 1em;\n
color: #f40;\n
background-color: inherit;\n
font-weight: bold;\n
}\n
\n
#information_area {\n
margin-top: 1em;\n
padding:0.5em 1em 0.5em 1em;\n
border-width: 1px;\n
border-style: solid;\n
border-color: <dtml-var dialog_border_color>;\n
color: orange;\n
background-color: <dtml-var document_background_color>;\n
font-weight: bold;\n
}\n
\n
/* Content */\n
\n
.dialog_box {\n
color: inherit;\n
background-color: <dtml-var dialog_background_color>;\n
border-width: 1px;\n
border-style: solid;\n
border-color: <dtml-var dialog_border_color>;\n
padding: .5em;\n
margin-bottom: 1em;\n
}\n
\n
.list_dialog {\n
margin-bottom: .5em;\n
}\n
\n
.dialog_selector button .description {\n
display: none;\n
}\n
\n
.dialog_selector button .image {\n
background-image: url(\'<dtml-var expr="portal_url()">/images/exec16.png\');\n
}\n
\n
.document .actions {\n
position: relative;\n
float: left;\n
width: 100%;\n
margin: 0;\n
padding: 0;\n
border-bottom-width: 1px;\n
border-bottom-style: solid;\n
border-bottom-color: <dtml-var document_border_color>;\n
color: <dtml-var link_color>;\n
}\n
\n
.document .actions button.save {\n
float: right;\n
}\n
\n
.document .actions button.save span.image {\n
width: 48px;\n
height: 50px;\n
background-image: url(\'<dtml-var expr="portal_url()">/images/save2.png\');\n
}\n
\n
.document .actions ul {\n
float: left;\n
list-style: none;\n
padding: 0;\n
margin: 0;\n
position: absolute;\n
bottom: -1px;\n
}\n
\n
.document .actions li {\n
float: left;\n
}\n
\n
.document .actions li a {\n
display: block;\n
color: inherit;\n
background: url(\'<dtml-var expr="portal_url()">/images/tab_left.png\') top left no-repeat;\n
margin: 0;\n
padding: 0 0 0 10px;\n
}\n
\n
.document .actions li.selected a {\n
background: url(\'<dtml-var expr="portal_url()">/images/tab_left_selected.png\') top left no-repeat;\n
}\n
\n
.document .actions li a span {\n
display: block;\n
padding: 5px 15px 4px 5px;\n
color: inherit;\n
background-color: inherit;\n
background: url(\'<dtml-var expr="portal_url()">/images/tab_right.png\') top right no-repeat;\n
/* font-size: 90%; */\n
}\n
\n
.document .actions li.selected a span {\n
font-weight: bold;\n
padding-bottom: 5px;\n
background: url(\'<dtml-var expr="portal_url()">/images/tab_right_selected.png\') top right no-repeat;\n
}\n
\n
.document .actions li a:hover {\n
text-decoration: none;\n
}\n
\n
.document .content {\n
clear: both;\n
border-width: 1px;\n
border-style: solid;\n
border-color: <dtml-var document_border_color>;\n
border-top: 0 none;\n
color: inherit;\n
background-color: <dtml-var document_background_color>;\n
padding: 5px;\n
}\n
\n
/* LISTBOX */\n
/* FIXME:\n
- listbox uses lots of IDs, but there can be more than one listbox in a page !\n
- hardcoded images in html which are inly used for rendering style\n
*/\n
.ListSummary {\n
background: url(\'<dtml-var expr="portal_url()">/images/tab_left_selected.png\') top left no-repeat;\n
color: #000;\n
padding-left: 10px;\n
}\n
\n
.ListSummary .listbox_title,\n
.ListSummary .listbox_record_number,\n
.ListSummary .listbox_item_number {\n
/* font-size: 90%; */\n
}\n
\n
.ListSummary table {\n .ListSummary table {\n
width: 100%;\n
background-color: <dtml-var document_background_color>;\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-top-width: 1px;\n
border-right-width: 1px;\n
border-bottom-width: 0;\n
border-left-width: 0;\n
padding-right: 5px;\n
padding-bottom: 2px;\n
}\n
\n
.ListSummary img {\n
display: none;\n
}\n
\n
.ListSummary .listbox_next_page,\n
.ListSummary .listbox_previous_page {\n
display: block;\n
font-size: 0;\n
width: 22px;\n
height: 22px;\n
background-repeat: no-repeat;\n
}\n
\n
.listbox {\n
color: #000;\n
background-color: <dtml-var document_background_color>;\n background-color: <dtml-var document_background_color>;\n
padding-left: 1px;\n
}\n
\n
.listbox table,\n
table.listbox.table {\n
width: 100%;\n
border-collapse: collapse;\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-top-width: 0px;\n
border-bottom-width: 1px;\n
border-left-width: 1px;\n
border-right-width: 1px;\n
}\n
\n
.listbox .listbox_label_line td.Data {\n
border-top-width: 1px;\n
}\n
\n
.listbox .listbox_label_line {\n
color: <dtml-var font_color>;\n
background-color: <dtml-var listbox_label_background_color>;\n
/* font-size: 90%; */\n
}\n }\n
\n \n
.listbox .listbox_stat_line {\n
color: inherit;\n
background-color: <dtml-var listbox_stat_background_color>;\n
}\n
\n
.listbox .listbox_stat_line td.Data {\n
border-top-width: 1px;\n
border-top-style: solid;\n
border-color: <dtml-var document_border_color>;\n
}\n
\n
.listbox tr.DataA {\n
color: inherit;\n
background-color: <dtml-var listbox_odd_background_color>;\n
}\n
\n
.listbox tr.DataB {\n
color: inherit;\n
background-color: <dtml-var listbox_even_background_color>;\n
}\n
\n
.ListSummary .listbox_title_line .listbox_title,\n
.ListSummary .listbox_title_line .listbox_item_number,\n
.ListSummary .listbox_title_line .listbox_record_number {\n
vertical-align: middle;\n
}\n
\n \n
.listbox tr.DataA:hover,\n
.listbox tr.DataB:hover, \n
table.listbox.table tr.tbody:hover{\n
color: inherit;\n
background-color: <dtml-var listbox_hover_background_color>;\n
}\n
\n
.listbox td {\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-top-width: 0;\n
border-bottom-width: 0;\n
border-left-width: 1px;\n
border-right-width: 1px;\n
padding-left: 1px;\n
padding-right: 1px;\n
}\n
\n
.listbox .error {\n
color: #F00;\n
}\n
\n
table.listbox {\n
width: 100%;\n
margin-bottom: 1em;\n
border-style: solid;\n
border-width: 0 1px 1px 1px;\n
border-color:<dtml-var document_border_color>;\n
}\n
\n
table.listbox .thead {background: #e6e6e6}\n
\n
table.listbox .thead th,\n
table.listbox a {\n
font-weight: normal\n
}\n
\n
table.listbox td,\n
table.listbox th {\n
text-align: left;\n
padding: .3em;\n
border: 1px solid <dtml-var document_border_color>;\n
}\n
\n
table.listbox tr.tbody:hover {background:<dtml-var listbox_hover_background_color>}\n
\n
table.listbox .tbody td.icon {\n
text-align: center;\n
padding: 0;\n
}\n
\n
table.listbox .tbody td.icon a {\n
display: block;\n
padding: .3em;\n
}\n
\n
table.listbox tr.tbody td div.coordinates a {\n
color:green;\n
}\n
\n
td.AnchorColumn {\n
!important\n
border-style:none;\n
border-color:<dtml-var document_border_color>;\n
background-color:<dtml-var document_background_color>;\n
border-width:0;\n
}\n
\n
/* Popup info window style */\n
div.search_popup {\n
background-color: #c3e3df;\n
display: none;\n
position:fixed;\n
left:500px;\n
width:150px;\n
top:130px;\n
padding:10px;\n
border:1px solid black;\n
z-index:100;\n
}\n
\n
div.popup_row{\n
clear:right;\n
}\n
\n
div.popup_row span.popup_label{\n
font-weight: bold;\n
}\n
\n
div.popup_row a{\n
color: green!important;\n
}\n
div.searchResultHeader {\n
margin-top: 0em;\n
border: 1px solid <dtml-var document_border_color>;\n
background-color: <dtml-var listbox_label_background_color>;\n
padding: .2em;\n
}\n
\n
div.searchResultHeader .right {float: right}\n
div.searchResultHeader .left {float: left}\n
\n
\n
/* Search results list\n
------------------------------------------------*/\n
\n
div#main_content.list_mode{\n
font-size:0.7em;\n
line-height:1.5em;\n
}\n
\n
div.search.result .resultList {\n
padding: 1em;\n
width: 70%;\n
margin: 0 auto;\n
}\n
\n
div.search.result .resultList p {margin-bottom: 0}\n
\n
div.search.result .resultList h3 {\n
font-size: 120%;\n
font-weight: normal;\n
margin-bottom: 1em;\n
}\n
\n
div.search.result .resultList ul.pages li a {\n
padding: .1em .3em;\n
border: 1px solid transparent;\n
}\n
\n
div.search.result .resultList ul.pages li a:hover {\n
border: 1px solid #dedade;\n
background: #eee;\n
}\n
\n
div.search.result .resultList table {\n
border-collapse: inherit;\n
border-spacing: .3em;\n
}\n
\n
div.search.result .resultList .search_result_portal_type,\n
div.search.result .resultList .search_result_title {\n
display: inline;\n
}\n
\n
div.search.result .resultList .search_result_portal_type{\n
font-size: 80%;\n
}\n
\n
div.search.result .resultList .search_result_title a{\n
font-weight: bold;\n
font-size: 120%;\n
}\n
\n
div.search.result .resultList .search_result_portal_type:before {\n
content: "[";\n
}\n
div.search.result .resultList .search_result_portal_type:after {\n
content: "]";\n
}\n
\n
div.search.result .resultList table.listbox caption {\n
font-weight: bold;\n
text-align: left;\n
}\n
\n
div.search.result .resultList table.listbox td {\n
vertical-align: middle;\n
border: transparent;\n
margin:0;\n
}\n
\n
div.search.result .resultList table.listbox td ul {list-style: none}\n
div.search.result .resultList table.listbox td ul li {margin: 0}\n
\n
div.search.result .resultList table.listbox td blockquote {\n
border: 1px solid #e6e2e6;\n
border-top-color: #000;\n
margin: .5em 0 2em;\n
padding: 1em;\n
background: #eee;\n
}\n
\n
div.search.result .resultList {\n
padding: 1em;\n
padding-top: 0em;\n
padding-bottom: 1em;\n
padding-left: 0em;\n
padding-right: 0em;\n
}\n
\n
div.search.result div.searchBar {\n
margin-bottom: 2em;\n
}\n
\n
div.searchResultHeader #style_toggle_icon,\n
table.listbox.table #style_toggle_icon {\n
padding:0;\n
border: 0px;\n
border-color:red;\n
margin:0;\n
vertical-align:bottom;\n
}\n
\n
div.search .centeredInner {\n
text-align: center;\n
}\n
\n
.searchDetails em {\n
font-style:normal;\n
font-weight:bold;\n
}\n
\n
/* MatrixBox */\n
.MatrixContent {\n
color: #000;\n
background-color: <dtml-var document_background_color>;\n
padding-left: 1px;\n
}\n
\n
.MatrixContent table {\n
width: 100%;\n
border-collapse: collapse;\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-top-width: 1px;\n
border-bottom-width: 1px;\n
border-left-width: 1px;\n
border-right-width: 1px;\n
}\n
\n
.MatrixContent tr.matrixbox_label_line {\n
vertical-align: middle;\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-bottom-width: 1px;\n
border-top-width: 0;\n
border-left-width: 0;\n
border-right-width: 0;\n
}\n
\n
.MatrixContent td.matrixbox_label_column {\n
white-space: nowrap;\n
}\n
\n
.MatrixContent tr.DataA {\n
color: inherit;\n
background-color: <dtml-var listbox_odd_background_color>;\n
}\n
\n
.MatrixContent tr.DataB {\n
color: inherit;\n
background-color: <dtml-var listbox_even_background_color>;\n
}\n
\n
.MatrixContent tr.DataA:hover,\n
.MatrixContent tr.DataB:hover {\n
color: inherit;\n
background-color: <dtml-var listbox_hover_background_color>;\n
}\n
\n
.MatrixContent td {\n
border-color: <dtml-var document_border_color>;\n
border-style: solid;\n
border-top-width: 0;\n
border-bottom-width: 0;\n
border-left-width: 1px;\n
border-right-width: 1px;\n
padding-left: 1px;\n
padding-right: 1px;\n
}\n
\n
.MatrixContent .error {\n
color: #F00;\n
}\n
\n
.MatrixContent td.footer {\n
width: 100pt;\n
}\n
\n
\n
/* Web Page White Background */\n
\n
.document div.page {\n
background-color: white;\n
border-color: black;\n
border-width: 1px;\n
padding: 1em;\n
}\n
\n
.document div.page div {\n
color: black;\n
}\n
\n \n
/* TioLive modifications */\n /* TioLive selectors */\n
#main_bar {\n #main_bar {\n
padding-bottom: 0px;\n padding-bottom: 0px;\n
padding-top: 0px;\n padding-top: 0px;\n
......
19 20
\ 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