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