/* * 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:400;} h1, h2, h3, h4, h5, h6 {font-family:'proximanova',Arial,sans-serif; font-weight:600;} a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, li a, p a, blockquote a, a:visited, p a:visited {color: #004fad;} a:hover {color: #147bf9;} .left {float:left;} .right {float:right;} #masthead {clear:both; background:#fff url(../images/hale-header.jpg) top center no-repeat; background-size:cover; overflow:hidden;} #masthead h1 {font-family:'proximanova',Arial,sans-serif; font-weight:600; font-size:48px; padding-top:70px;} #masthead h1 span.preheading {font-size:18px; display:block; line-height:24px; text-transform:uppercase; margin-top:-24px; font-weight:400;} #masthead h1 a {text-decoration:none; color:#000;} #masthead h1 a:hover {color:#004fad;} #masthead h1 a:focus {outline: none; border:none; color:#004fad; text-decoration:underline;} 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; } */ div.osu_logo a {display:block; overflow:hidden; width:130px; height:142px; text-indent:-9999px; background:transparent url(../images/osu-40px-vert2-clear.png) 0 0 no-repeat; } /* .flexnav li.active, .flexnav li.active a {background:#111;} */ #secondlevel_nav {background:#111; overflow:hidden; padding:6px 0;} #secondlevel_nav ul {margin:0; padding:0;} #secondlevel_nav li {list-style:none; display:inline;} #secondlevel_nav li a {color:#ccc; text-decoration:none; font-size:13px; padding:3px; margin:0 1.5em 0 0; display:inline-block;} /* #secondlevel_nav li a:after {content:' • ';} */ #secondlevel_nav li a:hover, #secondlevel_nav li.active a {text-decoration:underline; color:#fff;} #content {clear:both;} #content img {max-width: 100%;} #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 ul {list-style: none outside; margin-left:0;} #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{} #index #content h3, #sidebar h3 {background:#333; color:#fff; border-top:1px solid #b00; font-weight:300; text-indent:5px; margin:10px 0;} 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 .slideshow li {font-family: 'proximanova',Arial,sans-serif; font-weight:400;} #content p, #content li, #content p a, #content li a {line-height:24px; } #content p {margin: 0 0 1em 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;} .panel {border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; } #page #content .container {background:#eee;} #content #main_column {background:#fff;} table {} thead td {border-bottom: 1px solid #ddd; background:#eee; border-right:1px solid #fff;} td {padding:.5em;} table.staff_list {width:100%; margin-bottom:2em;} table.staff_list td {padding:.5em; font-size:14px;} table.staff_list td[colspan="5"] {background:#fff; border-bottom:1px solid #276D76;} table.staff_list td h3 {margin-bottom:0;} table.staff_list th {background:#276D76; color:#fff; font-size:14px; font-weight:600; text-align:left; padding:.5em; border-left:1px solid #E6EEF0;} table.staff_list tr:nth-child(2n-1) {background:#E6EEF0;} ul.atoz {margin:0; padding:0;} ul.atoz li {display:inline; list-style:none; } ul.atoz li a {padding:.25em; margin-right:.5em; display:inline-block;} /* pagination styles */ .pageNav ul {margin:0; padding:0; text-align:center;} .pageNav li {list-style:none; display:inline-block; margin:0 2px; padding:0;} .pageNav li a {padding:5px 10px; margin:0; background:#efefef; border-radius:2px; border:1px solid #ccc; font-size:10px; font-weight:bold; color:#666; text-decoration: none;} .pageNav li a.active {color:#b00;} #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;} #index #content #sidebar ul {list-style: none outside; margin-left:0;} #page #content #sidebar ul {list-style: disc outside; margin-left:30px;} #content #sidebar li a {text-decoration:none;} #content #sidebar li a:hover {text-decoration:underline;} span.event_date {font-weight:600 !important;} /* -------CALENDAR STYLES------- */ /* Calendar month view styles found in assets/components/eventsCalendar2/css/ohiostate/theme.css */ #content .event_summary {clear:both; overflow:hidden; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px;} #content .datebox{ height: 70px; width: 100px; background:url(../images/bg-calendarpage.jpg) no-repeat; margin: 0 20px 10px 0; padding-top: 25px; text-align:center; float:left; } #content .datebox p{ margin: 0; padding:0; line-height:1em; width:100%; } #content .month { font-size:12pt; font-weight:normal; text-transform:uppercase; } #content .day { font-size: 30pt; font-weight:bold; color:#000; } #content .eventbox {overflow:hidden;} #content .eventbox h4 {} #content .eventbox p {margin:0;} /* Feature slider */ #slideshow { -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc;} ul.featureslider {margin-left:0;} /* News slider */ #content ul.newsslider {margin-left:0;} #content ul.newsslider li {line-height:1;} #content ul.newsslider li a {font-family:'proximanova',Arial,sans-serif; font-size:13px; text-decoration:none;line-height:1;} #content li .news_slide a:hover {text-decoration:underline;} #content .news_thumb img {width:175px; height:100px;} /* 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;} /* Breadcrumbs */ .B_crumbBox, #breadcrumb {margin:0 0 .5em 0; padding:0;} .B_crumbBox li, #breadcrumb li {font-size:11px; display:inline; margin:0; padding:0; list-style:none;} #breadcrumb li + li:before{ content: '»'; margin: 0 6px; } /* # jQuery Accordion ================================================== */ /* #accordion-container {} .accordion-header {cursor: pointer;} .active-header {background: url(../images/active-header.gif); background-repeat: no-repeat; background-position: 95% 50%;} .active-header:hover {background: url(../images/active-header.gif); background-repeat: no-repeat; background-position: 95% 50%;} .inactive-header {background: url(../images/inactive-header.gif); background-repeat: no-repeat; background-position: 95% 50%;} .inactive-header:hover {background: url(../images/inactive-header.gif); background-repeat: no-repeat; background-position: 95% 50%;} .accordion-content {display: none;} */ /* ======================================================== Accordion classes have accordion behavior Submenu classes appear the same, but do not expand/contract like the accordion does ======================================================== */ #accordion-container {margin-bottom: 1.5em} #accordion-container p {margin-bottom:0;} #submenu-container {} .accordion-header, .submenu-header { font-size: 14px; margin: 0; padding: 5px 27px 5px 10px; cursor: pointer; color: #111; /* text-indent:10px; */ border-bottom:1px solid #ccc; font-weight:600; } .submenu-header {color:#333;} .accordion-header a, .submenu-header a {text-decoration:none;} .accordion-header a:hover, .submenu-header a:hover {text-decoration:underline;} .active-header { background: url(../images/accordion-active-header.gif)/* #ddd */; color:#fff; background-repeat: no-repeat; background-position: right 50%; } .submenu-header:hover {background: /* #900 */;} .active-header:hover { background: url(../images/accordion-active-header.gif); color:#fff; background-repeat: no-repeat; background-position: right 50%; } .inactive-header { background: url(../images/accordion-inactive-header.gif); background-repeat: no-repeat; background-position: right 50%; } .inactive-header:hover { background: url(../images/accordion-inactive-header.gif) /* #900 */; background-repeat: no-repeat; background-position: right 50%; color:#fff; } .inactive-header:hover a, .inactive-header a:hover {color:#000;} /* p.submenu-header:hover a, p.submenu-header a:hover {color:#000; text-decoration:none;} */ p.submenu-header.active {background:#ddd;} p.submenu-header.active a {color:#fff;} /* second level lists (contained in accordion)*/ .accordion-content { display: none; padding:0; margin:0; overflow:hidden; font-size:13px; } #page #content #sidebar .accordion-content ul {margin:0; padding:0;} .accordion-content ul li { margin:0; padding:0; width:100%; list-style:none;} .accordion-content ul li.active {/* background:#eee; */ font-weight:bold;} .accordion-content ul li.active a:before {content:"» ";} .accordion-content ul li.active a { color:#222;} .accordion-content ul li a {padding:5px 20px; border-bottom:1px solid #c6c6c6; display:block; text-decoration:none;} .accordion-content ul li a:hover {/* background:#ddd; */color:#333;} .accordion-header.active {background-color:#ddd;} .accordion-header.active a:before {content:"» ";} .accordion-header.active a:hover {background-color:#ddd;} .active-header a {/* color:#fff; */} /* ======================== MoreGallery styles ======================== */ span.close {float:right;} span.close > a {text-decoration: none; color:#ccc; font-size:36px;} span.close > a:hover {color:#aaa;} .mg_prev_next {margin-top:3em;} .mg_prev_next a.button {color:#000;} /* ======================== Subsite styles ======================== */ #page.subsite #masthead h1 {font-size:40px; padding-top:70px;} #page.subsite #masthead span.tagline {margin-top:0; display:block; font-size:24px; line-height:1;} #page.subsite #masthead h1 span.preheading {} /* Key colors */ #page.subsite .flexnav .touch-button .navicon {color: #fff;} #page.subsite #sidebar h3 {border:none; background:transparent; color:#222; text-indent:0; font-weight:600;} #page.subsite.key_gray #content .container {background:#eee;} #page.subsite.key_violet .menu-button {background:#5E0D8B;} #page.subsite.key_violet #global_nav, #page.subsite.key_violet .flexnav li a {background: #450A66; border-color: #35084E;} #page.subsite.key_violet .flexnav li ul, #page.subsite.key_violet .flexnav li ul li a {background: #250636;} #page.subsite.key_violet .flexnav ul li ul li a {background: #15031D;} #page.subsite.key_violet #content .container {background:#EEE6F3;} #page.subsite.key_sky .menu-button {background:#72869B;} #page.subsite.key_sky #global_nav, #page.subsite.key_sky .flexnav li a {background: #576676; border-color: #3D4652;} #page.subsite.key_sky .flexnav li ul, #page.subsite.key_sky .flexnav li ul li a {background: #3D4652;} #page.subsite.key_sky .flexnav ul li ul li a {background: #23262D;} #page.subsite.key_sky #content .container {background:#E1E9F2;} #page.subsite.key_lime .menu-button {background:#A2A830;} #page.subsite.key_lime #global_nav, #page.subsite.key_lime .flexnav li a {background: #7C8024; border-color: #575819;} #page.subsite.key_lime .flexnav li ul, #page.subsite.key_lime .flexnav li ul li a {background: #575819;} #page.subsite.key_lime .flexnav ul li ul li a {background: #31300E;} #page.subsite.key_lime #content .container {background:#F4F7C6;} #page.subsite.key_turq .menu-button {background:#0A5D66;} #page.subsite.key_turq #global_nav, #page.subsite.key_turq .flexnav li a {background: #0A444C; border-color: #08333A;} #page.subsite.key_turq .flexnav li ul, #page.subsite.key_turq .flexnav li ul li a {background: #08333A;} #page.subsite.key_turq .flexnav ul li ul li a {background: #062328;} #page.subsite.key_turq #content .container {background:#E6EEF0;} #page.subsite.key_gold .menu-button {background:#DCAA00; color:#111;} #page.subsite.key_gold #global_nav, #page.subsite.key_gold .flexnav li a {background: #C99A00; border-color: #A37C00; color:#111;} #page.subsite.key_gold .flexnav li ul, #page.subsite.key_gold .flexnav li ul li a {background: #7D5F00; color:#fff;} #page.subsite.key_gold .flexnav ul li ul li a {background: #574200;} #page.subsite.key_gold #content .container {background:#FBF6E5;} #page.subsite.key_brown .menu-button {background:#65513C;} #page.subsite.key_brown #global_nav, #page.subsite.key_brown .flexnav li a {background: #5D4937; border-color: #4B3B2C;} #page.subsite.key_brown .flexnav li ul, #page.subsite.key_brown .flexnav li ul li a {background: #3A2D22;} #page.subsite.key_brown .flexnav ul li ul li a {background: #291F18;} #page.subsite.key_brown #content .container {background:#EFEDEB;} #page.subsite.key_olive .menu-button {background:#8C8800;} #page.subsite.key_olive #global_nav, #page.subsite.key_olive .flexnav li a {background: #716D00; border-color: #575300;} #page.subsite.key_olive .flexnav li ul, #page.subsite.key_olive .flexnav li ul li a {background: #3D3A00;} #page.subsite.key_olive .flexnav ul li ul li a {background: #221F00;} #page.subsite.key_olive #content .container {background:#F5F4E5;} #page.subsite.key_orange .menu-button {background:#D76E25;} #page.subsite.key_orange #global_nav, #page.subsite.key_orange .flexnav li a {background: #C05511; border-color: #9B440E;} #page.subsite.key_orange .flexnav li ul, #page.subsite.key_orange .flexnav li ul li a {background: #9B440E;} #page.subsite.key_orange .flexnav ul li ul li a {background: #77340A;} #page.subsite.key_orange #content .container {background:#FAEEE7;} #page.subsite.key_sand .menu-button {background:#B7A367; color:#111;} #page.subsite.key_sand #global_nav, #page.subsite.key_sand .flexnav li a {background: #8C7C4F; border-color: #625637;} #page.subsite.key_sand .flexnav li ul, #page.subsite.key_sand .flexnav li ul li a {background: #625637;} #page.subsite.key_sand .flexnav ul li ul li a {background: #382F1E;} #page.subsite.key_sand #content .container {background:#FDF5DC;} #page.subsite.key_aqua .menu-button {background:#5AA9A0;} #page.subsite.key_aqua #global_nav, #page.subsite.key_aqua .flexnav li a {background: #498981; border-color: #386863;} #page.subsite.key_aqua .flexnav li ul, #page.subsite.key_aqua .flexnav li ul li a {background: #386863;} #page.subsite.key_aqua .flexnav ul li ul li a {background: #284845;} #page.subsite.key_aqua #content .container {background:#EFF8F7;} #page.subsite.key_slate .menu-button {background:#C0BAAB; color:#111;} #page.subsite.key_slate #global_nav, #page.subsite.key_slate .flexnav li a {background: #78726A; border-color: #544F4A;} #page.subsite.key_slate .flexnav li ul, #page.subsite.key_slate .flexnav li ul li a {background: #544F4A;} #page.subsite.key_slate .flexnav ul li ul li a {background: #302B29;} #page.subsite.key_slate #content .container {background:#F2F0EB;} #page.subsite.key_rose .menu-button {background:#7C035B;} #page.subsite.key_rose #global_nav, #page.subsite.key_rose .flexnav li a {background: #65024A; border-color: #4D0138;} #page.subsite.key_rose .flexnav li ul, #page.subsite.key_rose .flexnav li ul li a {background: #4D0138;} #page.subsite.key_rose .flexnav ul li ul li a {background: #360127;} #page.subsite.key_rose #content .container {background:#F3E5EF;} #gallery {overflow:hidden;} .gal-item {float:left; margin:0 10px 10px 0;} /* Google custom search */ .gsc-control-cse {background-color:transparent !important; border:none !important;} .cse .gsc-control-cse, .gsc-control-cse {padding:1em 0 !important; background-color:transparent;} 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;} /* #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:48px; padding-top:70px;} #page #content img, #page #sidebar img {max-width:100%; height:intrinsic;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #masthead {} #masthead h1 {font-size:40px; padding-top:20px;} #masthead h1 span.preheading {margin-top:0;} #page.subsite #masthead h1 {font-size:30px; padding-top:20px;} #page.subsite #masthead span.tagline {margin-top:0; display:block; font-size:20px; line-height:1;} #page.subsite #masthead h1 span.preheading {} div.osu_logo {display:none;} #page #content img, #page #sidebar img {max-width:100%; height:intrinsic;} /* #global_nav {background:#fff !important;} */ } /* 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 {} #masthead h1 {font-size:29px; padding-top:25px; margin-bottom:.5em;} #masthead h1 span.preheading {font-size:14px; line-height:14px;} #page.subsite #masthead h1 {line-height:30px;} #page.subsite #masthead h1 span.preheading {font-size:14px; line-height:14px;margin-bottom:10px;} #page.subsite #masthead span.tagline { line-height:1.4;} .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 img {max-width:100%;} #page #content #sidebar {padding:0;} } /* #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;} .ie6 *, .ie7 *, .ie8 * {font-family:Arial, sans-serif !important;} .ie6 #global_nav, .ie7 #global_nav, .ie8 #global_nav {font-size:14px;} /* #Print styles ================================================== */ @media print { #masthead, #osu_navbar, #global_nav, .B_crumbBox, #sidebar, #footer, div.osu_logo a {display:none;} .container .ten.columns, .container .two-thirds.column {width:100%;} }