/* --------------------------------- * Exhibit Common Template v.1 2015-03-15 ----------------------------------- */ * { box-sizing: content-box; outline: none !important; } .pure-g {position: relative;} .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; z-index: 1000; top: 0; left: 0; right: 0; border-bottom: 5px solid #c8c9cd; } .img-responsive { width: 100%; } img { display: block; } figure { padding: 0; margin: 0; display: block; } figure.pull-left { margin: 6px 24px 12px 0px; } figure.pull-right { margin: 6px 0px 12px 24px; } .chm-exhibit-related-material-section figure.pull-left { margin-right: 9px; } .show-less, .show-more { display: block; color:#555555; cursor:pointer; font-family: verdana; font-size: 10px; font-weight: bold; margin: 0 10px 10px 0; text-align: right; text-decoration: none; letter-spacing: normal; } .hidden { display: none !important; } .block, .visible { display: block; } input[name="keywords"], input[name="q"] {width: 86%;display: inline-block;padding: .3em;display: inline;font-size: 17px;font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif;} button[name="submit"], button#submit { /*width: 17%;*/ display: inline-block; } a img { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform-style: preserve-3d; -transform-style: preserve-3d; } a img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } a#chm-exhibit-logo img:hover { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } /* --------------------------------- * Main Elements ----------------------------------- */ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,blockquote,fieldset,input {margin: 0;padding: 0;} body { margin: 0; padding: 0; border: none !important; outline: none !important; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 16px; background-color: #EFEFEF; color: #5B5B5B; /*text-align: center;*/ border-left: 4px solid #333333; } ol, ul { list-style: none; color:#444444; font-family: verdana; font-size: 12px; line-height: 18px; } img { border: 0; } button, button:hover, a, a:hover, a:visited, input {outline: none !important;} a { -webkit-transition: color 0.5s linear; -moz-transition: color 0.5s linear; -ms-transition: color 0.5s linear; -o-transition: color 1s linear; transition: color 0.5s linear; color: #056492; text-decoration: none; font-weight: 600; } a img.link { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform-style: preserve-3d; -transform-style: preserve-3d; } a img.link:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } p { color:#444444; font-family: verdana; font-size: 12px; line-height: 18px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; margin-bottom: 24px; } /*.current { cursor: default; }*/ .pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {background-color: #006077;margin: .8em 0;display: inline;padding: .3em 3.7em;} h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; line-height: 36px; padding: 12px; padding-left: 0px; margin: 0px; margin-bottom: 24px; letter-spacing: normal !important; color: #222222; font-weight: 600; display: block !important; } h2, h3, h4 { color: #222222; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: normal !important; padding: 0px; margin: 0 0 12px; } h1.chm-exhibit-content-header { background: none; display: block; } h2.chm-exhibit-related-material-section-header { background: none; display: block; margin-bottom: 6px !important; } h3.chm-exhibit-related-material-section-title { background: none; display: block; margin-bottom: 18px !important; } /* --------------------------------- * Content: Page Container ----------------------------------- */ #chm-exhibit-container { display: block; width: 864px; background-color: #ffffff; border: 5px solid #1e1e1e; border-bottom: none; padding: 24px; padding-bottom: 0px; margin: 0 auto; min-height: 240px; text-align: left; position: relative; } #chm-exhibit-content { background-color: #ffffff; border: none !important; display: block; width: 864px; overflow: hidden; position:relative; min-height: 240px; } #chm-exhibit-content-header { background-color: #999999; display: block; width: 100%; margin-bottom: 48px; } #chm-exhibit-content .chm-exhibit-right-content, #chm-exhibit-content .chm-exhibit-left-content { overflow: hidden; min-height: 240px; box-sizing: border-box; padding-bottom: 24px; } #chm-exhibit-content .chm-exhibit-left-content .content { border-right: 2px solid #e9e9e9; padding-right: 24px; height: 100%; } #chm-exhibit-content .chm-exhibit-right-content .content { border-left: 2px solid #e9e9e9; padding-left: 24px; height: 100%; } #chm-exhibit-content .chm-exhibit-right-aside, #chm-exhibit-content .chm-exhibit-left-aside{ min-height: 240px; box-sizing: border-box; } #chm-exhibit-content .chm-exhibit-left-aside .left-nav-item {display: block; mim-height: 24px;line-height: 18px;padding: 8px 0px;border-bottom: 1px solid #e2e2e2;cursor: pointer;} #chm-exhibit-content .chm-exhibit-left-aside .left-nav-item.current { background-color: #e9e9e9; border-bottom: 1px solid #cccccc; } #chm-exhibit-content .chm-exhibit-left-aside .left-nav-link {display: block;color: #666666;font-family: verdana;font-size: 17px;font-weight: bold;margin-right: 12px;padding-left: 12px;font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif;} #chm-exhibit-content .chm-exhibit-left-aside .left-nav-item.current .left-nav-link { color: #222222; background-color: transparent; } .chm-exhibit-container { display: block; overflow: hidden; margin-bottom: 24px; letter-spacing: normal; } /* --------------------------------- * Media Elemants, Gallery Elements ----------------------------------- */ .chm-exhibit-media-object { display: block; position: relative; border: 1px #cccccc solid; padding: 6px; background-color: #f9f9f9; overflow: hidden; } .chm-exhibit-media-object a { display: block; position: relative; overflow: hidden; } .chm-exhibit-media-object img { margin: 0px auto; } .chm-exhibit-media-object .caption { display: block; color: #333333; font-family: verdana; font-size: 12px; line-height: 16px; font-weight: 400; text-decoration: none; margin: 4px 0px; } .chm-exhibit-media-object .caption a { color: #333333; font-family: verdana; font-size: 12px; line-height: 16px; font-weight: 400; text-decoration: none; } .chm-exhibit-media-object .caption a:hover { color: #000000; } .chm-exhibit-media-object .credit { display: block; color: #bdbdbd; font-family: verdana; font-size: 10px; font-style: italic; line-height: 14px; font-weight: bold; text-decoration: none;} .chm-exhibit-media-object .credit a { color: #bdbdbd; font-family: verdana; font-size: 10px; font-style: italic; line-height: 14px; font-weight: bold; text-decoration: none; } .chm-exhibit-media-object .credit a:hover { color: #555555; } .chm-exhibit-media-object .full-record { display: block; top: 6px; right: 6px; left: 15px; position: absolute; z-index: 100; zoom: 1; font-weight: 400; } .chm-image-gallery { position: relative; /* padding: 20px; padding-bottom: 10px; */ padding: 6px; margin-bottom: 24px; border: 1px solid #cccccc; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .chm-image-gallery.left { margin-right: 36px; } .chm-image-gallery.right { margin-left: 36px; } .chm-image-gallery img { width: 100%; } .chm-image-gallery .chm-image-gallery-main-image { position: relative; display: block; overflow: hidden; clear: both; height: 200px; } .chm-image-gallery .chm-image-gallery-main-image img.main { /*position: absolute;*/ } .chm-image-gallery .chm-image-gallery-info { position: relative; display: block; clear: both; overflow: hidden; /* height: 90px; */ } .chm-image-gallery .chm-image-gallery-info .chm-image-gallery-image-caption { display: block; overflow: hidden; padding: 24px 0px 8px; color: #222222; font: bold 12px/1.1 arial,sans-serif; } .chm-image-gallery .chm-image-gallery-info .chm-image-gallery-image-caption a { color: #222222; font: bold 12px/1.1 arial,sans-serif; } .chm-image-gallery .chm-image-gallery-info .chm-image-gallery-image-credits { display: block; overflow: hidden; padding: 0px 0px 24px; color: #398bad; font: italic 12px/1.4 georgia,serif; margin: 0; /* margin-top: -12px; */ } .chm-image-gallery .chm-image-gallery-thumbs { display: block; position: relative; overflow: hidden; } .chm-image-gallery .chm-image-gallery-thumb { display: block; float: left; width: 60px; height: 45px; overflow: hidden; padding: 4px; margin-right: 6px; border: 1px solid #cccccc; cursor: pointer; } .chm-image-gallery .chm-image-gallery-thumb.active { display: block; float: left; width: 60px; height: 45px; padding: 4px; border: 1px solid #61a5c1; cursor: default; } .chm-image-gallery .chm-image-gallery-thumb-container { display: block; width: 60px; height: 45px; overflow: hidden; } .chm-image-gallery .chm-image-gallery-thumb img { width: 100%; opacity: .25; } .chm-image-gallery .chm-image-gallery-thumb.active img, .chm-image-gallery .chm-image-gallery-thumb:hover img { opacity: 1; } .chm-image-gallery .chm-image-gallery-thumb img { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #chm-exhibit-related-material { display: block; width: 100%; overflow: hidden; } #chm-exhibit-related-material .caption { height: 32px; font-size: 11px; line-height: 14px; font-weight: 400; } #chm-exhibit-related-material .caption a { font-size: 11px; line-height: 14px; font-weight: 400; } .chm-exhibit-related-material-section { /* background-color: #f2f2f2;*/ display: block; position: relative; clear: both; overflow: hidden; } .clip, .thumb { position: relative; width: 100%; height: 150px; display: block; overflow: hidden; box-sizing: content-box; } .clip img, .thumb img { position: absolute; } .chm-exhibit-item-section { display: inline-block; min-width: 85px; color: #222222; font-weight: 600; } a.referrer { cursor: pointer !important; } /* BLOCKQUOTES ----------------------------------------------------------- */ .chm-exhibit-blockquote:before, .chm-exhibit-blockquote:after, q:before, q:after { content: none; } .chm-exhibit-blockquote { color: #333333 !important; font-family: Georgia,"Times new roman",serif !important; font-size: 13px; font-style: italic; margin-left: 28px; margin-bottom: 24px; padding: 6px 0px; quotes:"\201C""\201D"; letter-spacing: normal; } .chm-exhibit-blockquote:before { color: #cccccc; content: open-quote; font-size: 4em; line-height: .1em; margin-left: -32px; margin-right: 10px; vertical-align: -21px; } .chm-exhibit-blockquote cite { color: #888888; font-size: 12px; display: block; margin-top: 5px; text-align: right; } .chm-exhibit-blockquote cite:before { content: "\2014 \2009"; } .chm-exhibit-blockquote-plain:before, .chm-exhibit-blockquote-plain:after { content: none; } .chm-exhibit-blockquote-plain { background: #F2F2F2; border: 1px solid #e2e2e2; border-radius: 4px; color: #333333; font-family: Georgia,"Times new roman",serif; font-size: 13px; font-style: italic; margin-bottom:20px; padding: 15px; } .chm-exhibit-blockquote-plain cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; text-align: right; } .chm-exhibit-blockquote-clean { background: none !important; border: none !important; } /* --------------------------------- * Header & Top Navigation ----------------------------------- */ #chm-exhibit-header { display: block; width: 864px; overflow: hidden; min-height: 60px; text-align: left; } #chm-exhibit-nav-bar {display: block;margin: 20px 0px;width: 864px;height: 43px;line-height: 24px;text-align: center;background: #888888;color: #ffffff;font-weight: bold;} #chm-exhibit-nav-bar a.chm-exhibit-nav-bar-link {display: block;height: 2.5em;line-height: 41px;text-align: center;color: #ffffff;font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 17px;text-decoration:none;/* font-weight: bold; */} #chm-exhibit-nav-bar a.chm-exhibit-nav-bar-link:hover, #chm-exhibit-nav-bar .chm-exhibit-nav-bar-item.current { background-color: #000000; } #chm-exhibit-nav-bar .current:hover, #chm-exhibit-nav-bar .current a:hover { cursor: default; } /* --------------------------------- * Footer: Bottom Navigation ----------------------------------- */ #chm-exhibit-footer { display: block; height: 48px; line-height: 48px; overflow: hidden; background-color: #1e1e1e; margin: 0px -24px 0 -24px; padding: 0px 24px; text-align: center; font-family: verdana; font-size: 10px; color: #ffffff; } #chm-exhibit-footer a.footer-main { color: #ffffff; text-decoration: none; } #chm-exhibit-footer a.footer-main:hover { color: #55a4b7; } #scrollUp { bottom: 20px; right: 20px; width: 38px; /* Width of image */ height: 38px; /* Height of image */ background: url(/pdp-1/_media/chm/top.png) no-repeat; } /* --------------------------------- * Search ----------------------------------- */ #chm-exhibit-search-aside { display: block; margin: 24px 0px; text-align: left; } #chm-exhibit-search-aside fieldset { padding: 0px; } #chm-exhibit-search-aside a {color: #4e4e4e;font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 17px;/* font-weight: bold; */} /* --------------------------------- * Tables ----------------------------------- */ .chm-exhibit-table { margin: 0; padding: 0; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; line-height: 16px; color: #5B5B5B; } .chm-exhibit-table td, .chm-exhibit-table th { padding: 12px 0px; } .chm-exhibit-table th { text-align: center; vertical-align: middle; min-height: 36px; } .chm-exhibit-table td .chm-exhibit-table-cell-container { padding: 0px 12px; } .chm-exhibit-table th .chm-exhibit-table-cell-container { padding: 0px 6px; } /* --------------------------------- *LISTS ----------------------------------- */ .list { list-style: none; margin: 0; padding: 0; } .list li { display: block; line-height: 24px; } .chm-left, .chm-left ol, .chm-left ul { margin-right: 15px; } .chm-right, .chm-right ol, .chm-right ul { margin-left: 15px; } .chm-list-left, .chm-list-left ol, .chm-list-left ul { margin-right: 15px; } .chm-list-right, .chm-list-right ol, .chm-list-right ul { margin-left: 15px; } .chm-plainlist { list-style: none; padding: 0; margin-bottom: 18px; } .chm-plainlist li { display: block; line-height: 24px; padding: 0px 5px 0px 10px; } .chm-bulletlist { list-style: none; padding: 0; margin-bottom: 36px; } .chm-bulletlist li { display: block; line-height: 24px; padding: 0px 5px 0px 25px; background-image: url(/pdp-1/_media/chm/glyphicons_575_bullet.png); background-repeat: no-repeat; background-position: 10px 8px; } .chm-iconlist { list-style: none; padding: 0; margin-bottom: 18px; } .chm-iconlist li { display: block; line-height: 24px; padding: 0px 5px 0px 30px; background-position: 10px 6px; } .chm-orderedlist { counter-reset: li; margin-left: 0px; padding-left: 0px; margin-bottom: 18px; } .chm-orderedlist li { line-height: 24px; padding: 0px 5px 0px 30px; position: relative; list-style: none; } .chm-orderedlist li:before { content: counter(li, decimal) "."; counter-increment: li; width: 20px; position:absolute; top: 0px; left: 6px; font-weight: bold; text-align:center; } .chm-no-line-hight li { line-height: normal !important; background-position: 10px 7px !important; } .alternation li { line-height: 23px; } .alternation li:nth-child(odd), .odd { /*background-color: #F9F9F9 !important;*/ border-bottom: 1px solid #e8e8e8 !important; } .alternation li:nth-child(even), .even { /*background-color: #F5FAFB !important;*/ border-bottom: 1px solid #dbecef !important; } div.alternation:nth-child(odd) { background-color: #F9F9F9; border-bottom: 1px solid #e8e8e8; } div.alternation:nth-child(even) { background-color: #F5FAFB; border-bottom: 1px solid #dbecef; } /* CHM NOTIFICATIONS ---------------------------------------------------------------- */ .alert p { margin-bottom: 12px; } .chm-notification-primary { background-color: #428BCA; color: #FFFFFF; } .chm-notification-success { background-color: #DFF0D8; } .chm-notification-info { background-color: #D9EDF7; } .chm-notification-warning { background-color: #FCF8E3; } .chm-notification-danger { background-color: #F2DEDE; } .chm-notification-grey { background-color: #e2e2e2; } .chm-notification-light-grey { background-color: #f2f2f2; } .chm-notification-dark-grey { background-color: #d2d2d2; } /* --------------------------------- * Misc. ----------------------------------- */ .chm-mr-0 { margin-right: 0px !important; } .chm-mr-8 { margin-right: 8px !important; } .chm-mr-12 { margin-right: 12px !important; } .chm-mr-16 { margin-right: 16px !important; } .chm-mr-20 { margin-right: 20px !important; } .chm-mr-24 { margin-right: 24px !important; } .chm-mb-0 { margin-bottom: 0px !important; } .chm-mb-4 { margin-bottom: 4px !important; } .chm-mb-6 { margin-bottom: 6px !important; } .chm-mb-8 { margin-bottom: 8px !important; } .chm-mb-12 { margin-bottom: 12px !important; } .chm-mb-16 { margin-bottom: 16px !important; } .chm-mb-20 { margin-bottom: 20px !important; } .chm-mb-24 { margin-bottom: 24px !important; } .chm-mb-36 { margin-bottom: 36px !important; } .chm-mt-0 { margin-top: 0px !important; } .chm-mt-4 { margin-top: 4px !important; } .chm-mt-8 { margin-top: 8px !important; } .chm-mt-12 { margin-top: 12px !important; } .chm-mt-16 { margin-top: 16px !important; } .chm-mt-20 { margin-top: 20px !important; } .chm-mt-24 { margin-top: 24px !important; } .chm-mt-36 { margin-top: 36px !important; } .chm-ml-0 { margin-left: 0px !important; } .chm-ml-8 { margin-left: 8px !important; } .chm-ml-12 { margin-left: 12px !important; } .chm-ml-16 { margin-left: 16px !important; } .chm-ml-20 { margin-left: 20px !important; } .chm-ml-24 { margin-left: 24px !important; } .chm-pt-0 { padding-top: 0px !important; } .chm-pr-0 { padding-right: 0px !important; } .chm-pr-12 { padding-right: 12px !important; } .chm-pb-0 { padding-bottom: 0px !important; } .chm-pl-0 { padding-left: 0px !important; } .chm-pl-12 { padding-left: 12px !important; } .chm-p-15 { padding: 15px; } .chm-p-0 { padding: 0px; }