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