/*
Theme Name: UW
Theme URI: washington.edu
Description: A parent theme for UW Wordpress templates
Author: UW Web Team
Author URI: http://uw.edu/
Version: 1.3.0
*/
/********************************************************************************************************************************************************************************
Common to both Mobile and Desktop
*********************************************************************************************************************************************************************************/
/************************************************************************************
Global
*************************************************************************************/
body {
font-size: 90%;
}
h1, h2, h3, h4 {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
letter-spacing: -.05em;
color: #39275B;
}
h1 {
margin: 10px 0 25px;
font-size: 2.65em;
font-weight: 400;
line-height: 1.1em;
}
h2, h3, h4 {
margin-bottom: 10px;
font-weight: 300;
letter-spacing: 0;
font-size: 1.7em;
}
h1 i, h1 em {
font-weight: 400;
font-family: Baskerville, 'Times New Roman', Times, serif;
text-transform: lowercase;
font-size: 1.1em;
}
h2 {
font-size: 1.5em;
line-height: 26px;
margin-bottom: 10px;
letter-spacing: 0;
font-weight: 300;
}
h3 {
color: #39275B;
font-size: 1.25em;
line-height: 23px;
font-weight: 400;
}
h4 {
font-size: 1.2em;
line-height: 24px;
}
h4 em {
color: #6B6B6B;
font-family: Baskerville, 'Times New Roman', Times, serif;
font-weight: 300;
font-size: 1.3em;
}
a {
color: #407BA0;
}
a:focus {
color: #005580;
text-decoration: underline;
}
p {
line-height: 1.55em;
margin-bottom: 1.4em;
}
ul, ol {
margin-left: 5px;
margin-bottom: 1.4em;
}
li {
line-height: 21px;
}
img {
height: auto !important;
}
object, embed, iframe {
margin: 10px 0 15px;
display: block;
max-width: 100% !important;
}
hr {
clear: both;
}
summary {
font-family: Baskerville, 'Times New Roman', Times, serif;
font-weight: 300;
font-style: italic;
font-size: 1.6em;
color: rgb(57, 39, 91);
padding: 17px 0;
margin: 10px 0 20px 0;
border-top: 1px solid rgb(243, 243, 243);
line-height: 30px;
border-bottom: 1px solid rgb(243, 243, 243);
}
blockquote p {
line-height: 22.5px;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 16px;
font-style: italic;
padding: 10px 10px;
color: #777;
font-weight: 300;
}
/* ---- Right Sidebar ---- */
#sidebar ul {
margin-left: 0;
}
#sidebar li {
list-style: none;
}
.widget {
margin: 0 0 25px 0;
}
.widget img {
margin: 0 0 10px;
}
.widget_recent_entries h2,
.widget_categories h2,
.widget_archive h2,
.widget_links h2,
.widget_archive h2,
.widget_links h2,
.popular-posts h2,
.widget_yarpp_widget h2,
.widget_uw_showcase h2,
.widget_mailchimp_subscribe h2,
.widget_text h2,
.subpage_menu h2,
.pagelet_widget h2,
.widget_uw_rss_widget h2,
.widget_twitter_feed h2,
.widget_calendar h2,
.widget_recent_comments h2,
#masonry h2 {
background: url(img/widgets/headline-background.jpg) no-repeat -16px -148px transparent;
padding: 32px 0 5px;
}
.pagelet_widget h2	{ background-position: -16px -295px }
.widget_links h2	{ background-position: -16px -148px }
.documents h2	{ background-position: -16px -154px }
.video h2 { background-position: -16px -295px }
.announcements h2 { background-position: -16px -454px }
.widget_recent_entries h2 { background-position: -16px -578px }
.widget_categories h2 { background-position: -16px -154px }
.widget_archive h2 { background-position: -16px -295px }
.popular-posts { background-position: -16px -295px }
.widget_yarpp_widget h2	{ background-position: -16px -578px }
/* - Documents Widget - */
.widget_categories select {
width: 100%;
}
/** Link Widget **/
.widget_links li {
margin: 0 0 10px;
}
.widget_links a {
font-size: 16px;
display: block;
line-height: 21px;
}
/* - Video Widget - */
#sidebar .video li {
background: url(img/widgets/widget-sprite.png) no-repeat 2px -201px transparent;
padding: 2px 0 2px 25px;
}
/* - Pride Points Widget - */
.widget_uw-pride-points {
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
padding: 5px;
margin: 0px 0px 25px 3px;
position: relative;
text-align: center;
}
.widget_uw-pride-points p {
padding: 5px;
margin: 0;
}
.pride-point p {
color: rgb(57, 39, 91);
font-family: Baskerville, 'Times New Roman', Times, serif;
font-weight: 300;
font-size: 1.3em;
text-align: center;
font-style: italic;
padding: 0 20px;
line-height: 23px;
margin: 5px 0 10px;
}
.pride-point p.pride-src {
border-top: 1px solid rgb(221, 221, 221);
display: inline-block;
font-style: normal;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 17px;
padding: 5px 10px;
color: rgb(163, 163, 163);
}
.widget_uw-pride-points span {
z-index:1;
background: url("img/widgets/pride-points.png") 0 0 no-repeat transparent;
display: block;
width: 123px;
height: 65px;
position: absolute;
top: 30px;
left: -15px;
overflow: hidden;
text-indent: -99999px;
}
/* - Announcements Widget - */
#sidebar .announcements li {
margin: 0 0 0 20px;
}
/* - Search Widget - */
.widget_search {
margin-bottom: 15px;
}
.widget_search div {
position: relative;
}
.screen-reader-text {
position:absolute;
z-index: -1;
top: 12px;
left: 25px;
}
#s {
border-radius: 30px;
padding: 9px 0 9px 38px;
width: 83%;
color: #444;
box-shadow: inset 1px 1px 5px #d3d3d3;
-webkit-box-shadow: inset 1px 1px 5px #d3d3d3;
-moz-box-shadow: inset 1px 1px 5px #d3d3d3;
border: none;
}
::-webkit-input-placeholder {
color: #888;
}
:-moz-placeholder {
color: #888;
}
#searchsubmit {
position: absolute;
left: 9px;
top: 5px;
background: url(img/header/header-sprite.png) no-repeat -103px 2px transparent;
box-shadow: none;
border: none;
display: block;
text-indent: -999px;
overflow: hidden;
padding: 5px 16px;
height: 28px;
width: 32px;
}
/* ---- Twitter Widget ---- */
.tweet {
border-bottom: 1px dotted rgb(221, 221, 221);
margin-bottom: 10px;
}
.twitter-box img {
width: 30px;
height: 30px;
float: left;
margin: 5px 7px 0 0;
}
.tweet p {
margin-bottom: 10px;
}
.twitter-feed {
padding: 10px 0 0 0
}
.twitter-box h2 a {
padding-left: 32px;
color: rgb(57, 39, 91);
background: url(img/soc-med.gif) no-repeat 0 -88px transparent; }
/* ---- Youtube Playlist Shortcode ---- */
.youtube-large {
float: left;
width: 72%;
margin: 1% 0 1% 1%;
}
.youtube-small {
width: 20.5%;
padding: 2.5% 2.5% 2.2% 3%;
float: right;
overflow: hidden;
position: relative;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(left, #dddddd 0%, #ffffff 3%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dddddd), color-stop(3%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #dddddd 0%,#ffffff 3%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #dddddd 0%,#ffffff 3%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f4f4 0%,#ffffff 3%); /* IE10+ */
background: linear-gradient(to right, #dddddd 0%,#ffffff 3%); /* W3C */
}
#youtube-playlist-player {
box-shadow: 1px 1px 7px #E0E0E0;
clear: both;
}
#youtube-playlist-player object {
width:100%;
margin: 0;
}
#youtube-playlist-player ul li:first-child {
display: none;
}
#youtube-playlist-player ul {
margin: 0;
}
#youtube-playlist-player ul li {
margin-bottom: 5px;
background: none;
padding:0;
position: relative;
}
#youtube-player-controls {
height: 339px;
overflow: hidden;
padding: 0;
}
#youtube-player-controls span {
display: block;
font-size: 85%;
line-height: 1.3em;
}
#youtube-player-controls .title { margin: 5px 0 0 0 }
#youtube-player-controls a {
display: block;
margin: 0 0 10px;
overflow: hidden;
position: relative; }
#youtube-player-controls .duration { color: #484848 }
#youtube-player-controls .playBtn {
left: 43px;
position: absolute;
top: 31px;
z-index: 0;
border: none; }
#youtube-player-controls .viewport {
height: 335px;
overflow: hidden;
position: relative;
width: 115px; }
#youtube-player-controls .overview {
list-style: none;
position: absolute;
left: 0;
top: 0;
width:100%;
}
#youtube-player-controls .thumb .end,
#youtube-player-controls .thumb { background-color: #888888 }
#youtube-player-controls .scrollbar {
display: none;
float: right;
width: 10px; }
#youtube-player-controls .track {
background-color: #f4f4f4;
height: 100%;
width: 8px;
position: relative;
padding: 0 1px; }
#youtube-player-controls .thumb {
height: 20px;
width: 8px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0; }
#youtube-player-controls .thumb .end {
overflow: hidden;
height: 5px;
width: 8px; }
#youtube-player-controls .disable { display: none }
/* ---- Right Sidebar Menu Structure ---- */
.widget_nav_menu h2, .subpage_menu h2 {
font-size: 21px;
color: #39275b;
line-height: 26px;
padding: 0 0 30px 0;
margin: 0;
background: url(img/side-menu-bg.gif) no-repeat bottom center transparent;
}
.widget_nav_menu h2 a, .subpage_menu h2 a {
font-size: 21px;
color: #39275b;
border: none;
}
.widget_nav_menu h2 a, .subpage_menu h2 a {
padding-left: 13px;
/* background: url("img/arrow.png") no-repeat -25px -11px transparent; */
margin-left: -14px;
}
.widget_nav_menu a, .subpage_menu a {
text-decoration: none;
border-bottom: 1px solid #F4F4F4;
display: block;
color: #484848;
font-size: 13px;
padding: 2px 0 2px;
margin-bottom: 4px;
}
#sidebar .menu a:hover {
font-weight: bold;
}
#sidebar .widgettitle a:hover {
color: #919191;
}
.widget_nav_menu li:last-child a, .subpage_menu li:last-child a, .related-posts li:last-child {
border: none;
}
.menu .sub-menu, .menu .children {
display: none;
}
.sub-menu li:last-child a {
border-bottom: none;
}
.menu > li > a:after {
content: '+';
color: rgb(215, 169, 0);
font-size: 15px;
font-weight: bold;
margin-left: 5px;
}
#ie8 .menu > li > a:after { content: '';}
.menu li > a:only-child:after {content: ''; }
/* ---- All Gold Bullet Stylings ---- */
#nc-left-col .widget ul li,
#sidebar .announcements ul li,
.entry-content ul li,
.widget_text ul li,
.widget_uw_showcase ul li,
.pagelet_widget ul li,
.widget_uw_rss_widget ul li {
margin-left: 0;
margin-bottom: 5px;
background: url('img/bullet-gold.png') no-repeat left 7px transparent;
padding-left: 12px;
}
li {
list-style: none;
}
.entry-content ol > li {
padding-left: 0;
background: none;
margin-left: 18px;
}
ol > li {
list-style: decimal;
margin-left: 18px;
}
.more, .rss-more {
background: url('img/misc/bullet.png') right center no-repeat;
padding-right: 10px;
padding: 6px 17px 6px 10px;
background-color: #F4F4F4;
border-radius: 20px;
}
/* ---- Blogroll ---- */
.shortcode-blogroll img {
width: 17%;
margin: 0 10px 10px 0;
}
.shortcode-blogroll li > a {
font-size: 1.2em;
margin-bottom: 5px;
display: inline-block;
line-height: 22px;
}
ul.shortcode-blogroll li {
border-bottom: 1px solid rgb(243, 243, 243);
padding: 0;
margin: 0 0 20px 0;
display: block;
overflow: hidden;
background: none;
}
/* ---- Archive Page ---- */
.archive h1 {
font-size: 1.7em;
margin-bottom: .3em;
}
.archive article img {
float: right;
margin: 0 0 20px 40px;
border: 4px solid white;
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.archive .span8 {
margin-top: 5px;
}
/* ---- Comments (built-in) ---- */
.entry-header {
position:relative;
}
.entry-header .comments-link a {
background: rgba(0, 0, 0, 0) url('img/comment-bubble.png') no-repeat 0 4px;
color: #666;
font-size: 13px;
font-weight: normal;
line-height: 35px;
overflow: hidden;
padding: 0 0 0 24px;
position: absolute;
top: -5px;
right: -19px;
text-align: center;
text-decoration: none;
width: 43px;
height: 36px;
}
.entry-header .comments-link .leave-reply {
visibility: hidden;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
background-position: 0 -37px;
color: #000;
}
.comment {
list-style: none;
}
.commentlist {
margin: 0;
}
.commentlist .children {
margin: 0 0 0 20px;
}
.comment-body {
border-left: 3px solid #EFEFEF;
font-size: 14px;
line-height: 18px;
margin: 20px 0;
padding: 0 20px;
}
.depth-1 {
border-bottom: 1px dotted #DDD;
}
.reply {
text-align: right;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}
.comment-author img {
float: left;
margin: 0 15px 0 0;
}
.comment-body p {
padding: 10px 0;
}
#comments, #respond h3 {
font-size: 16px;
padding: 40px 15px 0 25px;
display: block;
clear: both;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 20px;
}
#respond h3 {
padding: 40px 15px 15px 0;
}
.nocomments {
display: none;
}
/* ---- Tags ---- */
.entry-meta {
margin: 10px 0;
}
.edit-link.pull-right{
border: 2px solid;
padding: 3px 12px;
border-radius: 30px;
background-color: #00B424;
color: white;
text-shadow: 1px 1px 1px #333;
}
/* ---- Fixes double border and padding ---- */
.pull-right .pull-right {
padding: 0;
border: 0;
}
.edit-link.pull-right a {
color: white;
}
/* ---- Three Columns ---- */
.three-col {
margin: 0 17px;
}
/* ---- Image Page ---- */
.attachment-jpeg #primary {
background-color: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.image-page .attachment {
text-align: center;
}
.image-page .image-attachment {
padding: 50px 0;
}
.image-page .attachment p {
width: 55%;
margin: 0 auto;
color: #666;
font-size: 13px;
}
.image-page img {
display: block;
margin: 0 auto;
border: 5px solid #fff;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}
.image-page .sharing {
margin: 10px auto;
padding-top: 10px;
display: table;
}
.image-page #arrow-mark {
display: none;
}
body .image-page h1, body.single .image-page h1 {
clear: both;
border: none;
font-size: 21px;
display: inline-block;
padding: 0 15px 10px 10px;
margin: 40px 0 10px 0;
}
/************************************************
* New Alert *
************************************************/
#uwalert-alert-message div {
width: 1100px;
margin: 0 auto;
padding: 5px 0 15px;
}
#uwalert-alert-message h1, #uwalert-alert-message p {
color: white;
padding: 5px 100px 0 200px;
margin: 0;
}
#uwalert-alert-message h1 {
font-size: 18px;
}
#uwalert-alert-message p {
font-size: 13px;
line-height: 15px;
}
#uwalert-alert-message a { color: #FDE048; }
.uwalert-red { background-color: #C61029;}
.uwalert-red div	{ background: url('https://www.washington.edu/static/alert_logo_red.jpg') no-repeat 0 -38px; }
#alert-mini.uwalert-red	{ background: url('https://www.washington.edu/static/alert_logo_red.jpg') no-repeat 16% 14% #C61029; background-size: 18%; }
.uwalert-steel { background-color: #597286; }
.uwalert-steel div { background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 0 -38px; }
#alert-mini.uwalert-steel { background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 16% 14% #597286; background-size: 18%; }
.uwalert-blue { background-color: #0193c9; }
.uwalert-blue div { background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 0 -38px; }
#alert-mini.uwalert-blue { background: url('https://www.washington.edu/static/alert_logo_steel.jpg') no-repeat 16% 14% #597286; background-size: 18%; }
.uwalert-orange { background-color: #ec7330;}
.uwalert-orange div { background: url('https://www.washington.edu/static/alert_logo_orange.jpg') no-repeat 0 -38px; }
#alert-mini.uwalert-orange { background: url('https://www.washington.edu/static/alert_logo_orange.jpg') no-repeat 16% 14% #ec7330; background-size: 18%; }
@media (min-width: 768px) and (max-width: 979px) {
#access {
overflow: hidden;
}
body #primary {
width: 768px;
margin: 0 auto;
}
body .rightside .inner-wrap {
float: left;
}
body #thin-strip div {
width: 768px;
margin: 0 auto;
}
body .patch {
left: 25px;
}
body #header {
width: 768px;
margin-left: -400px;
}
body .wordmark {
left: 145px;
}
.main-search {
right: 25px;
}
.nav-collapse, .nav-collapse.collapse {
visibility:hidden;
height:0;
}
body .nav-collapse .nav > li > a:hover {
background-color: #f4f4f4;
color: #484848;
}
body .navbar-caret, .caret { display: none !important }
body .dropdown-menu {
height:0px;
}
body .dropdown-menu.open {
box-shadow: none;
padding-bottom: 30px;
}
body .menu-block {
background: none;
padding: 20px 0 0;
}
body .nav-collapse .dropdown-menu a:hover {
background-color: #08C;
}
.dropdown-toggle { border-bottom: 1px solid #F3F3F3; }
.nav li:last-child .dropdown-toggle {
border: 0;
}
body .nav > li.uw-medicine {
text-indent: 0;
overflow:auto;
width: 100%;
background: none;
}
body #navbar-menu {
background-color: #fff;
}
body .navbar .nav > li > a {
color: #484848;
padding: 12px 9px 12px 30px;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
color: #484848;
}
body .navbar-caret { display: none; }
body #navbar-menu:before {
top: 15px;
}
body .nav > li {
background: none;
}
body #nc-left-col .featured img {
width: 228px;
}
body.blog.featured-image #arrow-mark {
background-size: 78%;
margin: -5px 0px 10px -31px;
}
#branding {
height: 150px !important;
}
/* ---- Alert ---- */
#uwalert-alert-message h1, #uwalert-alert-message p {
color: white;
padding: 5px 0 0 200px;
margin: 0;
}
#uwalert-alert-message div {
width: 768px;
}
/* ---- Graduation ---- */
body.site-graduation {
background-size: 183%;
background-position: -290px 10px;
}
}
@media (max-width: 480px) {
}
/********************************************************************************************************************************************************************************
Mobile
*********************************************************************************************************************************************************************************/
@media (max-width: 767px) {
p {
font-size: 15px;
}
#primary {
position: inherit;
width: inherit;
left: inherit;
margin-left: inherit;
}
body {
padding: 0;
}
#branding {
height: auto !important;
}
#menu-primary-menu {
padding: 10px 0 0 0;
}
.nav-collapse {
display:none;
}
.nav-collapse, .nav-collapse.collapse {
height:auto;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
border-bottom: 1px dotted #E1E1E1;
text-shadow: none;
color: #39275b;
position: relative;
}
.nav-collapse .dropdown-menu::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid black;
border-top-color: white;
content: " ";
border-bottom-color: white;
border-bottom: none;
position: absolute;
top: 31px;
display: block;
left: 32px;
}
.nav-collapse .nav > li > a {
margin-bottom: 0;
}
.nav-collapse .dropdown-menu .menu-block a {
font-weight: normal;
color: #555;
padding-left: 0;
padding-top: 5px;
padding-bottom: 5px;
text-shadow: 1px 1px 0 white;
}
.nav-collapse .dropdown-menu .menu-block a:hover {
background-color: #08C;
padding-left: 10px;
color: #fff;
text-shadow: 1px 1px 0 #3A3A3A;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
color: #d7a900;
background-color: inherit;
}
.navbar .nav > li > a:hover {
background-color: #fff;
color: #d7a900;
}
.nav-collapse .nav > li:last-child > a {
border-bottom: none;
}
.navbar-inner {
background-color: #fff;
display: block;
padding: 0 0 0 0;
box-shadow: 0 3px 4px #DDD;
-webkit-box-shadow: 0 3px 4px #DDD;
margin: 0 0 12px 0;
background-image: none;
border-radius: 0;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.navbar-inner h3 {
padding: 5px 0 0;
margin: 0 0 5px;
position: relative;
width: 75%;
}
.navbar-inner h3 a {
font-size: 20px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: -.05em;
color: #39275B;
padding: 0 15px 0 10px;
border-left: 4px solid #D7A900;
display: inline-block;
line-height: 22px;
}
.navbar-inner h3 a::before {
box-shadow: inset 2px 0 1px black;
left: 0px;
position: absolute;
top: 50%;
margin-top: -4px;
display: block;
border-left: 7px solid #D7A900;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
content: " ";
}
/* Mobile Side Menu */
.menu .pull-left {
float: none;
width: 100% !important;
}
#sidebar .sub-menu.open,
#sidebar .children.open {
box-shadow: inset 0 0 7px rgb(192, 192, 192);
background-color: rgb(244, 244, 244);
display: block;
width: 100% !important;
padding: 10px 15px 5px 20px;
margin-left: -20px !important;
margin-top: -5px;
}
.menu .menu-item,
.menu .page_item {position: relative}
.menu > .menu-item::after,
.menu > .page_item::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid black;
border-top-color: white;
content: " ";
border-bottom-color: white;
border-bottom: none;
position: absolute;
top: 28px;
display: block;
left: 32px;
}
/* Stuff to Hide */
.header-image, .skip-link, .assistive-text, .breadcrumbs-list { display: none }
/* =============================================================================
Mobile Header Queries Rewrite
========================================================================== */
#branding {
background-image: none !important;
background-color: #fff !important;
}
#header {
background: url("http://www.washington.edu/static/mobile/image/top_bg_z.jpg") repeat-x scroll center top white;
position: relative;
}
.patch { display: none }
.wordmark {
background: url("img/mobile-header/logo1x.png") no-repeat 0 0 transparent;
width: 263px;
height: 40px;
text-indent: -9999px;
overflow: hidden;
display: block;
}
.wordmark {
background: url("img/mobile-header/logo1x.png") no-repeat 0 0 transparent !important;
width: 263px !important;
height: 44px !important;
}
#listicon-wrapper, #searchicon-wrapper {
background: url("img/mobile-header/dropdowns1x.png") no-repeat -29px 0px transparent;
position: absolute;
top: 4px;
right: 10px;
width: 35px;
height: 30px;
display: block;
text-indent: -9999px;
overflow: hidden;
}
#searchicon-wrapper {
right: 50px;
height: 30px;
background: url("img/mobile-header/dropdowns1x.png") no-repeat 7px 0px transparent;
}
.main-search, #thin-strip {
visibility: hidden;
}
/* =============================================================================
Mobile Header Queries
========================================================================== */
#headerMobile {
position: relative;
width: 100%;
}
#thin-strip {
height: 0;
overflow: hidden;
z-index: 9999;
transition: height .5s;
-moz-transition: height .5s; /* Firefox 4 */
-webkit-transition: height .52s; /* Safari and Chrome */
-o-transition: height .5s; /* Opera */
width: 100%;
visibility: hidden;
}
#thin-strip span {
background:url("img/misc/arrow2.png") no-repeat scroll right -69px transparent;
color: #FFFFFF;
display: block;
font-size: 10px;
height: 32px;
padding: 8px 0 0;
text-align: center;
text-transform: uppercase;
width: 61px;
}
#background {
width: 100%;
background-color:#000;
opacity: .5;
position: absolute;
display:none;
}
#background.open {
display:block;
}
#thin-strip .menuShow {
display: block;
}
#thin-strip ul {
background: url("img/mobile-header/gridLines.png") center center no-repeat #fff;
height: 325px;
z-index: 9999;
box-shadow: inset 0 0 20px #d3d3d3;
-webkit-box-shadow: inset 0 0 20px #d3d3d3;
margin: 5px;
padding: 0;
border: 1px solid #E1E1E1
}
#thin-strip li {
float: left;
list-style: none outside none;
margin: 20px 0 0;
text-align: center;
width: 33%;
}
#thin-strip a {
clear: both;
display: block;
}
#thin-strip li a {
color: #39275B;
margin: 0;
font-size: .8em;
}
#thin-strip li a:last-child {
margin: 5px 0 0 0;
}
#weather {
bottom: 3px;
color: white;
font-size: 11px;
height: 45px;
left: 10px;
padding: 0;
position: absolute;
text-transform: uppercase;
width: 48px;
text-align: center;
font-weight: bold;
}
#weather a {
color: #fff;
line-height: 11px;
font-weight: bold;
font-size: 11px;
}
#search {
box-shadow: inset 0px -2px 4px #DDD;
-webkit-box-shadow: inset 0px -2px 4px #DDD;
background-color: white;
}
.search-options {
display:none;
}
.main-search {
height: 0;
overflow: hidden;
margin: 0 auto ;
width: 95%;
position: relative;
transition: height .5s;
-moz-transition: height .5s; /* Firefox 4 */
-webkit-transition: height .52s; /* Safari and Chrome */
-o-transition: height .5s; /* Opera */
-webkit-transform:translate3d(0,0,0);
}
.main-search.activate, #thin-strip.activate {
height: 45px;
transition: height .5s;
-moz-transition: height .5s; /* Firefox 4 */
-webkit-transition: height .52s; /* Safari and Chrome */
-o-transition: height .5s; /* Opera */
/*visibility: visible;*/
}
#thin-strip.activate {
height: 340px;
display: block !important;
}
.wfield {
-webkit-box-shadow: inset 2px 2px 4px #888;
box-shadow: inset 2px 2px 4px #888;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
width: 100%;
height: 30px;
border: none;
background: url("http://www.washington.edu/static/mobile/image/mag.gif") no-repeat right center #fff;
margin-top: 5px;
display: block;
}
.wfield input {
-webkit-appearance: none;
height: 25px;
padding: 3px 0 5px 15px;
border: none;
width: 100%;
background: none;
font-size: 15px;
color: #484848
}
#logo {
text-align: center;
height: 44px;
}
.nav-collapse .dropdown-menu {
display: none;
}
.nav-collapse .dropdown-menu.open {
height: auto !important;
width: auto !important;
display: block;
box-shadow: inset 0 0 17px #999;
padding: 10px 15px;
margin: 0;
background-color: #F4F4F4;
}
.formbutton {
display: none;
}
/* =============================================================================
Body Content Styles
========================================================================== */
.widget_nav_menu a, .subpage_menu a { font-size: 15px; padding: 4px 0; }
#sidebar {
padding: 15px;
}
.entry-content, .entry-meta, .post-content, #respond, .entry-header {
padding: 0 15px;
}
#respond input[type="text"], #respond textarea {
width: 95%;
}
.post-info p:first-child {
margin: 0;
font-weight: bold;
}
#content .date {
margin-left: 15px;
}
.story-tags { display: none }
.info-box {
padding: 10px 15px;
margin: 30px 0 30px 0;
border-top: 4px solid #D7A900;
border-bottom: 4px solid #D7A900;
background-color: #F9F9F9;
}
#s {
width: 90%;
padding: 9px 0 9px 10%;
}
.sharing li, .sharing-hidden li {}
/* Comments icon */
.entry-header .comments-link a {
float:right;
position:relative;
top:0;
right:0;
margin-right:5px;
}
/* Image Handling */
.image-magnifier {
display: none;
}
.alignleft, .alignright, .alignnone {
min-width: 225px !important;
max-width: 100% !important;
margin: 0 auto;
}
.alignleft img, .alignright img, .alignnone img {
height: auto !important;
width: 100% !important;
min-width: 225px !important;
margin: 1.6em 0 0;
}
.wp-caption-text, .wp-media-credit {
padding: 5px 10px 10px;
font-size: 13px;
line-height: 16px;
background-color: #F4F4F4;
}
.wp-media-credit {
padding: 5px 15px 2px;
text-align: right;
font-style: italic;
margin-bottom: 0;
}
.wp-media-credit:empty { display: none }
/* Copy */
body h1 {
padding: 0 15px 0 10px;
margin: 16px 0 16px 0;
border-left: 4px solid #D7A900;
display: block;
font-size: 24px;
line-height: 27px;
margin-left: -15px;
}
h1 i, h1 em {
font-size: 31px;
}
/* ---- Disqus ---- */
#disqus_thread {
margin: 0 15px;
}
/* ---- Thin Strip Footer ---- */
#footer {
display: none;
}
#footer-main {
background: #bfbfbf; /* Old browsers */
background: -moz-linear-gradient(top, #bfbfbf 0%, #ededed 7%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(17%,#ededed), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bfbfbf 0%,#ededed 7%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bfbfbf 0%,#ededed 7%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bfbfbf 0%,#ededed 7%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #bfbfbf 0%,#ededed 7%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
padding: 20px 0 0 0;
}
#footer-main a {
color: #484848;
margin: 0 0 5px 0;
}
#footer-main ul {
text-align: center;
margin: 0 15px;
}
#footer-main li {
list-style: none;
display: inline-block;
}
#footer-main li a {
padding: 5px 10px;
float: left;
border-radius: 20px;
background-color: #fff;
box-shadow: inset 1px 1px 2px #b1b1b1;
}
#footer-left {
text-align: center;
padding: 10px 0;
}
#footer-right {
display: none;
}
/* ---- Alert ---- */
.alert-steel div, .alert-orange div, .alert-red div, .alert-blue divs {
background-position: center -40px;
}
#uwalert-alert-message{
position: relative;
z-index: 1;
}
#uwalert-alert-message div {
width: 100%;
padding-top: 65px;
}
#uwalert-alert-message h1, #uwalert-alert-message p {
color: white;
padding: 5px 15px 5px 30px;
margin: 0;
border: none;
}
#uwalert-alert-message h1 {
line-height: 18px;
}
/* =============================================================================
Media Queries
========================================================================== */
#thin-strip li a {
padding: 54px 0 0 0;
}
#thin-strip li a {
background-image: url('img/mobile-header/sprite1x.png');
background-repeat: no-repeat;
}
#thin-strip li:nth-child(1) a { background-position: center 0; }
#thin-strip li:nth-child(2) a { background-position: center -173px; }
#thin-strip li:nth-child(3) a { background-position: center -267px; }
#thin-strip li:nth-child(4) a { background-position: center -364px; }
#thin-strip li:nth-child(5) a { background-position: center -446px; }
#thin-strip li:nth-child(6) a { background-position: center -690px; }
#thin-strip li:nth-child(7) a { background-position: center -530px; }
#thin-strip li:nth-child(9) a { background-position: center -83px; }
#thin-strip li:nth-child(10) a { background-position: center -530px; }
#thin-strip li:nth-child(11) a { background: none; padding: 0; }
#thin-strip li:nth-child(12) a { background: none; padding: 0; margin: 0 }
#thin-strip li:nth-child(12) { background: none; margin: 0; }
}
/********************************************************************************************************************************************************************************
Desktop
*********************************************************************************************************************************************************************************/
@media (min-width: 768px) {
/* ---- Photo Handling ---- */
.undefined {
position: relative;
}
.alignleft {
float: left;
margin: 5px 20px 15px 0;
position: relative;
}
.alignright {
float: right;
margin: 5px 0 15px 20px;
position: relative;
}
.wp-media-credit {
text-align: right;
font-size: 11px;
margin: 5px 10px -10px 0;
font-style: italic;
}
.wp-caption-text, .wp-caption-dd {
margin: 15px 10px 0 5px;
border-bottom: 2px solid #F3F3F3;
font-size: 12px;
line-height: 16px;
padding-right: 0;
padding-bottom: 15px;
}
.image-magnifier {
width: 49px;
padding: 10px 5px 9px 32px;
background: url("img/misc/misc-sprite.png") no-repeat 0 0 transparent;
font-size: 9px;
text-transform: uppercase;
color: #fff;
position: absolute;
top: 10px;
left: 5px;
line-height: 11px;
font-weight: bold;
visibility: hidden;
}
.image-fullsize {
text-transform: uppercase;
padding: 5px 0;
font-weight: bold;
text-align: center;
width: 123px !important;
background-color: white;
position: absolute;
left: 10px;
top: 10px;
color: #555;
opacity: 0.5;
border-radius: 3px;
font-size: 11px;
}
.alignleft:hover .image-magnifier, .alignright:hover .image-magnifier {
visibility:visible;
}
/* ---- Fixes LIs from not wrapping properly ---- */
.type-page ul, .type-post ul {
overflow: hidden;
}
/* ---- Inset Boxes ---- */
.info-box {
border-left: 4px solid #DDD;
width: 245px;
float: right;
padding: 10px 0 0 20px;
margin: 0 0 15px 30px;
}
.info-box-large ul { margin-left: -10px; }
.info-box-large ul.shortcode-blogroll { margin: 15px 0 0 0; }
.info-box-large ul.shortcode-blogroll li { margin: 0 0 5px 0; }
.info-box-large {
padding: 25px 10px 15px;
margin: 15px 0 15px 40px;
width: 200px;
border-left: none;
border-top: 3px solid #D7A900;
border-bottom: 3px solid #D7A900;
}
.info-box-large .wp-caption-text {
margin: 0 10px 10px 0;
padding: 5px 0 5px 10px;
background-color: #EEE;
}
.entry-content .info-box-large h2 {
margin-top: 0;
}
/************************************************************************************
Header
*************************************************************************************/
body {
background: url(img/header/bg-stripe.gif) repeat-x 197px 0 #FFF;
}
/* ---- Thin Strip ---- */
#thin-strip {
height: 30px;
position: absolute;
top:0;
left: 0;
right: 0;
background-color: #39275B;
z-index: 3;
box-shadow: 0 0px 6px #333;
-moz-box-shadow: 0 0px 6px #333;
-webkit-box-shadow: 0 0px 6px #333;
overflow: hidden
}
#thin-strip.thin-fixed {
position: fixed;
top: 0px;
}
.logged-in #thin-strip.thin-fixed {
top:28px;
}
.thin-fixed div {
background: url("img/mobile-header/logo1x.png") no-repeat -35px -5px;
}
/*.logged-in #thin-strip {
top: 28px;
} */
#thin-strip div {
height: 30px;
width: 960px;
margin: 0 auto;
}
#thin-strip ul {
float: right;
}
#thin-strip li {
float: left;
list-style: none;
padding: 5px 10px 0 0;
}
#thin-strip li a {
color: #fff;
font-size: 73%;
text-transform: uppercase;
font-weight: bold;
}
#thin-strip img {
margin-top: -8px;
}
/* ---- Switch thin strip colors based on class ---- */
.tan-band #thin-strip {
background-color: #F3F2E9;
}
.tan-band #thin-strip a {
color: #555;
text-shadow: 1px 1px 1px #fff;
}
.tan-band .thin-fixed div {
background: url(img/header/header-sprite.png) no-repeat 10px -225px transparent;
}
.purple-patch .patch {
background-color: #39275B
}
.hide-patch .patch {
display: none;
}
.hide-patch .wordmark {
left: 0;
}
.wordmark-white .wordmark {
background-position: 0 -197px;
}
/* ---- Header Logos Area ---- */
#branding {
position:relative;
height: 165px;
margin-bottom: 20px;
background-position: center top;
padding-top: 30px;
z-index: 1;
}
#header {
z-index: 4;
/* z-index: 2; */
position: relative;
width: 960px;
left: 50%;
margin-left: -480px;
height: 115px;
/* added with super-search */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.wordmark, .patch {
top: -30px;
display: block;
position: absolute;
background: url(img/header/header-sprite.png) no-repeat 5px 15px #D7A900;
width: 95px;
height: 90px;
text-indent: -9999px;
}
.wordmark {
background: url(img/header/header-sprite.png) no-repeat 0 -87px transparent;
width: 325px;
height: 25px;
left: 125px;
top: 25px;
}
/* ---- Top Search ---- */
#search {
position: absolute;
top: 20px;
right: 45px;
}
input[type="submit"].formbutton {
position: absolute;
left: 9px;
top: 4px;
background: url(img/header/header-sprite.png) no-repeat -103px 2px transparent;
box-shadow: none;
border: none;
display: block;
text-indent: -999px;
overflow: hidden;
padding: 5px 16px;
height: 28px;
width: 32px;
}
input[type="text"].wTextInput {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
padding: 9px 0 9px 38px;
width: 175px;
color: #999;
box-shadow: 0 0 8px #8F8F8F;
-webkit-box-shadow: 0 0 8px #8F8F8F;
-moz-box-shadow: 0 0 8px #8F8F8F;
border: none;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
}
.wTextInput:focus, input[type="text"].wTextInput:focus {
width: 225px;
}
/* ---- Super Search ---- */
#search .search-toggle {
display:none;
position: absolute;
top: 6px;
right: 7px;
width:25px;
height:25px;
background: url('img/misc/super-search-handle.png') no-repeat center center #e4e4e4;
border-radius:25px;
-o-border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
box-shadow: inset 1px 1px 1px #BEBEBE;
-o-box-shadow: inset 1px 1px 1px #BEBEBE;
-moz-box-shadow: inset 1px 1px 1px #BEBEBE;
-webkit-box-shadow: inset 1px 1px 1px #BEBEBE;
}
#ie7 #search .search-toggle, #ie8 #search .search-toggle {
background: url('img/misc/ie7-ie8-super-search-handle.png') no-repeat center center #e4e4e4;
}
#ie7 #search .search-toggle.close-toggle, #ie8 #search .search-toggle.close-toggle {
background: url('img/misc/ie7-ie8-super-search-handle-close.png') no-repeat center center #e4e4e4;
}
#search .search-toggle.close-toggle {
background: url('img/misc/super-search-handle-close.png') no-repeat center center #e4e4e4;
}
#search .search-toggle:hover {
cursor:pointer;
box-shadow: inset 1px 1px 2px #aaaaaa;
-o-box-shadow: inset 1px 1px 2px #aaaaaa;
-moz-box-shadow: inset 1px 1px 2px #aaaaaa;
-webkit-box-shadow: inset 1px 1px 2px #aaaaaa;
}
#search .search-options {
display:none;
position: absolute;
top: 36px;
right: -14px;
width: 90px;
z-index: 999;
background-color: white;
box-shadow: 0 0 8px #B5B5B5;
-moz-box-shadow: 0 0 8px #b5b5b5;
-webkit-box-shadow: 0 0 8px #B5B5B5;
padding: 10px 15px 5px 30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#search .search-options-notch {
background: url('img/misc/super-search-notch.png') no-repeat -3px -5px transparent;
color: #F4F4F4;
display: block;
width: 25px;
height: 12px;
position: absolute;
font-size: 17px;
top: -10px;
right: 20px;
}
#search .search-options label {
padding:5px;
}
.search-options label {
border-bottom: 1px solid #F1F1F1;
}
.search-options label:nth-last-child(2) {
border-bottom: none;
}
#search .search-flash {
display:none;
position: absolute;
top: 60px;
right: 30px;
z-index: 999;
background-color: white;
box-shadow: 0 0 8px #B5B5B5;
-moz-box-shadow: 0 0 8px #b5b5b5;
-webkit-box-shadow: 0 0 8px #B5B5B5;
padding: 8px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.header-image {
margin-top: -200px;
display: block;
height: 145px;
overflow: hidden;
text-align: center;
background-color: #d6e8fa;
}
/* ---- Accessibility ---- */
.assistive-text {
position: absolute !important;
z-index: -1;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
#header a.assistive-text:active, #header a.assistive-text:focus {
padding: 6px 21px;
z-index: 3;
background: #EEE;
border-bottom: 1px solid #DDD;
color: #1982D1;
clip: auto !important;
font-size: 12px;
position: absolute;
text-decoration: underline;
top: -30px;
left: 9.9%;
}
/* ---- Dropdown Nav ---- */
#access {
position: relative;
z-index: 3;
}
#navbar-menu {
padding: 5px 0;
background-color: #4b4b4b;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
box-shadow: 0 0 8px #9C9C9C;
-webkit-box-shadow: 0 0 8px #9C9C9C;
-moz-box-shadow: 0 0 8px #9C9C9C;
}
.navbar-inner {
position: relative;
padding: 0;
width: 995px;
margin: 0 auto;
background-color: transparent;
background-image: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
filter: none;
}
.navbar .nav > li > a {
color: #fff;
padding: 9px 9px 17px;
cursor: pointer;
}
.navbar .nav,
.dropup {
position: relative;
}
.navbar .dropdown-menu::before, .navbar .dropdown-menu::after {
display: none;
}
.dropdown-menu a {
border-bottom: 1px solid #F1F1F1;
margin: 0 30px 3px 0;
padding: 3px 10px 3px 7px;
font-size: 105%;
color: #717171;
min-width: 200px;
}
#branding .dropdown-menu li > a:focus {
color: white;
text-decoration: none;
background-color: #08C;
outline: none;
}
.menu-wrap {
/*width: 960px;*/
margin: 0 auto;
}
.rightside .inner-wrap {
float: right;
}
.menu-block {
float: left;
}
.menu-block li:last-child a {
border: none;
}
.nav > li {
background: url(img/header/header-sprite.png) no-repeat 0 -265px transparent;
}
.nav > li:first-child {
background: none;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
color: #d7a900;
background-color: transparent;
}
.navbar .nav .dropdown-menu .active > a {
background-color: #08C;
color: white;
}
.dropdown-toggle, .navbar .nav > li > a {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1.1em;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown > .dropdown-toggle:focus {
color: #D7A900;
}
.navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret {
border-top-color: #D7A900;
border-bottom-color: #D7A900;
margin-left: 3px;
}
.caret {
border-top: 6px solid black;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
content: "";
opacity: 1;
filter: alpha(opacity=100);
}
.navbar-caret {
background: url(img/header/menu-arrow.gif) no-repeat 0 0 transparent;
text-indent: -9999px;
overflow: hidden;
top: 31px;
width: 24px;
height: 12px;
display: none;
}
.nav > li.uw-medicine {
text-indent: -99999px;
overflow: hidden;
width: 135px;
background: url(img/header/header-sprite.png) no-repeat 10px -108px transparent;
}
.navbar .nav > li.uw-medicine > a {
cursor: pointer;
}
.nav > li.uw-medicine:hover {
background-position: 10px -142px;
}
/* ---- New Navigation ---- */
.dropdown-menu {
top: 42px;
left: 0;
display:block !important;
visibility:hidden;
border: none;
border-top: 4px solid #d7a900;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
padding: 0;
margin: -1px 0 0;
box-shadow: inset 0 0 7px #656565;
background: rgba(255, 255, 255, 0.0);
opacity: 0;
overflow: hidden;
}
.dropdown-menu.open {
visibility:visible;
}
.dropdown-menu.open {
height:240px;
-webkit-transition-property: height, background, box-shadow, border-radius, opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-property: height, background, box-shadow, border-radius, opacity;
-moz-transition-duration: 0.3s;
background: rgba(255, 255, 255, 0.98);
opacity: 1;
box-shadow: 1px 1px 5px #808080;
-webkit-box-shadow: 1px 1px 5px #808080;
-moz-box-shadow: 1px 1px 5px #808080;
box-shadow: 1px 1px 5px #808080;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#484848')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#484848');
}
.menu-block {
padding: 20px 0 20px 20px;
background: -moz-linear-gradient(left, rgba(255,255,255,0.01) 96%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(96%,rgba(255,255,255,0.01)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.01) 96%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0.01) 96%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0.01) 96%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0.01) 96%,rgba(237,237,237,1) 100%); /* W3C */
}
.menu-block li:last-child {
margin-bottom: 20px;
}
.dropdown-menu.open .menu-block:last-child {
background: none !important;
}
.home-link a {
background: url('img/misc/home.png') no-repeat 0 11px transparent;
text-indent: -9999px;
overflow: hidden;
width: 10px;
}
#secondary .home-link a { display: none; }
/* ---- Sidebar Navigation ---- */
.menu .sub-menu, .menu .children {
z-index: 999;
top: -20px;
position: absolute;
right: 250px;
width: 200px;
background-color: white;
background-color: white;
box-shadow: 0 0 8px #b5b5b5;
-moz-box-shadow: 0 0 8px #b5b5b5;
-webkit-box-shadow: 0 0 8px #b5b5b5;
padding: 20px 15px 15px 30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.menu .menu-item:hover .sub-menu, .menu .page_item:hover .children {
display: block;
}
.menu .menu-item .sub-menu:after, .menu .page_item .children:after {
content: " ";
background: url('img/misc/menu-notch.png') no-repeat -3px 0 transparent;
color: #F4F4F4;
display: block;
width: 15px;
height: 30px;
position: absolute;
font-size: 17px;
top: 20px;
right: -15px;
}
.widget_nav_menu li, .subpage_menu li {
border-left: 4px solid #fff;
margin-left: -10px;
padding-left: 10px;
position: relative;
-moz-transition: color 0.1s linear;
-o-transition: border 0.1s linear;
-webkit-transition: border 0.1s linear;
transition: border 0.1s linear;
}
.widget_nav_menu li:hover, .subpage_menu li:hover {
border-left: 4px solid #D7A900;
}
/************************************************************************************
Body
*************************************************************************************/
/* ---- Right Sidebar ---- */
#sidebar {
padding: 10px 0 0 55px;
}
.right-bar .post-thumbnail.widget p {
clear: both;
display: block;
font-size: 12px;
margin: 0 15px 0 0;
padding: 5px 5px 5px 10px;
background-color: #F4F4F4;
}
.attachment-post-thumbnail.wp-post-image {
margin: 0;
}
.right-bar .post-thumbnail.widget {
margin-top: 20px;
}
.right-bar, .stripe-top, .stripe-bottom {
background: url(img/side-stripe.png) no-repeat 0 0 transparent;
}
.right-bar {
background-repeat: repeat-y;
background-position: -89px 0;
position: relative;
min-height: 375px;
}
.stripe-top, .stripe-bottom {
margin-top: -20px;
background-position: 0 0;
width: 40px;
height: 214px;
position: absolute;
}
.stripe-bottom {
bottom: 0;
background-position: left bottom;
}
/* ---- Content ---- */
.breadcrumbs-container {
width: 620px;
overflow: hidden;
position: relative;
}
.breadcrumbs-list {
width: 3000px;
overflow: hidden;
display: inline-block;
margin: 0 0 0 -7px;
}
.breadcrumbs-list li {
/* max-width: 250px; */
overflow: hidden;
float: left;
margin-left: -25px;
padding-right: 20px;
}
.breadcrumbs-container:after {
content: " ";
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url('img/misc/breadcrumb.png') no-repeat 2px 0 rgba(0, 0, 0, 0);
right: -7px;
top: 0;
}
.breadcrumbs-list li a {
background: url('img/misc/breadcrumb.png') no-repeat 0 0 transparent;
display: block;
padding: 3px 0 3px 35px;
white-space:nowrap;
}
.breadcrumbs-list li:first-child a {
background: none;
}
.breadcrumbs-list li:hover {
max-width: inherit;
}
.breadcrumbs-list a {
color: #888;
font-size: 12px;
}
/* ---- Content ---- */
#content {
padding: 30px 0 30px 0;
}
#primary {
position: relative;
width: 1024px;
margin: 0 auto;
background-color: #FFF;
box-shadow: 0 0 7px #d3d3d3;
-moz-box-shadow: 0 0 7px #d3d3d3;
-webkit-box-shadow: 0 0 7px #d3d3d3;
border-radius: 5px;
}
#arrow-mark {
position: absolute;
left: -7px;
top: 35px;
background: url(img/arrow.png) no-repeat 0 0 transparent;
width: 32px;
height: 50px;
display: block;
}
.breadcrumbs #arrow-mark {
top: 65px;
}
/* ---- Featured Image Banner ---- */
.blog.featured-image #arrow-mark {
left: auto;
top: auto;
position: static;
margin: -17px 0px 0 -55px;
width: 675px;
height: 102px;
}
/* ---- Footer ---- */
.footer-navigation > li {
float: left;
width: 140px;
margin-left: 20px;
}
#footerBG {
clear: both;
margin-top: -35px;
padding: 124px 0 50px 0;
overflow: hidden;
background: url(img/footer.jpg) no-repeat center top transparent;
}
#footer {
width: 990px;
margin: 0 auto;
}
#footer li {
line-height: 14px;
list-style: none;
margin-bottom: 5px;
}
#footer ul {
margin: 0;
}
#footer h2 {
font-size: 20px;
margin: 0 0 45px 20px;
}
.footer-navigation > li > a {
display: block;
margin-bottom: 10px;
font-weight: bold;
line-height: 15px;
}
#footer a {
color: #484848;
font-size: 12px;
}
.social-footer {
margin: 20px 0 0 0;
}
.social-footer {
margin: 20px 0 0 0;
}
.social-footer .footerTitle {
margin: 0 0 10px 0;
}
.uw-facebook a, .uw-twitter a, .uw-youtube a, .uw-itunes a, .uw-muw a, .uw-linkedin a {
background: url(img/soc-med.gif) no-repeat 0 0 transparent;
padding: 6px 0 6px 31px;
margin-bottom: 3px;
display: block;
}
.uw-twitter a { background-position: 0 -92px	}
.uw-youtube	a	{ background-position: 0 -30px	}
.uw-itunes a	{ background-position: 0 -60px	}
.uw-muw a	{ background-position: 0 -123px	}
.uw-linkedin a { background-position: 0 -154px	}
/* ---- Thin Strip Footer ---- */
#footer-main {
background: url(img/footer/bg.gif) repeat-x 0 0 #62584b;
height: 25px;
position: relative;
padding: 4px 0 0;
}
#footer-main a {
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
color: #fff;
}
#footer-main ul {
text-align: center;
margin: 0;
}
#footer-main li {
padding: 0 9px 0 0;
display: inline;
margin: 0 0 0 3px;
border-right: 2px solid #A1A1A1;
}
#footer-main li:last-child {
border-right: none;
}
#footer-left, #footer-right {
position: absolute;
top: 5px;
left: 30px;
}
#footer-right {
right: 30px;
left: auto;
}
/* ---- 404 ---- */
.parallax-viewport{position:relative;overflow:hidden;}.parallax-layer{position:absolute;}
#parallax {
margin: 1.5em 0px;
overflow: hidden;
position: relative;
height: 450px;
}
.four-oh-four {
padding: 0 0 50px;
}
/* ---- Alert ---- */
#uwalert-alert-message {
position: relative;
z-index: 1;
}
#uwalert-alert-message div {
width: 1100px;
}
#alert-mini {
position: fixed;
display:none;
top: 0;
right: 0;
left: 0;
text-align:center;
z-index: 1;
color: #fff;
padding: 40px 0 10px 0;
z-index: 0;
}
.logged-in #alert-mini {
top: 28px;
}
/************************************************************************************
Unique Pages
*************************************************************************************/
/* ---- Author Page ---- */
.author h3 {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 21px;
}
.author img {
float: left;
padding: 0 25px 15px 0;
}
.author .author-posts .span8 {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ddd;
}
.author .author-posts h2 {
margin: 40px 0 20px;
}
div.single-author {
font-size: 14px;
margin: 10px 0 30px;
border-left: 4px solid #DDD;
padding: 0 0 0 15px;
}
/* ---- Category Page ---- */
.category .entry-header {
clear: both;
}
/* ---- Post Page ---- */
.single #arrow-mark { top: 55px }
div.author-info {
font-size: 14px;
margin: 10px 0 30px;
border-left: 4px solid #DDD;
padding: 0 0 0 15px; }
.date { margin-bottom: .6em }
p small {
font-size: 13px; }
.story-tags {
margin-top: -15px; }
body.single h1 {
margin: 0;
font-size: 30px;
font-weight: 400; }
/* ---- Admissions Page ---- */
.three-col {
float: left;
border-radius: 5px;
width: 170px;
}
.post-info {
display: block;
width: 100%;
overflow: hidden;
}
.post-info p {
float: left;
font-weight: bold;
}
.post-info p.author-info {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #DDD;
font-weight: normal;
}
/* ---- Graduation ---- */
body.site-graduation { background-image: url("img/misc/commencement-bg.jpg"); }
.site-graduation header { background-image: none !important; }
.site-graduation .wordmark { background-position: -1000px 0 !important; }
/* ---- Accessibility Site ---- */
.site-accessibility article a {
text-decoration: underline;
}
}
@media (min-width: 1200px) {
}
@media (max-width: 979px) {
body .navbar .btn-navbar {
background-color: #444;
background-image: -ms-linear-gradient(top, #C2C2C2, #858585);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2C2C2), to(#858585));
background-image: -webkit-linear-gradient(top, #C2C2C2, #858585);
background-image: -o-linear-gradient(top, #C2C2C2, #858585);
background-image: linear-gradient(top, #C2C2C2, #858585);
background-image: -moz-linear-gradient(top, #C2C2C2, #858585);
background-repeat: repeat-x;
border-color: #222 #222 black;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#858585', endColorstr='#C2C2C2', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
border-color: #ADADAD;
position:relative;
z-index:1;
}
body .navbar .btn-navbar:hover {
background-color: #6B6B6B;
}
body .menu .sub-menu {
right:178px;
}
.navbar .btn-navbar::before {
content: "MENU";
position: absolute;
right: 50px;
color: #929292;
font-size: 12px;
font-weight: bold;
top: 5px;
}
}
@media (min-width: 980px) {
body.site-graduation {
background-position: center top;
}
}
/* =============================================================================
High Pixel Density Displays
========================================================================== */
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
.wordmark {
background: url("img/mobile-header/logo2x.png") no-repeat 0 0 transparent;
background-size: 230px 35px;
}
#listicon-wrapper {
background: url("img/mobile-header/dropdowns2x.png") no-repeat -29px 0px transparent;
background-size: 66px 32px;
}
#searchicon-wrapper {
background: url("img/mobile-header/dropdowns2x.png") no-repeat 10px 0px transparent;
background-size: 66px 32px;
}
#thin-strip ul {
background: url("img/mobile-header/gridLinesX2.png") center center no-repeat #f8f8f8;
background-size: 295px 315px;
}
#thin-strip li a {
background-image: url('img/mobile-header/sprite2x.png');
background-size: 77px 750px;
}
}