Open-ILS/web/opac/theme/default/css/colors.css

   1 body a                  { color: black; text-decoration: none;}
   2 body a:visited { color: black; text-decoration: none;}
   3 body a:hover    { color: red; text-decoration: underline;}
   4 .NoveListSelect a                       { color: blue; text-decoration: underline;}
   5 .NoveListSelect a:visited       { color: purple; text-decoration: underline;}
   6
   7
   8 /* the idea is to have 4 complimentary colors that
   9  * are used throughout the opac.  Edit those colors
  10  * in this file
  11  */
  12
  13 .color_1 { background: #A7EA9D; color: #000000; }
  14 .color_2 { background: #64EA4F; color: #000000; }
  15 .color_3 { background: #E0F6E0; color: #000000; }
  16 .color_4 { background: #E0F0E0; color: #000000; }
  17
  18 .border_1 { border: 1px solid #A7EA9D; }
  19 .border_2 { border: 1px solid #64EA4F; }
  20 .border_3 { border: 1px solid #E0F6E0; }
  21 .border_4 { border: 1px solid #E0F0E0; }
  22
  23 .border_1_2 { border: 2px solid #A7EA9D; }
  24 .border_2_2 { border: 2px solid #64EA4F; }
  25 .border_3_2 { border: 2px solid #E0F6E0; }
  26 .border_4_2 { border: 2px solid #E0F0E0; }
  27
  28 .border_1_3 { border: 3px solid #A7EA9D; }
  29 .border_2_3 { border: 3px solid #64EA4F; }
  30 .border_3_3 { border: 3px solid #E0F6E0; }
  31 .border_4_3 { border: 3px solid #E0F0E0; }
  32
  33 /* some facet styling */
  34 .facetClassContainer { margin: 2px; border: 1px solid #64EA4F; }
  35 .facetClassLabelContainer { background: #A7EA9D; border: 1px solid #A7EA9D; }
  36 .facetClassLabel { font-weight: bold; text-align: center; }
  37 .facetFieldContainer { background: #E0F6E0; }
  38 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
  39 .extraFacetFieldsWrapper { }
  40 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
  41 .facetFieldLineCount { display: inline-block; border-right: 1px solid #A7EA9D; color: gray; width: 3em; margin-right: 3px }
  42 .facetField { border-top: 1px solid #A7EA9D; }
  43 .facetFields { padding-left: 5px; }
  44 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
  45
  46 .searcherSimpleSearchWrapper {}
  47 .searcherAdvancedSearchWrapper { margin: 2px; border: 1px solid #64EA4F; }
  48
  49 .searcherClassedSearchesContainer { margin: 5px; }
  50 .searcherClassedSearches {}
  51 .searcherClassedSearchesLabel { font-weight: bold; }
  52
  53 .searcherClassedSearchesAddContainer { width: 50%; text-align: center; }
  54
  55 .searcherFacetedSearchesContainer { margin: 5px; border-top: 1px solid black; }
  56 .searcherFacetedSearches {}
  57 .searcherFacetedSearchesLabel { font-weight: bold; }
  58
  59 .searcherFilterModifierContainer { margin: 5px; border-top: 1px solid black; }
  60
  61 .searcherFiltersLabel { font-weight: bold; }
  62 .searcherFilterContainer {}
  63
  64 .searcherModifiersLabel { font-weight: bold; }
  65 .searcherModifierContainer {}
  66
  67 .searcherGoContainer { width: 50%; text-align: right; }
  68 .searcherDeckSwapContainer {}
  69
  70 /* general purpose light borders */
  71 .border_5 { border: 1px solid #D0D0D0; }
  72 .border_6 { border: 1px solid #808080; }
  73
  74 input:focus { background: #E0F0E0; color: #000000;}
  75 a:focus { background: #E0F0E0; color: #000000;}
  76
  77
  78 /* ---------------------------------------------------------------------- */
  79
  80 .canvas { /* main content div for each page */
  81     border-left: 3px solid #A7EA9D;
  82     border-bottom: 3px solid #A7EA9D;
  83         border-top: 3px solid #A7EA9D;
  84 }
  85
  86 /* border around home search box */
  87 .home_search { border: 3px solid #A7EA9D; }
  88
  89 /* main nav sidebar */
  90 .sidebar_item_active { background: #A7EA9D; }
  91
  92 /* record detail summary block */
  93 .rdetail_desc { border: 1px solid #A7EA9D; }
  94 .rdetail_item { border: 1px solid #A7EA9D; }
  95 .rdetail_extras_selected { background: #E0F0E0;}
  96
  97
  98 .data_grid thead tr { background: #E0F0E0; color: #000000; }
  99 .data_grid thead td { border: 1px solid #808080; }
 100 .data_grid tbody td { border: 1px solid #E0F6E0; }
 101 .data_grid_nb thead tr { background: #E0F0E0; color: #000000; }
 102 .data_grid_nb thead td { border: none; }
 103 .data_grid_nb tbody td { border: none; }
 104
 105 .light_border { border: 1px solid #E0F6E0; }
 106
 107 .adv_quick_search_submit { border-bottom: 3px solid #E0F6E0;}
 108
 109 .myopac_link_active { background: #E0F6E0; }
 110
 111 .sidebar_extra_link { text-decoration: none; }
 112 #searchbar_tag_on { color: red; }
 113 .searchbar_item { color: black; }
 114 #login_box { border-top: 1px solid #808080; border-bottom: 1px solid #808080; }
 115 #next_prev_links_dead { color: #808080; text-decoration: none; }
 116
 117 .nav_link_active {font-weight: bold;}
 118
 119 .search_link { text-decoration: none; }
 120 .result_table_subtable { border-top: 1px solid #E0E0E0; }
 121
 122 .copy_count_cell { border-right: 1px solid #E0E0E0; }
 123 .copy_count_div {       border-left: 2px solid #E0F6E0; border-right: 2px solid #E0F6E0; }
 124
 125 #rdetail_image_cell { border: 1px solid white; border-right: 1px solid #A7EA9D;}
 126 #rdetail_img_link { display: block; margin-left: 1em; margin-bottom: 1em; }
 127
 128 .x_mark { color: red; }
 129 .check_mark { color: green; }
 130
 131 #myopac_holds_thaw_date_form { border: 1px solid #E0E0E0; }
 132
 133 .invalid_field { border: 3px solid red; }
 134
 135 .hold_expire_warning { color:red; }
 136
 137 #result_low_hits { border-top: 2px solid #A7EA9D }