From 3b97baede43a24c8fa00807215ef96ef2e52765a Mon Sep 17 00:00:00 2001 From: Jeff Godin Date: Mon, 2 Apr 2012 17:27:50 -0400 Subject: [PATCH] TADL CSS changes - layout and color tadl_layout.css overrides and adds to default/layout.css tadl_colors.css is a copy of theme/tadl/css/colors.css tadl_colors.css should be trimmed down and unintentional overrides/conflicts with theme/default/css/colors.css eliminated. Signed-off-by: Jeff Godin --- Open-ILS/web/opac/skin/tadlv2/css/tadl_colors.css | 117 +++++++++++++++++++++ Open-ILS/web/opac/skin/tadlv2/css/tadl_layout.css | 23 ++++ .../web/opac/skin/tadlv2/xml/common/css_common.xml | 2 + 3 files changed, 142 insertions(+) create mode 100644 Open-ILS/web/opac/skin/tadlv2/css/tadl_colors.css create mode 100644 Open-ILS/web/opac/skin/tadlv2/css/tadl_layout.css diff --git a/Open-ILS/web/opac/skin/tadlv2/css/tadl_colors.css b/Open-ILS/web/opac/skin/tadlv2/css/tadl_colors.css new file mode 100644 index 0000000000..2728b4a034 --- /dev/null +++ b/Open-ILS/web/opac/skin/tadlv2/css/tadl_colors.css @@ -0,0 +1,117 @@ +body a { color: black; text-decoration: none;} +body a:visited { color: black; text-decoration: none;} +body a:hover { color: #7d0049; text-decoration: underline;} + + +/* the idea is to have 4 complimentary colors that + * are used throughout the opac. Edit those colors + * in this file + */ + +.color_1 { background: #acc4de; color: #000000; } +.color_2 { background: #acc4de; color: #000000; } +.color_3 { background: #d1e1a2; color: #000000; } +.color_4 { background: #d1e1a2; color: #000000; } + +.border_1 { border: 1px solid #6699cc; } +.border_2 { border: 1px solid #6699cc; } +.border_3 { border: 1px solid #ddeeff; } +.border_4 { border: 1px solid #ddeeff; } + +.border_1_2 { border: 2px solid #6699cc; } +.border_2_2 { border: 2px solid #6699cc; } +.border_3_2 { border: 2px solid #ddeeff; } +.border_4_2 { border: 2px solid #ddeeff; } + +.border_1_3 { border: 3px solid #6699cc; } +.border_2_3 { border: 3px solid #6699cc; } +.border_3_3 { border: 3px solid #ddeeff; } +.border_4_3 { border: 3px solid #ddeeff; } + + +/* some facet styling */ +.facetClassContainer { margin: 2px; border: 1px solid #6699cc; } +.facetClassLabelContainer { background: #acc4de; border: 1px solid #acc4de; } +.facetClassLabel { font-weight: bold; text-align: center; } +.facetFieldContainer { background: #d1e1a2; } +.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; } +.extraFacetFieldsWrapper { } +.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; } +.facetFieldLineCount { display: inline-block; border-right: 1px solid #acc4de; color: gray; width: 3em; margin-right: 3px } +.facetField { border-top: 1px solid #acc4de; } +.facetFields { padding-left: 5px; } +.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; } + + + + +/* general purpose light borders */ +.border_5 { border: 1px solid #D0D0D0; } +.border_6 { border: 1px solid #808080; } + +input:focus { background: #e5f1fd; color: #000000;} +a:focus { background: #e5f1fd; color: #000000;} + + +/* ---------------------------------------------------------------------- */ + +.canvas { /* main content div for each page */ + border-left: 3px solid #7fa2ca; + border-bottom: 3px solid #7fa2ca; + border-top: 3px solid #7fa2ca; +} + +/* border around home search box */ +.home_search { border: 3px solid #7fa2ca; } + +/* main nav sidebar */ +.sidebar_item_active { background: #acc4de; } + +/* record detail summary block */ +.rdetail_desc { border: 1px solid #6699cc; } +.rdetail_item { border: 1px solid #6699cc; } +.rdetail_extras_selected { background: #d1e1a2;} + + +.data_grid thead tr { background: #acc4de; color: #000000; } +.data_grid thead td { border: 1px solid #808080; } +.data_grid tbody td { border: 1px solid #6699cc; } +.data_grid_nb thead tr { background: #6699cc; color: #000000; } +.data_grid_nb thead td { border: none; } +.data_grid_nb tbody td { border: none; } + +.light_border { border: 1px solid #99ccff; } + +.adv_quick_search_submit { border-bottom: 3px solid #99ccff;} + +.myopac_link_active { background: #ddeeff; } + +.sidebar_extra_link { text-decoration: none; } +#searchbar_tag_on { color: red; } +.searchbar_item { color: black; } +#login_box { border-top: 1px solid #7fa2ca; border-bottom: 1px solid #7fa2ca; } +#next_prev_links_dead { color: #808080; text-decoration: none; } + +.nav_link_active {font-weight: bold;} + +.search_link { text-decoration: none; color: #0e63ba;} +.result_table_subtable { border-top: 1px solid #Eeffff; } + +.copy_count_cell { border-right: 1px solid #E0E0E0; } +.copy_count_div { border-left: 2px solid #99ccff; border-right: 2px solid #99ccff; } + +#rdetail_image_cell { border: 1px solid white; border-right: 1px solid #99ccff;} + +/* For slimpac */ +.maintable { border-collapse: collapse; border: 3px solid #6699cc; -moz-border-radius: 6px; padding: 6px; margin-top: 65px; } +.greenrow { border: 1px solid #D0D0D0; background: #ddeeff; } +.bluerow { border: 1px solid #D0D0D0; background: #6699cc; } +.rowpad { height: 20px; } + +.footer_link { margin-left: 10px; margin-right: 10px; } + +.indent0 { padding-left: 0px; } +.indent1 { padding-left: 10px; } +.indent2 { padding-left: 20px; } + + diff --git a/Open-ILS/web/opac/skin/tadlv2/css/tadl_layout.css b/Open-ILS/web/opac/skin/tadlv2/css/tadl_layout.css new file mode 100644 index 0000000000..b9d8b209d8 --- /dev/null +++ b/Open-ILS/web/opac/skin/tadlv2/css/tadl_layout.css @@ -0,0 +1,23 @@ +/* make images in search results larger */ +.result_table_pic_cell { width: 103px; } +.result_table_pic { height: 100px; width: 80px; } +.result_table_pic_header { width: 103px; } + + +/* Make titles in search results larger */ +.result_table_title_cell { padding-top: 10px; } +a[name="item_title"] { font-size: 1.5em; } + +/* Make titles in record details larger */ +#rdetail_details_tbody tr:first-child td.rdetail_item { font-size: 1.5em; padding-top: 5px; } + +/* Make sidebar links larger */ +.side_bar_item { font-size: 1.25em; } + +/* Shrink the search box a bit -- mostly to prevent the Go button from ending up + beneath the search box in Chrome */ +#search_box { width: 190px; } + +/* Make a less colorful front / home page */ +#frontsearch_table tbody tr { background-color: white; border: none; } +#frontsearch_table tbody tr td { background-color: white; border: none; } diff --git a/Open-ILS/web/opac/skin/tadlv2/xml/common/css_common.xml b/Open-ILS/web/opac/skin/tadlv2/xml/common/css_common.xml index c01bb3fb90..ba1495bc23 100644 --- a/Open-ILS/web/opac/skin/tadlv2/xml/common/css_common.xml +++ b/Open-ILS/web/opac/skin/tadlv2/xml/common/css_common.xml @@ -1,12 +1,14 @@ + + -- 2.11.0