@charset "utf-8"; /* Library Homepage Styles 001 - Graphical Banners 002 - Menu Bars 003 - Menu Boxes 004 - Link Colors 005 - Lists & Bullets */ #content { padding: 0 20px; width: 715px; } div.cabot { margin: 0; padding: 0; } /* 001 - Graphical Banners */ #content h2.photocap { width: 732px; height: 158px; padding: 0; margin-top: 0; } #content div.hfa h2.photocap { height: 340px; } #content h2.photocap span { background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; } div.cabot h2.photocap span { background-image: url(/images/libraries/cabot/homepage/mainbanner.jpg); } div.fung h2.photocap span { background-image: url(/images/libraries/fung/homepage/mainbanner.jpg); } div.finearts h2.photocap span { background-image: url(/images/libraries/finearts/homepage/mainbanner.jpg); } div.hfa h2.photocap span { background-image: url(/images/libraries/hfa/homepage/mainbanner.jpg); } div.yenching h2.photocap span { background-image: url(/images/libraries/harvard-yenching/homepage/mainbanner.jpg); } div.maps h2.photocap span { background-image: url(/images/libraries/maps/homepage/mainbanner.jpg); } div.houghton h2.photocap span { background-image: url(/images/libraries/houghton/homepage/mainbanner.jpg); } div.lamont h2.photocap span { background-image: url(/images/libraries/lamont/homepage/mainbanner.jpg); } div.loebmusic h2.photocap span { background-image: url(/images/libraries/loebmusic/homepage/mainbanner.jpg); } div.quad h2.photocap span { background-image: url(/one_offs/quad/homepage/mainbanner.jpg); } div.tozzer h2.photocap span { background-image: url(/images/libraries/tozzer/homepage/mainbanner.jpg); } div.widener h2.photocap span { background-image: url(/images/libraries/widener/homepage/mainbanner.jpg); } /* 002 - Menu Bars */ .bannerbar, .bannerbar-simple { display: block; cursor: hand; cursor: pointer; padding: 2px 0; margin: 0 -8px 0 -5px; border: none; background-repeat: no-repeat; color: #fff; } h3.bannerbar, h3.bannerbar-simple { padding: 6px 0 8px 13px; margin-bottom: 4px; } div.cabot .bannerbar { background-image: url(/images/libraries/cabot/homepage/bannerbar.gif); } div.hfa .bannerbar { background-image: url(/images/libraries/hfa/homepage/bannerbar.gif); } div.fung .bannerbar { background-image: url(/images/libraries/fung/homepage/bannerbar.gif); } div.finearts .bannerbar { background-image: url(/images/libraries/finearts/homepage/bannerbar.gif); } div.yenching .bannerbar { background-image: url(/images/libraries/harvard-yenching/homepage/bannerbar.gif); } div.maps .bannerbar { background-image: url(/images/libraries/maps/homepage/bannerbar.gif); } div.houghton .bannerbar { background-image: url(/images/libraries/houghton/homepage/bannerbar.gif); } div.lamont .bannerbar { background-image: url(/images/libraries/lamont/homepage/bannerbar.gif); } div.loebmusic .bannerbar { background-image: url(/images/libraries/loebmusic/homepage/bannerbar.gif); } div.loebmusic .bannerbar-simple { background-image: url(/images/libraries/loebmusic/homepage/bannerbar.gif); } div.quad .bannerbar { background-image: url(/one_offs/quad/homepage/bannerbar.gif); } div.tozzer .bannerbar { background-image: url(/images/libraries/tozzer/homepage/bannerbar.gif); } div.widener .bannerbar { background-image: url(/images/libraries/widener/homepage/bannerbar.gif); } /* 003 - Menu Boxes */ div.bannerboxtop { height: 4px; margin-top: -9px; background-repeat: no-repeat; background-position: top; } div.cabot div.bannerboxtop { background-image: url(/images/libraries/cabot/homepage/menubox_01.gif); } div.hfa div.bannerboxtop { background-image: url(/images/libraries/hfa/homepage/menubox_01.gif); } div.fung div.bannerboxtop { background-image: url(/images/libraries/fung/homepage/menubox_01.gif); } div.finearts div.bannerboxtop { background-image: url(/images/libraries/finearts/homepage/menubox_01.gif); } div.yenching div.bannerboxtop { background-image: url(/images/libraries/harvard-yenching/homepage/menubox_01.gif); } div.maps div.bannerboxtop { background-image: url(/images/libraries/maps/homepage/menubox_01.gif); } div.houghton div.bannerboxtop { background-image: url(/images/libraries/houghton/homepage/menubox_01.gif); } div.lamont div.bannerboxtop { background-image: url(/images/libraries/lamont/homepage/menubox_01.gif); } div.loebmusic div.bannerboxtop { background-image: url(/images/libraries/loebmusic/homepage/menubox_01.gif); } div.quad div.bannerboxtop { background-image: url(/one_offs/quad/homepage/menubox_01.gif); } div.tozzer div.bannerboxtop { background-image: url(/images/libraries/tozzer/homepage/menubox_01.gif); } div.widener div.bannerboxtop { background-image: url(/images/libraries/widener/homepage/menubox_01.gif); } div.bannerbox { margin-bottom: 6px; padding: 6px 10px 4px 0; } div.cabot div.bannerbox { background: url(/images/libraries/cabot/homepage/menubox_02.gif) no-repeat bottom; } div.hfa div.bannerbox { background: url(/images/libraries/hfa/homepage/menubox_02.gif) no-repeat bottom; } div.fung div.bannerbox { background: url(/images/libraries/fung/homepage/menubox_02.gif) no-repeat bottom; } div.finearts div.bannerbox { background: url(/images/libraries/finearts/homepage/menubox_02.gif) no-repeat bottom; } div.yenching div.bannerbox { background: url(/images/libraries/harvard-yenching/homepage/menubox_02.gif) no-repeat bottom; } div.maps div.bannerbox { background: url(/images/libraries/maps/homepage/menubox_02.gif) no-repeat bottom; } div.houghton div.bannerbox { background: url(/images/libraries/houghton/homepage/menubox_02.gif) no-repeat bottom; } div.lamont div.bannerbox { background: url(/images/libraries/lamont/homepage/menubox_02.gif) no-repeat bottom; } div.loebmusic div.bannerbox { background: url(/images/libraries/loebmusic/homepage/menubox_02.gif) no-repeat bottom; } div.quad div.bannerbox { background: url(/one_offs/quad/homepage/menubox_02.gif) no-repeat bottom; } div.tozzer div.bannerbox { background: url(/images/libraries/tozzer/homepage/menubox_02.gif) no-repeat bottom; } div.widener div.bannerbox { background: url(/images/libraries/widener/homepage/menubox_02.gif) no-repeat bottom; } /* 004 - Link Colors */ div.cabot .openbanner a:link, div.cabot .openbanner a:visited { color: #587481; } div.fung .openbanner a:link, div.fung .openbanner a:visited { color: #3b5f4a; } div.finearts .openbanner a:link, div.finearts .openbanner a:visited { color: #4f6e6d; } div.yenching .openbanner a:link, div.yenching .openbanner a:visited { color: #736524; } div.maps .openbanner a:link, div.maps .openbanner a:visited { color: #747858; } div.houghton .openbanner a:link, div.houghton .openbanner a:visited { color: #822F14; } div.lamont .openbanner a:link, div.lamont .openbanner a:visited { color: #151c41; } div.loebmusic .openbanner a:link, div.loebmusic .openbanner a:visited { color: #453b59; } div.quad .openbanner a:link, div.quad .openbanner a:visited { color: #8D4510; } div.tozzer .openbanner a:link, div.tozzer .openbanner a:visited { color: #678682; } div.widener .openbanner a:link, div.widener .openbanner a:visited { color: #5d6541; } /* 005 - Lists & Bullets */ div.bannerbox ul li { background: none; padding: 0; margin: 0 0 0 20px; } div.cabot div.bannerbox ul { list-style-image: url(/images/libraries/cabot/homepage/bullet.gif); } div.fung div.bannerbox ul { list-style-image: url(/images/libraries/fung/homepage/bullet.gif); } div.finearts div.bannerbox ul { list-style-image: url(/images/libraries/finearts/homepage/bullet.gif); } div.yenching div.bannerbox ul { list-style-image: url(/images/libraries/harvard-yenching/homepage/bullet.gif); } div.maps div.bannerbox ul { list-style-image: url(/images/libraries/maps/homepage/bullet.gif); } div.houghton div.bannerbox ul { list-style-image: url(/images/libraries/houghton/homepage/bullet.gif); } div.lamont div.bannerbox ul { list-style-image: url(/images/libraries/lamont/homepage/bullet.gif); } div.loebmusic div.bannerbox ul { list-style-image: url(/images/libraries/loebmusic/homepage/bullet.gif); } div.quad div.bannerbox ul { list-style-image: url(/one_offs/quad/homepage/bullet.gif); } div.tozzer div.bannerbox ul { list-style-image: url(/images/libraries/tozzer/homepage/bullet.gif); } div.widener div.bannerbox ul { list-style-image: url(/images/libraries/widener/homepage/bullet.gif); } /* 006 - Solutions To Annoying Problems With IE */ .bannerbox table { margin: 0; padding: 0 0 0 5px; } .bannerbox table td { vertical-align: top; width: 330px; } .bannerbox table.annc td { vertical-align: top; width: 670px; }