From: risard Date: Tue, 29 Sep 2009 11:23:09 +0000 (+0000) Subject: At Windsors request moving their production skin into trac. They will use it as... X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=a6f6580a0efc8409b3f0d3d943311107d1b8e5a3;p=contrib%2FConifer.git At Windsors request moving their production skin into trac. They will use it as starting point to sort out problems with their skin. git-svn-id: svn://svn.open-ils.org/ILS-Contrib/conifer/trunk@686 6d9bc8c9-1ec2-4278-b937-99fde70a366f --- diff --git a/web/opac/skin/uwin/css/colors.css b/web/opac/skin/uwin/css/colors.css new file mode 100644 index 0000000000..7d295854d1 --- /dev/null +++ b/web/opac/skin/uwin/css/colors.css @@ -0,0 +1,105 @@ +body a { color: black; text-decoration: none;} +body a:visited { color: black; text-decoration: none;} +body a:hover { color: red; 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: #B2BB1E; color: #000000; } +.color_2 { background: #B2BB1E; color: #000000; } +.color_3 { background: #EEE; color: #000000; } +.color_4 { background: #E7E0D5; color: #000000; } + +.border_1 { border: 1px solid #005595; } +.border_2 { border: 1px solid #B2BB1E; } +.border_3 { border: 1px solid #EEE; } +.border_4 { border: 1px solid #E7E0D5; } + +.border_1_2 { border: 2px solid #B2BB1E; } +.border_2_2 { border: 2px solid #B2BB1E; } +.border_3_2 { border: 2px solid #EEE; } +.border_4_2 { border: 2px solid #E7E0D5; } + +.border_1_3 { border: 3px solid #B2BB1E; } +.border_2_3 { border: 3px solid #B2BB1E; } +.border_3_3 { border: 3px solid #EEE; } +.border_4_3 { border: 3px solid #E7E0D5; } + +/* general purpose light borders */ +.border_5 { border: 1px solid #D0D0D0; } +.border_6 { border: 1px solid #808080; } + +/* +input:focus { background: #EEE; color: #000000;} +a:focus { background: #E0F0E0; color: #000000;} +*/ + +/* ---------------------------------------------------------------------- */ + +.canvas { /* main content div for each page */ + border-left: 3px solid #005595; + border-bottom: 3px solid #005595; + border-top: 3px solid #005595; +} + +/* border around home search box */ +.home_search { border: 3px solid #005595; } + +/* main nav sidebar */ +.sidebar_item_active { background: #005595; color: #EEE; } +.sidebar_item_active a { background: #005595; color: #EEE; } +.sidebar_item_active a:hover { background: #005595; color: #EEE; text-decoration: none; } +/* #advanced_link { background: #005595; color: #EEE; } */ +#sidebar_results_wrapper { border-right: 0; } + +/* record detail summary block */ +.rdetail_desc { border: 1px solid #CCC; } +.rdetail_item { border: 1px solid #CCC; } +.rdetails_extra_links { border: 1px solid #CCC; } +.rdetail_extras_td { border: 1px solid #CCC; } +.rdetail_extras_selected { background: #B2BB1E;} +.rdetail_extras_selected a:hover { color: #FF0;} +#rdetail_image_cell { border: 1px solid white; border-right: 1px solid #CCC;} + + +.data_grid thead tr { background: #E7E0D5; color: #000000; } +.data_grid thead td { border: 1px solid #CCC; } +.data_grid tbody td { border: 1px solid #CCC; } +.data_grid_nb thead tr { background: #CCC; color: #000000; } +.data_grid_nb thead td { border: none; } +.data_grid_nb tbody td { border: none; } +.copy_count_cell { border-right: 1px solid #CCC; } +.copy_count_div { border-left: 2px solid #CCC; border-right: 2px solid #CCC; } + +.light_border { border: 1px solid #CCC; } + +.adv_quick_search_submit { border-bottom: 3px solid #CCC;} + +.myopac_link_active { background: #B2BB1E; } + +.sidebar_extra_link { text-decoration: none; } +#searchbar_tag_on { color: red; } +.searchbar_item { color: black; } +#login_box { border-top: 1px solid #808080; border-bottom: 1px solid #808080; } +#next_prev_links_dead { color: #808080; text-decoration: none; } + +.nav_link_active {font-weight: bold;} + +.search_link { text-decoration: none; } +.result_table_subtable { border-top: 1px solid #E0E0E0; } + +.x_mark { color: red; } +.check_mark { color: green; } + +#myopac_holds_thaw_date_form { border: 1px solid #E0E0E0; } + +.invalid_field { border: 3px solid red; } + +#lib_selector_link:hover { color: #FF0; } +#adv_global_search #lib_selector_link:hover { color: red; } +#rdetail_place_hold:hover { color: #FF0; } +#home_adv_search_link:hover { color: #FF0; } +#home_myopac_link:hover { color: #FF0; } diff --git a/web/opac/skin/uwin/css/layout.css b/web/opac/skin/uwin/css/layout.css new file mode 100644 index 0000000000..b3695c6f30 --- /dev/null +++ b/web/opac/skin/uwin/css/layout.css @@ -0,0 +1,252 @@ +body { margin: 6px; } +body { background-color: white; } + +.main_header { width: 100%; } +.space { padding-right:5px; } +.vert_space { padding-top: 82px; width: 100%;} +.right { position:absolute; right: 0px; } +.hide_me { display:none; visibility: hidden; } + +table { border-collapse: collapse; } + +/* generic CSS for a table with data */ +.data_grid { font-weight: 500; border-collapse: collapse;} +.data_grid thead tr { } +.data_grid thead td { padding-right: 5px; padding-left: 5px;} +.data_grid tbody td { padding: 5px; } +.data_grid_center { text-align: center; } + +.data_grid_nb { font-weight: 500; border-collapse: collapse;} +.data_grid_nb thead tr { color: #000000; } +.data_grid_nb thead td { padding-right: 5px; padding-left: 5px;} +.data_grid_nb tbody td { padding: 5px; } + + +.classic_link { text-decoration: underline; color: black;} +.classic_link:visited { text-decoration: underline; color: black;} +.classic_link_col { text-decoration: underline; color: red;} + +.encircled { border: 1px solid black; } + + +.adv_quick_search { padding: 3px;} +.adv_quick_search_submit { padding: 3px;} + +.overdue { color: red; font-weight: bold;} + +#main_table { border-collapse: collapse; width: 100%; } +#main_left_cell { width: 20%; vertical-align: top;margin: 0px; padding: 0px;} +#main_right_cell { width: 80%; vertical-align: top; margin: 0px; padding:0px;} + + +#content { min-height: 300px; } + +.canvas { min-height: 300px; padding-left: 4px; -moz-border-radius: 6px;} +#canvas_main { padding-bottom: 4px; } + +#loading_div { width: 100%;} + + + +.shadowed { background: #F0F0E0; } +.no_copies { background: #E0E0E0; } +.overdue_circ { border: 2px dashed #F0D0E0; } + +.org_tree { padding-left: 2px; padding-right: 2px; } +.org_link { padding-right: 15px; } +#org_link_container { margin-bottom: 5px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px; width: 100%; } +#left_div { float:left; width: 20%; } +#statusbar {} + +#frontsearch_table { } +#frontsearch_table tr { margin: 6px; } + +/* ---------------------------------------------------------------------- */ +.sidebar_div { width: 100%; font-size: 9pt; margin-top: 12px; } +.sidebar_header { margin-top: 10px; padding-left: 3px; margin-right: 6px; } + +.sidebar_extra_item { padding: 0px; margin-right: 8px;} +.side_bar_item { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-right: 8px; } + +.sidebar_item_active { margin-right: 0px; } + +.sidebar_chunk { width: 100%; } + +/* ---------------------------------------------------------------------- */ + +#searchbar { margin-top: 22px; width: 100%; } +#searchbar table tr td {font-weight: bold; font-size: 8pt; } +#searchbar select, input { border-collapse: collapse; font-size: 9pt; } +.searchbar_item { margin: 3px; font-size: 9pt; } +.searchbar_label_span { font-size: 9pt; } +#searchbar_table { border-collapse: collapse; } + +.search_box_container { width: 240px; padding: 3px; }/* border: 1px solid #A0A0A0;' class='color_2'>*/ +#search_box { width: 260px; } + + +/* ---------------------------------------------------------------------- */ +#login_box { width: 70%; padding: 5px;} +.login_text { margin-left: 8px; } + +/* ---------------------------------------------------------------------- */ +#result_table_div { text-align: left; width: 100%; } + +#search_nav_links { width: 100%; } +#result_info_box { text-align: left; } +#next_prev_links { padding-left: 2px; padding-right: 2px; text-align: left;} +#goto_page_links { text-align: left; padding-left: 2px; padding-right: 2px;} + +#next_prev_links_dead {padding-left: 5px; padding-right: 5px;} + +#res_table { width: 100%; } + +.result_table_pic_cell { width: 43px;} +.result_table_pic { height: 50px; width: 40px; border: none;} +.result_table_pic_header { width: 43px; } + +.result_table_row { text-align: left; width: 100%;} +.result_table_subtable { width: 100%; border-collapse: collapse; vertical-align: top;} +.result_table_subtbody { height: 100%; width: 100%; } +.result_table_title_cell { text-align: left; } + +.copy_count_cell { width: 12%; vertical-align: middle; text-align: center; } +.copy_count_div { width: 4em; height: 99%; vertical-align: middle; text-align: center; } + +.search_page_nav_link { margin-right: 5px; } + +.np_nav_link { margin-right: 5px; } + +/* ---------------------------------------------------------------------- */ + +#rdetail_detail_main { width: 100%; } +#rdetail_details_table { padding-top: 10px; width: 100%; padding: 30px; border-collapse: collapse;} +.rdetail_header { padding: 3px; padding-left: 10px;} +.rdetail_desc { padding: 2px; padding-left: 2px; padding-right: 2px;} +.rdetail_item { width: 75%; padding-left: 10px; } +#rdetail_image { padding-right: 10px; } +#rdetail_copy_info_table { padding: 4px; width: 100%; border-collapse: collapse; } +.rdetail_copy_info_header_cell { padding: 2px; } +.rdetail_copy_count_cell { text-align: center; } + + +.tor_pic { width: 17px; height: 17px; border: none;} + +.dim2_border { border: 1px solid #F06000; -moz-border-radius: 3px;} + +.dim2 { + filter:alpha(opacity=50); + -moz-opacity:0.5; + opacity: 0.5; + text-decoration: none; } + +.dim { + filter:alpha(opacity=10); + -moz-opacity:0.1; + opacity: 0.1; + text-decoration: none; } + +/* ---------------------------------------------------------------------- */ + +.myopac_link { width: 12%; margin: 3px; padding: 3px; text-align: center; vertical-align: middle; } +.myopac_link_active { font-weight: 700;} +.myopac_table thead tr td { padding: 2px; font-weight: 500; border: 1px solid #808080;} +.myopac_table td { padding: 3px; } +.myopac_form_pic { width: 20px; height: 20px; } + +.tips { padding: 2px; text-align: center; border: solid #E0E0E0 3px; -moz-border-radius: 3px; width: 99%; } + +.holds_cell { border: 1px solid #E0E0E0; padding: 5px; width: 50%;} +.myopac_update_cell { border: 3px solid #E0E0E0; width:100%; padding-top: 4px; padding-bottom: 4px;} +.myopac_update_span { padding: 5px;} + +.lowhits_div { width: 100%; border-top: 1px solid #E0E0E0; text-align: center; + padding-top: 8px; padding-bottom: 8px; } + +.rdetail_extras_div { + border-top: 3px solid #E0E0E0;margin-top: 3px; padding-top: 5px; width: 100%;} + +.copy_info_region_row { + padding: 6px; + border: 2px solid #E0E0E0; + font-weight: 600; +} + +.rdetail_extras_td { padding-right: 15px; padding-left: 15px; border-right: 1px solid #888; } +.rdetails_extra_links { border: 1px solid #808080; padding-right: 5px; padding-left: 5px; } + + +.cn_browse_item { height: 190px; } +.cn_browse_info { padding: 4px; border-bottom: 1px dashed #E0E0E0;} + +.bookshelf { + /*background-image: url(http://10.4.0.10/woodgrain.jpeg);*/ + /* + background-image: url(http://dev.gapines.org/opac/images/woodgrain.jpg); + background-repeat: repeat; + */ + border-bottom: 1px solid black; +} + +.cn_browse_loading { width: 95%; padding: 15px; text-align: center; background: #E0F0E0; } + +.cn_browse_home_cn { border: 2px solid #E0F0E0; background: green; font-weight: 700;} + +.rdetail_context_row { background: #F0E0E0; } + +.unadorned_link { text-decoration: none; vertical-align: bottom; } + + +/* ie does not support disabling