Open-ILS/web/opac/skin/default/css/layout.css

   1 body { margin: 6px; }
   2 body { background-color: white; }
   3
   4 .main_header    { width: 100%; }
   5 .space                  { padding-right:5px; }
   6 .vert_space             { padding-top: 82px; width: 100%;}
   7 .right                  { position:absolute; right: 0px; }
   8 .hide_me                        { display:none; visibility: hidden; }
   9
  10 /*
  11 input:focus:not(.invalid_value) { background: #E0F0E0; color: darkblue;}
  12 */
  13 input:focus { background: #E0F0E0; color: darkblue;}
  14 /*select:focus { background: #E0F0E0; color: darkblue;}*/ /* this was causing strange behavior */
  15 a:focus { background: #E0F0E0; color: darkblue;}
  16
  17 table { border-collapse: collapse; }
  18
  19 /* generic CSS for a table with data */
  20 .data_grid { font-weight: 500; border-collapse: collapse;}
  21 .data_grid thead tr { background: #E0F0E0; color: #000000; }
  22 .data_grid thead td { border: 1px solid #808080; padding-right: 5px; padding-left: 5px;}
  23 .data_grid tbody td { border: 1px solid #E0E0E0; padding: 5px; }
  24 .data_grid_center { text-align: center; }
  25
  26 .data_grid_nb { font-weight: 500; border-collapse: collapse;}
  27 .data_grid_nb thead tr { background: #E0F0E0; color: #000000; }
  28 .data_grid_nb thead td { border: none; padding-right: 5px; padding-left: 5px;}
  29 .data_grid_nb tbody td { border: none; padding: 5px; }
  30
  31
  32 .classic_link { text-decoration: underline; color: black;}
  33 .classic_link:visited { text-decoration: underline; color: black;}
  34 .classic_link_col { text-decoration: underline; color: red;}
  35
  36 .adv_quick_search { background-color: #E0F0E0; padding: 3px;}
  37 /*
  38 .adv_quick_search_submit { background-color: #F0E0E0; padding: 3px;}
  39 */
  40 .adv_quick_search_submit { border-bottom: 3px solid #A0A0A0; padding: 3px;}
  41
  42 .encircled { border: 1px solid black; }
  43
  44 .light_border { border: 1px solid #E0E0E0; }
  45
  46
  47 /*
  48 #main_table { border-collapse: collapse; width: 100%; height: 100%; }
  49 #main_left_cell { height: 100%; width: 20%; vertical-align: top;margin: 0px; padding: 0px;}
  50 #main_right_cell { height: 100%; width: 80%; vertical-align: top; margin: 0px; padding:0px;}
  51 */
  52
  53 #main_table { border-collapse: collapse; width: 100%;  }
  54 #main_left_cell { width: 20%; vertical-align: top;margin: 0px; padding: 0px;}
  55 #main_right_cell { width: 80%; vertical-align: top; margin: 0px; padding:0px;}
  56
  57
  58 .canvas { min-height: 300px; }
  59 #not_the_canvas {}
  60
  61 #canvas_main { min-height: 300px; padding-left: 4px; -moz-border-radius: 6px; padding-bottom: 4px; }
  62 .non_canvas {  min-height: 300px; padding-left: 4px; -moz-border-radius: 6px;}
  63
  64
  65 #loading_div { width: 100%;}
  66
  67
  68 /* default to image size to avoid image stretching */
  69 /*
  70 .logo { height: 65px; width: 180px; }
  71 */
  72
  73
  74 .shadowed { background: #F0F0E0; }
  75 .no_copies { background: #E0E0E0; }
  76 .overdue_circ { border: 2px dashed #F0D0E0; }
  77
  78 /*
  79 .org_tree { height: 500px; padding-left: 2px; padding-right: 2px; }
  80 */
  81 .org_tree { padding-left: 2px; padding-right: 2px; }
  82 .org_link { padding-right: 15px; }
  83 #org_link_container { margin-bottom: 5px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px; width: 100%; }
  84 #left_div { float:left; width: 20%; }
  85 #statusbar {}
  86
  87 #frontsearch_table { }
  88 #frontsearch_table tr { margin: 6px; }
  89
  90 /* ---------------------------------------------------------------------- */
  91 .sidebar_div { width: 100%; font-size: 9pt; margin-top: 12px; }
  92 .sidebar_header { margin-top: 10px; padding-left: 3px; margin-right: 6px; }
  93
  94 .sidebar_extra_item { padding: 0px; margin-right: 8px;}
  95 .side_bar_item { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-right: 8px; }
  96
  97 .sidebar_item_active { margin-right: 0px; }
  98
  99 .sidebar_chunk { width: 100%; }
 100
 101 /* ---------------------------------------------------------------------- */
 102
 103 #searchbar { margin-top: 18px; width: 100%; }
 104 #searchbar table tr td {font-weight: bold; font-size: 8pt; }
 105 #searchbar select, input { border-collapse: collapse; font-size: 9pt; }
 106 .searchbar_item { margin: 3px; font-size: 9pt; }
 107 .searchbar_label_span { font-size: 9pt; }
 108 #searchbar_table { border-collapse: collapse; }
 109
 110 .search_box_container { width: 240px; padding: 3px; }/* border: 1px solid #A0A0A0;' class='color_2'>*/
 111
 112
 113 /* ---------------------------------------------------------------------- */
 114 #login_box { width: 70%; padding: 5px;}
 115 .login_text { margin-left: 8px; }
 116
 117 /* ---------------------------------------------------------------------- */
 118 #result_table_div { text-align: left; width: 100%; }
 119
 120 #search_nav_links { width: 100%; }
 121 #result_info_box { text-align: left; }
 122 #next_prev_links { padding-left: 2px; padding-right: 2px; text-align: left;}
 123 #goto_page_links { text-align: left; padding-left: 2px; padding-right: 2px;}
 124
 125 #next_prev_links_dead {padding-left: 5px; padding-right: 5px;}
 126
 127 #res_table { width: 100%; }
 128
 129 .result_table_pic_cell { width: 43px;}
 130 .result_table_pic { height: 50px; width: 40px;  border: none;}
 131 .result_table_pic_header { width: 43px; }
 132
 133 .result_table_row { text-align: left; width: 100%;}
 134 .result_table_subtable { width: 100%; border-collapse: collapse; vertical-align: top;}
 135 .result_table_subtbody { height: 100%; width: 100%; }
 136 .result_table_title_cell { text-align: left; }
 137
 138 .copy_count_cell { width: 12%; vertical-align: middle; text-align: center; }
 139 .copy_count_div { width:  4em; height: 99%; vertical-align: middle; text-align: center; }
 140
 141 .search_page_nav_link { margin-right: 5px; }
 142
 143 .np_nav_link { margin-right: 5px; }
 144
 145 /* ---------------------------------------------------------------------- */
 146
 147 #rdetail_detail_main { width: 100%; }
 148 #rdetail_details_table { padding-top: 10px; width: 100%; padding: 30px; border-collapse: collapse;}
 149 .rdetail_header { padding: 3px; padding-left: 10px;}
 150 .rdetail_desc { padding: 2px; padding-left: 2px; padding-right: 2px;}
 151 .rdetail_item { width: 75%; padding-left: 10px; }
 152 #rdetail_image { padding-right: 10px; }
 153 #rdetail_copy_info_table { padding: 4px; width: 100%; border-collapse: collapse; }
 154 .rdetail_copy_info_header_cell { padding: 2px; }
 155 .rdetail_copy_count_cell { text-align: center; }
 156
 157
 158 .tor_pic { width: 17px; height: 17px; border: none;}
 159
 160 .dim2_border { border: 1px solid #F06000; -moz-border-radius: 3px;}
 161
 162 .dim2 {
 163         filter:alpha(opacity=50);
 164         -moz-opacity:0.5;
 165         opacity: 0.5;
 166         text-decoration: none; }
 167
 168 .dim {
 169         filter:alpha(opacity=10);
 170         -moz-opacity:0.1;
 171         opacity: 0.1;
 172         text-decoration: none; }
 173
 174 /* ---------------------------------------------------------------------- */
 175
 176 .myopac_link {
 177         width: 12%; margin: 3px; padding: 3px;
 178         text-align: center; vertical-align: middle;
 179         border-bottom: 1px solid #808080;
 180         border: 1px solid #808080; }
 181
 182 .myopac_link_active { background: #E0F0E0; font-weight: 700;}
 183 .myopac_table thead tr td { padding: 2px; font-weight: 500; border: 1px solid #808080;}
 184 .myopac_table td { padding: 3px; }
 185 .myopac_form_pic { width: 20px; height: 20px; }
 186
 187 .tips { padding: 2px; text-align: center; border: solid #E0E0E0 3px; -moz-border-radius: 3px; width: 99%; }
 188
 189 .holds_cell { border: 1px solid #E0E0E0; padding: 5px; width: 50%;}
 190 .myopac_update_cell { border: 3px solid #E0E0E0; width:100%; padding-top: 4px; padding-bottom: 4px;}
 191 .myopac_update_span { padding: 5px;}
 192
 193 #result_low_hits { border-top: 2px solid #A7EA9D }
 194
 195 .lowhits_div { width: 100%; border-top: 1px solid #E0E0E0; text-align: center;
 196         padding-top: 8px; padding-bottom: 8px; }
 197
 198 .rdetail_extras_div {
 199         border-top: 3px solid #E0E0E0;margin-top: 3px; padding-top: 5px; width: 100%;}
 200
 201 .copy_info_region_row {
 202         padding: 6px;
 203         border: 2px solid #E0E0E0;
 204         font-weight: 600;
 205         /*background: #F0F0F0;*/
 206 }
 207
 208 .rdetail_extras_td { padding-right: 15px; padding-left: 15px; border-right: 1px solid #888; }
 209 .rdetail_extras_selected { background: #E0F0E0;}
 210 .rdetails_extra_links { border: 1px solid #808080; padding-right: 5px; padding-left: 5px; }
 211
 212
 213 .cn_browse_item { height: 190px; }
 214 .cn_browse_info { padding: 4px; border-bottom: 1px dashed #E0E0E0;}
 215
 216 .bookshelf {
 217          /*background-image: url(http://10.4.0.10/woodgrain.jpeg);*/
 218          /*
 219          background-image: url(http://dev.gapines.org/opac/images/woodgrain.jpg);
 220          background-repeat: repeat;
 221          */
 222          border-bottom: 1px solid black;
 223 }
 224
 225 .cn_browse_loading { width: 95%; padding: 15px; text-align: center; background: #E0F0E0; }
 226
 227 .cn_browse_home_cn { border: 2px solid #E0F0E0; background: green; font-weight: 700;}
 228
 229 .rdetail_context_row { background: #F0E0E0; }
 230
 231 .unadorned_link { text-decoration: none; vertical-align: bottom; }
 232
 233
 234 /* ie does not support disabling <option> elements */
 235 .disabled_option { color: #808080; }
 236
 237 .copy_more_info { padding-left: 6px; color: #804070; }
 238
 239
 240 .invalid_hold { background: #F0F0D0; }
 241 .myopac_summary_table td { padding : 3px; }