/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ .main-logo { width:100%; height:auto; } #footer { background: #898989; min-height: 80px; padding:20px 0px; margin-top:20px; } #footer-logo { width:50%; height:auto; float:right; } #js-mainnav.megamenu.blackwhite { margin-top: 40px; } p.logo-head { color:#AAA; margin-top:40px; } .container div.tab { width:100%; float:left; position:relative; margin-bottom:15px; border-radius:4px; } div.tab img { width:100%; height:auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } div.tab p { display:block; position:absolute; color:#FFF; text-decoration:none; bottom:5%; padding:5%; text-align:right; font-size:36px; text-transform:uppercase; width:90%; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; } div.multi p { font-size:30px !important; text-align:center; marg } div.multi a { display:block; padding:3%; text-decoration:none; color:#FFF;} div.multi a:hover { color:#dedede;} a.visit-tab, a.exhibit-tab { text-decoration:none; color:#FFF; } a.visit-tab:hover div.tab img, a.exhibit-tab:hover div.tab img, a.multi-tab:hover div.tab img { opacity: 0.7; filter: alpha(opacity=70); } .twitter-box h3 { display:block; padding:3%; background-color:#481852; color:#FFF; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .twitter-box h3 i { color:#a980b1; } .twitter-box { width: 100%; float: left; background-image:url(../../../images/twitter-background.jpg); background-repeat: no-repeat; background-size: cover; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #wds-container { background:none !important; } #newsletter-button img { width:100%; height:auto; border-radius:4px; margin-top:-20px; } a#newsletter-button:hover img { opacity: 0.7; filter: alpha(opacity=70); } .countdownContainer { background-color: #009481; border-radius:4px; clear:both;} ul.countdown li span { font-size:36px !important; width:auto !important; border-radius:4px; padding:10px !important;} ul.countdown li p { color:#FFF !important; padding:0 !important; margin:0 !important; } .countdownContainer em { float: left; margin:0 20px 0 0; color: #69c0b5; } .countdownpreText { text-transform: uppercase; color: #FFF; font-size: 18px; margin: 0 !important; padding: 20px 0 0 20px; text-align: left; line-height:1.4 !important; } ul.countdown { clear:both; margin:10px 0 0 0 !important; } #header { height:150px; z-index:999999999;} #logo { position:absolute; z-index:99999; } #header-content { float:right;} #header-content a.visit,#header-content a.exhibit { text-decoration:none; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:22px; font-weight:300; color:#FFF; border-radius:4px; padding:4px 20px; } #header-content a.visit { background-color:#009582; position:relative; top:4px;} #header-content a.visit:hover { background-color:#38aa9b; } #header-content a.exhibit { background-color:#481852; position:relative; top:4px; } #header-content a.exhibit:hover { background-color:#6f3a7a; } #header-content a.visit span, #header-content a.exhibit span { font-weight:400; } .action-buttons { margin-top:10px; text-align:right; } .social-icons { margin-right:20px; overflow:hidden; display:inline; } .social-icons a { color:#8d8d8d !important; text-decoration:none; cursor:pointer; } .social-icons a:hover { color:#606060 !important; } div#nav { } .footer-menu ul { text-align:center;} .footer-menu li { display:inline; color:#FFF; font-family: 'Roboto', sans-serif; text-decoration:none; font-size:11px; margin:10px; } .footer-menu a { color:#FFF !important; text-decoration:none; } .footer-menu a:hover { text-decoration:underline;} p.note { text-align:center; font-size:10px; color:#FFF; } p.note a { color:#FFF !important; text-decoration:none; } p.note a:hover { text-decoration:underline; } .footer-social { color:#FFF; } .footer-social a { color:#FFF; text-decoration:none; } .footer-social a:hover { color:#ececec; } .footer-social p { font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-transform:uppercase; float:left; } .addthis_sharing_toolbox { float:left; } .footer-social i { float:left; margin-right:10px; } .quote { background:url(../../../images/left-quote.jpg) no-repeat left top, url(../../../images/quote-right.jpg) no-repeat right bottom; clear:both; padding:2%; margin-bottom:20px; } .quote p { font-family: 'Roboto Condensed', sans-serif; font-style:italic; font-size:20px; font-weight:300; text-align:center; line-height:1.4; } .quote p.name { text-align:right; font-size:14px; color:#009481; font-weight:500; font-style:normal; } /* AddThisEvent theme CSS ---------------------------------------------------------------------- */ /* General */ .addthisevent {visibility:hidden;} .addthisevent span {display:none!important;} .addthisevent .data {display:none!important;} /* The button */ .addthisevent-drop { display:block; position:relative; z-index:999998; font-family: 'Roboto Condensed', sans-serif !important; font-weight:500 ¡important; color:#FFF !important; text-decoration:none; font-size:36px !important; cursor:pointer; font-size:30px !important; text-transform:uppercase; border:none !important; background-color:none !important; text-align: center; padding: 21% 0; background-size: contain; } .addthisevent-drop:hover {color:#555; } /* The drop down */ .addthisevent_dropdown {width:200px;position:absolute;z-index:99999;padding:6px 0px 0px 0px;background:#fff;text-align:left;display:none;margin-top:4px;margin-left:-1px;border-top:1px solid #c8c8c8;border-right:1px solid #bebebe;border-bottom:1px solid #a8a8a8;border-left:1px solid #bebebe;-moz-border-radius:2px;-webkit-border-radius:2px;-webkit-box-shadow:1px 3px 6px rgba(0,0,0,0.15);-moz-box-shadow:1px 3px 6px rgba(0,0,0,0.15);box-shadow:1px 3px 6px rgba(0,0,0,0.15);} .addthisevent_dropdown span {display:block;line-height:100%;background:#fff;text-decoration:none;font-size:14px;color:#333;padding:9px 10px 9px 40px;} .addthisevent_dropdown span:hover {background-color:#f4f4f4;color:#000;text-decoration:none;font-size:14px;} .addthisevent_dropdown em {color:#999!important;font-size:12px!important;} .addthisevent_dropdown .frs {background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:normal!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;} .addthisevent_dropdown .frs:hover {color:#999!important;} .addthisevent_dropdown .ateappleical {background-image:url(../gfx/dropdown-apple-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .ateoutlook {background-image:url(../gfx/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .ateoutlookcom {background-image:url(../gfx/dropdown-outlook-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .ategoogle {background-image:url(../gfx/dropdown-google-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .ateyahoo {background-image:url(../gfx/dropdown-yahoo-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .atefacebook {background-image:url(../gfx/dropdown-facebook-t1.png);background-position:13px 50%;background-repeat:no-repeat;} .addthisevent_dropdown .copyx {height:21px;display:block;position:relative;cursor:default;} .addthisevent_dropdown .brx {height:1px;overflow:hidden;background:#e0e0e0;position:absolute;z-index:100;left:10px;right:10px;top:9px;} .addthisevent-drop .addthisevent_icon { display:none !important; } .moduletablecalendartab {background:url(../../../images/multi-tab.jpg) no-repeat; border-radius:4px; background-size:cover; margin-bottom:20px; } .moduletablecalendartab div.addthisevent_dropdown { background:none !important; } /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Larger than 1920 HD (devices and browsers) */ @media only screen and (min-width: 1921px) {} /* Smaller than standard 1200 (devices and browsers) */ @media only screen and (max-width: 1199px) { ul.countdown li p { font-size: 11px !important; } div.multi p { font-size: 23px !important; } #js-mainnav.megamenu.blackwhite { margin-top: 18px; } ul.countdown li span { font-size:24px !important; width:auto !important;} .social-icons { margin-right:0px; display:block; margin-bottom:15px; } } /* Smaller than 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #js-mainnav.megamenu.blackwhite ul.level0 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level0 li.mega a.mega, #js-mainnav.megamenu.blackwhite .megaMenuToggle{ font-size: 13px !important; padding: 12px 8px !important; } .countdownpreText { font-size: 14px; } ul.countdown li span { font-size:15px !important; margin: 0 5px !important; padding:5px; !important;} ul.countdown li p { font-size: 10px !important; } div.multi p { font-size: 19px !important; } #js-mainnav.megamenu.blackwhite { margin-top: 18px; } #header-content a.visit,#header-content a.exhibit { font-size:20px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { div.tab { margin-bottom:0%; margin-top:2%; } .calendar-tab div.tab { margin-bottom: 15px; margin-top: 0; } .footer-social p { text-align:center; float:none; margin:15px 0 0 0; } .addthis_sharing_toolbox { float:none; margin:0 auto; text-align:center; margin-bottom:15px; } .footer-social i { float: none; clear: both; margin-right: 10px; margin: 0 auto !important; text-align: center; display: block; } #js-meganav{ background: #EEEEEE; } div.multi p { font-size: 27px !important; } #header-content { float: right; margin-top: 40%; position: relative; z-index: 99999999; } .main-logo { width:85%; } .action-buttons { margin-top:0px; } #header-content a.visit,#header-content a.exhibit { display:block; margin-bottom:10px; } #js-mainnav.megamenu.blackwhite { margin-top: 0px; } #js-mainnav.megamenu.blackwhite { margin-top: 10px; } #footer-logo { margin:0 auto; text-align:center; width:30%; display: block; float: none; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */