/* ========================================================================== Legacy elements from the previous theme that we don't have a budget to convert ========================================================================== */ /*-----------------------------------------------------------------------------------*/ /* Inner Pages - Sidebar /*-----------------------------------------------------------------------------------*/ /* Visit Page buttons Group */ .sidebar .button { margin: 10px 0; } .button { display: inline-block; padding: 10px 20px; background: #0077B9; /* default bg color is blue - add another class to override */ background: -moz-linear-gradient(left, #00a2e1 0%, #005595 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a2e1), color-stop(100%,#005595)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00a2e1 0%,#005595 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00a2e1 0%,#005595 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00a2e1 0%,#005595 100%); /* IE10+ */ background: linear-gradient(to right, #00a2e1 0%,#005595 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e1', endColorstr='#005595',GradientType=1 ); /* IE6-8 */ line-height: 24px; color: #fff !important; font-size: 18px; font-weight: 700; text-shadow: 1px 1px rgba(0, 0, 0, 0.20); border-radius: 9px; -moz-border-radius: 9px; /* support for FF 3.6 */ -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; transition: opacity .1s linear; } .ie9 .button { filter: none; } .button:hover { text-decoration: none !important; opacity: 0.85; } .sunburst { background: #ffc03f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzAzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI3JSIgc3RvcC1jb2xvcj0iI2ZmYjAwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmOWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffc03f 0%, #ffb002 27%, #ff9a00 66%, #ff9a00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffc03f), color-stop(27%,#ffb002), color-stop(66%,#ff9a00), color-stop(100%,#ff9a00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ffc03f 0%,#ffb002 27%,#ff9a00 66%,#ff9a00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ffc03f 0%,#ffb002 27%,#ff9a00 66%,#ff9a00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ffc03f 0%,#ffb002 27%,#ff9a00 66%,#ff9a00 100%); /* IE10+ */ background: linear-gradient(to right, #ffc03f 0%,#ffb002 27%,#ff9a00 66%,#ff9a00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc03f', endColorstr='#ff9a00',GradientType=1 ); /* IE6-8 */ } /* Calendar Link - under Subnav */ #cal-link { background: #CC0235; /* Old browsers */ /* Webkit / Safari / Chrome */ background-image: -webkit-gradient( radial, 15% 195, 195, 15% 195, 0, from(#CC0235), to(#CC3D68) ); /* Mozilla / Gecko */ background-image: -moz-radial-gradient( 15% 195px, circle, #CC0235 0px, #CC3D68 195px ); /* Opera 12+ */ background-image: -o-radial-gradient( 15% 195px, circle, #CC0235 0px, #CC3D68 195px ); /* IE 10+ */ background-image: -ms-radial-gradient( 15% 195px, circle, #CC0235 0px, #CC3D68 195px ); /* W3C*/ background-image: radial-gradient( 15% 195px, circle, #CC0235 0%,#CC3D68 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC0235', endColorstr='#CC3D68',GradientType=1 ); background-position: 40% 25%; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); height: 94px; } .ie9 #cal-link { filter: none; } #cal-link a { cursor: pointer; display: block; position: relative; padding: 20px 0 20px 76px; font-size: 14px; line-height: 1.4em; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20); height: 55px; } #cal-link a:hover { text-decoration: none; } #cal-link a span { position: absolute; top: 17px; z-index: 1; display: block; font-size: 14px; line-height: 18px; width: 115px; } #cal-link a span em { font-size: 18px; line-height: 1.4em; display:inline-block; } #cal-link a strong { position: absolute; left: 7px; top: 18px; z-index: 1; width: 62px; height: 58px; display: block; background: #fff; -moz-box-shadow: inset 0 0 28px rgba(0,0,0,0.15), 0 0 4px rgba(0, 0, 0, 0.35); -webkit-box-shadow: inset 0 0 28px rgba(0,0,0,0.15), 0 0 4px rgba(0, 0, 0, 0.35); box-shadow: inset 0 0 28px rgba(0,0,0,0.15), 0 0 4px rgba(0, 0, 0, 0.35); border-radius: 7px; -moz-border-radius: 7px; /* support for FF 3.6 */ font-size: 28px; text-align: center; color: #000; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.20); } #cal-link a strong small { display: block; position: relative; background: #A5016B; border-top: 1px solid #E87EC7; border-bottom: 1px solid #690043; -moz-box-shadow: inset 0px 5px 5px rgba(300,300,300,0.30); -webkit-box-shadow: inset 0px 5px 5px rgba(300,300,300,0.30); box-shadow: inset 0px 5px 5px rgba(300,300,300,0.30); -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 3px 0 1px 0; margin-bottom: 8px; font-size: 14px; line-height: 1em; font-weight: 700; color: #fff; } #cal-link a strong small + br + b{ position: relative; top: -37px; } /* Using a SHIV for hover state - :after method doesn't support the CSS transition */ #cal-link a u.shiv { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: rgba(0,0,0,0.1); height: 95px; -webkit-transition: opacity .1s linear; -moz-transition: opacity .1s linear; transition: opacity .1s linear; opacity: 0; } #cal-link a:hover u.shiv { opacity: 1; } /* What Are we learning Block Area */ .what-learning h2 a, .what-learning h2 a:link{ color: #EB4C2C !important; } .view-id-exhibits_landing_page .what-learning{ width: 260px; } .view-id-exhibits_landing_page .what-learning h2{ background-image: url(../img/play-x.png); background-position: left center; background-repeat: no-repeat; padding: 22px 0px 22px 75px; color: #EE4E30 !important; } .what-learning ul{ background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0px 1px 1px 1px #E0E0E0; box-shadow: 0px 1px 1px 1px #E0E0E0; padding: 10px 10px 10px 10px; margin-bottom: 20px; margin-top: 5px; } .what-learning ul li, .what-learning ul li a, .what-learning ul li a:link{ font-family: arial, helvetica; color: #666; font-size: 14px; } .what-learning ul li{ list-style-image: url(../img/list-image-orange.png); margin-bottom: 8px; margin-left: 15px; } /* Main Column Accordion Styling -------------------------------------*/ .view-accordians {margin:20px 0;} .views-bootstrap-accordion-plugin-style .panel { border: none; box-shadow: none; margin-bottom: 1em; } .views-bootstrap-accordion-plugin-style .panel-heading{ display: block; cursor: pointer; position: relative; margin-top: 2px; padding:0; zoom: 1; } .views-bootstrap-accordion-plugin-style .panel-heading .panel-title { font-size: 22px; font-weight: 700; color: #fff; } .views-bootstrap-accordion-plugin-style .panel-heading .panel-title > a:link {display:block;padding: 20px 18px; margin-right: 20px; color:#fff !important;} .views-bootstrap-accordion-plugin-style .panel-heading .panel-title > a:hover {text-decoration:none;} .views-bootstrap-accordion-plugin-style .panel-heading { background: #005595; /* Old browsers */ background: -moz-linear-gradient(left, #005595 0%, #00a2e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#005595), color-stop(100%,#00a2e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #005595 0%,#00a2e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #005595 0%,#00a2e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #005595 0%,#00a2e1 100%); /* IE10+ */ background: linear-gradient(to right, #005595 0%,#00a2e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005595', endColorstr='#00a2e1',GradientType=1 ); /* IE6-8 */ -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.55); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.55); box-shadow: 0 0 6px rgba(0, 0, 0, 0.55); } .node-type-power-of-play-pages .views-bootstrap-accordion-plugin-style .panel-title, .node-type-programs .views-bootstrap-accordion-plugin-style .panel-title { background: #EE4E30; /* Old browsers */ background: -moz-linear-gradient(left, #EE4E30 0%, #D02F09 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EE4E30), color-stop(100%,#D02F09)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #EE4E30 0%,#D02F09 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #EE4E30 0%,#D02F09 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #EE4E30 0%,#D02F09 100%); /* IE10+ */ background: linear-gradient(to right, #EE4E30 0%,#D02F09 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE4E30', endColorstr='#D02F09',GradientType=1 ); /* IE6-8 */ } .node-type-learning-resources .views-bootstrap-accordion-plugin-style .panel-title { background: #014F78; /* Old browsers */ background: -moz-linear-gradient(left, #014F78 0%, #006EAD 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#014F78), color-stop(100%,#006EAD)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #014F78 0%,#006EAD 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #014F78 0%,#006EAD 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #014F78 0%,#006EAD 100%); /* IE10+ */ background: linear-gradient(to right, #014F78 0%,#006EAD 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014F78', endColorstr='#006EAD',GradientType=1 ); /* IE6-8 */ } .node-type-support .views-bootstrap-accordion-plugin-style .panel-title { background: #FF9900; /* Old browsers */ background: -moz-linear-gradient(left, #FF9900 0%, #FFB83F 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FF9900), color-stop(100%,#FFB83F)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #FF9900 0%,#FFB83F 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #FF9900 0%,#FFB83F 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #FF9900 0%,#FFB83F 100%); /* IE10+ */ background: linear-gradient(to right, #FF9900 0%,#FFB83F 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#FFB83F',GradientType=1 ); /* IE6-8 */ } .node-type-membership .views-bootstrap-accordion-plugin-style .panel-title { background: #FF9900; /* Old browsers */ background: -moz-linear-gradient(left, #FF9900 0%, #FFBC46 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FF9900), color-stop(100%,#FFBC46)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #FF9900 0%,#FFBC46 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #FF9900 0%,#FFBC46 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #FF9900 0%,#FFBC46 100%); /* IE10+ */ background: linear-gradient(to right, #FF9900 0%,#FFBC46 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9900', endColorstr='#FFBC46',GradientType=1 ); /* IE6-8 */ } .page-node-124 .views-bootstrap-accordion-plugin-style .panel-title { background: #a92ca7; /* Old browsers */ background: -moz-linear-gradient(left, #a92ca7 0%, #711d70 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a92ca7), color-stop(100%,#711d70)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #a92ca7 0%,#711d70 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #a92ca7 0%,#711d70 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #a92ca7 0%,#711d70 100%); /* IE10+ */ background: linear-gradient(to right, #a92ca7 0%,#711d70 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a92ca7', endColorstr='#711d70',GradientType=1 ); /* IE6-8 */ } .views-bootstrap-accordion-plugin-style .panel-group .panel-heading + .panel-collapse > .panel-body, .views-bootstrap-accordion-plugin-style .panel-group .panel-heading + .panel-collapse > .list-group { border-top: none; } a.read-more{ text-transform: uppercase; font-size: 10px; } .node-type-power-of-play-pages a.read-more{ color: #EB4C2C; } .ie9 #region-content .ui-accordion-header { filter: none; } .views-bootstrap-accordion-plugin-style .panel-heading .accordion-toggle { background: url(../img/accordion-close.png) no-repeat right center; } .views-bootstrap-accordion-plugin-style .panel-heading .accordion-toggle.collapsed { background: url(../img/accordion-view.png) no-repeat right center; } .views-bootstrap-accordion-plugin-style .panel-body { font-size: 15px; line-height: 1.6em; color: #333; } .views-bootstrap-accordion-plugin-style .panel-body a { color: #008BCB; text-decoration: none; outline: none; } .views-bootstrap-accordion-plugin-style .panel-body a:hover { text-decoration: underline; } .views-bootstrap-accordion-plugin-style .panel-body h1 { font-size: 18px; line-height: 1.2em; color: #00A2E1; } .views-bootstrap-accordion-plugin-style .panel-body h2 { font-weight: 700; font-size: 15px; line-height: 1.2em; color: #333; } /*-----------------------------------------------------------------------------------*/ /* Inner Page - Exhibits and Programs Landing Page /*-----------------------------------------------------------------------------------*/ .block-imageblock { margin-right: 10px; margin-bottom: 15px; position: relative; z-index: 1; } .block-imageblock .block-body{ position: absolute; bottom: 0; width: 100%; } .block-imageblock .block-body a{ display: block; position: relative; } .block-imageblock .block-body h2 a, .block-imageblock .block-body h2 a:link{ display: block; padding: 5px 15px; color: white; font-weight: bold; font-size: 18px; text-decoration: none; } .block-body a, .block-body a:link{ display: block; padding: 5px 15px; color: white; font-weight: bold; font-size: 18px; text-decoration: none; } .block-imageblock:hover .after{ background-image: url(../img/white-arrow-2.png) !important; background-repeat: no-repeat; background-position: center center; display: inline-block; padding: 20px; position: absolute; z-index: 4; right: -2px; bottom: 7px; } #block-imageblock-7 .content:hover:after, #block-imageblock-6 .content:hover:after{ content: none !important; } #block-imageblock-5 .block-image span.shiv{ height: 190px; z-index: 0; } .block-image span.shiv{ /* background-image: url(../img/black-trans-bg.png); */ background-color: black; position: absolute; z-index: 2; top: 0px; bottom: 8px; left: 0; right: 0; height: 140px; opacity:0; filter:alpha(opacity=0); -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear; } .exhibit-title{ position: relative; display: inline; z-index: 2; margin: 0; padding: 0; font-size:18px; } .block-body{ background-image: url(../img/black-trans-bg.png); } .block-imageblock .content:hover .block-body{ background: none; } .block-body .exhibit-title:hover + span.shiv{ opacity: 0; filter:alpha(opacity=00); } .block-imageblock .content:hover span.shiv{ opacity: 0.5; filter:alpha(opacity=50); } /* incontent image block ? */ .region-content .block-imageblock {float: left;} .region-content .block-imageblock:hover .after { bottom: 0px; } /*-----------------------------------------------------------------------------------*/ /* Inner Page - Exhibits Page /*-----------------------------------------------------------------------------------*/ /* Sort Filter */ #views-exposed-form-exhibits-landing-page-page .views-exposed-form{ margin-bottom: 20px; } #views-exposed-form-exhibits-landing-page-page .form-item, #views-exposed-form-exhibits-landing-page-page .form-item > div{ position: relative; margin-right: 6px; display:inline-block; } #views-exposed-form-exhibits-landing-page-page .form-item a, #views-exposed-form-exhibits-landing-page-page .form-item a:link{ position: relative; text-decoration: none; color: #919191; font-size: 16px; text-align: center; padding: 6px 16px 8px 16px; display: inline-block; -webkit-border-radius: 15px; border-radius: 15px; max-width: 190px; background: rgb(223,223,223); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(223,223,223) 0%, rgb(238,238,238) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(223,223,223)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } #views-exposed-form-exhibits-landing-page-page .form-item a, #views-exposed-form-exhibits-landing-page-page .form-item a:link{ min-width: 100px; } #views-exposed-form-exhibits-landing-page-page .form-item .dk_options_inner a{ min-width: 30px; } .form-item-edit-field-state-value-all a{ min-width: 0px !important; } #views-exposed-form-exhibits-landing-page-page .form-item a:hover{ background: rgb(238,238,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(223,223,223) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(223,223,223))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */ } #views-exposed-form-exhibits-landing-page-page .form-item.selected a{ color: #21B00B; -webkit-box-shadow: inset 0px -1px 4px 1px #CBCBCB; box-shadow: inset 0px -1px 4px 1px #CBCBCB; background: #F1F1F1; } #views-exposed-form-exhibits-landing-page-page .form-item.selected a:hover{ background: #F1F1F1; } #views-exposed-form-exhibits-landing-page-page .form-item.selected a .after{ background-image: url(../img/selected-arrow-bg.png); background-repeat: no-repeat; background-position: top left; width: 30px; height: 15px; position: absolute; left: 50%; top: 32px; margin-left: -16px; } #views-exposed-form-exhibits-landing-page-page #edit-field-age-value-wrapper{ position: relative; margin-left: 10px; } #edit-field-age-value-wrapper{ margin-left: 55px !important; } #views-exposed-form-exhibits-landing-page-page #edit-field-age-value-wrapper label{ position: absolute; left: -56px; top: 16px; } #views-exposed-form-exhibits-landing-page-page #edit-field-age-value-wrapper select{ position: relative; top: 8px; left: 8px; } #edit-field-age-value + .customStyleSelectBox { -webkit-border-radius: 15px; border-radius: 15px; background: #EDEDED; text-align: left; padding: 6px 45px 8px 10px; color: #919191; font-size: 14px; } .customStyleSelectBox:after{ content: url(../img/green-select-arrow.png); position: absolute; top: 7px; right: 10px; } /* on the next line we add a down arrow on the right to indicate that it is a select box */ #edit-field-age-value + .customStyleSelectBoxInner { background:url(../img/green-select-arrow.png) no-repeat center right; } /* DROPKICK STYLES - CUSTOM STYLED FORM SELECTS -------------------------------------------------------------------------------*/ .dk_container { font-size: 12px; line-height: 14px; margin-bottom: 12px; } #dk_container_edit-field-age-value{ margin-right: 8px; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; padding: 0px; } .dk_container a span{ padding: 5px 20px 3px 20px; display: inline-block; } /* Opens the dropdown and holds the menu label */ .dk_toggle { color: #333; } .dk_toggle:hover { border-color: #8c8c8c; } /* Applied when the dropdown is focused */ .dk_focus .dk_toggle { border-color: #40b5e2; } /* Applied whenever the dropdown is open */ .dk_open { /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 10; } .dk_open .dk_toggle { border-color: #8c8c8c; color: #ccc; } /* The outer container of the options */ .dk_options { padding-top: 15px; } .dk_options:before { content: url(../img/form-select-dropdown-arrow.png); position: absolute; top: 6px; right: 13px; } .dk_options ul { border-radius: 15px; box-shadow: 0 0 2px 1px #ddd; } .dk_options a { background-color: #fff; border-bottom: 1px solid #999; font-weight: bold; padding: 8px 10px; } .dk_options li:last-child a { border-bottom: 1px solid #B2B2B2; } .dk_options a:hover, .dk_option_current a { background-color: #0084c7; border-bottom-color: #004c72; color: #fff; text-decoration: none; } #dk_container_edit-field-state-value {display:none !important;} .dk_container { position: relative; } .dk_container a { outline: 0; padding: 0px !important; } .dk_container a span{ display: block; padding: 11px 20px 12px 13px; min-width: 50px; font-size: 14px; max-width: 200px; white-space: nowrap; } .form-item-field-age-value .dk_container a span { width: 80px\9; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; text-align: left !important; } .dk_toggle:after{ content: url(../img/green-select-arrow.png); position: absolute; top: 6px; right: 10px; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: 0; position: absolute; right: 0; width: 100%; } .dk_options li:first-child a{ border-top-left-radius: 15px !important; -webkit-border-top-left-radius: 15px !important; -moz-border-top-left-radius: 15px !important; border-top-right-radius: 15px !important; -webkit-border-top-right-radius: 15px !important; -moz-border-top-right-radius: 15px !important; } .dk_options li:last-child a{ border-bottom-left-radius: 15px !important; -webkit-border-bottom-left-radius: 15px !important; -moz-border-bottom-left-radius: 15px !important; border-bottom-right-radius: 15px !important; -webkit-border-bottom-right-radius: 15px !important; -moz-border-bottom-right-radius: 15px !important; } .dk_options li {list-style:none; margin:0;} .dk_options li a, .dk_options li a:link, .dk_options li a:visited { display: block !important; color: #32BA10 !important; text-align: left !important; font-weight: normal; border-top: 1px solid #B2B2B2; border-right: 1px solid #B2B2B2; border-bottom: 0px; border-left: 1px solid #B2B2B2; background: white !important; font-size: 14px !important; padding: 10px 15px !important; border-top-left-radius: 0px !important; -webkit-border-top-left-radius: 0px !important; -moz-border-top-left-radius:0px !important; border-top-right-radius: 0px !important; -webkit-border-top-right-radius: 0px !important; -moz-border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; -webkit-border-bottom-left-radius: 0px !important; -moz-border-bottom-left-radius:0px !important; border-bottom-right-radius: 0px !important; -webkit-border-bottom-right-radius: 0px !important; -moz-border-bottom-right-radius: 0px !important; } .dk_options a:hover{ background: #32BA10 !important; color: white !important; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_container + select { position: relative; top: -99999em; visibility: hidden; } .feature-grid{ position: relative; z-index: 1; } /* ...And the Grid of Exhibits */ .view-learning-resources .view-content, .view-collections .view-content, .view-id-exhibits_landing_page .view-content, .view-id-programs_remix .view-content, .view-id-museum_professionals .view-content { display: flex; flex-flow: row wrap; } .view-learning-resources .views-row, .view-collections .views-row, .view-id-exhibits_landing_page .views-row, .view-id-programs_remix .views-row, .view-id-museum_professionals .views-row { padding-right: 20px; padding-bottom: 10px; } .feature-grid{ position: relative; z-index: 1; width: 240px; } .view-id-exhibits_landing_page .feature-grid{ margin-top: 10px; } .feature-grid h2{ -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear; width: 100%; padding-right: 20px; position: absolute; z-index: 3; bottom: 0px; left: 0; margin-bottom: 0; } .feature-grid h2 .shim{ opacity:0.5; filter:alpha(opacity=50); background-color: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .feature-grid:hover h2 .shim{ opacity:0; filter:alpha(opacity=0); } .feature-grid > a, .feature-grid > a:link{ display: block; height: 140px; } .feature-grid h2 a, .feature-grid h2 a:link{ padding: 6px 10px; display: block; color: white; font-size: 18px; font-weight: bold; text-decoration: none; } .feature-grid:hover h2:after{ content: url(../img/white-arrow-2.png); display: inline; position: absolute; right: 10px; bottom: 0px; z-index: 1; } .feature-grid span.shiv{ background-color: black; position: absolute; z-index: 3; top: 0; bottom: 0px; left: 0; right: 0; opacity:0.3; filter:alpha(opacity=30); -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear; width: 240px; } .feature-grid h2 span.shiv{ z-index: -1; opacity: 0.3; filter: alpha(opacity=30); } .feature-grid:hover span.shiv{ opacity:0.5; filter:alpha(opacity=50); } /*-----------------------------------------------------------------------------------*/ /* Inner Pages - Color Fun * should probabably make a .green class and apply to this stuff /*-----------------------------------------------------------------------------------*/ /* Green Stuff */ .node-type-museum-professionals .region-content a, .node-type-museum-professionals .region-content a:link { color: #1EAC0A !important; } .node-type-museum-professionals .pdf-icon, .node-type-museum-collections .pdf-icon, .node-type-museum-exhibits .pdf-icon, .node-type-museum-programs .pdf-icon, .page-exhibits-programs .pdf-icon { background-image: url(../img/pdf-green.png) !important; } /************************************************************************* COLLECTIONS STYLES *************************************************************************/ .page-node-120 .field-type-text-long strong{ display: inline-block; width: 230px; } .gallery{ color: #1EAC0A; background-image: url(../img/green-camera.png); background-repeat: no-repeat; background-position: left center; padding-left: 50px; padding-top: 11px; padding-bottom: 11px; } .node-type-collections #column-right h2, .node-type-museum-professionals #column-right h2 { color: #17A606; } #column-right .view-display-id-related_interests .field-content, #column-right .view-display-id-related_interests p strong{ font-family: arial; } #column-right .view-display-id-related_interests p{ font-size: 12px; line-height: 18px; } .field-name-field-browse-collection h2{ color: #17A606; font-size: 18px; margin-top: 10px; margin-bottom: 5px; } .view-id-collections .view-content { margin-right: -20px; } .view-id-collections .views-row{ float: left; margin-right: 20px; margin-bottom: 10px; } #cboxClose{ top: 0px !important; background-image: url(../img/gray-close-collection.png) !important; background-position: center right; background-repeat: no-repeat; width: 22px; height: 24px; padding: 10px 40px 0px 0px; font-size: 14px; text-indent: -99999px; } #cboxPrevious, #cboxNext{ bottom: 45%; margin-bottom: -16px; text-indent: -9999px; width: 33px; height: 54px; } #cboxPrevious{ left: 0px; background-image: url(../img/prev-arrow.png) !important; background-position: center left; background-repeat: no-repeat; } #cboxNext{ left: auto !important; right: 0px !important; background-image: url(../img/next-arrow.png) !important; background-position: center right; background-repeat: no-repeat; } #cboxCurrent{ display: none !important; } #cboxContent h2{ position: absolute; top: 8px; left: 0; color: #666; } .toggle-info{ width: 70px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; position: absolute; bottom: 20px; left: 50%; margin-left: -50px; color: #666; text-decoration: none !important; z-index: 10; cursor: pointer; } .toggle-info.bg-img{ background-image: url(../img/more-info.png) !important; background-position: center right; background-repeat: no-repeat; } .less-info{ background-image: url(../img/less-info.png) !important; background-position: center right; background-repeat: no-repeat; display: block; padding-right: 30px; padding-top: 7px; padding-bottom: 7px; width: 70px; color: white; } .more-info{ background-image: url(../img/more-info.png) !important; background-position: center right; background-repeat: no-repeat; display: block; padding-right: 30px; padding-top: 7px; padding-bottom: 7px; width: 70px; } .toggle-info.more-more{ background-image: url(../img/less-info.png) !important; } .toggle-info:link{ color: #666; text-decoration: none !important; } .field-collection-view{ padding: 0; margin: 0; border-bottom: 0px; } .field-collection-container{ border-bottom: 0px; } .field-collection-container .field-items .field-item{ float: left; margin-right: 10px; } .field-collection-container .field-items .field-item .field-item{ float: none; margin-right: 0px; } #cboxLoadedContent .hiddenContent { display: none; position: absolute; top: 40px; left: 50px; bottom: 0; right: 50px; z-index: 5; background-image: url(../img/trans-bg-black.png) !important; color: white; line-height: 28px; font-size: 18px; padding-bottom: 70px; } #cboxLoadedContent .hiddenContent .scroll { overflow: auto; height: 100%; } #cboxLoadedContent .hiddenContent .content { padding: 40px; } .node-type-collections #cboxTitle{ display: none !important; } .field-collection-container .field-name-field-coll-caption{ display: none; } #cboxLoadedContent{ margin-bottom: 0px; margin-top: 40px; } .field-collection-container .field-items .field-item{ margin-bottom: 5px; } .cboxPhoto{ padding: 0px 50px 0px 50px; max-width: 1000px; height: auto; } .page-node-3 .field-collection-container, .page-node-120 .field-collection-container, .page-node-121 .field-collection-container, .page-node-119 .field-collection-container, .page-node-130 .field-collection-container, .page-node-48 .field-collection-container, .page-node-42 .field-collection-container, .page-node-40 .field-collection-container, .page-node-39 .field-collection-container, .page-node-43 .field-collection-container, .page-node-183 .field-collection-container, .page-node-47 .field-collection-container, .page-node-122 .field-collection-container { display: none; } /************************************************************************* POWER OF PLAY STYLES *************************************************************************/ .node-type-power-of-play-pages .region-content a:link{ color: #EB4C2C !important; } .node-type-power-of-play-pages .region-sidebar-second a, .node-type-power-of-play-pages .region-sidebar-second a:link{ color: #EB4C2C !important; } .node-type-power-of-play-pages h2 { color: #EB4C2C !important; } .node-type-power-of-play-pages .pdf-icon { background-image: url(../img/PDF_ico_orange.png) !important; } /************************************************************************* LEARNING RESOURCES *************************************************************************/ .page-node-572 .field-items ol li{ border-bottom: 1px solid #ccc; padding-bottom: 6px; padding-top: 6px; } a.pdf{ background-image: url("../img/pdf-icon.png"); background-repeat: no-repeat; background-position: left center; padding: 10px 0px 10px 40px; display: block; margin-top: 5px; } a.pdf:hover{ text-decoration: underline; } #section-content #block-block-25 h2{ color: #006D88; margin-bottom: 5px; } #section-content #block-block-25 .bold{ font-size: 15px; display: inline-block; margin-bottom: -4px; } .learning-resources-email{ margin: 6px 0px; display: block; } .learning-resources-email:hover{ text-decoration: underline; } #section-content #block-block-25 hr{ margin: 5px 0px !important; } .page-node-70 .ul1 b{ font-weight: bold; } .page-node-70 .li2{ margin-bottom: 10px; } .page-node-70 .li2:first-child{ margin-top: 20px; } .view-learning-resources .view-content { margin-right: -10px; } .view-learning-resources .views-row { float: left; margin-bottom: 15px; margin-right: 10px; width: 240px; overflow: hidden; } .view-learning-resources .views-row .feature-grid a img{ width: 240px; } /************************************************************************* SUPPORT PAGE - Orange *************************************************************************/ .node-type-support .ui-accordion-content{ padding-bottom: 20px !important; } .donate-now{ background-image: url(../img/gift.png); background-repeat: no-repeat; background-position: left center; padding: 0px 0px 0px 45px; } .support-contact-sidebar{ background-image: url(../img/phone.png); background-repeat: no-repeat; background-position: left center; padding: 0px 0px 0px 45px; } .gift-form{ background-image: url(../img/pdf-orange.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 0px 45px; } .stock-transfer{ background-image: url(../img/stock-transfer.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 0px 45px; } .node-type-support #block-block-24 h4{ font-size: 20px; font-weight: bold; color: #666; margin-bottom: 5px; margin-top: 10px; font-family: 'Quattrocento Sans', sans-serif; } .stock-transfer a, .stock-transfer a:link{ font-family: arial; font-size: 12px; color: #FF9900; } .stock-transfer a:hover{ text-decoration: underline; } #block-block-24{ font-family: arial; line-height: 16px; font-size: 12px; } .send-to{ color: #666; } .present-icon{ background-image: url(../img/present-icon-arrow.png); background-repeat: no-repeat; background-position: right top; padding: 0px 20px 0px 0px; } .membership-hands{ background-image: url(../img/membership-hands.png); background-repeat: no-repeat; background-position: left top; padding: 0px 0px 0px 60px; margin: 30px 0px 40px 0px !important } .membership-hands .sunburst{ background: #014F78; /* Old browsers */ background-image: -moz-linear-gradient(left, #014F78 0%, #006EAD 100%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#014F78), color-stop(100%,#006EAD)); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(left, #014F78 0%,#006EAD 100%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(left, #014F78 0%,#006EAD 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(left, #014F78 0%,#006EAD 100%); /* IE10+ */ background-image: linear-gradient(to right, #014F78 0%,#006EAD 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014F78', endColorstr='#006EAD',GradientType=1 ); /* IE6-8 */ } .present-hands{ background-image: url(../img/present-icon-arrow.png); background-repeat: no-repeat; background-position: right top; padding: 0px 20px 0px 0px; } .node-type-support #region-content h4{ font-weight: bold; font-size: 13px; text-transform: uppercase; } .header-list{ font-weight: bold; margin-bottom: 5px !important; } .page-body-list li{ list-style: disc; margin-left: 30px; margin-bottom: 15px; } .node-type-slideshow-page .region-content { width: 980px; } .node-type-support .pdf-icon{ background-image: url(../img/pdf-orange.png) !important; } /************************************************************************* COMMUNITY STYLES - Orange *************************************************************************/ .page-node-124 #column-right .region-sidebar-second h2, .node-type-community-stories #column-right .region-sidebar-second h2{ color: #80207F; margin-bottom: 10px; } .view-id-community_stories .views-row{ margin-bottom: 20px; position: relative; } .view-id-community_stories .views-row .views-field-field-portrait-photo{ float: left; margin-right: 6px; width: 100px; } .view-id-community_stories .views-row .views-field-title{ font-family: arial, sans-serif; font-weight: bold; font-size: 12px; line-height: 14px; margin-bottom: 5px; } .view-id-community_stories .views-row .views-field-field-teaser-text-comm{ font-family: arial, sans-serif; font-size: 12px; line-height: 15px; } .view-id-community_stories .views-row .views-field-view-node a, .view-id-community_stories .views-row .views-field-view-node a:link{ color: #999; font-size: 12px; background-image: url(../img/community-gray-arrow.png) !important; background-repeat: no-repeat; background-position: right center; padding-right: 25px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; } .view-id-community_stories .views-row .views-field-view-node a:hover{ text-decoration: underline; } .page-node-124 ul.schools-list{ margin-left: 40px; list-style: disc; margin-bottom: 20px; } .page-node-124 ul.schools-list li{ margin-bottom: 10px; } .page-node-124 #region-content .ui-accordion-content a, .page-node-124 #region-content .ui-accordion-content a:link{ color: #80207F; } strong { font-weight: bold; } .view-id-community_stories .pager .pager-previous{ background-image: url(../img/purple-arrow-left.png) !important; background-repeat: no-repeat; background-position: center center; } .view-id-community_stories .pager .pager-next{ background-image: url(../img/purple-arrow-right.png) !important; background-repeat: no-repeat; background-position: center center; } .view-id-community_stories .pager .pager-previous a, .view-id-community_stories .pager .pager-next a { color: transparent; padding: 10px; } .community-stories-details{ font-family: arial, sans-serif; font-size: 12px; line-height: 16px; margin-bottom: 20px; } .story-person-name{ font-size: 14px; display: block; margin-bottom: -10px; } .community-back-btn, .back-button{ display: block; position: absolute; top: 0px; background-image: url(../img/back-to-news.png) !important; background-repeat: no-repeat; background-position: left center; padding: 20px 0px 20px 50px; color: #666; font-size: 16px; font-weight: bold; } .node-type-news-releases #region-content .back-button.back-to-news-releases, .node-type-news-releases #region-content .back-button.back-to-news-releases:link{ color: #666 !important; } .back-button{ top: -20px; } .back-button.back-to-employment{ top: 45px; } .page-node-123 h1#page-title{ margin-top: 50px; } .node-type-community-stories h1#page-title{ margin-top: 80px; } #block-block-33{ margin-top: 10px; } #block-block-32 a, #block-block-33 a, #block-block-34 a, #block-block-36 a, #block-block-37 a, #block-block-32 a:link, #block-block-33 a:link, #block-block-34 a:link, #block-block-36 a:link, #block-block-37 a:link{ color: #CC6600; display: block; line-height: 16px; font-size: 15px; margin: -10px 0px; } .family-membership{ background-image: url(../img/family.png) !important; background-repeat: no-repeat; background-position: left center; padding: 11px 0px 10px 50px; } .family-membership.gift-membership{ background-image: url(../img/gift.png) !important; background-repeat: no-repeat; background-position: left center; padding: 11px 0px 10px 50px; } .corporate-membership{ background-image: url(../img/hands-yellow.png) !important; background-repeat: no-repeat; background-position: left center; padding: 10px 0px 10px 50px; } .library-membership{ background-image: url(../img/library-book.png) !important; background-repeat: no-repeat; background-position: left center; padding: 10px 0px 10px 50px; } .download-family-membership-form, .download-library-membership-form{ background-image: url(../img/yellow-pdf.png) !important; background-repeat: no-repeat; background-position: left center; padding: 10px 0px 10px 50px; } .ui-accordion .ui-accordion-content { overflow:hidden !important; } .node-type-programs h2{ color: #1EAC0A !important; } /* Connections from our Blog page sidebar block */ div.conversation { font-size: 12px; line-height: 1.7em; color: #000; } div.conversation h1 { color: #0099DA; font-weight: bold; font-size: 20px; padding: 30px 0 4px 62px; margin-top: 30px; margin-bottom: 26px; background: url(../img/homepage-conversations-icon.png) no-repeat 0 0 transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAA8CAMAAAAKYPdVAAABqlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Z1vCa1vCb1/Cc1/Cd1/Gd2PGe2PGf2PGf2fGh2fGj2vGj2vKl2/Km2/Kn2/Kn3PKo3PKq3fKq3fOs3vOu3vOu3/Ov3/Ox3/Oy4PSz4PSz4fS04fS14fS24vS44/W54/W64/W85PW+5fW/5fbB5vbC5/bD5/bE5/bF6PfG6PfH6PfJ6ffL6vfM6vfM6/jN6/jO6/jQ7PjS7fjV7vnX7/nY7/nZ8Pnb8Prb8frc8frd8frf8vrg8vrh8/vi8/vj9Pvl9Pvl9fvm9fvn9fvo9vzp9vzq9/zr9/zs9/zt+Pzu+P3v+P3v+f3w+f3x+f3y+v3z+v30+v30+/31+/31+/72+/73/P74/P75/P75/f76/f77/f77/v78/v/9/v/+//////97X4hlAAAALXRSTlMACQoQGh8gNDc/QF9gcHyAg4qSoK+wsba6wMTLzNDY2+Dm7/Dx9fj5+vv8/f5/qy9BAAAC6ElEQVR42tXV61cSQRjHcYvCMo0Kragsim7qPmmG5iXNLlQWFuUlwzSTTDLDNEEtsgAh2tnf/9wKe86wi8sMx1d93/M5M8/MsDXCnA1uD4p53A3Omqpzurww53U5qxPc2C23vOLgQpnikCPqfSgUCwcDftILBMOxrIH46mUIdxEI+clUMGIobvE+mgvCEJXnDxcX0+yQIJIB2j3/OwMRElE/2RbIChEPgAhVyh+HnseecHFCgLjsiDoAcSIppM7G8ALoJWG9WQBe+52ESaKQ7W4cPr4MQTEAPofNMqIkVcBuIT4AIZIrCcBXTtRDLyBpFO5r+etrgt587FtiLRYZu98hsZkmK1GL0jS2Od1f6Xixkwk4ePRCC6yxlaf2CCz37MDxi60K9DQ1k9xMrP/IqFpRWRuuaPCTOXK+ZUdQE2+G2sno3kyKQS8/221r8Je379gVXWA/py2368aDRXVHXuy2nSmajUmcvAZoW5O3qbzBzwzQ4oNU3jj4UPefuQ6oS3ZHMLoNsFgPlRXjhqOxFciFb9m/rgzAomStD9w4cVUnnlOFhrcAdYwsRbhx6JKC/BhV7KUKbPrJ1CNw43Qb2CRVrn0BYC+otK44Nw7rp7rcQYL6t4FVKi0KbjQqUB+TsHkg32UeBjcuK/jSLjYeatCe8COJo8SobVMwQuJuqsAsGU1kUWq4FLBOkmgbWOJ33GScUpAimdLAMhlZjLMKNqSMFPCVjJJm45yCdSkjV/JnHTIbAH7JEAMMelNULG418jLGWxSK9RlfW4uhBSSONgWjqT6OcAMLYuOVxn8TnRgiClqMv3eE00jCmsXAR9Fl/6QJDXW08jBmGIQGMhWRWRUSBv6EbIWeDwxSBnJzPbsKHSNxBkkDbLWfyit8o6QNaHNWoPPZEgOqMbBmvhKvV7IaUKWxQXqD779n0r/TOaaBJ29EdOKuYIICgw0TjeSAPRhaggYW8tiTkR6PCGYoNgRDlJzp/278A9Tfqg4MQKjjAAAAAElFTkSuQmCC); } .view-homepage-feed-block h1 span.subhead{ display: block; font-size: 13px; font-style: italic; line-height: 6px; } #block-views-homepage-feed-block-block .view, .block.block-multiblock .view { position: relative; z-index: 100; margin-top: -60px; width: 300px; overflow: hidden; } .block.block-multiblock .view { margin-top: 0px; } #block-views-homepage-feed-block-block .view .view-content, .block.block-multiblock .view .view-content { position: relative; width: 999em; margin-left: 1px !important; } #block-views-homepage-feed-block-block .view .view-content > div, .block.block-multiblock .view .view-content > div { float: left; width: 300px; overflow: hidden; } #block-views-homepage-feed-block-block .view .view-content > div > div:first-child, .block.block-multiblock .view .view-content > div > div:first-child{ color: #0066CC; font-weight: bold; font-size: 13px; } .block.block-multiblock .view .view-content div div a:link, .block.block-multiblock .view .view-content div div a { color: #333; text-decoration: none; } .block.block-multiblock .view .view-content div div strong a:link, .block.block-multiblock .view .view-content div div strong a{ color: #333; text-decoration: none; font-size: 20px; } #block-views-homepage-feed-block-block .view-header{ margin-bottom: 15px; } #nav-arrows{ margin: 0px auto; width: 66px; } #block-views-homepage-feed-block-block .view .view-content > div{ margin-bottom: 25px; } .left{ background:url(../img/left-arrow.png) no-repeat center center; width: 28px; height: 28px; text-indent: -999em; cursor: pointer; display: inline-block !important; margin-right: 10px; } .right{ background:url(../img/right-arrow.png) no-repeat center center; width: 28px; height: 28px; text-indent: -999em; cursor: pointer; display: inline-block !important; } /************************************************************************* CALENDAR PAGE STYLES *************************************************************************/ .node-type-event .region-content .content div.field-item > div{ display: none; } .popup-dates{ display: none; } /* sidebar calendar, jquery ui */ .ui-datepicker { width: auto; padding: 0; border-radius: 0; border: none; font-size: 15px; font-family: 'Quattrocento Sans', sans-serif; } .ui-datepicker .ui-datepicker-header { padding: 0; background: 0; border-radius: 0; border: none; } .ui-datepicker .ui-datepicker-title { margin: 0 0 20px 0; text-align: center; line-height: 26px; font-size: 26px; color: #777; font-weight: normal; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { display: none; } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border-color: transparent; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; background: transparent url(../img/maroon-arrow-left.png) no-repeat; width: 24px; height: 21px; } .ui-datepicker .ui-datepicker-next { background-image: url(../img/maroon-arrow-right.png); } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker table { box-shadow: 0px 1px 1px 1px #E0E0E0; margin: 0 auto; margin-bottom: 20px; } .ui-datepicker td, .ui-datepicker th { border: none; padding: 2px 0; } .ui-datepicker th { color: #777; } .ui-datepicker .ui-state-default { border: 0; background: none; padding: 5px 6px 3px 6px; margin: 0; line-height: 16px; color: #333; text-align: center; } .ui-datepicker .past .ui-state-default { color: #999; } .ui-datepicker .week .ui-state-default { background: #ffd8e1; } .ui-datepicker .ui-datepicker-today .ui-state-highlight { color: #333; background: #eee; } .ui-datepicker .past .ui-state-active, .ui-datepicker .week .ui-state-active, .ui-datepicker .ui-state-active { background: #CC0033; color: white; } .page-calendar .region-content .content ol, .page-calendar .region-content .content ul{ list-style: none; margin-left: 0px; } .main-container .sidebar-first .date-heading h3 a:hover{ text-decoration: none; } .addthisevent-drop{ display: none !important; } .node-type-event .addthisevent-drop{ display: inline-block !important; margin-bottom: 20px; } body.node-type-event .messages.error{ display: none; } .age-select {display:inline;} .page-calendar #dk_container_edit-field-age-value:before{ content: "Sort by:"; position: absolute; left: -60px; top: 10px; font-size: 15px; font-weight: bold; } .category-select {display:inline;} .page-calendar #dk_container_edit-field-categories-events-nid{ background: #EDEDED; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid transparent; display:inline-block; } .page-calendar #dk_container_edit-field-age-value{ background: #EDEDED; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 100px; border: 1px solid transparent; display:inline-block; } .page-calendar #dk_container_edit-field-categories-events-nid.dk_open, .page-calendar #dk_container_edit-field-age-value.dk_open{ background: white; border: 1px solid #ccc; color: #A31239; } .page-calendar #edit-field-age-value-wrapper .dk_label, .page-calendar #dk_container_edit-field-categories-events-nid .dk_label{ color: #919191; font-weight: bold; } /*.page-calendar .dk_options_inner{ position: relative; left: 20px; }*/ .page-calendar .dk_toggle:after{ content: url("../img/maroon-down-arrow.png"); position: absolute; right: -10px; top: 6px; right: -19px\9; } .page-calendar #dk_container_edit-field-categories-events-nid .dk_toggle:after{ content: url("../img/maroon-down-arrow.png"); position: absolute; right: 10px; top: 6px; } .page-calendar #dk_container_edit-field-categories-events-nid.dk_open .dk_toggle:after, .page-calendar #dk_container_edit-field-age-value.dk_open .dk_toggle:after{ content: url("../img/gray-down-arrow.png"); } .view .date-nav-wrapper .date-prev{ background: none; } .view .date-nav-wrapper .date-next{ background: none; } .region-content .view .date-nav-wrapper .date-next a, .region-content .view .date-nav-wrapper .date-next a:link { background-image: none; text-indent: -999px; font-size: 0px; } .ajax-progress{ display: none; } .date-nav-wrapper .date-prev a{ margin-left: 0px; } .view .date-nav-wrapper .date-next a, .view .date-nav-wrapper .date-next a:link{ color: transparent; background-image: url(../img/maroon-arrow-right.png); background-repeat: no-repeat; background-position: left center; background-color: transparent; padding: 13px 12px 8px 12px; cursor: pointer; margin: 0px !important; font-size: 0px; } .view .date-nav-wrapper .date-prev a, .view .date-nav-wrapper .date-prev a:link{ color: transparent; background-image: url(../img/maroon-arrow-left.png); background-repeat: no-repeat; background-position: left center; background-color: transparent; padding: 13px 12px 8px 12px; cursor: pointer; font-size: 0px; } .date-heading h3 a{ color: #666; } .page-calendar th.days, .node-type-event th.days{ background-color: white; border: none; } .page-calendar td, .node-type-event td{ text-align: center; } .page-calendar tr td.today, .page-calendar tr.odd td.today, .page-calendar tr.even td.today, .node-type-event tr td.today, .node-type-event tr.odd td.today, .node-type-event tr.even td.today{ background-color: white; color: white; } .page-calendar tr td.today a, .page-calendar tr.odd td.today a, .page-calendar tr.even td.today a, .page-calendar tr td.today a:link, .page-calendar tr.odd td.today a:link, .page-calendar tr.even td.today a:link, .node-type-event tr td.today a, .node-type-event tr.odd td.today a, .node-type-event tr.even td.today a, .node-type-event tr td.today a:link, .node-type-event tr.odd td.today a:link, .node-type-event tr.even td.today a:link{ background-color: white; color: #333 !important; text-decoration: none; display: block; } #region-content .view-id-calendar .date-heading h3{ text-align: left; color: #CC0033; font-size: 28px; margin-top: 30px; } .item-list ul li.date-prev, .item-list ul li.date-next{ margin: 0px; } .view .date-nav-wrapper .date-next{ right: -9px; } .page-calendar .future a, .page-calendar th.days a, .page-calendar .future a:link, .page-calendar th.days a:link, .node-type-event .future a, .node-type-event th.days a, .node-type-event .future a:link, .node-type-event th.days a:link{ color: #333333; text-decoration: none; } .main-container .sidebar-first .view-header{ height: 50px; } .calendar-calendar table.mini{ background: rgb(255,255,255); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,238,238) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(238,238,238) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ -webkit-box-shadow: 0px 1px 1px 1px #E0E0E0; box-shadow: 0px 1px 1px 1px #E0E0E0; padding: 10px 10px 10px 10px; margin-bottom: 20px; margin-top: 5px; } table td.mini, table th.mini, table.mini td.week{ padding: 3px 1px 3px 0px; } /* getting in the way of new jquery code .page-calendar .past a, .page-calendar .past a:link, .node-type-event .past a, .node-type-event .past a:link{ color: #999999; text-decoration: none; } */ .page-calendar ul.primary, .node-type-event ul.primary{ border: 0px; } .page-calendar .tabs ul.primary li a{ position: relative; text-decoration: none; color: #919191; font-size: 16px; text-align: center; padding: 9px 22px 9px 22px; border: 0px; display: inline-block; -webkit-border-radius: 15px; border-radius: 15px; max-width: 190px; background: rgb(223,223,223); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(223,223,223) 0%, rgb(238,238,238) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(223,223,223)), color-stop(100%,rgb(238,238,238))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(223,223,223) 0%,rgb(238,238,238) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .page-calendar .tabs ul.primary li a:hover, .node-type-event .tabs ul.primary li a:hover{ background: rgb(238,238,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(223,223,223) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,238,238)), color-stop(100%,rgb(223,223,223))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(238,238,238) 0%,rgb(223,223,223) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */ } .page-calendar .tabs ul.primary li a.active{ color: #A31239; -webkit-box-shadow: inset 0px -1px 4px 1px #CBCBCB; box-shadow: inset 0px -1px 4px 1px #CBCBCB; background: #F1F1F1; } .page-calendar .tabs ul.primary li.active a .after{ background-image: url(../img/selected-arrow-bg.png); background-repeat: no-repeat; background-position: top left; width: 30px; height: 15px; position: absolute; /*width: 19px; height: 8px;*/ left: 50%; top: 32px; margin-left: -16px; } .day-list ul li.views-row{ border-bottom: 1px solid #ADADAD; padding: 8px 20px; position: relative; cursor: pointer; } .bottom-links{ height: 50px; } .bottom-links .date-next, .region-content .view-header > .date-nav-wrapper .pager .date-prev{ list-style: none; position: absolute; right: 120px; margin-top: 30px; } .bottom-links .date-next a, .region-content .view-header > .date-nav-wrapper .pager .date-prev a{ background-image: url(../img/next-day-calendar.png); background-repeat: no-repeat; background-position: right center; padding: 10px 50px 10px 5px; font-size: 18px; font-weight: bold; cursor: pointer; color: #333; text-decoration: none; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .region-content .view-header > .date-nav-wrapper .pager .date-prev{ margin-top: 0px; right: 0px; } .region-content .view-header > .date-nav-wrapper .pager .date-prev a{ background-image: url(../img/show-prev-day-calendar.png); } .region-content .view-header > .date-nav-wrapper .pager .date-prev a:hover, .bottom-links .date-next a:hover{ opacity: 0.6; } .scroll-top, .scroll-top:link{ position: absolute; right: 0; margin-top: 22px; background-image: url(../img/top-btn.png); background-repeat: no-repeat; background-position: right center; padding: 8px 50px 8px 5px; font-size: 18px; font-weight: bold; cursor: pointer; color: #999; text-decoration: none; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .scroll-top:hover{ opacity: 0.6; } .day-list ul li.views-row:last-child{ border-bottom: 3px solid #ADADAD; } .day-list ul li.views-row .date-display-single{ color: #A31239; font-size: 18px; padding-right: 10px; } .day-list ul li.views-row .views-field-title a{ color: #333; text-decoration: none; font-size: 18px; } .day-list ul li.views-row .event-details{ position: absolute; right: 0px; top: 50%; margin-top: -17px; } .page-calendar-week .week-item .event-details{ display: none; } .page-calendar-week .week-item .views-row:hover .event-details{ display: block; } .day-list ul li.views-row .event-details a, .day-list ul li.views-row .event-details a:link{ color: #666; font-size: 14px; text-decoration: none; display: block; padding: 5px 30px 5px 0px; background-image: url(../img/see-details-arrow.png); background-repeat: no-repeat; background-position: right 3px; font-family: 'Quattrocento Sans', sans-serif; } .day-list ul li.views-row:hover .event-details a, .day-list ul li.views-row:hover .event-details a:link{ display: block; padding: 5px 30px 5px 0px; background-image: url(../img/calendar-white-arrow.png); background-repeat: no-repeat; background-position: right bottom; } .event-location-label{ color: #666; font-size: 15px; } .event-location{ font-weight: bold; color: #666; font-size: 15px; } .age-label, .age-group{ color: #CC1546; } .node-type-event h1.page-header{ color: #A31239; font-size: 28px; margin: 0px; margin-bottom: 20px; margin-top: 90px; border-bottom:none; display: block; } .addtocal{ font-family: arial, sans-serif; padding: 5px 15px 5px 45px; color: #333; font-weight: bold; background-image: url(../img/calendar-icon.jpg); background-position: 10px 3px; background-repeat: no-repeat; border-radius: 1px; margin-top: -70px; margin-right: 584px; } ul.addtocal_menu{ border-radius: 1px; font-family: arial, sans-serif; text-align: left; font-size: 12px; font-weight: bold; position: absolute; top: 163px !important; left: -5px !important; color: #C15F89; width: 210px; -webkit-box-shadow: 1px 1px 15px 2px #ccc; box-shadow: 1px 1px 15px 2px #ccc; } ul.addtocal_menu li a{ padding: 2px 5px; } ul.addtocal_menu li a:hover{ background: none; border-radius: 0px; -webkit-border-radius: 0px; color: #A31239; } .node-type-event .date-display-single{ font-size: 18px; } .node-type-event .popup-dates { padding-left: 1em; cursor: pointer; } .node-type-event .dates-popup { position: absolute; margin-top: -39px; z-index: 20; } .node-type-event .dates-popup > div { border: 1px solid #ccc; background: white; padding: 10px; max-height: 300px; max-width: 400px; box-shadow: 0 0 4px 3px #fff; overflow-x: hidden; overflow-y: auto; white-space: nowrap; } .node-type-event .dates-popup > div * { overflow-x: hidden; text-overflow: ellipsis; } .csstransforms .node-type-event .dates-popup > .arrow { position: absolute; left: -4px; top: 21px; width: 10px; height: 10px; background: white; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -1px 1px 0 0 #ccc; } .field-name-field-exhibit-location- .field-label{ font-size: 16px; font-weight: normal; } .field-name-field-exhibit-location- .field-items{ font-size: 16px; color: #666; } .field-name-field-exhibit-location- .field-items a{ color: #666; } .field-name-field-age{ color: #A31239; font-weight: normal; } .field-name-field-age .field-label{ font-weight: normal; } .page-calendar #edit-field-categories-events-nid-wrapper{ position: absolute; top: 0; left: 520px; } .page-calendar #edit-field-age-value-wrapper{ position: absolute; top: 0; left: 350px; } .page-calendar #edit-field-categories-events-nid-wrapper label, .page-calendar #edit-field-age-value-wrapper label{ display: none; } .page-calendar .dk_options li a, .page-calendar .dk_options li a:link, .page-calendar .dk_options li a:visited{ color: #A31239 !important; } .page-calendar .dk_options a:hover{ background: #A31239 !important; color: white !important; } #block-block-38 { position: absolute; top: -25px; font-family: arial; font-size: 11px; width: 100%; } a.print-page { color: #000 !important; font-size: 12px; background-image: url(../img/print.png); background-repeat: no-repeat; background-position: 92% 47%; padding: 20px 0px 20px 30px; position: absolute; left: 0; top: -22px; width: 100%; text-align: right; display:none; } .page-calendar .views-row{ padding: 10px 8px; } .page-calendar .views-row:hover{ background: #CC1646; border-radius: 3px; -webkit-border-radius: 3px; } .page-calendar .views-row:hover *{ color: white !important; } #addtocal_node_148{ position: absolute; top: 130px; font-family: arial; font-weight: bold; font-size: 15px; padding-left: 35px; padding-right: 10px; background-color: #F4F4F4; background-image: url(../img/calendar-icon.jpg); background-repeat: no-repeat; background-position: 6px 3px; } .node-type-event .age-list{ font-family: arial; color: #333; font-size: 13px; } .node-type-event .field-name-field-event-description{ border-top: 1px solid #333; margin-top: 5px; padding-top: 5px; } .node-type-event .back-button{ background-image: url(../img/maroon-back-button.png) !important; color: #A31239; margin: 12px 0px; } .page-calendar .view-filters{ position: absolute; top: 0; } .view-calendar .week-item{ position: relative; } .view-calendar .week-item h3{ position: absolute; top: 8px; left: 10px; } .view-calendar > .date-nav-wrapper{ display: none; } .page-calendar .views-row{ padding: 10px 8px; position: relative; cursor: pointer; border-bottom: 1px solid #CCC; } .page-calendar-week.page-calendar .views-row:hover{ background: none; border-radius: none; -webkit-border-radius: none; } .date-nav{ padding-bottom: 10px; margin-bottom: 50px; } .region-content .page-calendar .view-header{ position: relative; left: 20px; width: 740px; } .item-list ul li{ margin: 0px; } .region-content .page-calendar .date-nav-wrapper{ border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; } .page-calendar-week.page-calendar .week-item .views-row:hover *{ color: white !important; } .page-calendar-week h3 .date-display-single{ color: #A31239 !important; font-size: 20px; position: relative; } .page-calendar .event-details{ position: absolute; right: 20px; /*background-image: url("../img/calendar-details.png"); background-repeat: no-repeat; background-position: 73px 1px;*/ top: 50%; margin-top: -22px !important; padding: 5px 20px 4px 0px; color: white; } .page-calendar.page-calendar-week .event-details{ margin-top: -17px; } .page-calendar .views-row .event-details a, .page-calendar .views-row .event-details a:link{ color: #666; text-decoration: none; font-size: 14px; font-family: 'Quattrocento Sans', sans-serif; } .page-calendar .views-field-title a, .page-calendar .views-field-title a:link{ color: #333; font-size: 17px; font-weight: bold; text-decoration: none; } .page-calendar .views-field-field-event-date, .page-calendar .views-field-field-event-date + div, .page-calendar .views-field-title{ display: inline-block; } .page-calendar .views-field-field-event-date{ color: #CC1546; } .page-calendar-week .views-field-title + div span{ font-family: arial, sans-serif; font-size: 12px; color: #CC0033; } .page-calendar-week .views-field-title + div{ display: inline-block; margin-left: 5px; } .page-calendar-week .region-content h3 .date-display-single{ color: #333; } .page-calendar-week .views-field.views-field-field-event-date{ margin-right: 5px; } .page-calendar-week .region-content .week-item .views-row h3 .date-display-single{ color: #CC0033 !important; } .page-calendar-week .region-content .week-item .views-row:hover h3 .date-display-single{ color: white !important; } .page-calendar-week .views-row{ border: 0px; } .page-calendar-week .week-item{ border-top: 1px solid #CCC; } .page-calendar-week .week-item:first-child{ border-top: none; } .page-calendar-week .week-item.same-day{ border-top: none; } .page-calendar-week .week-item.same-day h3{ display: none; } .page-calendar-week .week-item .view-row:hover h3 .date-display-single{ color: white !important; } .page-calendar-week .week-item .views-row:hover{ background: #CC1646; border-radius: 3px; -webkit-border-radius: 3px; } .page-calendar.page-calendar-week .event-details{ background: white; display: block; width: 0; right: 0; text-indent: 100%; margin-top: -15px !important; } .page-calendar-week .week-item .views-row:hover .event-details{ padding-left: 20px; padding-right: 40px; background-color: #CC1646; background-image: url(../img/week-view-see-details.png); background-repeat: no-repeat; background-position: 92px center; width: auto; text-indent: 0; } .page-calendar.page-calendar-week .week-item > ul li.views-row{ padding-left: 100px; } .page-calendar-week .week-item > ul{ white-space: nowrap; overflow: hidden; } .views-field-field-bcm-special-event, .special-event{ color: #3385CB; } .page-calendar .today, .page-calendar .today div, .page-calendar .today a, .page-calendar .today a:link, .calendar-calendar .today, .calendar-calendar .today div, .calendar-calendar .today a, .calendar-calendar .today a:link{ background: #ccc !important; } .page-calendar .selected, .page-calendar .selected div, .page-calendar .selected a, .page-calendar .selected a:link, .calendar-calendar .selected, .calendar-calendar .selected a, .calendar-calendar .selected a:link, .calendar-calendar .selected div{ background: #CC0033 !important; color: white !important; } /* calendar sidebar callouts */ .page-calendar .bcm { padding: 0; } .page-calendar .bcm li { width: 100%; } .page-calendar .bcm li img { width: 100%; height: auto !important; } @media (min-width:992px) and (max-width:1199px) { .view-mode-select { width: 216px; } .filters-wrapper { width: 365px; float: right; } } @media (max-width:991px) { .view-mode-select { width: 100%; float: none; height: 64px; text-align: center; } .filters-wrapper { width: 100%; float: none; padding: 0; height: 64px; } .age-select, .category-select{ display: block; width: 100%; } .page-calendar #dk_container_edit-field-age-value { float: none; width:100%; } div#dk_container_edit-field-categories-events-nid { float: none; width:100%; } .page-calendar .node-calendar .dk_container .dk_toggle { max-width: none; width: 100% !important; } .page-calendar #dk_container_edit-field-age-value:before { content: ""; display:none; } .page-calendar .dk_toggle:after { content: url(../img/maroon-down-arrow.png); position: absolute; right: 9px; top: 6px; } .pager-wrapper { float: none ; width: 100%; } ul.pager { text-align: center; } .page-calendar .calendar-content { margin-top: 0; clear: both; } .page-calendar .date-title h3 { text-align: center; color: #CC0033; font-size: 28px; margin-top: 60px; } .page-calendar .sidebar { margin-top: 64px; } .page-calendar .event-list-wrapper ul.event-list li.event-item .time-text, .page-calendar .event-list-wrapper ul.event-list li.event-item .title-text, .page-calendar .event-list-wrapper ul.event-list li.event-item .location-text, .page-calendar .event-list-wrapper ul.event-list li.event-item .ages-text, .page-calendar .event-list-wrapper ul.event-list li.event-item .see-details { display: block; } .page-calendar .node-calendar[data-date-selection-mode="day"] .event-list-wrapper ul.event-list li.event-item a .event-details, .page-calendar .node-calendar[data-date-selection-mode="day"] .event-list-wrapper ul.event-list li.event-item a:hover .event-details { position: relative; margin: 18px 0 !important; top: 0; } } @media (max-width:767px) { .page-calendar .bcm { display:none; } } /************************************************************************* SOCIAL LINKS *************************************************************************/ .social-links{ font-weight: bold; position: relative; } .fb-link{ background-image: url(../img/fb.png) !important; background-repeat: no-repeat; background-position: center center; display:inline-block; width: 20px; height: 20px; margin-right: 3px; position: relative; top: 5px; } .twitter-link{ background-image: url(../img/twitter.png) !important; background-repeat: no-repeat; background-position: center center; display:inline-block; width: 20px; height: 20px; margin-right: 3px; position: relative; top: 5px; } .instagram-link{ background-image: url(../img/instagram.png) !important; background-repeat: no-repeat; background-position: center center; display:inline-block; width: 20px; height: 20px; margin-right: 3px; position: relative; top: 5px; } .blog-bcm-link{ font-size: 16px; display: inline-block; position: relative; top: 6px; color: #00A1E0; width: 55px; height: 20px; background-image: url(../img/bcm-blog-icon.png) !important; background-repeat: no-repeat; background-position: center center; } /************************************************************************* NEWSROOM STYLES *************************************************************************/ .node-type-news-releases #region-content a, .node-type-news-releases #region-content a:link, #block-block-27 a, #block-block-27 a:link{ color: #00A2E1 !important; } .field-name-field-release-date{ color: #CC0000; font-size: 12px; } .node-type-news-releases .block-imageblock a, .node-type-news-releases .block-imageblock a:link{ color: white; } .node-type-news-releases p strong{ font-weight: bold; } .field-name-field-new-release-bottom{ font-size: 12px; line-height: 20px; } .node-type-news-releases h1.page-header{ margin-top: 60px; } #region-content{ position: relative; } .node-type-news-releases #block-block-29{ position: absolute; top: 0; left: 0; } .print-page{ position: relative; left: 200px; } .field-name-field-news-subhead{ font-style: italic; line-height: 18px; font-size: 14px; margin: 5px 0px; } .node-type-news-releases #block-block-29 a.back-to-in-the-news, .node-type-news-releases #block-block-29 a.back-to-in-the-news:link{ background-image: url(../img/back-to-news.png); background-repeat: no-repeat; background-position: left center; padding: 20px 0px 20px 50px; color: #666 !important; font-weight: bold; } .node-type-news-releases #block-block-29 a.print-page, .node-type-news-releases #block-block-29 a.print-page:link{ color: #000 !important; font-size: 12px; background-image: url(../img/print.png); background-repeat: no-repeat; background-position: left center; padding: 20px 0px 20px 30px; } .bold{ font-size: 16px; font-weight: bold; } .awards-2012, .awards-2011, .awards-2010, .awards-2009, .awards-2008, .awards-2007{ padding-left: 125px; margin-bottom: 20px; line-height: 18px; } .awards-2011{ min-height: 80px; } .awards-2012 ul, .awards-2011 ul, .awards-2010 ul, .awards-2009 ul, .awards-2008 ul, .awards-2007 ul{ list-style: disc; margin-left: 30px; } .awards-2012 ul li, .awards-2011 ul li, .awards-2010 ul li, .awards-2009 ul li, .awards-2008 ul li, .awards-2007 ul li{ margin-bottom: 10px; } .awards-2011{ background-image: url(../img/2011-award.png); background-repeat: no-repeat; background-position: left top; } .awards-2009{ background-image: url(../img/2009-award.png); background-repeat: no-repeat; background-position: left top; } .page-node-83 h3, .page-node-83 h4, .page-node-85 h3, .page-node-86 h3{ font-weight: bold; font-size: 15px !important; } .email-us{ margin-top: 10px; } .node-type-newsroom #block-block-27 h2{ font-weight: normal !important; } .node-type-newsroom .content h4{ font-weight: bold; font-size: 18px; } .node-type-newsroom .block h2{ font-weight: bold; font-size: 18px; } #block-views-news-release-blocks-block-4 h2{ margin-bottom: 10px; } .view-id-news_release_blocks .views-row{ border-top: 1px solid #CCC; padding: 5px 0px; } .view-id-bcm_photography .photo-list ul li{ position: relative; padding: 10px 50px 10px 0px; border-bottom: 1px solid #999; line-height: 16px; min-height: 110px; list-style: none; } .view-id-bcm_photography .photo-list ul li img{ float: left; margin-right: 20px; } .view-id-bcm_photography .photo-list ul li .download-file{ position: absolute; bottom: -5px; left: 100px; } .view-id-bcm_photography .photo-list ul ul li{ position: relative; padding: 0px; border-bottom: 0px; clear: both; } .view-id-news_release_blocks .views-row.views-row-last{ border-bottom: 1px solid #CCC; } .view-id-news_release_blocks .views-row .views-field-field-release-date .date-display-single{ font-weight: bold; } .view-id-news_release_blocks .views-row .views-field-title a, .view-id-news_release_blocks .views-row .views-field-title a:link{ line-height: 15px; color: #00A1E0; } .view-id-news_release_blocks .views-row .views-field-title a:hover{ text-decoration: underline; } .node-type-newsroom #block-block-27 a, .node-type-newsroom #block-block-27 a:link{ color: #00A1E0; } .node-type-newsroom #block-block-27 a:hover{ text-decoration: underline; } .node-type-newsroom .ui-accordion .ui-accordion-header .ui-icon{ display: none; } .node-type-newsroom .ui-accordion-icons .ui-accordion-header a{ padding: 0px; color: white; font-weight: normal; } .node-type-newsroom .ui-accordion-content{ padding: 0px 0px 0px 0px !important; } .node-type-newsroom .ui-accordion-content > div{ margin-bottom: 20px; } .promo-photog-heading{ font-size: 16px; font-weight: bold; } .photo-download img{ float: left; margin-right: 15px; margin-bottom: 10px; } .photo-download{ line-height: 18px; } .view-id-bcm_photography .views-row{ position: relative; } .download-file a, .download-file a:link{ text-decoration: underline; color: #00A1E0; background-image: url(../img/download-arrow.png); background-repeat: no-repeat; background-position: left top; padding-left: 15px; position: absolute; bottom: 15px; left: -15px; } .node-type-news-releases .menu .menu li a.active-trail{ background-image: url(../img/active-white-arrow.png) !important; background-repeat: no-repeat; background-position: right center; color: white; } ul.menu li{ margin: 0px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #fff; text-decoration: none; }