af1d2187f26ab9757dd1e3b190e59cc6432f9f1e
[mkws-moved-to-github.git] / examples / htdocs / tpl_files / print.css
1 /*\r
2 \r
3 1.0 - Generic print styles\r
4 \r
5 2.0 - BRANCH profile Styles\r
6 \r
7 3.0 - BIB profile styles\r
8 \r
9 4.0 - SEARCH result styles\r
10 \r
11 5.0 - DIGITAL ARCHIVES styles\r
12 \r
13 */\r
14 \r
15 /* Print styles -- Browser print preview mode */\r
16 @media print {\r
17 \r
18         body {\r
19         min-width:100% !important;      \r
20         }\r
21         \r
22         .main {\r
23         height: auto !important;\r
24         margin: 0;\r
25         overflow: visible !important;\r
26         padding: 0 !important;\r
27         width:auto !important;\r
28         }\r
29         \r
30         h1 {\r
31         display:block;\r
32         /*margin:auto;\r
33         padding-bottom:20px !important;*/\r
34         }\r
35         \r
36         h3 {\r
37         color: #525252;\r
38         }\r
39         \r
40         table {\r
41         /*width:auto;*/\r
42         }\r
43         \r
44         .grid_8 h1 {\r
45         margin-left:0;\r
46         }\r
47         \r
48         th,a,a:hover,a:visited,a:active {\r
49         text-decoration: none !important;\r
50         color: #000 !important;\r
51         }\r
52         \r
53         caption {\r
54         padding-left:0;\r
55         }\r
56         \r
57         /*\r
58         .column {\r
59         display:block !important;\r
60         float:none !important;\r
61         }*/\r
62         \r
63         .grid_4,.grid_6,.grid_8,.grid_12,.wider,.column {\r
64          display:block !important;\r
65          float:none !important;\r
66          margin-left:0 !important;\r
67          width:90% !important;\r
68         }\r
69         \r
70         \r
71         #print-actions,.search-within,.column.narrower-search,#alpha-index,#page-banner,.color-bar,.narrow,.main img,#map_canvas,#form-container,#form-container+p.small-font,.print,\r
72         .grid_8+.grid_4.omega,.column.wider+.column.narrow,.pagination,.page,#home-page-banner,#user-session,.searchView,iframe,#menu-search,.branch-message a,.branch-message-compact a,#affiliate-area\r
73                 {\r
74         display:none !important;\r
75         }\r
76         \r
77         #dcImageDetail img {\r
78         display:block;\r
79         } \r
80         \r
81         #branches-and-hours.branches-a-z .record-result {\r
82         border:none;\r
83         /*border-top: 1px solid #DDDDDD;\r
84         padding:20px 0;*/\r
85         }\r
86         \r
87         .grid_7,.grid_8,.grid_11,.grid_12,.grid_16{\r
88         width:auto !important;\r
89         }\r
90         \r
91         #branches-and-hours .text.grid_8,#branches-and-hours .hours.grid_8{\r
92         margin-left:0;\r
93         } \r
94         \r
95 }\r
96 \r
97 body {\r
98         min-width:100%; \r
99 }\r
100 \r
101 /* Don't show any background images but only after the #header-container. We're excluding the #header-container since we want the TPL logo to show */\r
102 /*#header-container ~ div div,#header-container ~ div span,#header-container ~ div table th,#header-container ~ span,#header-container ~ table,#header-container ~ ul,#header-container ~ ol,#header-container ~ a*/\r
103         div,span,th,tr,ol,li,a,caption,.today\r
104         {\r
105         background: none !important;\r
106 }\r
107 \r
108 \r
109 /* hide all elements we don't want to show */\r
110 #see-also,#spotlight-promotion,#footer-stripe,#user-session,#footer-bottom-container,#detail-image-container,#vertical_carousel,#widget-page-actions,#beta-feedback,#header-bottom,#header-search,.color-bar,#header-bottom,#header-links,#footer-container,\r
111 .hold-button,#tab2,#page-actions,#see-also,#ask-a-librarian,#vrl-matches,#refinements,.search-filters,.tab-bar,.search-box,.refinement-typeahead,.sort,.recsPerPage,.image-strip-container,#page-actions-horizontal,.search-share,.search-box-links,.holdable,\r
112 .clear-refinements,#breadcrumb-stacked a,#breadcrumb-stacked .title,.clear,#search-bar-bottom,.online,.main-image-container,#search-bar,#section-navigation,#subsection-navigation,.grid_4.omega,.pagination,#merch-spotlight-multi,#spotlight-multi-links,.refinement-microbrowser,\r
113 #series-banner,.carousel-wide,#ktr-banner,#ktr-banner-cowboy,#salon-banner,object,embed,#dcImageDetail .related-subjects,#dcImageDetail .opt-containers .left, #dcImageDetail .opt-containers .right,.access-online-button,#email-signup,#dcImageDetail .socialLinks,#menu-search,.header-top-menu,\r
114 .branch-message a,.branch-message-compact a,#search-bar-top,.dc-sideContainer,.horizontal-list,.caption,#breadcrumb-stacked,.image-container,.caption-frame,#affiliate-area, #beta-feedback-container,#receiptForm, #paymentForm #title, #payment img, #message-area, #payment h1, #payment span#help, #payment #returnLink\r
115         {\r
116         display: none !important;\r
117 }\r
118 \r
119 /*Prevent default float of grid rules */\r
120 \r
121 .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.left\r
122         {\r
123         float:none;\r
124         display:block;\r
125 }\r
126 \r
127 /* eliminate extra header space and add divider line */\r
128 #header-container {\r
129         background-image:none;\r
130         height: 80px;\r
131         border-bottom: 1px solid #000;\r
132 }\r
133 \r
134 /*Remove float from main container and set left/right margin to abide by printable area */\r
135 .main {\r
136         height: auto !important;\r
137         overflow: visible !important;\r
138         margin: 0 0 0 5%;\r
139         padding: 0 !important;\r
140         width:auto;\r
141 }\r
142 \r
143 /* 1.0 - Generic print styles */\r
144 th,a,a:hover,a:visited,a:active, h1, h2, h3, p, li {\r
145         text-decoration: none !important;\r
146         color: #000 !important;\r
147 }\r
148 \r
149 #full-record, #item-availability {\r
150         clear:left;     \r
151 }\r
152 \r
153 .elem_printOnly {\r
154         display: inline;\r
155         float:left;\r
156 }\r
157 \r
158 .header-menu-container {\r
159         width:auto;\r
160         margin:0 0 0 5%;        \r
161 }\r
162 \r
163 .header-top {\r
164         margin: 0;\r
165 }\r
166 \r
167 .grid_12, .grid_8, .grid_4.alpha, #search .search-title  {\r
168         /*margin:0 auto;*/\r
169         width:90% !important;\r
170 }\r
171 \r
172 .grid_12 .grid_8,.grid_8 .grid_2,.grid_8 .grid_4,.grid_8 .grid_6,.grid_8 .grid_8,.grid_4 .grid_2  {\r
173         width:auto !important;\r
174 }\r
175 \r
176 .main h1 {\r
177         display:block;\r
178         padding-top:25px;\r
179         /*width:90% !important; */\r
180 }\r
181 \r
182 h1.grid_12 {\r
183         /*margin:0 auto 25px;\r
184         width:90% !important;   */\r
185 }\r
186 \r
187 #syndetics_content {\r
188         padding:0;\r
189         margin:0;       \r
190 }\r
191 \r
192 /* 2.0 - BRANCH profile Styles */\r
193 \r
194 .branch-message, .branch-message-compact {\r
195         border:1px dotted;\r
196         border-radius:0;\r
197         margin: 0 0 1.8em;\r
198     /*padding-left: 0;  */\r
199 }\r
200 \r
201 .sprite a {\r
202         height:auto !important; \r
203         padding-left:0 !important;\r
204 }\r
205 \r
206 /*\r
207 #branch-detail .sprite a {\r
208         background-image: url("/images/icons/sprite-icons.png") !important;\r
209     background-repeat: no-repeat !important;    \r
210 }*/\r
211 \r
212 /*\r
213 .branch-icons {\r
214         width:400px !important;\r
215 }\r
216 \r
217 .branch-icons a, .sprite #tty-service{\r
218         height:auto !important; \r
219         padding:0 !important;   \r
220         width:auto !important;\r
221 }\r
222 \r
223 .accessible-element {\r
224         dislay:block;\r
225         position:relative;      \r
226         left:0;\r
227 } */\r
228 \r
229 #branch-detail .record-detail {\r
230         width: inherit;\r
231         float:left;\r
232 }\r
233 \r
234 #branch-detail table.branch-hours {\r
235         clear:left;\r
236         width:auto;     \r
237 }\r
238 \r
239 .tabContent h2 {\r
240         display:block;\r
241 }\r
242 \r
243 .tabContent .widget-content {\r
244         padding-left:0;\r
245 }\r
246 \r
247 h4 {\r
248         /*font-size: 1.24em !important;*/\r
249 }\r
250 \r
251 .tabContent h4 {\r
252         background: none;\r
253         display: block;\r
254         height: 1.3em;\r
255         color: #444444;\r
256 }\r
257 \r
258 #widget-tab-container #tab4 .widget-content table {\r
259         margin: 0;\r
260 }\r
261 \r
262 #widget-tab-container .widget-content h3 {\r
263         /*margin: 0 0 10px;*/\r
264 }\r
265 \r
266 /* 3.0 - BIB profile styles */\r
267 \r
268 #branch-holdings, .record-detail {\r
269         /*margin:0 auto;*/\r
270 }\r
271 \r
272 #branch-holdings {\r
273         width:90%;\r
274 }\r
275 \r
276 .hold-form {\r
277         display:none !important;\r
278 }\r
279 \r
280 /* 4.0 - SEARCH result styles */\r
281 \r
282 #search-term-label {\r
283         /*display: none;*/\r
284 }\r
285 \r
286 #search-results .grid_2, #search-results .grid_4, #search-results .grid_6, #search-results .grid_8 {\r
287         float:left !important;\r
288 }\r
289 \r
290 #search-results .grid_8 {\r
291         clear:left;     \r
292         width:100% !important;\r
293 }\r
294 \r
295 #search-results .grid_8 .grid_2.alpha {\r
296         display:none;   \r
297 }\r
298 \r
299 \r
300 .record-result {\r
301         border: 0px;\r
302         border-bottom: 1px solid #555;\r
303 }\r
304 \r
305 .search-bar .pagination .current {\r
306         float:none;\r
307         padding:0;\r
308 }\r
309 \r
310 .pagination .link,.pagination .separator {\r
311         display: none !important;\r
312 }\r
313 \r
314 #print-description {\r
315         font-size: 2em;\r
316         line-height: 1;\r
317         float: left;\r
318         margin-left: 50px;\r
319         margin-top: 30px;\r
320 }\r
321 \r
322 .reference-only {\r
323         float: left;\r
324 }\r
325 \r
326 /* 5.0 - DIGITAL ARCHIVES styles */\r
327 \r
328 #dcImageDetail .image-container, #dcImageDetail .image-container img {\r
329         text-align:left !important;\r
330         display:block !important;\r
331 }\r
332 \r