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

   1 body { margin: 6px; }
   2
   3 .main_header    { width: 100%; }
   4 .space                  { padding-right:5px; }
   5 .vert_space             { padding-top: 82px; width: 100%;}
   6 .right                  { position:absolute; right: 0px; }
   7 .hide_me                        { display:none; visibility: hidden; }
   8
   9 table { border-collapse: collapse; }
  10
  11 /* generic CSS for a table with data */
  12 .data_grid { font-weight: 500; border-collapse: collapse;}
  13 .data_grid thead tr { background: #E0F0E0; color: #000000; }
  14 .data_grid thead td { border: 1px solid #808080; padding-right: 5px; padding-left: 5px;}
  15 .data_grid tbody td { border: 1px solid #E0E0E0; padding: 5px; }
  16 .data_grid_center { text-align: center; }
  17
  18 .classic_link { text-decoration: underline; color: black;}
  19 .classic_link:visited { text-decoration: underline; color: black;}
  20
  21
  22
  23 .encircled { border: 1px solid black; }
  24
  25 .light_border { border: 1px solid #E0E0E0; }
  26
  27 #main_table { border-collapse: collapse; width: 100%; height: 100%; }
  28 #main_left_cell { height: 100%; width: 20%; vertical-align: top;margin: 0px; padding: 0px;}
  29 #main_right_cell { height: 100%; width: 80%; vertical-align: top; margin: 0px; padding:0px;}
  30
  31
  32 .canvas { min-height: 300px; }
  33 #not_the_canvas {}
  34
  35 #canvas_main { min-height: 300px; padding-left: 6px; -moz-border-radius: 6px; padding-bottom: 10px; }
  36 .non_canvas {  min-height: 300px; padding-left: 6px; -moz-border-radius: 6px;}
  37
  38
  39 #loading_div { width: 100%;}
  40 .logo { height: 65px; width: 180px; }
  41 .org_tree { height: 500px; padding-left: 2px; padding-right: 2px; }
  42 .org_link { padding-right: 15px; }
  43 #org_link_container { margin-bottom: 5px; padding-left: 4px; padding-bottom: 3px; padding-top: 3px; width: 100%; }
  44 #left_div { float:left; width: 20%; }
  45 #statusbar {}
  46
  47 #frontsearch_table { }
  48 #frontsearch_table tr { margin: 6px; }
  49
  50 /* ---------------------------------------------------------------------- */
  51 .sidebar_div { width: 100%; font-size: 9pt; margin-top: 12px; }
  52 .sidebar_header { margin-top: 10px; padding-left: 3px; margin-right: 6px; }
  53
  54 .sidebar_extra_item { padding: 0px; margin-right: 8px;}
  55 .side_bar_item { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; margin-right: 8px; }
  56
  57 .sidebar_item_active { margin-right: 0px; }
  58
  59 .sidebar_chunk { width: 100%; }
  60
  61 /* ---------------------------------------------------------------------- */
  62
  63 #searchbar { margin-top: 18px; width: 100%; }
  64 #searchbar table tr td {font-weight: bold; font-size: 8pt; }
  65 #searchbar select, input { border-collapse: collapse; font-size: 9pt; }
  66 .searchbar_item { margin: 3px; font-size: 9pt; }
  67 .searchbar_label_span { font-size: 9pt; }
  68 #searchbar_table { border-collapse: collapse; }
  69
  70 .search_box_container { width: 240px; padding: 3px; }/* border: 1px solid #A0A0A0;' class='color_2'>*/
  71
  72
  73 /* ---------------------------------------------------------------------- */
  74 #login_box { width: 60%; padding: 5px;}
  75 .login_text { margin-left: 8px; }
  76
  77 /* ---------------------------------------------------------------------- */
  78 #result_table_div { text-align: left; width: 100%; }
  79
  80 #search_nav_links { width: 100%; }
  81 #result_info_box { text-align: left; }
  82 #next_prev_links { padding-left: 2px; padding-right: 2px; text-align: left;}
  83 #goto_page_links { text-align: left; padding-left: 2px; padding-right: 2px;}
  84
  85 #next_prev_links_dead {padding-left: 5px; padding-right: 5px;}
  86
  87 #res_table { width: 100%; }
  88
  89 .result_table_pic_cell { width: 43px;}
  90 .result_table_pic { height: 50px; width: 40px;  border: none;}
  91 .result_table_pic_header { width: 43px; }
  92
  93 .result_table_row { text-align: left; width: 100%;}
  94 .result_table_subtable { width: 100%; border-collapse: collapse; vertical-align: top;}
  95 .result_table_subtbody { height: 100%; width: 100%; }
  96 .result_table_title_cell { text-align: left; }
  97
  98 .copy_count_cell { width: 12%; vertical-align: middle; text-align: center; }
  99 .copy_count_div { width:  4em; height: 99%; vertical-align: middle; text-align: center; }
 100
 101 .search_page_nav_link { margin-right: 5px; }
 102
 103 /* ---------------------------------------------------------------------- */
 104
 105 #rdetail_detail_main { width: 100%; }
 106 #rdetail_details_table { padding-top: 10px; width: 100%; padding: 30px; border-collapse: collapse;}
 107 .rdetail_header { padding: 3px; padding-left: 10px;}
 108 .rdetail_desc { padding: 2px; padding-left: 4px; padding-right: 4px;}
 109 .rdetail_item { width: 75%; padding-left: 10px; }
 110 #rdetail_image { padding-right: 10px; }
 111 #rdetail_copy_info_table { padding: 4px; width: 100%; border-collapse: collapse; }
 112 .rdetail_copy_info_header_cell { padding: 2px; }
 113 .rdetail_copy_count_cell { text-align: center; }
 114
 115
 116 .tor_pic { width: 17px; height: 17px; border: none;}
 117
 118 .dim2_border { border: 1px solid #F06000; -moz-border-radius: 3px;}
 119
 120 .dim2 {
 121         filter:alpha(opacity=50);
 122         -moz-opacity:0.5;
 123         opacity: 0.5;
 124         text-decoration: none; }
 125
 126 .dim {
 127         filter:alpha(opacity=10);
 128         -moz-opacity:0.1;
 129         opacity: 0.1;
 130         text-decoration: none; }
 131
 132 /* ---------------------------------------------------------------------- */
 133
 134 .myopac_link {
 135         width: 18%; margin: 3px; padding: 3px;
 136         text-align: center; vertical-align: middle;
 137         border-bottom: 1px solid #808080;
 138         border-top: 1px solid #808080; }
 139
 140 .myopac_link_active { background: #E0F0E0; font-weight: 700;}
 141 .myopac_table thead tr td { padding: 2px; font-weight: 500; border: 1px solid #808080;}
 142 .myopac_table td { padding: 3px; }
 143 .myopac_form_pic { width: 20px; height: 20px; }
 144
 145 .tips { padding: 2px; text-align: center; border: solid #E0E0E0 3px; -moz-border-radius: 3px; width: 99%; }
 146
 147 .holds_cell { border: 1px solid #E0E0E0; padding: 5px; width: 50%;}
 148 .myopac_update_cell { border: 3px solid #E0E0E0; width:100%; padding-top: 4px; padding-bottom: 4px;}
 149 .myopac_update_span { padding: 5px;}
 150
 151 #result_low_hits { border-top: 2px solid #A7EA9D }
 152
 153 .lowhits_div { width: 100%; border-top: 1px solid #E0E0E0; text-align: center;
 154         padding-top: 8px; padding-bottom: 8px; }
 155
 156 .rdetail_extras_div {
 157         border-top: 3px solid #E0E0E0;margin-top: 3px; padding-top: 5px; width: 90%;}
 158
 159 .copy_info_region_row {
 160         padding: 6px;
 161         border: 2px solid #E0E0E0;
 162         font-weight: 600;
 163         /*background: #F0F0F0;*/
 164 }
 165
 166 .rdetail_extras_td { padding-right: 15px; padding-left: 15px; border-right: 1px solid #888; }
 167
 168