/* @override http://depts.washington.edu/psworks/microbio/responsive.custom.css http://microbiology.washington.edu/sites/all/themes/micro/css/responsive.custom.css?np17z2 https://depts.washington.edu/psworks/microbio/responsive.custom.css https://microbiology.washington.edu/sites/all/themes/micro/css/responsive.custom.css?nqemuh */ /* EMERGENCY MESSAGE */ body.front #block-block-9, body.not-front #page > .region-highlighted{ background-color: #dbdcdb; } body.front #block-block-9, body.not-front #page > .region-highlighted #block-block-9{ margin: 0; padding: 0; } body.front #block-block-9 .block-inner div.notice-icon, body.not-front #page > .region-highlighted #block-block-9 .block-inner div.notice-icon{ display: inline-block; vertical-align: middle; width: 10%; text-align: middle; } body.front #block-block-9 .block-inner div.notice-icon img, body.not-front #page > .region-highlighted #block-block-9 .block-inner div.notice-icon img{ width: 100%; height: auto; } body.front #block-block-9 .block-inner .block-content, body.not-front #page > .region-highlighted .block-inner .block-content{ padding: 20px 20px; font-size: 1.3em; display: inline-block; vertical-align: middle; width: 85%; } body.front #block-block-9 .block-inner .block-content p, body.not-front #page > .region-highlighted .block-content p{ margin: 0; padding: 0; margin: 1.5em; } /*LEADERBOARD*/ div.region.region-leaderboard{ background-color: #f2ebc2; } /* NAV */ header div.region-header { background-color: #3C0B5B; } header div.block-search { background-color: #FFFFFF; } div.block-nice-menus .region-inner{ background-color: #3C0B5B; } #block-nice-menus-1 { /*height: 70px;*/ background-color: #3c0b5b; /* margin-bottom: 0;*/ /* margin-left: 30px; margin: 0px;*/ } #block-nice-menus-1 > .block-inner { margin: 0; text-align: center; } #block-nice-menus-1 ul.nice-menu { width: auto; min-width: 0px; /*float: none;*/ display: inline-block; } #block-nice-menus-1 ul.nice-menu > li, #block-nice-menus-1 ul.nice-menu > li.menuparent { line-height: 70px; text-align: center; background: none; background-color: #3c0b5b; border: 0; border-right: 1px solid #a37fb9; } #block-nice-menus-1 ul.nice-menu li.menuparent:hover { background-color: #1E0040; text-decoration: none; } #block-nice-menus-1 ul.nice-menu > li.first { margin: 0; padding: 0; left : 0; border-left: 1px solid #a37fb9; } #block-nice-menus-1 ul.nice-menu li.last { border-right: 1px solid #a37fb9; } #block-nice-menus-1 ul.nice-menu > li > a, #block-nice-menus-1 ul.nice-menu > li > a:link, #block-nice-menus-1 ul.nice-menu > li > a:visited { display: inline-block; background-color: #3c0b5b; vertical-align: middle; line-height: normal; color: #ffffff; /*max-width: 110px;*/ text-align: left; border: 0; font-size: 1.04em; } #block-nice-menus-1 ul.nice-menu li.menuparent:hover a, #block-nice-menus-1 ul.nice-menu li.menuparent:hover a:link, #block-nice-menus-1 ul.nice-menu li.menuparent:hover a:visited { color: #F0EFC1; background-color: #1E0040; text-decoration: none; } #block-nice-menus-1 ul.nice-menu > li > ul { top: 70px; border: none; } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul { background-color: #1E0040; } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li.menuparent { line-height: 1.3em; font-size: 1em; margin: 0; text-align: left; background: none; background-color: #1E0040; border: none; list-style-type: none; list-style-image: none; } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.first { } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul > li.last { } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a:link, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a:visited { margin: 0; padding: 0; color: #F0EFC1; font-size: .9em; display: inline-block; } body #page #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a:hover { color: #ffffff; } /* SIDEBAR SECONDARY MENU */ body.not-front .region-sidebar-first ul.menu, body.not-front .region-sidebar-first ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li { padding: 8px 8px 8px 0; border-top: 1px solid #8A7307 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active-trail { background-color: #fff } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li>a:link, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li>a:visited { color: #000; font-weight: 700; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul { margin: 8px 0 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li { margin: 3px 5px 3px 0 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a:link, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a:visited { color: #000; font-size: .92em; font-style: italic; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a.active { text-decoration: underline } #footer{ padding:2%; background-color:#3C0B5B;border-top:20px solid #F2ECC2 } .region-footer a:link,.region-footer a:visited{ color:#F2EBC4;font-weight:200;text-transform:uppercase } #block-block-1{ margin-top:-25px;float:right;margin-right:1px;margin-bottom:7px } .region-footer span.login-link{ font-size:.9em;display:inline-block } .region-footer #block-menu-menu-footer-menu ul.menu{ margin:0 0 0 24px;padding:0;list-style-type:none;list-style-image:none;height:30px } .region-footer #block-menu-menu-footer-menu ul.menu li{ margin:11px 0 0;padding:0 12px;list-style-type:none;list-style-image:none;display:inline-block;text-align:center;vertical-align:middle } .region-footer #block-menu-menu-footer-menu ul.menu li.last{ border-right:none } .region-footer #block-menu-menu-footer-menu ul.menu li a{ font-size:.85em;display:inline-block;height:30px;line-height:2em } .region-footer #block-menu-block-4{ border-bottom:1px solid #6D3D85;padding-bottom:20px;margin-bottom:0 } .region-footer #block-menu-block-4 .block-inner,.region-footer #block-menu-block-4 .block-inner .block-content ul{ margin:-1px 0 0;padding:0 } .region-footer #block-menu-block-4 ul #stacked, .region-footer #block-menu-block-4 ul.menu li{ display:block; float:left; margin-right:2%; } .region-footer #block-menu-block-4 ul.menu>li>a{ text-transform:uppercase;color:#fff;font-weight:700 } html .region-footer #block-menu-block-4 .menu-block-wrapper>ul.menu>#stacked>li>a,html .region-footer #block-menu-block-4 .menu-block-wrapper>ul.menu>li>a{ text-transform:uppercase;color:#fff;font-weight:700;font-size:.74em;line-height:1em!important } html .region-footer #block-menu-block-4 ul.menu>li.expanded>a br{ display:none } .region-footer #block-menu-block-4 ul.menu>li a{ font-family:Lato;font-weight:300;font-size:.85em;line-height:.9em } .region-footer #block-menu-block-4 ul.menu>li ul{ margin:0;padding:0 } .region-footer #block-menu-block-4 ul.menu li ul li{ float:none;line-height:1em!important; } .region-footer #block-menu-block-4 ul.menu li>ul>li{ padding:3px 0 } .region-footer #block-menu-block-4 ul.menu li ul li a{ text-transform:none;color:#F2EBC4;font-weight:400 } #page .region-footer #block-menu-block-4 ul.menu>li.expanded,#stacked{ max-width:15.5%;margin-right:1%!important } /* USER LISTS */ .view-people div.item-list ul li.views-row { margin: 0; padding: 0; } body.section-postdoc #content.region .view-people .views-row, body.section-about #content.region .view-people .views-row, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row, body.section-research #content.region .view-people .views-row { /*width: 240px;*/ display: inline-block; vertical-align: top; /*margin-right: 35px;*/ padding-top: 30px; padding-bottom: 30px; width: 29.2%; margin-right: 4.2%; } body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row.col-last, body.section-research #content.region .view-people .views-row.col-last, body.section-postdoc #content.region .view-people .views-row.col-last { margin-right: 5px; } /* PROFILES WITHOUT PHOTOS */ body.section-postdoc #content.region .view-people .views-row .views-field, body.section-about #content.region .view-people .views-row .views-field, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field { margin-left: 115px; width: 134px; font-size: 0.9em; line-height: 1.5em; display: block; } /* PROFILES ALSO WITHOUT PHOTOS */ body.section-faculty.page-faculty-affiliate #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-acting #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-wwami-research #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-wwami-teaching #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-other #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-emeritus #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-adjunct #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-research #content.region .view-people .views-row .views-field { margin-left: 0; /*width: 240px;*/ width: 100%; } body.section-about #content.region .view-people .views-row .views-field { margin-left: 0; } body.section-postdoc #content.region .view-people .views-row .views-field-picture, body.section-about #content.region .view-people .views-row .views-field-picture, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture { margin-left: 0; width: 102px; } body.section-postdoc #content.region .view-people .views-row .views-field-name, body.section-about #content.region .view-people .views-row .views-field-name, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-name { font-size: 1.0em; font-weight: bold; margin-bottom: 2px; line-height: 1.3em; } body.section-postdoc #content.region .view-people .views-row .views-field.views-field-name a, body.section-about #content.region .view-people .views-row .views-field.views-field-name a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field.views-field-name a { color: #3c0b5b; } body.section-postdoc #content.region .view-people .views-row .views-field-field-display-email a, body.section-about #content.region .view-people .views-row .views-field-field-display-email a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-display-email a { color: #3c0b5b; } body.section-postdoc #content.region .view-people .views-row .views-field-field-title-one, body.section-about #content.region .view-people .views-row .views-field-field-title-one, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-title-one, body.section-postdoc #content.region .view-people .views-row .views-field-field-title-two, body.section-about #content.region .view-people .views-row .views-field-field-title-two, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-title-two, body.section-postdoc #content.region .view-people .views-row .views-field-field-dept-one, body.section-about #content.region .view-people .views-row .views-field-field-dept-one, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-dept-one, body.section-postdoc #content.region .view-people .views-row .views-field-field-dept-two, body.section-about #content.region .view-people .views-row .views-field-field-dept-two, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-dept-two { font-style: italic; } body.section-postdoc #content.region .view-people .views-row .views-field-name a, body.section-about #content.region .view-people .views-row .views-field-name a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-name a { color: #000; } body.section-postdoc #content.region .view-people .views-row .views-field-picture, body.section-about #content.region .view-people .views-row .views-field-picture, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture, body.section-faculty.page-faculty-research #content.region .view-people .views-row .views-field.views-field-picture { width: 102px; float: left; margin-right: 5px; margin-bottom: 5px; } body.section-postdoc #content.region .view-people .views-row .views-field-picture img, body.section-about #content.region .view-people .views-row .views-field-picture img, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture img { border: 1px solid #666; } body.section-postdoc #content.region .view-people hr.view-rule, body.section-about #content.region .view-people hr.view-rule, body.section-faculty #page #columns #content-column #main-content #content.region .view-people hr.view-rule { height: 1px; color: #000; background: #000; font-size: 0; border: 0; clear: both; } /* USER LISTS */ .nav-trigger{ display: none; } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Desktops/laptops and up*/ @media only screen and (min-width: 1025px) { header div.region-header .region-inner { width: 1100px; min-width: 1100px; } #block-nice-menus-1 { height: 70px; width: 1100px; min-width: 1100px; /* FOR FULL WIDTH */ } } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1040px) { /* @group ORIGINAL CODE */ /*ORIGINAL CODE*/ a.button { padding: 3px 8px; display: inline-block; background: #efefef; border: 1px solid #666; font-weight: 400 } #name-and-slogan { position: absolute } #name-and-slogan h1#site-name { color: #fff } #logo { padding: 0; margin: 0 } .branding-elements { margin: 0; padding: 0; background-color: #fff } #page-wrapper, body { background: #666 } #page { border: none; background: url(http://microbiology.washington.edu/sites/all/themes/micro/css/images/micro-body-bak.png) left top repeat-x } div#wrap-navi-100-width { position: absolute; background-color: #3c0b5b; width: 100%; left: 0; z-index: -1; margin: 0; padding: 0 } div#wrap-cont-100-width { position: absolute; background-color: #F2ECC2; width: 100%; left: 0; z-index: -2; margin: 0; padding: 0 } body.not-front #content-column #main-content { padding: 25px 4.5%; margin: 0 4.1% 0 10px } body.not-front .region-sidebar-first, body.not-front .region-sidebar-second { width: 17%; padding-top: 25px } body.not-front .region-sidebar-first>.region-inner, body.not-front .region-sidebar-second>.region-inner { position: relative; width: 115% } body.not-front .region-sidebar-first>.region-inner { margin-left: 26px } body.not-front .region-sidebar-second>.region-inner { margin-right: 25px } body.not-front #columns { background-color: #F2ECC2 } body.not-front #columns #main-content { background-color: #fff; padding-top: 25px } .not-front.no-sidebars .content-inner, .sidebar-first .content-inner { margin-left: 20%; margin-right: 0 } .two-sidebars .content-inner { margin-left: 20%; margin-right: 20%; width: 60% } .region-sidebar-second { margin-left: -20% } body.not-front #columns #main-content #content #block-system-main, body.not-front #columns #main-content #content #block-system-main article.node { margin-bottom: 0 } body.not-front #content-column #main-content p.intro { font-size: 1.1em; line-height: 1.6em; color: #3C0B5B } #block-menu-menu-top-menu { margin-bottom: 0 } .region-leaderboard { padding: 25px 0 12px } .region-leaderboard #block-block-3, .region-leaderboard #block-block-3 .block-inner { margin: 0; padding: 0; width: 400px; height: 20px; float: left } .region-leaderboard #block-block-3 .block-inner { margin-left: 48px } .region-leaderboard #block-block-3 div.block-content, .region-leaderboard #block-block-3 div.block-content p { margin: 0; padding: 0; width: 400px; height: 20px } .region-leaderboard ul.menu { padding: 0; list-style-type: none; list-style-image: none; width: 175px; margin: 0 0 3px 81% } .region-leaderboard ul.menu li { margin: 0; padding: 2px 10px; border-right: 1px solid #ccc; list-style-type: none; list-style-image: none; display: inline-block; text-align: center } .region-leaderboard ul.menu li.last { border-right: none } .region-leaderboard ul.menu li a, .region-leaderboard ul.menu li a:link, .region-leaderboard ul.menu li a:visited { font-size: .8em; color: #000; text-transform: uppercase; font-weight: 500 } body.front #block-system-main .node .field-name-body { padding-top: 34px } body.front #columns { background-color: #F2ECC2 } body.front .region-highlighted { background-color: #fff; height: 336px; margin-bottom: 42px } body.front h2.block-title { font-size: .9em; color: #666; text-transform: uppercase; font-weight: 700; margin-bottom: 15px } body.front .block .views-field-title a { color: #3D005C; font-size: 1.1em; font-weight: 600 } body.front h1#page-title { position: absolute; z-index: 1; top: 225px; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); opacity: .01 } .not-front h1#page-title { font-size: 2.1em; font-weight: 300 } .not-front #main-content h2 { font-weight: 400; color: #3C0B5B; font-size: 1.3em; margin: 1.7em 0 .3em } body.front .flexslider { margin: 0; padding: 0; background: 0 0; border: none; position: relative; border-radius: none; box-shadow: none; width: 1044px } body.front .flexslider ol.flex-control-nav { position: absolute; left: 11px; bottom: 9px; z-index: 10; text-align: left } body.front .flexslider ol.flex-control-nav li { margin: 0 22px 0 0; padding: 0 } body.front .flexslider ol.flex-control-nav li a { background: rgba(255, 255, 255, .5) } body.front .flexslider ol.flex-control-nav li a.flex-active { background: #fff; background: rgba(255, 255, 255, .9) } body.front .flexslider ol.flex-control-nav li a:hover { background: #eee; background: rgba(255, 255, 255, .7) } #block-views-homepage-slider-block { margin-left: 48px } #block-views-homepage-slider-block .block-content ul, #block-views-homepage-slider-block .block-inner { margin: 0; padding: 0 } body.front .flexslider .views-field-field-slider-image { height: 336px; width: 1044px; overflow: hidden } body.front .flexslider .views-field-field-slider-image img { height: 336px; width: auto } body.front .flex-caption { position: absolute; width: 353px; top: 0; background: #fff; font-size: 1.15em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); opacity: .85; overflow: hidden; margin-right: 0; height: 100% } body.front .flex-caption h2 { padding: 20px 20px 3px 35px; font-size: 1.25em; color: #520078; font-weight: 700; margin: 0; line-height: 1.2em } body.front .flex-caption div, body.front .flex-caption p { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; padding: 10px 25px 10px 35px } body.front #block-system-main { display: none } body.front .block-region-content { margin: 0 0 0 38px; padding: 0; width: 40%; float: left; font-size: 1.1em; line-height: 1.6em } body.front #block-pubmed-search-pubmed-recent-pubs, body.front #block-views-news-listing-block, body.front #block-views-seminars-events-block { width: 26%; float: left; padding: 0 0 0 35px; border-left: 1px solid #ccc; font-size: 1em; line-height: 1.3em } body.front #block-views-news-listing-block { padding: 0; border-left: 0 } body.front #block-pubmed-search-pubmed-recent-pubs ul.pubmed-home-list { margin: 0; padding: 0; list-style-type: none } body.front #block-pubmed-search-pubmed-recent-pubs ul.pubmed-home-list li { margin: 0 0 12px; padding: 0; list-style-type: none } body.front #block-pubmed-search-pubmed-recent-pubs ul.pubmed-home-list li.item a { color: #3D005C } body.front #block-pubmed-search-pubmed-recent-pubs ul.pubmed-home-list li span.pub-title { color: #3D005C; font-size: 1.1em; font-weight: 600 } body.front #block-pubmed-search-pubmed-recent-pubs ul.pubmed-home-list li span.pub-journal { font-style: italic } body.front #block-views-news-listing-block .views-row, body.front #block-views-seminars-events-block .views-row { margin-top: 12px } body.front .front-content-container { position: absolute; background-color: #f2ecc2; width: 100%; height: 75%; z-index: -1; left: 0 } .ds-2col .group-left { width: 60%; border-right: 1px dotted #ccc; padding-right: 3% } .ds-2col .group-right { width: 30%; margin-left: 3% } body.not-front .region-header #block-nice-menus-1 ul.nice-menu li.active-trail { background-color: #1E0040; text-decoration: none } body.not-front .region-header #block-nice-menus-1 ul.nice-menu li.active-trail a { color: #F0EFC1; background-color: #1E0040; text-decoration: none } .form-item-field-accepting-und-Graduate-Students, .page-user.section-users h1#page-title { display: none } body.not-front.page-user.section-users #content-column #main-content { padding: 25px 0 0 } body.not-front.page-user.section-users #content-column #main-content div.ds-1col { margin-bottom: 0 } body.not-front.page-user.section-users #content-column #main-content #block-system-main a { color: #3C005B } .page-user #block-views-accepting-grads-block-1 { background-color: #F9F7E8; margin: 0; padding: 0 } .page-user #block-views-accepting-grads-block-1 h2.block-title { padding-top: 15px; margin-top: 0; margin-left: 3.5%; color: #826925; font-weight: 700; font-size: 1em; border-top: 1px solid #ccc; margin-right: 3.5% } .page-user #block-views-accepting-grads-block-1 .views-field-field-accepting, .page-user #block-views-accepting-grads-block-1 .views-field-field-graduate-lab-rotations, .page-user #block-views-accepting-grads-block-1 .views-field-field-last-updated { margin-left: 3.5% } .page-user #block-views-accepting-grads-block-1 .views-field-field-last-updated { text-align: right; margin-right: 3.5%; padding-top: 15px; border-top: 1px solid #ccc; padding-bottom: 25px; margin-top: 15px } .page-user.section-users #main-content .field-name-name { margin-left: 3.5% } .page-user.section-users #main-content .field-name-name h2 { font-size: 1.9em; color: #3C005B; font-family: Lato; font-weight: 700; font-weight: 400; margin-top: 24px; line-height: 1.1em } .page-user.section-users .field-name-ds-user-picture, .page-user.section-users .group-contact-info { float: right; display: inline-block } .page-user.section-users .field-name-ds-user-picture { width: 22.8% } .page-user.section-users .group-contact-info { width: 25%; margin-left: 2.8%; margin-right: 4%; word-break: break-word; word-wrap: break-word } .page-user.section-users .group-contact-info>h3 { border: none; margin: -7px 0 0 } .page-user.section-users .group-contact-info>h3 span { font-size: .86em; color: #826925 } .page-user.section-users #main-content .group-contact-info .field-label { display: inline; float: none; color: #000; font-weight: 700; font-size: 1em } .page-user.section-users #main-content .group-contact-info .field-items, .page-user.section-users #main-content .group-contact-info .field-items div { display: inline; float: none } .page-user.section-users #main-content .group-contact-info .field { margin-bottom: 4px } .page-user.section-users .before-more-info { clear: both } .page-user.section-users .group-more-info { background-color: #F9F7E8; clear: both; padding-top: 3px; margin-top: 25px; padding-bottom: 32px; overflow: hidden } .page-user.section-users #main-content .group-more-info .field-label, .page-user.section-users #main-content .group-more-info .pubmed-title { color: #826925; font-weight: 700; font-size: 1em } .page-user.section-users #main-content .group-more-info .pubmed-title em { color: #000; font-size: 1em; font-weight: 400 } .page-user.section-users #main-content .group-more-info .field-name-field-pubmed-search ul.pubmed-list { list-style: none; padding-left: 0 } .page-user.section-users #main-content .group-more-info .field-name-field-pubmed-search ul.pubmed-list li { margin-bottom: 15px } .page-user.section-users #main-content .group-more-info .field-name-field-pubmed-search ul.pubmed-list li a { font-style: italic } .page-user.section-users #main-content .group-more-info>* { margin-left: 3.5%; margin-right: 3.5%; border-bottom: 1px solid #ccc; padding-bottom: 10px } .page-user.section-users #main-content .group-more-info>:last-child { border-bottom: none } .page-user.section-users #main-content .group-more-info .field-name-field-research-topics { padding-bottom: 23px } .page-user.section-users.field-name-ds-user-picture { margin: 0 0 10px 10px; width: 22% } .page-user.section-users .field-name-ds-user-picture img { box-shadow: 4px 4px 7px #aaa; -webkit-box-shadow: 4px 4px 7px #aaa; -moz-box-shadow: 4px 4px 7px #aaa } .page-user.section-users .field-name-field-dept-one, .page-user.section-users .field-name-field-dept-two, .page-user.section-users .field-name-field-title-one, .page-user.section-users .field-name-field-title-two, .page-user.section-users .field-name-field-personal-pronouns { font-style: italic; margin-left: 3.5% } .page-user.section-users .field-name-field-title-one, .page-user.section-users .field-name-field-title-two { margin-top: 15px } .page-user.section-users .field-name-field-research-topics { clear: both } .page-user.section-users #page #columns #content .field-name-field-last-updated { float: right; margin: 14px 34px -13px 0 } .page-user.section-users #page #columns #content .field-name-field-last-updated h2.field-label { margin: 0 2px 0 0; color: #000; font-weight: 400 } .view-people div.item-list ul li.views-row { margin: 0; padding: 0 } body.section-about #content.region .view-people .views-row, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row, body.section-postdoc #content.region .view-people .views-row, body.section-research #content.region .view-people .views-row { display: inline-block; vertical-align: top; padding-top: 30px; padding-bottom: 30px; width: 29.2%; margin-right: 4.2% } body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row.col-last, body.section-postdoc #content.region .view-people .views-row.col-last, body.section-research #content.region .view-people .views-row.col-last { margin-right: 5px } body.section-about #content.region .view-people .views-row .views-field, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field, body.section-postdoc #content.region .view-people .views-row .views-field { margin-left: 115px; width: 134px; font-size: .9em; line-height: 1.5em; display: block } body.section-faculty.page-faculty-acting #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-adjunct #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-affiliate #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-emeritus #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-other #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-research #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-wwami-research #content.region .view-people .views-row .views-field, body.section-faculty.page-faculty-wwami-teaching #content.region .view-people .views-row .views-field { margin-left: 0; width: 100% } body.section-about #content.region .view-people .views-row .views-field { margin-left: 0 } body.section-about #content.region .view-people .views-row .views-field-picture, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture, body.section-postdoc #content.region .view-people .views-row .views-field-picture { margin-left: 0 } body.section-about #content.region .view-people .views-row .views-field-name, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-name, body.section-postdoc #content.region .view-people .views-row .views-field-name { font-size: 1em; font-weight: 700; margin-bottom: 2px; line-height: 1.3em } body.section-about #content.region .view-people .views-row .views-field-field-display-email a, body.section-about #content.region .view-people .views-row .views-field.views-field-name a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-display-email a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field.views-field-name a, body.section-postdoc #content.region .view-people .views-row .views-field-field-display-email a, body.section-postdoc #content.region .view-people .views-row .views-field.views-field-name a { color: #3c0b5b } body.section-about #content.region .view-people .views-row .views-field-field-dept-one, body.section-about #content.region .view-people .views-row .views-field-field-dept-two, body.section-about #content.region .view-people .views-row .views-field-field-title-one, body.section-about #content.region .view-people .views-row .views-field-field-title-two, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-dept-one, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-dept-two, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-title-one, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-field-title-two, body.section-postdoc #content.region .view-people .views-row .views-field-field-dept-one, body.section-postdoc #content.region .view-people .views-row .views-field-field-dept-two, body.section-postdoc #content.region .view-people .views-row .views-field-field-title-one, body.section-postdoc #content.region .view-people .views-row .views-field-field-title-two { font-style: italic } body.section-about #content.region .view-people .views-row .views-field-name a, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-name a, body.section-postdoc #content.region .view-people .views-row .views-field-name a { color: #000 } body.section-about #content.region .view-people .views-row .views-field-picture, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture, body.section-faculty.page-faculty-research #content.region .view-people .views-row .views-field.views-field-picture, body.section-postdoc #content.region .view-people .views-row .views-field-picture { width: 102px; float: left; margin-right: 5px; margin-bottom: 5px } body.section-about #content.region .view-people .views-row .views-field-picture img, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row .views-field-picture img, body.section-postdoc #content.region .view-people .views-row .views-field-picture img { border: 1px solid #666 } body.section-about #content.region .view-people hr.view-rule, body.section-faculty #page #columns #content-column #main-content #content.region .view-people hr.view-rule, body.section-postdoc #content.region .view-people hr.view-rule { height: 1px; color: #000; background: #000; font-size: 0; border: 0; clear: both } body.section-seminars-events .views-row { margin-top: 20px; padding-top: 20px; border-bottom: 1px solid #ccc } body.section-seminars-events .views-row .views-field-title a { font-size: 1.3em; font-weight: 700 } body.section-seminars-events .views-row .views-field-field-event-type { font-size: 1.1em; color: #666; font-weight: 700; padding-bottom: 15px } body.section-seminars-events .views-row .views-field-body { padding-top: 15px } body.node-type-seminars-events .field-name-field-event-type { font-size: 1.1em; color: #666; font-weight: 700; margin: 15px 0 } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label, body.node-type-seminars-events.not-front #main-content .node-content .field-items { font-size: 1em; color: #333; display: inline-block; float: none; margin: 0; padding: 0 } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label { width: 25% } body.node-type-seminars-events .field-name-field-date, body.node-type-seminars-events .field-name-field-host, body.node-type-seminars-events .field-name-field-location, body.node-type-seminars-events .field-name-field-speaker, body.node-type-seminars-events .field-name-field-time { font-size: 1em; border-bottom: 1px solid #ccc; padding: 2px 0; width: 40% } body.node-type-seminars-events .field-name-field-photo { float: right; margin-left: 25px; margin-right: 50px; margin-bottom: 20px; width: 200px; clear: left } body.node-type-seminars-events .field-name-field-photo img { width: 200px; height: auto } body.node-type-seminars-events .field-name-body { padding-top: 15px; width: 490px } .view-calendar .view-header { padding-top: 20px } .view-calendar .date-heading { font-size: 12px; color: #3C0B5B } .view-calendar .calendar-calendar .month-view .full td.single-day div.monthview { background: 0 0 } .calendar-calendar .month-view .full td.date-box.today, .calendar-calendar .month-view .full tr td.single-day.today { border-color: #3C0B5B } body.node-type-news div.event-info { width: 200px; float: right; border: 1px solid #ccc; padding: 6px 8px; margin-top: 25px } body.node-type-news.not-front #main-content div.event-info h2 { font-size: 1.1em; margin-top: 5px; margin-bottom: 5px } body.node-type-news .field-name-body { width: 480px; float: left } body.page-news-listing .view-news-listing .views-field-title .field-content { color: #3D005C; font-size: 1.2em; font-weight: 600 } body.node-type-news #block-views-news-listing-block-1 h2.block-title, body.page-news-listing #block-views-news-listing-block-1 h2.block-title { text-transform: uppercase; color: #3C0B5B; font-size: .92em; font-weight: 700; padding-left: 15px; line-height: 1.4em; padding-bottom: 8px; padding-top: 11px } body.node-type-news #block-views-news-listing-block-1 .view-news-listing .menu ul li, body.page-news-listing #block-views-news-listing-block-1 .view-news-listing .menu ul li { padding: 8px 8px 8px 0; border-top: 1px solid #8A7307; list-style-type: none } body.node-type-news #block-views-news-listing-block-1 .view-news-listing .menu ul li a:link, body.node-type-news #block-views-news-listing-block-1 .view-news-listing .menu ul li a:visited, body.page-news-listing #block-views-news-listing-block-1 .view-news-listing .menu ul li a:link, body.page-news-listing #block-views-news-listing-block-1 .view-news-listing .menu ul li a:visited { color: #000; font-weight: 700; display: inline-block } .view-graduate-students .views-row { display: inline-block; vertical-align: top; padding-top: 30px; padding-bottom: 30px; width: 28.2%; margin-right: 4.2% } .view-graduate-students .views-row .views-field { margin-left: 115px; width: 134px; font-size: .9em; line-height: 1.5em } .view-graduate-students .views-row .views-field-field-grad-photo { margin-left: 0; width: 102px; float: left; margin-right: 5px; margin-bottom: 5px } .view-graduate-students .views-row .views-field-field-grad-photo img { border: 1px solid #666 } .view-graduate-students .views-row .views-field-field-grad-first-name { font-size: 1em; font-weight: 700; margin-bottom: 2px; line-height: 1.3em; color: #551A8B } header div.region-header { background-color: #3C0B5B } header div.region-header .region-inner { width: 1140px; min-width: 1140px } #block-nice-menus-1 { height: 70px; background-color: #3c0b5b; width: 1140px; min-width: 1140px; margin: 0 } #block-nice-menus-1>.block-inner { margin: 0; width: 1140px; min-width: 1140px; text-align: center } #block-nice-menus-1 ul.nice-menu { width: auto; min-width: 0; display: inline-block; float: right; margin-right: 3.2% } #block-nice-menus-1 ul.nice-menu>li, #block-nice-menus-1 ul.nice-menu>li.menuparent { height: 70px; line-height: 70px; text-align: center; background: #3c0b5b; border: 0; border-right: 1px solid #a37fb9 } #block-nice-menus-1 ul.nice-menu li.menuparent:hover { background-color: #1E0040; text-decoration: none } #block-nice-menus-1 ul.nice-menu>li.first { margin: 0; padding: 0; left: 0; border-left: 1px solid #a37fb9 } #block-nice-menus-1 ul.nice-menu li.last { border-right: 1px solid #a37fb9 } #block-nice-menus-1 ul.nice-menu>li>a, #block-nice-menus-1 ul.nice-menu>li>a:link, #block-nice-menus-1 ul.nice-menu>li>a:visited { display: inline-block; background-color: #3c0b5b; vertical-align: middle; line-height: normal; color: #fff; padding: 0 1.8em; text-align: left; border: 0; font-size: 1.04em; margin-top: -3px } #block-nice-menus-1 ul.nice-menu li.menuparent:hover a, #block-nice-menus-1 ul.nice-menu li.menuparent:hover a:link, #block-nice-menus-1 ul.nice-menu li.menuparent:hover a:visited { color: #F0EFC1; background-color: #1E0040; text-decoration: none } #block-nice-menus-1 ul.nice-menu>li>ul { top: 70px; border: none } #block-nice-menus-1 ul.nice-menu>li.menuparent>ul { background-color: #1E0040 } #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li, #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li.menuparent { line-height: 1.3em; font-size: 1em; margin: 0; padding: 6px 10px 6px 1.253em; text-align: left; background: #1E0040; border: none; list-style-type: none; list-style-image: none } #block-nice-menus-1 ul.nice-menu>li.menuparent>ul>li.first { padding-top: 18px } #block-nice-menus-1 ul.nice-menu>li.menuparent>ul>li.last { padding-bottom: 19px } #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li a, #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li a:link, #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li a:visited { margin: 0; padding: 0; color: #F0EFC1; font-size: .9em; display: inline-block } body #page #block-nice-menus-1 ul.nice-menu>li.menuparent>ul li a:hover { color: #fff } body.not-front .region-sidebar-first ul.menu, body.not-front .region-sidebar-first ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li { padding: 8px 8px 8px 0; border-top: 1px solid #8A7307 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active-trail { background-color: #fff } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li>a:link, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li>a:visited { color: #000; font-weight: 700; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul { margin: 8px 0 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li { margin: 3px 5px 3px 0 } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a:link, body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a:visited { color: #000; font-size: .92em; font-style: italic; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li ul li a.active { text-decoration: underline } div.footer-global { margin: 0; padding: 18px 0 0; border: 0; background-color: #3C0B5B } #footer { margin: 0; padding: 20px 0 0; border: 0; background-color: #3C0B5B; border-top: 20px solid #F2ECC2 } body.not-front #footer { border-top: 0 } .region-footer a:link, .region-footer a:visited { color: #F2EBC4; font-weight: 200; text-transform: uppercase } #block-block-1 { width: 110px; height: 25px; margin-top: -25px; float: right; margin-right: 1px; margin-bottom: 7px } .region-footer span.login-link { font-size: .9em; display: inline-block } .region-footer #block-menu-menu-footer-menu ul.menu { margin: 0 0 0 24px; padding: 0; list-style-type: none; list-style-image: none; height: 30px } .region-footer #block-menu-menu-footer-menu ul.menu li { margin: 11px 0 0; padding: 0 12px; list-style-type: none; list-style-image: none; display: inline-block; text-align: center; vertical-align: middle } .region-footer #block-menu-menu-footer-menu ul.menu li.first { margin-top: 20px; margin-right: 3px } .region-footer #block-menu-menu-footer-menu ul.menu li.last { border-right: none } .region-footer #block-menu-menu-footer-menu ul.menu li a { font-size: .85em; display: inline-block; height: 30px; line-height: 2em } .region-footer #block-menu-block-4 { border-bottom: 1px solid #6D3D85; padding-bottom: 20px; margin-bottom: 0 } .region-footer #block-menu-block-4 .block-inner, .region-footer #block-menu-block-4 .block-inner .block-content ul { margin: -1px 0 0; padding: 0 } .region-footer #block-menu-block-4 .block-inner { margin-left: 48px } .region-footer #block-menu-block-4 ul #stacked, .region-footer #block-menu-block-4 ul.menu li { display: block; float: left; margin-right: 22px; max-width: 149px } .region-footer #block-menu-block-4 ul.menu>li>a { text-transform: uppercase; color: #fff; font-weight: 700 } html .region-footer #block-menu-block-4 .menu-block-wrapper>ul.menu>#stacked>li>a, html .region-footer #block-menu-block-4 .menu-block-wrapper>ul.menu>li>a { text-transform: uppercase; color: #fff; font-weight: 700; font-size: .74em; line-height: 1em!important } html .region-footer #block-menu-block-4 ul.menu>li.expanded>a br { display: none } .region-footer #block-menu-block-4 ul.menu>li a { font-family: Lato; font-weight: 300; font-size: .85em; line-height: .9em } .region-footer #block-menu-block-4 ul.menu>li ul { margin: 0; padding: 0 } .region-footer #block-menu-block-4 ul.menu li ul li { float: none; line-height: 1em!important; max-width: none } .region-footer #block-menu-block-4 ul.menu li>ul>li { padding: 3px 0 } .region-footer #block-menu-block-4 ul.menu li ul li a { text-transform: none; color: #F2EBC4; font-weight: 400 } #page .region-footer #block-menu-block-4 ul.menu>li.expanded, #stacked { max-width: 15.5%; margin-right: 1%!important } #block-views-lab-rotations-block-1 table tr td.views-field-name, #block-views-lab-rotations-block-2 table tr td.views-field-name { width: 25% } #block-views-lab-rotations-block-1 table tr td.views-field-field-graduate-lab-rotations, #block-views-lab-rotations-block-2 table tr td.views-field-field-microm-496 { width: 75% } #block-views-lab-rotations-block-1 .item-list, #block-views-lab-rotations-block-2 .item-list { margin: 0; padding: 0; list-style-type: none } #block-views-lab-rotations-block-1 .item-list ul, #block-views-lab-rotations-block-2 .item-list ul { height: 16px } #block-views-lab-rotations-block-1 .item-list ul li, #block-views-lab-rotations-block-2 .item-list ul li { display: inline-block; position: relative; height: 16px; width: 120px; text-align: center; padding-top: 2px } table { border: none } tr:nth-child(2n+2) { background-color: #F9F7E7 } body.page-node-128 h1#page-title { display: none } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu ul.menu, body.not-front .region-sidebar-first #block-menu-menu-intranet-menu ul.menu li { margin: 0; padding: 0; list-style-type: none; list-style-image: none } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li { padding: 8px 8px 8px 0; border-top: 1px solid #8A7307 } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li.active, body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li.active-trail { background-color: #fff } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li>a:link, body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li>a:visited { color: #000; font-weight: 700; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li ul { margin: 8px 0 } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li ul li { margin: 3px 5px 3px 0 } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li ul li a:link, body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li ul li a:visited { color: #000; font-size: .92em; font-style: italic; margin-left: 15px; display: inline-block } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu .block-content>ul.menu>li ul li a.active { text-decoration: underline } body.not-front .region-sidebar-first #block-menu-menu-intranet-menu h2.block-title, body.not-front .region-sidebar-first .block-menu-block h2.block-title { text-transform: uppercase; color: #3C0B5B; font-size: .92em; font-weight: 700; padding-left: 15px; line-height: 1.4em; padding-bottom: 8px; padding-top: 11px } .section-intranet #content table tr { border: 1px solid #ccc } .section-intranet #columns .region-sidebar-first ul.menu a:link, .section-intranet #columns .region-sidebar-first ul.menu a:visited { color: #000 } .section-intranet #columns .region-sidebar-first ul.menu a.active { font-weight: 700 } .section-intranet #columns .region-sidebar-first ul.menu>li { margin: 4px 0 } .section-intranet #columns .region-sidebar-first ul.menu ul.menu { margin-left: 12px; margin-right: 8px } .section-intranet #columns .region-sidebar-first ul.menu ul.menu li { font-size: .9em; font-style: italic } body.not-front.section-research div.topic { width: 375px; float: left; padding-top: 25px } body.not-front.section-research div.topic.first { margin-right: 20px } body.not-front.section-research #main-content div.topic h2 { margin: 10px 0 } body.not-front #page #main-content #content .field-name-body .highlighted { color: #3c0b5b; font-size: 17px; line-height: 26px } body.not-front #page #main-content #content .field-name-body .highlighted a { color: #3c0b5b } body.not-front #page #main-content #content .field-name-body p.highlighted.title { margin-bottom: .6em } .page-node-12 #page #content .field-name-body .col { margin-right: 34px; float: left; width: 44% } .page-node-12 h1#page-title { margin-bottom: 1.1em } body.section-research #content.region .view-people .views-row { padding-bottom: 0; min-height: 190px } body.section-research #content.region .view-people .views-row .views-field-name { line-height: 1em } body.section-research #content.region .view-people .views-row .views-field-name a, body.section-research #content.region .view-people .views-row .views-field-name span { color: #551A8B; font-weight: 700; font-size: 1em } body.section-research #content.region .view-people .views-row .views-field-field-display-email, body.section-research #content.region .view-people .views-row .views-field-field-lab-phone, body.section-research #content.region .view-people .views-row .views-field-field-phone, body.section-research #content.region .view-people .views-row .views-field-field-website { float: left; width: 113px; font-size: .92em } body.section-research #content.region .view-people .views-row .views-field-field-display-email { font-size: .85em } body.section-research #content.region .view-people .views-row .views-field-field-website a { color: #551A8B; font-size: .92em } body.section-research #content.region .view-people .views-row .views-field-picture { display: inline-block; float: left; margin-right: 10px } body.section-research #content.region .view-people .views-row .views-field-picture img { border: 1px solid #666; max-width: 102px } body.section-research #content.region .view-people .views-row .views-field-field-research-topics { clear: both } body.section-research #content.region .view-people .views-row .views-field-field-research-topics div { font-style: italic; font-size: .92em } body.not-front .region-sidebar-first .menu-block-wrapper ul.menu li.active { background-image: url(http://microbiology.washington.edu/sites/all/themes/micro/images/gold-carrot.png); background-repeat: no-repeat } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active.menu-item-1157 { background-image: none } body.not-front .region-sidebar-first .menu-block-wrapper>ul.menu>li.active { background-position: 4px 12px } body.not-front .region-sidebar-first .menu-block-wrapper ul.menu ul.menu li.active { background-position: 4px 5px } body.not-front .region-sidebar-first .menu-block-wrapper ul.menu ul.menu li.active a { text-decoration: none } body.not-front .region-sidebar-first .menu-block-wrapper ul.menu ul.menu li.active a:hover { text-decoration: underline } body.not-front.page-node-1 #columns #content-column #main-content { padding-right: 4.5% } body.not-front #columns #content-column #main-content a { color: #551A8B } body.not-front #columns #content-column #main-content .node-content ol, body.not-front #columns #content-column #main-content .node-content ul { padding-left: 20px } body.not-front.page-node-32 #content-column .node-content table tr td:first-child, body.not-front.page-node-38 #content-column .node-content table tr td:first-child { width: 70px } body.not-front.page-node-32 #content-column .node-content table tr td:nth-child(2), body.not-front.page-node-38 #content-column .node-content table tr td:nth-child(2) { width: 35px } #header .region-header>.region-inner { position: relative } #header #block-search-form { position: absolute; right: 39px; top: -82px; z-index: 50; margin: 0; background-color: #F9F7E8 } #header #block-search-form>.block-inner { margin: 0 } #header #block-search-form .form-type-textfield input { background-color: #F9F7E8; border: none; line-height: 24px; padding: 3px 1px 3px 12px; width: 175px; color: #8E6F0C } #header #block-search-form .form-type-textfield input:focus { outline: 0 } #header #block-search-form .form-actions input { background-color: #F9F7E8; background-image: url(http://microbiology.washington.edu/sites/all/themes/micro/images/search.png); background-repeat: no-repeat; border: none; font-size: 0; line-height: 0; width: 36px; height: 30px; padding: 0; vertical-align: top; background-position: 7px 9px } #header #block-search-form .form-actions input:focus { outline: 0 } .section-shared-equipment #content .equipment-row { vertical-align: top } .section-shared-equipment #content tr { background-color: #fff } COPY TO CLIPBOARD SELECT ALL © FreeFormatter.com - FREEFORMATTER is a d/b/a of 10174785 Canada Inc. - Copyright Notice - Privacy Statement - Terms of Use #block-views-lab-rotations-block-1 .item-list ul li, #block-views-lab-rotations-block-2 .item-list ul li { position: relative; height: 16px; width: auto; width: 18%; text-align: center; padding-top: 2px; } body.node-type-seminars-events .field-name-field-date, body.node-type-seminars-events .field-name-field-event-date, body.node-type-seminars-events .field-name-field-host, body.node-type-seminars-events .field-name-field-location, body.node-type-seminars-events .field-name-field-speaker, body.node-type-seminars-events .field-name-field-time { font-size: 1em; border-bottom: 1px solid #CCC; padding: 2px 0px; width: 40%; } /*ORIGINAL CODE End*/ /* @end */ } /* * Tablet sizes and up */ @media only screen and (min-width: 768px) { header div.region-header .region-inner { width: 98%; min-width: 98%; } #block-nice-menus-1 { height: 100%; width: 100%; min-width: 100%; /* FOR FULL WIDTH */ } } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1040px) { body.node-type-seminars-events .field-name-field-date, body.node-type-seminars-events .field-name-field-event-date, body.node-type-seminars-events .field-name-field-host, body.node-type-seminars-events .field-name-field-location, body.node-type-seminars-events .field-name-field-speaker, body.node-type-seminars-events .field-name-field-time { font-size: 1em; border-bottom: 1px solid #CCC; padding: 2px 0px; width: 55%; } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label { width: 25%; } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label, body.node-type-seminars-events.not-front #main-content .node-content .field-items { font-size: 1em; color: #333; display: inline-block; float: none; margin: 0; padding: 0; } body.node-type-seminars-events.not-front #main-content .node-content .field-items{ width: 70%; } #block-views-lab-rotations-block-1 .item-list, #block-views-lab-rotations-block-2 .item-list { margin: 0; padding: 0; list-style-type: none; } #block-views-lab-rotations-block-1 .item-list ul, #block-views-lab-rotations-block-2 .item-list ul { height: 16px; } #block-views-lab-rotations-block-1 .item-list ul li, #block-views-lab-rotations-block-2 .item-list ul li { display: inline-block; height: 16px; width: 18%; text-align: center; padding-top: 2px; font-size: .9em; } #block-views-lab-rotations-block-1 .views-table td.views-field-name, #block-views-lab-rotations-block-2 .views-table td.views-field-name{ width: 25%; } #block-views-lab-rotations-block-1 .views-table td.views-field-name a, #block-views-lab-rotations-block-2 .views-table td.views-field-name a{ font-size: .9em; } #block-views-lab-rotations-block-1 .views-table td.views-field-field-graduate-lab-rotations, #block-views-lab-rotations-block-2 .views-table td.views-field-field-graduate-lab-rotations{ 75%; } .not-front #main-content h2{font-weight:400;color:#3C0B5B;font-size:1.3em;margin:1.7em 0 .3em} .branding-elements { margin: 0 0 2%; } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li.menuparent { padding-left: 2%; } #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a:link, #block-nice-menus-1 ul.nice-menu > li.menuparent > ul li a:visited { display: inline-block; height: 100%; width: 100%; padding-top: 4%; padding-bottom: 4%; } header div.region-header { background-color: transparent; } dvi.region.region-leaderboard div.block{ margin-bottom: 0; } div.region.region-leaderboard div.block-3{ display: none; } div.region.region-leaderboard .block-menu ul{ margin: 0; } div.region.region-leaderboard .block-menu ul li{ display: inline-block; } div.region.region-leaderboard .block-menu{ margin: 0; } .container.page{ background-color: #f2ebc2; } .flex-control-nav li{ margin-right: 1%; margin-left: 1%; } .view-homepage-slider div.view-content{ background-color: #d8d9d8; } .block-search{ background-color: transparent!important; } .block-search form{ float: right; } ul.slides{ padding: 0; } .flex-caption{ width: 98%; padding-left: 1%; } .flex-caption h2{ margin-top: 1em!important; } section{ background-color: #ffffff; margin: 0; padding: 1%; -moz-border-radius: 5px; border-radius: 5px; } #logo{ background-color: #ffffff; margin-bottom: 1%; } body.not-front h2 { color: #3C0B5B; } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label { width: 30%; } body.section-postdoc #content.region .view-people .views-row, body.section-about #content.region .view-people .views-row, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row, body.section-research #content.region .view-people .views-row { width: 46%; margin-right: 0; } body.not-front .region-sidebar-first > .region-inner { margin-left: 0; } .sidebar-first .content-inner, .not-front.no-sidebars .content-inner { margin-left: 180px; margin-right: 0px; } body.not-front .region-sidebar-first, body.not-front .region-sidebar-second { width: 200px; } body.not-front .region-sidebar-first > .region-inner{ position: relative; width: 200px; } header div.region-header .region-inner { width: 100%; min-width: 100%; } .page-user.section-users .group-contact-info, .page-user.section-users #main-content .group-contact-info .field-items, .page-user.section-users #main-content .group-contact-info .field-items div { display: block; float: left!important; position: relative; clear: left!important; } .page-user.section-users .group-contact-info{ width: 49%; } div.view-graduate-students div div.views-row { width: 30%; display: inline-block; margin-bottom: 4%; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { header div.region-header .region-inner, header div.region-header .region-inner > #block-nice-menus-1, header div.region-header .region-inner > #block-nice-menus-1 > .block-inner { min-width: 100%; width: 100%; } #block-nice-menus-1 ul.nice-menu{ margin-right: 0; } #block-nice-menus-1 ul.nice-menu > li > a, #block-nice-menus-1 ul.nice-menu > li > a:link{ margin-right: 0; font-size: 1em; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { header div.region-header .region-inner { width: 100%; min-width: 100%; } body.section-postdoc #content.region .view-people .views-row, body.section-about #content.region .view-people .views-row, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row, body.section-research #content.region .view-people .views-row { width: 49%; } body.not-front #content-column #main-content { margin-right: 0; } .region-sidebar-first .region-inner .block-inner{ } body.not-front .region-sidebar-first > .region-inner { margin-left: 0; } .region-footer #block-menu-block-4 ul.menu li:nth-child(5n+5) { clear: left; display: inline-block; } #page .region-footer #block-menu-block-4 ul.menu>li.expanded, #stacked{ min-width:23%!important; } /*.region-footer #block-menu-block-4 .block-inner li,*/ .region-footer #block-menu-block-4 .block-inner .block-content ul.menu.clearfix{ width: 100%!important; } .region-footer #block-menu-block-4 .block-inner .block-content ul.menu.clearfix li{ width: 100% !important; } #page .region-footer #stacked { max-width: 24%; /*margin-top: 2%;*/ margin-right: 1%; margin-bottom: 12px; } #block-nice-menus-1 ul.nice-menu li:nth-child(4n+4) { clear: left; } #block-nice-menus-1 ul.nice-menu{ width: 98%; } #block-nice-menus-1 ul.nice-menu ul{ display: none!important; } #block-nice-menus-1 ul.nice-menu li{ width: 22%; } #block-nice-menus-1 ul.nice-menu > li.first { border-left: 0px solid #a37fb9; } #block-nice-menus-1 ul.nice-menu > li, #block-nice-menus-1 ul.nice-menu > li.menuparent { border-right: 0px solid #a37fb9; } #header #block-search-form .form-type-textfield input { /*width: 78px;*/ } nav#block-menu-menu-footer-menu.block.block-menu.no-title.even.block-count-11.block-region-footer.block-menu-footer-menu{ margin-top: 10%; } .region-footer #block-menu-block-4{ border-bottom:none; } .menu-item-715{ display: none!important; } body.not-front div.region.region-sidebar-first.sidebar { min-width: 190px; /*display: none;*/ float: left; position: absolute; z-index: 1; background-color: #f2eac2; border-right: 1px solid #3b0a5b; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.15); /*position: fixed;*/ border-bottom: 1px solid #3b0a5b; } .content-inner{ margin-left: 0 !important; float: left; position: relative; min-width: 100%; min-height: 100%; background-color: #fff; position: relative; top: 0; bottom: 100%; left: 0; z-index: 1; } .nav-trigger { position: relative; clip: rect(0, 0, 0, 0); top: 0; } label[for="nav-trigger"] { /*position: absolute;*/ left: 0px; z-index: 2; width: 35px; height: 27px; cursor: pointer; background: url("data:image/svg+xml;utf8, ") 4px no-repeat; background-color: #3b0a5b; background-size: contain; border-bottom: 2px solid #3b0a5b; border-top: 2px solid #3b0a5b; -moz-border-radius: 5px; border-radius: 5px; margin-left: 4px; margin-bottom: 20px; /*position: relative;*/ } .nav-trigger:checked + label { left: 0px; } .nav-trigger:checked ~ body.not-front div.content-inner { left: 200px; box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); } .nav-trigger + label, body.not-front div.content-inner { transition: left 0.2s; } body { overflow-x: hidden; } #block-views-lab-rotations-block-1 .item-list ul li, #block-views-lab-rotations-block-2 .item-list ul li {} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { div.view-graduate-students div div.views-row { width: 49%; display: inline-block; margin-bottom: 4%; } body.section-postdoc #content.region .view-people .views-row, body.section-about #content.region .view-people .views-row, body.section-faculty #page #columns #content-column #main-content #content.region .view-people .views-row, body.section-research #content.region .view-people .views-row { width: 85%; padding-left: 10%; } .region-footer #block-menu-block-4 ul.menu li:nth-child(5n+5) { clear: none; display: block; } .region-footer #block-menu-block-4 ul.menu li:nth-child(4n+4) { clear: left; display: table-column; } #page .region-footer #block-menu-block-4 ul.menu>li.expanded, #stacked{ min-width:30%!important; } /*.region-footer #block-menu-block-4 .block-inner li,*/ .region-footer #block-menu-block-4 .block-inner .block-content ul.menu.clearfix{ width: 100%!important; } .region-footer #block-menu-block-4 .block-inner .block-content ul.menu.clearfix li{ width: 100% !important; } #page .region-footer #stacked { max-width: 24%; /*margin-top: 2%;*/ margin-right: 1%; margin-bottom: 12px; } #block-nice-menus-1 ul.nice-menu > li > a, #block-nice-menus-1 ul.nice-menu > li > a:link { margin-right: 0; font-size: .9em; } #block-nice-menus-1 ul.nice-menu li:nth-child(4n+4) { clear: left; } #block-nice-menus-1 ul.nice-menu li { width: 25%; } #block-nice-menus-1 ul.nice-menu > li, #block-nice-menus-1 ul.nice-menu > li.menuparent { line-height: 45px; } #block-nice-menus-1 ul.nice-menu > li, #block-nice-menus-1 ul.nice-menu > li.menuparent { line-height: 45px; text-align: left; } #block-nice-menus-1 ul.nice-menu > li > a, #block-nice-menus-1 ul.nice-menu > li > a:link, #block-nice-menus-1 ul.nice-menu > li > a:visited{ font-size: .8em; font-size: 3vw; } #block-nice-menus-1 ul.nice-menu > li.menuparent:hover{ background-color: none; background: none; } #block-nice-menus-1 ul.nice-menu > li.menuparent:hover a:hover{ background-color: none; background: none; text-decoration: underline; } #block-nice-menus-1 ul.nice-menu{ margin-left: 15px; } .region-footer #block-menu-menu-footer-menu ul.menu li a { display: none; } } @media only screen and (max-width: 480px) { .region[class*="float-blocks"] .block { float: none; width: 100%; } body.node-type-seminars-events .field-name-field-date, body.node-type-seminars-events .field-name-field-event-date, body.node-type-seminars-events .field-name-field-host, body.node-type-seminars-events .field-name-field-location, body.node-type-seminars-events .field-name-field-speaker, body.node-type-seminars-events .field-name-field-time { width: 90%; } body.node-type-seminars-events.not-front #main-content .field-label-inline h2.field-label { width: 40%; } body.node-type-seminars-events.not-front #main-content .node-content .field-items { width: 60%; } body table.views-view-grid tr td div.views-field{ font-size: .7em; font-family: 'Arial Narrow', 'Helvetica Condensed', 'Lato'; } table.views-view-grid tbody tr td{ width: 30%; } } /* awards/scholarships page */ .view-awards div.award-type-links{ margin: 15px 0; text-align: center; } .view-awards div.award-type-links a.award-type{ display: inline-block; padding: 5px 10px; border: 2px solid #3C0B5B; margin-right: 12px; margin-bottom: 12px; font-weight: bold; border-radius: 7px; } body.not-front #columns #content-column #main-content .view-awards div.award-type-links a.award-type:hover, body.not-front #columns #content-column #main-content .view-awards div.award-type-links a.award-type.active{ background-color: #3C0B5B; color: #fff; text-decoration: none; } body.not-front #columns #content-column #main-content .view-awards div.award-type-links a.award-type.all{ background-color: #efefef; color: #000; border: 2px solid #333; margin-top: 30px; } body.not-front #columns #content-column #main-content .view-awards div.award-type-links a.award-type.all:hover{ background-color: #333; color: #fff; } body.not-front #columns #content-column #main-content .view-awards h2.term-title{ font-size: 1.5em; padding-top: 25px; border-top: 1px solid #ccc; } body.not-front #columns #content-column #main-content .view-awards td.views-field-field-award-lastname{ color: #3C0B5B; font-weight: bold; } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { /* Show submenus when over their parents. */ #block-nice-menus-1 ul.nice-menu li:hover ul, #block-nice-menus-1 ul.nice-menu li.menuparent li:hover ul, #block-nice-menus-1 ul.nice-menu li.menuparent li.menuparent li:hover ul, #block-nice-menus-1 ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul, #block-nice-menus-1 ul.nice-menu li.over ul, #block-nice-menus-1 ul.nice-menu li.menuparent li.over ul, #block-nice-menus-1 ul.nice-menu li.menuparent li.menuparent li.over ul, #block-nice-menus-1 ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul, /* Repeat all this stuff just for Garland headers. */ #header-region ul.nice-menu li:hover ul, #header-region ul.nice-menu li.menuparent li:hover ul, #header-region ul.nice-menu li.menuparent li.menuparent li:hover ul, #header-region ul.nice-menu li.over ul, #header-region ul.nice-menu li.menuparent li.over ul, #header-region ul.nice-menu li.menuparent li.menuparent li.over ul { display: none!important; } .region-sidebar-first .block-title { font-size: 1.5em; } @media only screen and (max-width: 768px){ .region-sidebar-first .block-title {font-size: 1.25em;} }