TPL example embedding
[mkws-moved-to-github.git] / examples / htdocs / tpl_files / print.css
diff --git a/examples/htdocs/tpl_files/print.css b/examples/htdocs/tpl_files/print.css
new file mode 100644 (file)
index 0000000..af1d218
--- /dev/null
@@ -0,0 +1,332 @@
+/*\r
+\r
+1.0 - Generic print styles\r
+\r
+2.0 - BRANCH profile Styles\r
+\r
+3.0 - BIB profile styles\r
+\r
+4.0 - SEARCH result styles\r
+\r
+5.0 - DIGITAL ARCHIVES styles\r
+\r
+*/\r
+\r
+/* Print styles -- Browser print preview mode */\r
+@media print {\r
+\r
+       body {\r
+       min-width:100% !important;      \r
+       }\r
+       \r
+       .main {\r
+       height: auto !important;\r
+       margin: 0;\r
+       overflow: visible !important;\r
+       padding: 0 !important;\r
+       width:auto !important;\r
+       }\r
+       \r
+       h1 {\r
+       display:block;\r
+       /*margin:auto;\r
+       padding-bottom:20px !important;*/\r
+       }\r
+       \r
+       h3 {\r
+       color: #525252;\r
+       }\r
+       \r
+       table {\r
+       /*width:auto;*/\r
+       }\r
+       \r
+       .grid_8 h1 {\r
+       margin-left:0;\r
+       }\r
+       \r
+       th,a,a:hover,a:visited,a:active {\r
+       text-decoration: none !important;\r
+       color: #000 !important;\r
+       }\r
+       \r
+       caption {\r
+       padding-left:0;\r
+       }\r
+       \r
+       /*\r
+       .column {\r
+       display:block !important;\r
+       float:none !important;\r
+       }*/\r
+       \r
+       .grid_4,.grid_6,.grid_8,.grid_12,.wider,.column {\r
+        display:block !important;\r
+        float:none !important;\r
+        margin-left:0 !important;\r
+        width:90% !important;\r
+       }\r
+       \r
+       \r
+       #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
+       .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
+               {\r
+       display:none !important;\r
+       }\r
+       \r
+       #dcImageDetail img {\r
+       display:block;\r
+       } \r
+       \r
+       #branches-and-hours.branches-a-z .record-result {\r
+       border:none;\r
+       /*border-top: 1px solid #DDDDDD;\r
+       padding:20px 0;*/\r
+       }\r
+       \r
+       .grid_7,.grid_8,.grid_11,.grid_12,.grid_16{\r
+       width:auto !important;\r
+       }\r
+       \r
+       #branches-and-hours .text.grid_8,#branches-and-hours .hours.grid_8{\r
+       margin-left:0;\r
+       } \r
+       \r
+}\r
+\r
+body {\r
+       min-width:100%; \r
+}\r
+\r
+/* 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
+/*#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
+       div,span,th,tr,ol,li,a,caption,.today\r
+       {\r
+       background: none !important;\r
+}\r
+\r
+\r
+/* hide all elements we don't want to show */\r
+#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
+.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
+.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
+#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
+.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
+       {\r
+       display: none !important;\r
+}\r
+\r
+/*Prevent default float of grid rules */\r
+\r
+.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
+       {\r
+       float:none;\r
+       display:block;\r
+}\r
+\r
+/* eliminate extra header space and add divider line */\r
+#header-container {\r
+       background-image:none;\r
+       height: 80px;\r
+       border-bottom: 1px solid #000;\r
+}\r
+\r
+/*Remove float from main container and set left/right margin to abide by printable area */\r
+.main {\r
+       height: auto !important;\r
+       overflow: visible !important;\r
+       margin: 0 0 0 5%;\r
+       padding: 0 !important;\r
+       width:auto;\r
+}\r
+\r
+/* 1.0 - Generic print styles */\r
+th,a,a:hover,a:visited,a:active, h1, h2, h3, p, li {\r
+       text-decoration: none !important;\r
+       color: #000 !important;\r
+}\r
+\r
+#full-record, #item-availability {\r
+       clear:left;     \r
+}\r
+\r
+.elem_printOnly {\r
+       display: inline;\r
+       float:left;\r
+}\r
+\r
+.header-menu-container {\r
+       width:auto;\r
+       margin:0 0 0 5%;        \r
+}\r
+\r
+.header-top {\r
+       margin: 0;\r
+}\r
+\r
+.grid_12, .grid_8, .grid_4.alpha, #search .search-title  {\r
+       /*margin:0 auto;*/\r
+       width:90% !important;\r
+}\r
+\r
+.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
+       width:auto !important;\r
+}\r
+\r
+.main h1 {\r
+       display:block;\r
+       padding-top:25px;\r
+       /*width:90% !important; */\r
+}\r
+\r
+h1.grid_12 {\r
+       /*margin:0 auto 25px;\r
+       width:90% !important;   */\r
+}\r
+\r
+#syndetics_content {\r
+       padding:0;\r
+       margin:0;       \r
+}\r
+\r
+/* 2.0 - BRANCH profile Styles */\r
+\r
+.branch-message, .branch-message-compact {\r
+       border:1px dotted;\r
+       border-radius:0;\r
+       margin: 0 0 1.8em;\r
+    /*padding-left: 0; */\r
+}\r
+\r
+.sprite a {\r
+       height:auto !important; \r
+       padding-left:0 !important;\r
+}\r
+\r
+/*\r
+#branch-detail .sprite a {\r
+       background-image: url("/images/icons/sprite-icons.png") !important;\r
+    background-repeat: no-repeat !important;   \r
+}*/\r
+\r
+/*\r
+.branch-icons {\r
+       width:400px !important;\r
+}\r
+\r
+.branch-icons a, .sprite #tty-service{\r
+       height:auto !important; \r
+       padding:0 !important;   \r
+       width:auto !important;\r
+}\r
+\r
+.accessible-element {\r
+       dislay:block;\r
+       position:relative;      \r
+       left:0;\r
+} */\r
+\r
+#branch-detail .record-detail {\r
+       width: inherit;\r
+       float:left;\r
+}\r
+\r
+#branch-detail table.branch-hours {\r
+       clear:left;\r
+       width:auto;     \r
+}\r
+\r
+.tabContent h2 {\r
+       display:block;\r
+}\r
+\r
+.tabContent .widget-content {\r
+       padding-left:0;\r
+}\r
+\r
+h4 {\r
+       /*font-size: 1.24em !important;*/\r
+}\r
+\r
+.tabContent h4 {\r
+       background: none;\r
+       display: block;\r
+       height: 1.3em;\r
+       color: #444444;\r
+}\r
+\r
+#widget-tab-container #tab4 .widget-content table {\r
+       margin: 0;\r
+}\r
+\r
+#widget-tab-container .widget-content h3 {\r
+       /*margin: 0 0 10px;*/\r
+}\r
+\r
+/* 3.0 - BIB profile styles */\r
+\r
+#branch-holdings, .record-detail {\r
+       /*margin:0 auto;*/\r
+}\r
+\r
+#branch-holdings {\r
+       width:90%;\r
+}\r
+\r
+.hold-form {\r
+       display:none !important;\r
+}\r
+\r
+/* 4.0 - SEARCH result styles */\r
+\r
+#search-term-label {\r
+       /*display: none;*/\r
+}\r
+\r
+#search-results .grid_2, #search-results .grid_4, #search-results .grid_6, #search-results .grid_8 {\r
+       float:left !important;\r
+}\r
+\r
+#search-results .grid_8 {\r
+       clear:left;     \r
+       width:100% !important;\r
+}\r
+\r
+#search-results .grid_8 .grid_2.alpha {\r
+       display:none;   \r
+}\r
+\r
+\r
+.record-result {\r
+       border: 0px;\r
+       border-bottom: 1px solid #555;\r
+}\r
+\r
+.search-bar .pagination .current {\r
+       float:none;\r
+       padding:0;\r
+}\r
+\r
+.pagination .link,.pagination .separator {\r
+       display: none !important;\r
+}\r
+\r
+#print-description {\r
+       font-size: 2em;\r
+       line-height: 1;\r
+       float: left;\r
+       margin-left: 50px;\r
+       margin-top: 30px;\r
+}\r
+\r
+.reference-only {\r
+       float: left;\r
+}\r
+\r
+/* 5.0 - DIGITAL ARCHIVES styles */\r
+\r
+#dcImageDetail .image-container, #dcImageDetail .image-container img {\r
+       text-align:left !important;\r
+       display:block !important;\r
+}\r
+\r