/* This provides properties for the print version of the page. This would be referenced from the HTML file as something like this: */ html,body { background-repeat: no-repeat; background-position: 30px 35px; } /* Because the first element in the popup pages (an H3) has a top-margin (currently 48px), the tag technically starts 48px into the page. That's why the background needs to be applied to the tag for standards-compliant browsers. But, IE doesn't understand that, and so it get the background image on the tag instead (below). */ html { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/logo-print_generic.gif); } /* Only IE sees this */ * html body { /* This creates the logo along the top of the popup pages */ background-image: url(/lq/images/about-this-hotel/logo-print_generic.gif); } /* And, IE/Mac gets the original value */ * > html body { background-image: none; } /* This hides all tables outside of #content, which gets rid of nav bits and so on. Well, really it gets rid of all tables, but the next rule reinstates tables within #content */ table { /*display: none; removed so that map displays when printing*/ } div#content table { display: table; } /* Only IE sees this */ * html div#content table { /* Even though the default/normal display type for tables is "table", that value is ineffective in undoing display:none for IE. Rather, display:block is necessary for some reason. */ display: block; } /* And, IE/Mac gets the original value */ *>html div#content table { display: table; } h3 { /* This is the same value as div#content and it's overridden for H3 elements within #content */ padding-left: 30px; } /* ========================================== Content ========================================= */ /* This holds the primary content within the page. And, about-this-hotel-popups.css overrides some of these values */ div#content { margin-left: 30px; margin-right: 30px; margin-top: 9px; width: auto; } /* This holds the time and temperature information on the main About This Hotel page */ div#content ul#hotel-data-list { display: none; } /* This holds the list of feature links such as "Location & Driving Directions" and "What's Nearby" */ div#content ul#features-list { display: none; } /* Effectively, this hides image-based buttons */ div#content p a img { display: none; } /* ========================================== Headers ========================================== */ /* General headers */ h2, h3, h4, h5, h6, div#content h3.secondary, div#content h3.tertiary, h3.pictures-header { /* Headers on print pages don't have a background color */ background-color: transparent; } h3 a { /* Links within H3 aren't displayed either */ display: none; } h3 { /* This leaves room for the extra logo on the print pages */ margin-top: 100px; } div#content h3 { /* H3 elements within #content still have no margin-top */ margin: 0em; } /* =================================== Content: Hotel Pictures ====================================== */ /* The Hotel Pictures section exists within content and displays pictures of the hotel */ div#content div#hotel-pictures { /* This pulls the div#hotel-pictures section upwards to that it's lined up with the primary H3 header */ margin-top: -3.1em; } div#hotel-pictures div.box { border-width: 0em; padding: 0em; background-color: #ffffff; } div#hotel-pictures h3.pictures-header { padding-bottom: 1.0em; padding-left: 0em; } /* The only unordered list within the hotel-pictures area is the list of links to pictures */ div#hotel-pictures div.box ul { display: none; background-color: #ffffff; } /* The only H6 within the hotel-pictures section is the "View Hotel Amenities below" link */ div#hotel-pictures h6 { display: none; } /* ====================================== Content: Three Columns ====================================== */ /* This is currently just used on the hotel info page but it provides a set of three columns */ div.three-columns { border-bottom: none; }