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

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