@media screen, projection { /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version:2.6.0 */ html{color:#000; background:#113d64;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}table{border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0; font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit; font:100%;}pre,code,kbd,samp,tt{font-family:monospace; *font-size:108%; line-height:100%;} /** REDECLARATIONS **/ html {height:100%; background:#113d64 url(images/bg.jpg) 0 0 repeat-x;} body {height:auto; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#646464; line-height:1.4em; background:#113d64 url(images/bg.jpg) 0 0 repeat-x;} p {margin:0 0 1em;} a {text-decoration:none; outline:none; color:#1a6fc4; font-weight:bold; border-bottom:1px dotted #1a6fc4;} a:hover {margin:0; padding:0; color:#e1d587;} strong {font-weight:bold;} em {font-style:italic;} h1,h2,h3,h4,h5,h6 {margin:0 0 0.5em; color:#0e4979; line-height:1.1em; font-weight:bold;} h1 {font-size:240%; font-weight:normal; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #dadada;} h2 {font-size:140%; font-weight:bold;} h3 {margin:0.75em 0 0.5em; font-size:120%;} h4 {font-size:108%;} h1, h6 {font-family:georgia;} h2 a {font-family:helvetica;} li {margin:3px 0;} ol,ul {margin:0px 20px 20px 30px;} ul ul {margin-left:10px;} ol li {list-style-type:auto; list-style-position:outside;} ol.alpha-roman {list-style-type:lower-alpha;} ol.alpha-roman ol {list-style-type:lower-roman;} table {width:100%; margin:10px 0 20px; border-collapse:collapse;} th {color:#fff; background-color:#0d4b7c;} th, td {padding:4px 8px; border:1px solid #dadada;} sup {font-size:65%;} /** STYLE CHUNKS **/ hr {border:0px solid #ccc; background:#ccc; height:1px; margin:15px 0; clear:left;} .hr {clear:both; height:1px; margin:20px 0; border-bottom:1px solid #dadada;} a.ical {padding:1px 0 0 20px; background:url(images/ical.gif) left center no-repeat;} a.feed {padding:1px 0 0 20px; background:url(images/feed.gif) left center no-repeat;} a.pdf {padding:1px 0 0 20px; background:url(/images/icons/pdf.gif) left center no-repeat;} ul.formatted_list, ul.rss-items {clear:both; margin:0; padding:0; line-height:1.2em;} ul.formatted_list li, ul.rss-items li {margin:0; padding:5px 0; border-top:1px solid #dadada; list-style-type:none; background:url(images/raquo.gif) left 10px no-repeat;} ul.formatted_list li:first-child, ul.formatted_list li.first, ul.rss-items li:first-child {border:none;} ul.formatted_list li a, ul.rss-items li a {margin-left:15px; border:none; color:#747474; text-decoration:none; font-size:92%;} ul.formatted_list li a:hover, ul.rss-items li a:hover {color:#c9b867;} ul.col-half {width:290px; float:left; padding:0px 0px 20px 0px;} /* image styles */ .image-default a {border:none;} .image-default {float:left; max-width:230px; margin:10px 20px 10px 0;} .image-default a:hover img {background:#ddd; border:1px solid #aaa;} .image-default img {padding:0px; background:#eee; max-width:230px; border:0px solid #333;} .image-right {float:right; padding:0; margin:0 0 20px 20px; width:auto;} .image-right a {border:none;} .image-right a:hover img {background:#ddd; border-color:#aaa;} .image-right img {background:#eee; border:0px solid #aaa; float:left; margin:0; padding:0px;} .image-left {float:left; margin:0 20px 10px 0;} .image-left a {border:none;} .image-left a:hover img {background:#ddd; border:1px solid #aaa;} .image-left img {background:#eee; border:0px solid #aaa; max-width:230px; margin:0; padding:0px;} .image-center {text-align:center;} .image-center a {border:none;} .image-left, .image-right, .image-default {text-align:center;} h2.toolkit { margin:2rem 0 3rem; } .toolkit img { vertical-align:middle; margin:-1rem 0.5rem 0 0; float:left; } .image-white img {border:none; background:none; padding:0;} .border img {border:1px solid #174071; padding:2px; background:#fff;} #b-nd-faculty-staff.borders th img {padding:4px; border:1px solid #ffffff;} .noborder {border:none !important;} /** PULL QUOTES AND PHOTOS **/ blockquote {font-size:114%; margin:20px 0; padding:20px 30px 10px; color:#fde15a; background:#f1ebc7; border-top:1px solid #174071;} blockquote p {color:#0E4979; font-weight:normal; font-family:georgia;} blockquote cite {display:block; font-size:77%; margin:10px 0 32px;} blockquote.pull {float:right; width:180px; margin:-20px 0 0 15px; padding:20px; font-size:121%; border:none;} blockquote.pull p {} blockquote strong {color:#333; font-weight:normal; font-style:italic;} p.center {text-align:center;} .center {text-align:center;} /** STRUCTURE **/ #wrapper_outer {width:100%; min-width:960px; height:100%; position:relative; background:url(images/header.jpg) top center no-repeat;} #wrapper {position:relative; width:960px; margin:0 auto; padding:0 0 10px;} #skip_links {display:none;} #header {position:relative; width:960px; height:116px;} #header h5 a {text-indent:-9999px; text-decoration:none; border:none; float:right; display:block; width:450px;margin-top:13px;} #header h4 {margin:0; padding:0;} #header h4 a {display:block; width:300px; height:40px; margin:0; text-indent:-9999px; border:none; overflow:hidden;} #header h3 {clear:both; margin:0; padding:0;} #header h3 a {display:block; margin:0; border:none; color:#e1d38e; text-decoration:none; line-height:1.8em; font-size:2.5rem; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;} #search_header {position:relative; float:left; /*width:100%;*/ margin:3px;} #search_input {float:left; width:144px; height:19px; padding:8px 0 2px 6px; border:none; font-size:90%; color:#000; background:url(images/search_input.png) 0 0 no-repeat;} #search_button {float:left; padding:0;} #navsearch {position:relative; float:left; width:222px; margin:20px 0 1px 0; background:#fff; padding:1px 1px 0 1px; border-top:1px solid #ddd;} #navsearch form {float:left; position:relative; padding:8px 0 8px 6px; background:#e1d587; width:216px; } #navsearch #search_input {float:left; width:126px; height:15px; padding:5px 0 2px 6px; margin-right:3px; border:none; font-size:65%; color:#fff; background:url(images/inputbox.jpg) 0 0 no-repeat;} #search_header {position:absolute; top:70px; right:0;} #search_input {float:left; width:154px; height:15px; padding:5px 0 2px 6px; border:none; font-size:90%; color:#000; background:url(images/search_input.png) 0 0 no-repeat;} #search_button {float:left; padding:0;} #navsearch {position:relative; float:left; width:222px; margin:20px 0 1px 0; background:#fff; padding:1px 1px 0 1px; border-top:1px solid #ddd;} #navsearch form {float:left; position:relative; padding:8px 0 8px 6px; background:#e1d587; width:216px; } #navsearch #search_input {float:left; width:126px; height:15px; padding:5px 0 2px 6px; margin-right:3px; border:none; font-size:65%; color:#fff; background:url(images/inputbox.jpg) 0 0 no-repeat;} #content {float:left; display:inline; overflow:hidden; background:#fff url(images/wrapper-bg.gif) -4px 0px repeat-y; ; margin:5px 0 0 0; font-size:92%; width:958px; border-left:1px solid #dadada; border-right:1px solid #dadada;} #alpha {float:left; display:inline; width:504px; border-left:1px solid #dadada; min-height:400px; padding:0px 0px 25px 0px;} #beta {float:left; display:inline; width:224px; margin:0 0 20px; padding:0 0 20px;} #gamma {float:left; display:inline; width:228px; background:#fffdf1;} .twocol #alpha {width:692px;} .twocol #content {background-position:-507px 0px;} #beta a img {margin:10px 0px 0px 5px;} #topfaq {position:relative; float:left; padding:0px 3px 3px 2px; border-bottom:1px solid #dadada;} #topfaq h3 {background:url(images/askhr.gif) top left no-repeat; text-indent:-9999px; width:224px; height:36px; margin:0;} #topfaq ul {float:left; padding:0; margin:0;} #topfaq li {float:left; background:#f2e9c2 url(images/topfaqli.gif) top left repeat-x; width:224px; list-style-type:none; margin:0;} #topfaq li a {float:left; padding-left:40px; padding:10px 10px 10px 40px; width:170px; color:#1a1c1e; font-weight:normal; border:none;} #topfaq li #first {background:url(images/one.gif) left center no-repeat;} #topfaq li #second {background:url(images/two.gif) left center no-repeat;} #topfaq li #third {background:url(images/three.gif) 1px center no-repeat;} #topfaq li #fourth {background:url(images/four.gif) 2px center no-repeat;} #topfaq li #fifth {background:url(images/five.gif) 5px center no-repeat;} #topfaq li a:hover {text-decoration:underline;} #announcements, #gamma_events {position:relative; float:left; padding:20px 15px;} #announcements {padding-bottom: 5px;} #announcements h2 a, #gamma_events h2 a {color:#231f20; font-size:75%;} #announcements h3 a, #gamma_events h3 a {margin:-20px -15px 10px; float:left; width:190px; background:url(images/gammah3.gif) top left repeat-x; color:#3f3f3f; font-size:131%; font-family:georgia; text-indent:0; padding:8px 20px; margin-bottom:10px; font-weight:normal; text-decoration:none; border-top:1px solid #dadada; border-bottom:1px solid #dadada;} #announcements h3 a:hover, #gamma_events h3 a:hover {text-decoration:underline;} #announcements .news_entry {float:left; margin:0; padding:0 0 10px 4px; border:0;} #announcements h2 {margin:0; padding:0;} #beta h4 {letter-spacing:2px; font-weight:normal; text-transform:uppercase; font-family:"gill sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} #beta .button {border:0px solid #E1D587; float:left; margin:10px 0 0 5px;} #beta .button:hover {border:0px solid #022a4d;} #beta .button img {float:left; margin:0;} #sidebar {float:left; padding:20px;} /** STYLES **/ span.more {padding-left:10px; background:url(images/raquo.gif) 0 center no-repeat; clear:left;} a.more {padding-left:10px; background:url(images/raquo.gif) 0 center no-repeat;} div.featured_home {} div.featured_home h2 {margin:0;} div.featured_home h3 {margin:3px 0; font-weight:normal; font-size:92%;} /** FOOTER **/ #footer {position:relative; clear:both; margin:15px 0; padding:15px 0 30px; font-size:92%;} #footer p {margin:0; color:#fff; padding:0 20px;} #footer a {color:#e1d38e; border:none;} #footer a:hover {text-decoration:underline;} #footer .tel, #footer .fax {margin:0 0 0 10px;} #footer #und_mark {background:url(images/ndmark.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:20px; right:0; width:184px; height:44px; border:none;} #footer #site_link {margin:0 14px;} #nav {width:224px; float:left; margin-top:0px; list-style-type:none; border:0px solid #b8b8b8;} #nav ul {list-style-type:none; margin:0; padding:0; width:224px; border-bottom:1px solid #dadada;} #nav ul ul {padding:0;} #nav li {position:relative; margin:0px; list-style-type:none; padding:0px; border-bottom:1px solid #fff; border-top:1px solid #dadada; background:url(images/navli.jpg) 0px 1px no-repeat;} #nav li.first {} #nav li.last {border-bottom:1px solid #ff;} #nav li a {display:block; margin:0 0 0 8px; font-weight:normal; padding:8px 0 8px 20px; color:#174071; border:none; border-top:1px solid #fff; text-decoration:none; font-size:100%; font-weight:bold;} #nav li a:hover {color:#e1d587; background-color:#174071;} #nav li a.current {color:#e1d587; background-color:#0d4b7c;} #nav li li {background:none; margin:0px 15px; border:none; border-bottom:1px solid #dadada; padding:4px 0 4px 8px; background:url(images/navarrow.jpg) 0px 7px no-repeat; line-height:1.1em;} #nav li ul {margin-left:0px; border:0; padding:10px 0px; background:#fff; margin-top:1px; border-top:1px solid #dadada;} #nav li li.first {border-top:0px solid #dadada;} #nav li li.last {border-bottom:0px solid #dadada;} #nav li li a {background:none; color:#174071; padding:2px 0px; font-size:100%; font-weight:normal; margin:0 2px;} #nav li li a:hover {background-color:#fff; color:#b19a03;} #nav li li a.current {color:#b19a03; background-color:#fff;} #nav ul.depth_3 {padding:10px 0; width:auto; margin:0 0 0 -6px; border-bottom:0px solid #dadada;} #nav ul.depth_3 li {margin:0; padding:0 0 0 12px; color:#174071; border:none; background:url(images/dot.gif) left 7px no-repeat;} #nav ul.depth_3 li a {line-height:114%; padding:3px 0; border-bottom:1px solid #dadada; width:98%;} #nav ul.depth_3 li a:hover, #nav ul.depth_3 li a.current {color:#b19a03;} #nav ul.depth_3 li a.current {border:none;} #nav ul.depth_3 li.last a {border:none;} #nav ul.depth_4 {padding:0px; width:auto; border-bottom:1px solid #dadada;} #nav ul.depth_4 li {margin-right:0; color:#174071; background-image:url(images/dot-gold.gif);} #nav ul.depth_4 li a {padding:3px 0;} #nav ul.depth_4 li a.current {border-bottom:1px solid #dadada;} #nav ul.depth_5 {padding:0px; width:auto;} #nav ul.depth_5 li {margin-right:0; color:#174071;} #nav li li li a {} #nav li li li a:hover {} #nav li li li a.current {color:#4e4e4e;} #policies-toc ul {width:230px; float:left; padding:0px 0px 20px 0px; margin:0;} #policies-toc li {float:left; width:200px; padding-right:20px; padding-left:15px; background:url(images/file.gif) 0 5px no-repeat; list-style-type:none;} #policies-toc ul ul {float:left; margin:0 0 15px 0; padding:0; width:210px;} #policies-toc ul ul li {padding-right:0;} #policies-toc ul.left {clear:left} #policies-toc h3 {width:100%; clear:left; margin-bottom:20px;} #alpha ul li {padding-right:20px; padding-left:15px; background:url(images/bullet.jpg) 0px 7px no-repeat; list-style-type:none;} #alpha ul.files li {background:url(images/file.gif) 0 5px no-repeat;} #b-awards-recognition table {border:none;} #b-awards-recognition table tr {border:none;} #b-awards-recognition table td {border:none;} .btn-toolkit, .btn-toolkit:hover { float:none; clear:both; padding:0.5rem 1rem; border:0; color:#0e4979; display:inline-block; margin:2rem 0; text-decoration:none; background:#f6edcc; } .btn-toolkit:hover { background:#efe2b5; } .btn.blue {display:inline-block; *display:inline; *zoom:1; margin-bottom:0.15em; *margin-left:.3em; padding:.5em 0; cursor:pointer; color:#fff; font-family:gpcBook,Helvetica,Verdana,Arial,sans-serif; font-size:1.35em; font-weight:normal; line-height:0.85em; text-align:center; text-decoration:none; text-shadow:0 -1px #000; vertical-align:middle; background:#dcb439; width: 100%; border:1px solid #001227; background:#002b5b url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png) 0 0 repeat; background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), -webkit-linear-gradient(top, #003b7c 0%, #001227 100%); background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), -moz-linear-gradient(top, #003b7c 0%, #001227 100%); background:url(/stylesheets/themes/ndt/v2/images/texture-checkers-lightblue50.png), linear-gradient(top, #003b7c 0%, #001227 100%); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3); box-shadow: 0 0 4px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3); -webkit-transition:all 250ms ease-in-out; -moz-transition:all 250ms ease-in-out; transition:all 250ms ease-in-out; } .btn.blue:link {color:#fff;} .btn:visited {color:#fff;} .btn.blue:hover,.btn.blue:active, .btn.blue.active:hover { color:#e6cb55; background:#002b5b; background: -webkit-linear-gradient(top, #003b7c 0%, #031a3d 100%); background: -moz-linear-gradient(top, #003b7c 0%, #031a3d 100%); background: linear-gradient(top, #003b7c 0%, #031a3d 100%);} .btn.blue.large { max-width:100%; margin-top:.5em; padding:.75em 0; font-size:1.5em; } } /* Fonts https://dev.conductor.nd.edu/fonts/ ----------------------------------------------------*/ @font-face { font-family:GP; font-weight:400; font-style:normal; src:url('https://static.nd.edu/fonts/gp-min/gp-medium.woff2') format('woff2'), url('https://static.nd.edu/fonts/gp-min/gp-medium.woff') format('woff'), url('https://static.nd.edu/fonts/gp-min/gp-medium.ttf') format('truetype'); } @font-face { font-family:GPC; font-weight:400; font-style:normal; src:url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff2') format('woff2'), url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff') format('woff'), url('https://static.nd.edu/fonts/gp-min/gpc-medium.ttf') format('truetype'); } /* Grid --------------------------------------------*/ .grid { clear: both; } .grid .grid-item { width: calc(50% - 2.7rem - 2px); display: inline-block; min-height: 4rem; padding: 1rem; vertical-align: top; /*background-color: #fff8db;*/ margin-bottom: 1.3em; border: 1px solid #e3e0bf; box-shadow: inset #faf9e7 0 0 5px; } .grid .grid-item:nth-child(odd) { margin-right: 0.5rem; } .grid .grid-item:nth-child(even) { margin-left: 0.5rem; } .grid .grid-item h3 { margin-top: 0; font-size: 1.4em; } .grid .grid-item p { margin-bottom: 0; } .wellbeing-wheel { display:none; } @media screen and (min-width:700px) { .wellbeing-wheel { display:block; margin:0 auto; max-width:80%; } .wellbeing-wheel #wellbeing-wheel { width: 100%; } .wellbeing-links { display:none; } }