/* C. T. Bauer College of Business at the University of Houston */ /* Consciously Considered by the Office of Communications */ /* Go Coogs! */ /* Redesign 2016, Last updated July 24, 2020 */ /* --------------------------------------------------------------- TABLE of CONTENTS ------------------------------------------------------------------ 01 :: Shared Styles 02 :: Header 03 :: Top-bar Navigation Menu 04 :: Mobile Navigation 05 :: Left Navigation 06 :: Horizontal Third-Level Nagivation Tabs 07 :: Horizontal Alternative Navigation - red-subnav 08 :: Subsite Styles 09 :: Media Queries & Responsiveness 10 :: Footer (previously /css/footer.css) 11 :: Custom Mobile (previously /css/custommobile.css) */ /* --------------------------------------------------------------- 01 :: Shared Styles Includes: - Imports: Foundation, UH Web Fonts - Body text, Images, Buttons, Input ... - Tables, Main-content-hook for Lists, Lists ... - Anchor bookmarks to offset the sticky top nav menu - Social Icons - Nav-Bar Drop Down Secondary Menus - Google Custom Search style - Slider Script Styles - Default Slideshows - Classes ---------------------------------------------------------------- */ /* Import Foundation Framework */ @import url("/css/foundation.css"); /* Import the UH Web Fonts */ @import url("https://uh.edu/css/uh-fonts.css?version=3"); /* - Note this out because need to do something else for HTTPS */ /*@font-face { font-family: 'Milo'; src: url('//ssl.uh.edu/css/webfonts/milo-regular-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/milo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/milo-regular-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/milo-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Milo'; src: url('//ssl.uh.edu/css/webfonts/milo-italic-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/milo-italic-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/milo-italic-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/milo-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Milo'; src: url('//ssl.uh.edu/css/webfonts/milo-bold-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/milo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/milo-bold-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/milo-bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Milo'; src: url('//ssl.uh.edu/css/webfonts/milo-bolditalic-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/milo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/milo-bolditalic-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/milo-bolditalic-webfont.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Milo'; src: url('//ssl.uh.edu/css/webfonts/milo-exlig-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/milo-exlig-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/milo-exlig-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/milo-exlig-webfont.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-roman-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-roman-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-roman-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-roman-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-italic-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-italic-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-italic-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-semibold-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-semibold-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-semibold-webfont.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-semibolditalic-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-semibolditalic-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-semibolditalic-webfont.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-bold-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-bold-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Crimson'; src: url('//ssl.uh.edu/css/webfonts/crimson-bolditalic-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/crimson-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/crimson-bolditalic-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/crimson-bolditalic-webfont.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'League Gothic'; src: url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'League Gothic'; src: url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.eot'); src: url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.woff') format('woff'), url('//ssl.uh.edu/css/webfonts/leaguegothic-regular-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } */ /* END Import the UH Web Fonts */ /* Alex Brush added on Sept. 3, 2021 */ @font-face { font-family: 'Alex Brush'; src: url('../fonts/AlexBrush-Regular.woff2') format('woff2'); font-style: normal; } body { color: #444; } /* formerly included { border-top: 4px solid #c00; } */ p { line-height: 1.6; } /* Change this to 1.6 from 1.4 */ h1, h2, h3, h4, h5, h6 { line-height: 1.3; margin-bottom: 10px; margin-top: 10px; } /* line-height adjustment for headline wraps - MM*/ h1 { font-size: 34px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px; color:#c00;} h5 { font-size: 17px; } h6 { font-size: 14px; } h1.sectionhead { font-family: 'League Gothic', sans-serif; font-size: 60px; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 35px 0 30px -.03125em; /* 35 | 30margin: 25px 0 12px -.03125em;*/ padding: 0 0 0 10px; text-transform: uppercase; } /* Based on h2.subheader style from Latest News blog */ /* SectionHeads with Subheaders - see /alumni/ + /centers/wce/ + /undergraduate/prospective-students/ + /undergraduate/prospective-students/uh-students/ */ .sectionheadwithsub h1.sectionhead { font-family: 'League Gothic', sans-serif; font-size: 60px; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 35px 0 10px -.03125em; padding: 0 0 0 10px; text-transform: uppercase; } .sectionheadwithsub h2.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 30px; padding-left:10px; } /* GPP Alternative SectionHead Tops */ h6.sectionhead { font-family: 'League Gothic', sans-serif; font-size: 30px; font-weight: normal; line-height: .95em; letter-spacing: 0; margin: 25px 0 0 -.03125em; padding: 0 0 0 10px; text-transform: uppercase; } /* Based on h2.subheader style from Latest News blog */ h1.subheader-top { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin: 15px 0 20px -.03125em; padding: 0 0 0 10px; } /* SEO-favored SectionHeads to be paired with page titles in H1 as seen on /SEI/ */ h6.sectionhead-seo { font-family: 'League Gothic', sans-serif; font-size: 60px; font-weight: normal; line-height: 1.1; letter-spacing: 0; margin: 35px 0 30px -.03125em; /* 35 | 30margin: 25px 0 12px -.03125em;*/ padding: 0 0 0 10px; text-transform: uppercase; } h1.subheader-seo { font-size: 24px; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; } /* MobileNav Sectionhead headings & logos */ h2.sectionhead-mobilenav { font-family: 'League Gothic', sans-serif; font-size: 45px; font-weight: normal; text-transform: uppercase; text-align: center; padding-bottom: 15px; } img.mobilenav-logo { display: block; margin: 0 auto; padding: 15px; } img { border: 0; } /* Buttons */ button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } input, textarea, select, .uneditable-input { display: inline-block; padding: 4px; font-size: 13px; color: #555555; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn { display: inline-block; padding: 3px 10px 3px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); cursor: pointer; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); *margin-left: .3em; } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #e6e6e6; background-color: #d9d9d9 \9; outline: 0; } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; background-color: #e6e6e6; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 9px 14px; font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-large [class^="icon-"] { margin-top: 1px; } .btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px; } .btn-small [class^="icon-"] { margin-top: -1px; } .btn-mini { padding: 2px 6px; font-size: 11px; line-height: 14px; } /* Button Styles */ .gray { background: #444; border: 1px solid #000; } .gray:hover { color: white; background-color: #000; } /* Input and Textarea */ input, textarea { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } input:focus, textarea:focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; /* IE6-9 */} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Tables */ table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } table tbody tr th { background: none repeat scroll 0 0 #E0E0E0; padding: 4px; } table tbody tr td { border-bottom: 1px dashed #ccc; } #colorbox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* To offset the sticky top nav menu for bookmark anchors. Add this class to tags */ a.bookmark { display: block; height: 100px; margin-top: -100px; visibility: hidden; } /* Main-content-hook for Lists */ .main-content-hook ul, .main-content-hook ol { margin: 0 0 8px 3px; padding: 0 0 0 12px; } .main-content-hook ul li ul, .main-content-hook ul li ol, .main-content-hook ol li ul, .main-content-hook ol li ol { margin-left: 20px; margin-bottom: 0; } .main-content-hook .row .three ul, .main-content-hook .row .three ol, .main-content-hook .row .four ul, .main-content-hook .row .four ol, .main-content-hook ul.nav-bar, .main-content-hook ol.nav-bar, .main-content-hook ul.flyout, .main-content-hook ol.flyout, .main-content-hook ul.ytcg_ul, .main-content-hook ol.ytcg_ul { margin: 0; padding: 0; } .main-content-hook ul.ytcg_ul li, .main-content-hook ol.ytcg_ul li { margin-right: 5px; } .main-content-hook .row .three ul li ul, .main-content-hook .row .three ul li ol, .main-content-hook .row .three ol li ul, .main-content-hook .row .three ol li ol, .main-content-hook .row .four ul li ul, .main-content-hook .row .four ul li ol, .main-content-hook .row .four ol li ul, .main-content-hook .row .four ol li ol { margin-left: 20px; margin-bottom: 0; } /* Lists */ ul.indent, ol.indent { list-style-position: outside; margin: 1em 0; -moz-padding-start: 40px; -webkit-padding-start: 40px; } ul.indent-in-panel, ol.indent-in-panel { list-style-position: outside; margin: 1em 0; -moz-padding-start: 40px; -webkit-padding-start: 40px; } ul.indent-in-panel li, ol.indent-in-panel li { margin-left: 20px; } ul.square { list-style: none; } ul.square li { background: url(/images/template/bullet1.gif) no-repeat 0 .5em; padding-left: 15px; } ul.bulletArrow { list-style:none; } ul.bulletArrow > li {background: url("/images/template/bullet_arrow.png") no-repeat scroll 0 4px transparent; border-bottom: 1px dashed #CCCCCC; border-width: 1px 0; margin: 0; padding: 4px 25px;} .rssFeed ul, .rssFeed ol { margin: 0; padding: 0; } /* Social Media Icons - we use these in the footer and other places, too */ ul#socialIcons { margin-top:5px;} ul#socialIcons li { list-style-type:none; float: left; display:inline; padding:2px;} ul#socialIcons li a img { opacity: 0.7; border:0;} ul#socialIcons li a:hover img { opacity: 1;} /* google Custom Search mods */ #___gcse_0 table tbody tr td { border-bottom: none; } #___gcse_0 table { background: none; border: none; } table.gsc-search-box { border: none; } table td.gsc-search-button { display: none; } div.gcsc-branding { display: none; } /* Slider Script Styles - /js/slider.js - .steps from old accy.css ... #faqs AND #faqs-2 are deprecated */ #sliderjq, #sliderjqOpen { padding: 4px 0; margin:4px 0; } #sliderjq h4 { cursor:pointer;color:#c00; margin: 0px; text-decoration:none; font-size:16px; font-weight:normal; padding:0 0 5px; } #sliderjq h4.active { color: #d74646; text-decoration: none; background-color: #f2f2f2; } #sliderjq h4:hover { text-decoration:underline; } #sliderjq div { overflow:hidden; } ul.steps li {border-bottom: 1px dashed #CCCCCC; list-style: none; background: none; padding: 6px 0 6px 5px; margin:0px;} ul.steps li ul li {border-bottom: none; padding: 0px; background:none;} ul.steps li ol li {border-bottom: none;padding:0px; list-style:lower-roman; margin:0px; background:none;} #faqs, #faqsOpen {background: #efefef; padding: 4px 0; margin:4px 0; border: solid 1px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; } #faqs:hover, #faqsOpen:hover {background-color:#F8F4E4;} #faqs h2 { cursor: pointer; color: #c00; margin: 0px 10px; text-decoration:none; } #faqs h2.active { color: #d74646; text-decoration: none; } #faqs ul li h4 { font-size:14px; color:#c00;} #faqs ul li h4.active {color:#d74646;} #faqs div { overflow:hidden; } #faqs-2, #faqs-2Open {background: #efefef; padding: 4px 0; margin:4px 0; border: solid 1px #ccc; -moz-border-radius:5px; -webkit-border-radius: 5px; } #faqs-2:hover, #faqs-2Open:hover { background-color: #F8F4E4; } #faqs-2 h2 { cursor:pointer;color:#c00; margin: 0px 10px;text-decoration:none;} #faqs-2 h2.active { color:#d74646; text-decoration:none; } #faqs-2 ul li h4 { font-size:14px; color:#c00; } #faqs-2 ul li h4.active { color: #d74646; } #faqs-2 div { overflow:hidden; } /* Default Slideshows */ div.orbit { margin-bottom: 0px; } #featured a img, #featured-home a img { border: none; } /* IE Fix for Orbit */ #featured { background: url(/images/template/Bauer-College-of-Business-Logo.png) center center #f4f4f4 no-repeat; height: 287px; } /* Making the Orbit homepage slideshow load more gracefully */ #featured img { display: none; } #featured.orbit { background: none; } #featured.orbit img { display: block; margin: 0 auto; } .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; } .orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.75); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.6rem; position: absolute; right: 0; bottom: 0; width: 100%; line-height: 1.2; } .orbit-caption a { color: #fff; } .orbit-wrapper { .slider-nav span { @include opacity(0); @include single-transition(opacity, 400ms); } &:hover .slider-nav span { @include opacity(1); } } /* Scss */ /* From rcc.css: This makes the navigation buttons hide until you hover */ .orbit-wrapper .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; -o-transition: opacity 400ms; transition: opacity 400ms; } .orbit-wrapper:hover .slider-nav span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* CSS */ /* From rcc.css: This makes the navigation buttons hide until you hover */ /* Classes */ .center { text-align:center; } .clear { clear: both; } .dropcap { float: left; height: 65px; padding-right: 5px; } /* Drop Caps. For lists that aren't lists. See: /departments/accy/graduate/admissions.php (deprecated) */ .intro { font-size: large; line-height: 140%; } .intro-home { font-size: large; color: #888B8D; line-height: 140%; } .note { background:#FFF9D7; padding:5px 10px; margin-bottom:10px; border:#EEEEEE 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; behavior:url(/js/border-radius.htc); clear:both; } .note p { font-size:90%; margin-bottom:5px; } .panel { padding: 15px; } .red { color:#c00; } .redbar { border-bottom: 4px solid #c00; padding-top: 5px; margin-bottom: 5px; } .wp-caption { float:right; background:#F7F7F7; border:1px solid #CCC; padding:5px; text-align:center; margin:5px 10px 8px; color:#036; line-height: 12px; } .wp-caption p { font-size:80%; margin-bottom:5px; } .alignRight{ float:right; margin: 0 0 1em 1em; } /* Deprecated */ .alignLeft { float:left; margin:0 1em 1em 0; } /* Deprecated */ .green { color: #84a344; } /* Deprecated, previously used on /sei/ */ /* --------------------------------------------------------------- 02 :: Header Includes: - Bauer Logo - img#logo - Search - Top Header Links - Left, Right and Center - Deprecated Styles ---------------------------------------------------------------- */ /* C. T. Bauer College of Business logo - Img#logo */ img#logo { padding-top: 10px; } /* padding-top: 5px; */ /* Search */ input { outline: none; } input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } /* remove the search and cancel icon */ input[type=search] { background: #ededed url(/images/template/search-icon.png) no-repeat 9px center; border: solid 1px #ccc; padding: 0px 10px 0 32px; width: 88%; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } /* search input field */ input[type=search]:focus { background: #ededed url(/images/template/search-icon.png) no-repeat 9px center; width: 88%; background-color: #fff; border-color: #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); } input:-moz-placeholder { color: #999; } /* placeholder */ input::-webkit-input-placeholder { color: #999; } /* Top Header links - under the search bar */ ul#topheaderlinks { line-height:16px; } ul#topheaderlinks li { list-style-type:none;float: left;display:inline; margin: 0; border-right: 1px solid #ccc; padding:0 12px; } /*margin:10px 0;*/ ul#topheaderlinks li a {} ul#topheaderlinks li a:hover { text-decoration:underline; } ul#topheaderlinks li:last-child { border-right: 0px; padding-right: 0px;} ul#topheaderlinks li:first-child { padding-left: 0px; } /* Left, Right and Center */ .leftandcenter { float:left; overflow: hidden; padding-top: 3px;} .rightandcenter { float:right; overflow: hidden; margin-top: 25px; margin-bottom: 15px;} /*margin-top: 15px; margin-bottom: 15px;*/ /* Search form (Deprecated) */ #searchForm { position: relative;margin: 5px 0px 0 0px; } #searchForm ul { background:none;position:relative;top:3px;text-align: right;width: 350px; } #searchForm ul li { list-style-type:none;font-family: Arial, Helvetica, sans-serif;font-size:90%;background:none;float: right; } #searchForm ul li a.last { border:none;padding-right: 0px; } #searchForm ul li a { margin:0;padding:0 10px;font-weight: bold;color: #666;text-decoration: none;border-right: 1px solid #666; } #searchForm ul li a:hover { color: #CCC; } #searchForm form { margin: 0px 0px 5px; } /* Breadcrumbs (deprecated) */ #breadcrumb { padding:10px 0; } div#breadcrumbs { display: block; overflow: hidden; text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 10px; } div#breadcrumbs a { margin: 0; } div#breadcrumbs a:after { content: "/"; color: #aaa; padding: 0 10px; } div#breadcrumbs a:first-child:before { content: ""; } div#breadcrumbs a.current { cursor: default; color: #333; } div#breadcrumbs a:hover { text-decoration: none; } div#breadcrumbs { color: #999; } /* --------------------------------------------------------------- 03 :: Top-bar Navigation Menu with Three Levels Includes: - The New Navigation Menu - navigation bar three levels - Dropdown Padding and Third Level Backgrounds - Top-bar and Top-barback ---------------------------------------------------------------- */ /* The New Navigation Menu - navigation bar three levels */ .top-header { padding: 5px 0 5px 0; min-height: 120px; } /* Top-Header added Jan. 12, 2016 */ nav.top-bar { margin-bottom: 0; } .top-bar.bauer-main-nav { height: 30px; background: #54585A; margin-top: 0px; margin-left: -15px; } /* background was 444 ... margin-left finally lines up the Home with the logo and the rest of the template! */ .top-bar.bauer-main-nav ul li a { font-size: 14px; font-weight:200; } .top-bar.bauer-main-nav ul li { } /*background-color: #444;*/ .top-bar.bauer-main-nav ul { display: inline; height: 50px; line-height: 50px; list-style: none; margin-left: 0; } /* Main Navigation links style */ /* Left Side