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