/* OSU Navbar main styles */ /* Optional: CSS reset - uncomment if not already using a reset html, body, div, span, p, a, img, ul, li {margin:0;padding:0;border:0;} */ #osu_navbar .container { margin: 0 auto; min-width: 300px; } /* Optional: Use #osu_navbar .container to set width, margin and padding of navbar content #osu_navbar .container {padding-left:15px; padding-right:15px;} */ .osu-semantic { position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden; } a.osu-semantic:active, a.osu-semantic:focus { position: absolute; left: 0; top: 0; overflow: visible; font-family: 'proximanova',Arial,sans-serif; } a#skip:active, a#skip:focus { position: absolute; top: 0; left: 25%; width: 50%; text-align: center; padding: 0.5em 0 1.5em 0; display: block; color: #fff; z-index: 999999999999999999; text-decoration: none; background: #666; background: rgba(0, 0, 0, 0.8); border: 1px dotted #ccc; border-top: none; border-radius: 0 0 6px 6px; } a#skip:active:hover, a#skip:focus:hover { background: #b00; background: rgba(187, 0, 0, 0.8); } /*Update background color, but do not remove red bg*/ #osu_navbar { clear: both; margin: 0; padding: 0; background: #333 url(/assets/osu-navbar/white/bg-navbar_red-8325526df1a7ccd3ab04e984fe97f463eb8f8aee30cee802aaeaa3ab126fe6ec.png) center bottom repeat-x; overflow: hidden; } #osu_navbar * { font-family: 'proximanova','Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.5; font-weight: 400; } /* University info */ #osu_navbar p { margin: 0; padding: 0; } #osu_navbar .univ_info { float: left; padding: 1em 0; } #osu_navbar .univ_links { float: right; clear: none; padding: 1em 0 0; margin-top: -2px; } #osu_navbar .univ_name a { height: 16px; width: 80px; display: block; text-indent: -9999px; background: url(/assets/osu-navbar/white/osu_name-4d4df8fc1e3731ed9e3f40e375613f41739e8f9a995cdfd143ca92ad69472433.png) 0 0 no-repeat; } /* Links */ #osu_navbar div.links { float: left; } #osu_navbar div.links ul { margin: 0; } #osu_navbar div.links ul li { list-style: none; float: left; margin-left: 1em; } #osu_navbar div.links ul li a { color: #fff; text-decoration: none; } #osu_navbar div.links ul li a:hover { text-decoration: underline; } /* -------------------------- Responsive -------------------------- Must include: in the of the html file */ /* Replace text links with icons when space runs out at 720px*/ @media only screen and (max-width: 720px) { #osu_navbar div.links ul { margin-top: -2px; } #osu_navbar div.links ul li { list-style: none; float: left; margin-left: .5em; } #osu_navbar div.links ul li a { height: 23px; width: 23px; display: block; overflow: hidden; text-indent: -999px; } #osu_navbar div.links ul li a:hover { text-decoration: none; } #osu_navbar div.links ul li a.help { background: url(/assets/osu-navbar/white/resp-help-3867a4e3db1627da238cc36a5b997dee4f2cdc0f1eb031f252f6892d1a1b4440.png) 0 0 no-repeat; } #osu_navbar div.links ul li a.buckeyelink { background: url(/assets/osu-navbar/white/resp-buckeyelink-56b106a57713dd3cda3166ef3e589d83d71b201dc81756ea36964b5b8e16f71a.png) 0 0 no-repeat; } #osu_navbar div.links ul li a.map { background: url(/assets/osu-navbar/white/resp-map-0465d2a0586496ecd116961444b3f0eb8704c8842c0d9584e8c40f1b04a1ab31.png) 0 0 no-repeat; } #osu_navbar div.links ul li a.findpeople { background: url(/assets/osu-navbar/white/resp-findpeople-2ae481bcc10c5b0459dc66cde225051c192512b6503a0768d3579842da9b8f4d.png) 0 0 no-repeat; } #osu_navbar div.links ul li a.webmail { background: url(/assets/osu-navbar/white/resp-webmail-b5ba5e2d6462bde078a15a645ab863ee8aa715ab2faeec84df65141f0f3ebe54.png) 0 0 no-repeat; } #osu_navbar div.links ul li a.search { background: url(/assets/osu-navbar/white/resp-search-3181af4667caa5508e7fb8980e24a0d56ec68d3097f4b13c981557ceca482942.png) 0 0 no-repeat; } /* Hide search box */ #osu_navbar div.search { display: none; } } /* Shrink tOSU name when space runs out at 480px */ /* @media only screen and (max-width: 480px) { #osu_navbar .univ_name a {height:16px; width:85px; display:block; text-indent:-9999px; overflow:hidden; background: url(/assets/osu-navbar/white/osu_name-4d4df8fc1e3731ed9e3f40e375613f41739e8f9a995cdfd143ca92ad69472433.png) -30px 0 no-repeat;} } */ /* Retina icons */ @media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 600px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 600px) and (min-device-pixel-ratio: 2) { #osu_navbar .univ_name a { background-image: url(/assets/osu-navbar/white/osu_name@2x-3794f25e1e07e69864cd74737e5e52f5291b049112ad5ad811fd50f2b26264cb.png) !important; /* scale name background size */ /* -webkit-background-size: 100px 16px; -moz-background-size: 100px 16px; */ background-size: contain; } #osu_navbar div.links ul li a.help { background-image: url(/assets/osu-navbar/white/resp-help@2x-a13f886280fa06ccc5df1af7bdea0c3a780e625542f2ab4212b1507c034e1d47.png) !important; } #osu_navbar div.links ul li a.buckeyelink { background-image: url(/assets/osu-navbar/white/resp-buckeyelink@2x-285768cf15719c88fdf0cb260435357f3bc3052fb8a430e081dc99cdf33b760d.png) !important; } #osu_navbar div.links ul li a.map { background-image: url(/assets/osu-navbar/white/resp-map@2x-fcb2f473bb26fe23b1bb2302f83317ca1691bf3a2eb93106caf74b47a31d072f.png) !important; } #osu_navbar div.links ul li a.findpeople { background-image: url(/assets/osu-navbar/white/resp-findpeople@2x-ec60f277e0e6c071eddae71cb18dc971fb4279a2f28247af42084b139cfc95b8.png) !important; } #osu_navbar div.links ul li a.webmail { background-image: url(/assets/osu-navbar/white/resp-webmail@2x-bcc0035c0ddc41568233ad8e610fd035d08fd5fcbde3454415fc2236c0a836bc.png) !important; } #osu_navbar div.links ul li a.search { background-image: url(/assets/osu-navbar/white/resp-search@2x-16a53744b9430ecc032b2464b590bb3e468f8ffbbc8c2b8740ddb1df9d34a85c.png) !important; } /* scale icon background size */ #osu_navbar div.links ul li a.help, #osu_navbar div.links ul li a.buckeyelink, #osu_navbar div.links ul li a.map, #osu_navbar div.links ul li a.findpeople, #osu_navbar div.links ul li a.webmail, #osu_navbar div.links ul li a.search { -webkit-background-size: 23px; -moz-background-size: 23px; background-size: 23px; } }