/* * 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 */ /* #Site Styles ================================================== */ body {background:#fff; font: 16px/21px 'proximanova', Arial, sans-serif;font-weight:normal; color:#111;} h1, h2, h3, h4, h5, h6, p, li, a {font-weight:normal;} h1, h2, h3 {font-family:'proximanova',Arial,sans-serif; font-weight:600;} h4, h5, h6 {font-family: 'proximanova',Arial,sans-serif; font-weight:600;} small {color:#cccccc;font-size:12px;} #masthead {clear:both; background:#fff url(../images/bg-bricker.jpg) top center no-repeat; background-size:cover; overflow:hidden;} #masthead h1 {font-family:'proximanova',Arial,sans-serif; font-weight:600; font-size:60px; color:#111; padding-top:95px;} #masthead h1 a {text-decoration:none;} #masthead h1 a:hover {color:#111111;} #masthead h1 span.preheading {font-size:18px; display:block; line-height:24px; text-transform:uppercase; margin-top:-24px; font-weight:400;} #masthead p.tagline {margin-top:0;} div.osu_logo {float:right;} div.osu_logo a {display:block; overflow:hidden; width:167px; height:180px; text-indent:-9999px; background:transparent url(../images/osu-web-header-vert2.png) 0 0 no-repeat; } #content {clear:both;} #footer {background:#333 url(../images/bg-footer.jpg) center top no-repeat; background-size:cover; color:#fff; padding:30px 0;} #footer h4, #footer h5, #footer h6 {color:#fff;} #footer p, #footer a {font-size:13px; color:#fff;} #footer li {margin-bottom:.25em;} #footer li a {text-decoration:none; color:#ccc;} #footer li a:hover {text-decoration:underline; color:#fff;} /* #Page Styles ================================================== */ #index #content{ padding-bottom:20px;} #index #content h3 {background:#333; color:#fff; border-top:1px solid #b00; font-weight:300; text-indent:5px; line-height:1.5; margin:10px 0; clear:both;} span.more {float:right; margin-right:5px;} span.more a {font-weight:400; font-size:12px; text-transform: uppercase; color:#ccc; text-decoration: none;} span.more a:hover {text-decoration: underline; color:#9CB6D2;} #index #content h3 small a {color:#ccc;} #index #content h3 small a:hover, #index #content h3 small a:focus {color:#fff;} #index .slideshow li a {font-family: 'proximanova',Arial,sans-serif; font-weight:400;} #content h2.section {background:#333; color:#fff; text-indent:5px; text-transform: uppercase; margin: 0; padding:5px 0;} #content p, #content li, #content p a, #content li a {font-family: 'capita','Times New Roman',serif; line-height:24px;} #content a.button {font-family:'proximanova',Arial,sans-serif; font-size:13px; font-weight:600;} #content p {margin: 0 0 1.5em 0;} #content ul, #content ol {margin-bottom: 1.5em;} #page #content .hero_banner {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;} #page #content .hero_banner img, #page #content .hero_banner iframe, #page #content .hero_banner object, #page #content .hero_banner embed {width:100%; height:100%; position:absolute; top:0; left:0;} #page #content .container {/* background:#eee; */} #content #main_column {background:#fff; min-height:400px;} #content #sidebar {/* padding:20px; */} #content #sidebar * {font-family:'proximanova',Arial,sans-serif;} #content #sidebar h4 {margin-top:10px; margin-bottom:10px; border-bottom:1px dotted #b00;} /* #content #sidebar li a {text-decoration:none;} #content #sidebar li a:hover {text-decoration:underline;} */ #content #sidebar input[type="text"].search {width: 205px; display: inline-block; } #content hr {width:100%;} #content ul.video_list {margin-top:20px; margin-bottom:0;} #content .video_list li { width:29.333%; float:left; line-height:1.2; /* padding-right:7px; */ margin: 0 2%;} #content .video_list li img {width:100%;} #content .video_list li a {font-family:'proximanova',Arial,sans-serif; font-size:13px; text-decoration:none; line-height:1.2;} /* Forms */ #content fieldset {border-left: 1px solid #ccc; padding-left:1em;} /* Social Media Icons */ a.social_icon img {height:32px; width:32px; margin-right:10px; background:#666; border-radius:4px;} a:hover.social_icon img {background:#b00;} #content p.president_dates {font-family:'proximanova',Arial,sans-serif;} #content p.updated {font-family:'proximanova',Arial,sans-serif; font-style:italic; color:#666; text-align:right;} span.event_date {font-weight:600 !important;} #page #subcontent {} /* Feature slider */ #slideshow { -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; position: relative;} ul.featureslider {} .twenty-twenty-vision-tag { position: absolute; top: 2.2em;} /* News slider */ #content ul.newsslider {} #content ul.newsslider li div.news_slide {width:120px; margin:0 10px;} #content ul.newsslider li div.news_slide a {font-family:'proximanova',Arial,sans-serif; font-size:13px; text-decoration:none; line-height:1.2em;} #content ul.newsslider li div.news_slide a:hover {text-decoration: underline;} #content span.publication {font-style:italic; color:#666;} /* Blog */ #blog_heading {background:#3d4652;} #blog_heading p {color: #fff; text-transform: uppercase; padding:7px 0; } #blog_heading p a {color:#fff; text-decoration: none;} #blog_heading p a:hover {text-decoration: underline;} #blog_heading p a span.blog_title {font-weight:700;} span.blog_postdate {color:#666; font-style:italic;} li span.blog_postdate {font-size:12px;} ul.pageList {} ul.pageList li {display:inline-block; padding:3px;} ul.pageList li a {} /* Google custom search */ .cse .gsc-control-cse, .gsc-control-cse {padding:1em 0 !important; } table.gsc-search-box td {vertical-align: top !important;} .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {margin-top: 0px !important;} input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {background-color:#666 !important; border-color:#666 !important; border-radius:4px !important;} input.gsc-search-button:hover, input.gsc-search-button:focus {background-color: #b00 !important;} /* Photowall Gallery */ #photowall {} #photowall .gal-item a img {width:183px; height:183px; float:left; clear:none; } #photowall .gal-item:nth-child(5n+3) img {width:370px; height:370px;} #photowall .gal-item.masonry-brick {margin:0 4px 4px 0; overflow:hidden; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } #photowall .gal-item.masonry-brick:hover {z-index:100; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7); box-shadow: 0 0 10px rgba(0,0,0,0.7); } /* Responsive YouTube */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 20px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* Buttons */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 12px; font-weight: 600; line-height: 38px; text-transform: uppercase; text-decoration: none; white-space: nowrap; background:none; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; box-sizing: border-box; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; background: none; outline: 0; } .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #33C3F0; border-color: #33C3F0; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #1EAEDB; border-color: #1EAEDB; } /* #Media Queries ================================================== */ /* Smaller than standard 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) { #masthead {} #masthead h1 {font-size:52px; padding-top:95px;} #content img {max-width:100%;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #masthead {} #masthead h1 {font-size:44px; padding-top:20px;} #masthead h1 span.preheading {margin-top:0;} div.osu_logo {display:none;} #content img {max-width:100%;} #content .video_list li { width:94%; margin-bottom:1em; } } /* 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) { #masthead {} .iosSlider .slider .item .text1, .iosSlider .slider .item .text2 {background:rgba(0,0,0,0.8);} .iosSlider .slider .item .text1 span {font: 30px/40px 'proximanova',Arial,sans-serif;} #page #content #sidebar {padding:0;} #photowall .gal-item a img {width:146px; height:146px; float:left; clear:none; } #photowall .gal-item:nth-child(5n+3) img {width:146px; height:146px;} } /* #IE fixes ================================================== */ #global_nav { border-top:1px solid rgb(187,0,0)\9;} #global_nav ul li a:hover {background:rgb(68,68,68)\9;} #index #content h3 span.more {*margin-top:-30px;} .ie8 *, .ie7 *, .ie6 * {font-family:Arial, sans-serif !important;}