@charset "UTF-8"; /* CSS Document ---------------------- --------------------------------------- */ /* * disable auto-zoom on iphone input field focus * http://www.456bereastreet.com/archive/201212/ios_webkit_browsers_and_auto-zooming_form_controls/ */ input[type='text']:focus, input[type='number']:focus, textarea:focus, select:focus, select #dept:focus, select #dept, option, option:focus, #dept option{ font-size: 16px !important; } /* fix for bootstrap css change - D. Burtin */ form, input {box-sizing: content-box;} /*:: Faculty & Staff Directory ------------------------------------- */ #alphabetMenu{padding-bottom:20px;} ul#alphabet{list-style:none !important; padding:5px 0 20px 0; margin-bottom:0; /*margin-left:-20px;*/ width:100%; } ul#alphabet li{list-style:none !important;} #leftContent #alphabet li{float:left; height:19px; width:19px; background:none; padding:0 2px 0 0;} #leftContent #alphabet li a{display:block; height:17px; width:17px; border:1px solid #e0e0e0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center; font-size:11px; text-shadow:1px 1px 0 #f4f4f4; line-height:19px;} #leftContent #alphabet li:hover a{border-color:#fc0; text-decoration:none;} #leftContent #alphabet li a:active{background-position:bottom left;} #leftContent #alphabet li.on a{border-color:#fc0;} #leftContent #alphabet li.last{width:auto; padding:0 0 0 2px; display: inline; } #leftContent #alphabet li.last a{border:none; background:none; width:auto; display: inline-block; } #leftContent #featuredStaff{margin-bottom:16px;} #leftContent #featuredStaff img{margin:0 0 20px 0; width:150px; -ms-interpolation-mode: bicubic;} html>body #leftContent #featuredStaff img{width:auto; max-width:150px;} #leftContent #featuredStaff .bio{float:left; width:370px; padding-left:10px;} #leftContent #featuredStaff .bio h3{font-size:18px; margin-bottom:13px;} #leftContent #featuredStaff #featureControls{margin-bottom:0;} #leftContent #facultyListing{clear:both; margin-bottom:5px;} #leftContent #facultyListing dt{font-weight:bold; /*background:url(https://www.marquette.edu/omc/templates-2015-ou/faculty-directory//_resources/css/images/icon-page.gif) no-repeat 0 10px;*/ padding:7px 0 6px 0px; border-top:1px solid #e5e5e5; line-height:16px;} #leftContent #facultyListing dt:hover, #leftContent #facultyListing dt.hover{background-color:#f4f9fc;} #leftContent #facultyListing dt span{font-weight:normal; display:block; font-size:11px; color:#999;} #leftContent #facultyListing dt.first{border-top:0;} #leftContent #facultyListing dd.info{float:right; font-size:11px; text-align:right; line-height:16px; margin-top:-38px;} #leftContent #facultyListing dd.info a{display:block;} #leftContent #facultyListing dd.bio{ font-size:11px; margin-left:50px; margin-bottom:10px; color:#666; line-height:130%;} #leftContent #facultyListing .profile-thubmnail {width: 40px; height: 40px; overflow:hidden; float:left; margin-right:10px; margin-top: -5px;} #leftContent #facultyListing .profile-thubmnail img {width: 40px; } #leftContent #facultyListing h2 {padding-top:40px; padding-bottom:15px;} #leftContent #facultyListing h2:nth-of-type(1){padding-top:0px} #dept-button span {display:none;} /*:: Faculty Page ------------------------------------- */ #facultyPage .bio, #facultyPage .information{float:left;} #facultyPage .bio{width:100%;} #facultyPage .bio h2{font-weight: bold; font-size:18px;} #facultyPage .bio h3{font-weight: normal; padding-top:20px;} #facultyPage .information{width:128px; padding-right:20px; float:none;} #facultyPage .information img{border:5px solid #fc0;} #facultyPage .information address, #facultyPage .information a.cv, #facultyPage .information a.ePublications{font-style:normal; font-size:17px; margin-bottom:0;} #facultyPage .information address .fn, #facultyPage .information address .org, #facultyPage .information address .locality, #facultyPage .information address .region, #facultyPage .information address .postal-code, #facultyPage .information address .country-name{display:none;} #facultyPage .information address .tel, #facultyPage .information address .email, #facultyPage .information address .website, #facultyPage .information address .street-address, #facultyPage .information a.cv, #facultyPage .information a.ePublications{display:block; line-height:30px; border-bottom:1px solid #e5e5e5; padding-left:26px; background-repeat:no-repeat; background-position:top left;} #facultyPage .information address .tel{background-image:url(/_resources/images/icon-infoPhone.gif);} #facultyPage .information address .street-address{background-image:url(/_resources/images/icon-infoLocation.gif);} #facultyPage .information address .website{background-image:url(/_resources/images/icon-website.gif); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/_resources/css/ellipsis.xml');} /*#facultyPage .information address .email{background-image:url(/_resources/images/icon-infoMail.gif); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/_resources/css/ellipsis.xml'); width:154px;}*/ #facultyPage .information address .email{background-image:url(/_resources/images/icon-infoMail.gif); background-position:left center; line-height:150%; padding-top:10px; padding-bottom:10px; overflow: hidden; /* These are technically the same, but use both */ overflow-wrap: break-word !important; word-wrap: break-word !important; -ms-word-break: break-all !important; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all !important; /* Instead use this non-standard one: */ overflow-wrap: break-word !important;} #facultyPage .information a.cv, #facultyPage .information a.ePublications{background-image:url(/_resources/images/icon-document.gif);} #facultyPage .profile-department {color: #666; font-weight:normal; font-size:90%; margin-top:0;} #facultyPage h3 .profile-department { display: block; margin-top: -12px;} /* update by dwayne 8/7/19 */ #facultyPage .information{width:100% !important; margin-bottom:20px;} #facultyPage .information img{float:left; margin-right:15px; visibility: visible; width:150px; height: 150px;max-width:30%; object-fit:cover; object-position:top;} #facultyPage .information .street-address, .information .tel, .information .cv, .information .ePublications {background-position:left center; line-height:150% !important; padding-top:10px; padding-bottom:10px; overflow: hidden; } #facultyPage .information .street-address p{margin:0; padding:0;} /* - Faculty Search form - */ #sidebar_facultySearch{margin-bottom:15px;} #sidebar_facultySearch p{position:relative; height:23px; width:100%; margin:10px 0;} #sidebar_facultySearch label{color:#4c4c4c; line-height:23px; padding-left:6px;} #sidebar_facultySearch input{height:22px; line-height:21px; border:1px solid #e5e5e5; position:absolute; left:0; top:0; padding-left:4px; width:97%; z-index:9;} #sidebar_facultySearch input.on{background:transparent;} #sidebar_facultySearch select{height:23px; border:1px solid #e5e5e5; width:100%; color:#4c4c4c; margin-bottom:10px;} #sidebar_facultySearch a{float:right; margin-left:14px; line-height:30px;} #sidebar_facultySearch a.submit{border:1px solid #003366; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding:0 20px; background:#003366 !important; color:#fff; background:url(/_resources/css/images/bg-submit.gif) repeat-x top left;} #sidebar_facultySearch a.submit:hover{text-decoration:none;} #sidebar_facultySearch a.submit:active{text-decoration:none; background-position:bottom left;} form p {width:43% !important; display:inline; float:left} select#dept {width:32% !important; float:left; display:inline !important; margin-left:2%; margin-top:2px; height:30px; word-break:keep-all !important;} #sidebar_facultySearch #dept option, #sidebar_facultySearch option {word-break:keep-all;} input#name {width:100% !important; float:left; display:inline !important; margin-top:-8px; /*height:30px;*/} #facultysearchform p label{margin-top:-5px;} #facultysearchform .submit {padding-left:10px !important; padding-right:10px !important; float:left;} #facultysearchform input#name, #facultysearchform select#dept, #facultysearchform select#dept option {font-size: 16px !important;} /* - Featured - */ #leftContent .featured{border:5px solid #e5e5e5; background:#fdfdfd url(images/bg-featured.jpg) no-repeat bottom right; padding:20px 20px 4px 20px; clear:both;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position:relative;} #leftContent .featured h3{font-weight:normal; color:#000; font-size:14px; padding:0; margin:-9px 0 0 0;} #leftContent .featured p.key{color:#aaa; margin:-5px 0 13px 0; font-style:italic; font-size:14px;} #leftContent .featured p.time{font-size:11px; font-style:italic; color:#989898; padding-top:4px; margin-bottom:9px;} #leftContent .featured img{float:left; margin:5px 10px 0 0;} #leftContent .featured .description{float:left; width:420px;} #leftContent .no-image .description{float:none; width:100%;} #leftContent .featured #featureControls{border-top:1px solid #e5e5e5; font-size:11px; list-style:none; clear:both; padding-top:4px; margin-bottom:14px;} #leftContent .featured #featureControls li{float:right; padding:0 20px; background-repeat:no-repeat; background-position:right center;} #leftContent .featured #featureControls li#staffEmail{background-image:url(/_resources/css/images/icon-email.gif);} #leftContent .featured #featureControls li#staffPhone{background-image:url(/_resources/css/images/icon-phone.gif);} #leftContent .featured #featureControls li#staffPage{background-image:url(/_resources/css/images/icon-page.gif);} #leftContent .featured #featureControls li#calendarAttend{background-image:url(/_resources/css/images/icon-attend.gif);} @media only screen and (max-width: 700px) { #leftContent #facultyListing dt {display:block;} #leftContent #facultyListing dd.info {float:none !important; display:block !important; text-align:left; margin: -7px 0 0 50px; padding-bottom:7px;} #leftContent #facultyListing dt:hover, #leftContent #facultyListing dt.hover{background-color:transparent !important;} #leftContent #facultyListing .profile-thubmnail {margin-right:10px; margin-top:2px;} #sidebarRightImage .sidebar{display:none;} } @media only screen and (max-width: 600px) { #facultysearchform select#dept {width:100% !important; float:left; display:block !important; margin-left:0%; margin-top:-10px; height:30px; } #facultysearchform input#name {width:228% !important; max-width:570px !important; float:left; display:block !important; margin-top:-10px; /*height:30px;*/} #facultysearchform a.submit {margin-left:0%; } } @media print { /* All your print styles go here */ .libraryh3lp, #sidebarRightImage img, #sidebarRightImage {display:none !important;} #leftContent #facultyListing .profile-thubmnail {width: 60px !important; } }