/* Style sheet for supplemental styles: Use this to modify existing styles or to add new styles. This file is linked last in the section of the page allowing for ease of overriding existing styles. */ /*----------------------- SITE TITLE AREA ------------------------*/ #site_title #title.logo img { width: 268px; } /* TITLE AREA LINKS SECTION */ #site_title #title_area_links ul { margin-right: 6.2em; } /* RESOURCES */ #site_title #resources { position: absolute; top: 0; right: -14px; width: 6.2em; z-index: 100; } #site_title #resources h2 { font-size: 0.75em; font-weight: normal; color: #002855; margin: 3px 0 -1px 0.75em; padding: 0; width: 100%; float: right; position: relative; cursor: pointer; } #site_title #resources h2 a { color: #002855; border-bottom: #FFF; display: block; padding: 4px 15px 5px 1em; } #site_title #resources h2 a:hover, #site_title #resources h2 a:focus { color: #002855; border-bottom: #002855; } #site_title #resources h2.closed { border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #002855; } #site_title #resources h2.closed a { background: #FFF url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_small_down.gif') scroll no-repeat; background-position: 90% 50%; } #site_title #resources h2.open { border-top: 1px solid #002855; border-right: 1px solid #002855; border-bottom: 1px solid #FFF; border-left: 1px solid #002855; } #site_title #resources h2.open a { background: #FFF url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_small_up.gif') scroll no-repeat; background-position: 90% 40%; } #site_title #resources #resources_popout { float: right; clear: right; border: 1px solid #002855; background: #FFF; margin-top: 0px; display: none; width: 21em; } #site_title #resources #resources_popout ul { list-style-type: none; float: left; font-weight: bold; margin: 0.6em 0; padding: 0; } #site_title #resources #resources_popout ul#resources_main { width: 40%; } #site_title #resources #resources_popout ul#resources_secondary { width: 60%; } #site_title #resources #resources_popout ul li { float: none; padding: 0 8px 0.6em 15px; font-size: 0.7em; line-height: 1.2; margin: 0 0 0 -2px; display: block; } #site_title #resources #resources_popout ul li a { float: none; display: inline; border-bottom: 1px solid #E6E9F0; margin: 0; } #site_title #resources #resources_popout ul li a:hover, #site_title #resources #resources_popout ul li a:focus { border-bottom: 1px solid #002855; } #site_title #innovate { margin: 0; padding: 1.6em 0 0 0; overflow: hidden; position: absolute; right: 20px; bottom: 0; } #site_title #innovate a { border: 0 none; } #site_title #innovate img { border: 0 none; } /*------------------------------PRIMARY NAVIGATION BAR SHADOW------------------------------*/ .shadow { -moz-box-shadow: 0px 4px 8px #000; -webkit-box-shadow: 0px 4px 8px #000; box-shadow: 0px 4px 8px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); } /*----------------------- NAV AREA DROP-DOWN MENU ------------------------*/ #nav { position: absolute; } #nav ul li { width: 8.4em; } #nav ul ul { margin: 0; padding-bottom: 8px; } #nav .bar_1 ul ul li { float: none; width: 100%; padding-left: 0; font-size: 80%; border-left: 0px none; } #nav ul li a { text-transform: uppercase; } #nav ul ul li a { display: block; padding: 0.3em 10px; text-transform: none; line-height: 120%; width: auto !important; border-bottom: 1px solid #002855; } #nav .bar_1 .nav_wrapper ul ul li a:hover, #nav .bar_1 .nav_wrapper ul ul li a:focus { border-bottom: 1px solid #7F93AA; background-color: #002855; } /*----------------------- SEARCH FEATURE ------------------------*/ #_search-block { float: right; margin: 0.33em 14px 0 0.3em; padding: 0; font-size: 1em; width: 11em; overflow: hidden; } #_search-block form { margin: 0; padding: 0; border-bottom: 1px solid #667D9D; } #_search-block form.bordered { border-bottom: 1px solid #667D9D; } #_search-block form.unbordered { border-bottom: 0px none; } #_search-block #search_field { margin-right: 0.6em; overflow: hidden; } #search_options { padding: 0.5em 0 0.75em 0.375em; margin: 0; font-size: 0.625em; overflow: hidden; } #search_options a { color: #CCD4E0; border-bottom: 1px solid #667D9D; } #search_options a:hover, #search_options a:focus { border-bottom: 1px solid #1A3E68; } #_search-block input.text_area { background-color: #E5E9EF; border: 1px solid #335379; color: #333; padding: 0.3em; margin: 0.275em 0 0.275em; float: left; height: 1.3em; width: 100%; font-size: 0.7em !important; } #_search-block input.submit_button { background: #335379 url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_search.gif') scroll no-repeat center center; width: 2em; height: 2em; border: 1px solid #335379; margin: 0; padding: 0; /* text-indent: -9000px;*/ float: left; overflow: hidden; padding-top: 2em; } #_search-block input.submit_button:hover, #_search-block input.submit_button:focus { background: #335379 url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_search_hover.gif') scroll no-repeat center center; } #_search-block #search_controls { overflow: hidden; } #_search-block input.inputsubmit { background: #335379; border: 1px solid #335379; margin: 0.5em 0.5em 0 0; padding: 0; color: #FFF; font-size: .67em; float: left; overflow: hidden; } #_search-block input.inputsubmit:hover, #_search-block input.inputsubmit:focus { background: #667D9D; cursor: pointer; } /* #_search-block #search_controls { display: none; }*/ #search_plus { float: right; clear: right; margin: 0.375em 10px 10px 0; width: 11em; padding: 0; } #search_plus h2 { color: #CCD4E0; font-size: 0.85em; font-weight: normal; margin: 0 0 0.1em 0; padding: 0; text-transform: none; } #search_plus ul { list-style-type: none; float: none; margin: 0; padding: 0; } #nav #search_plus ul li { border-left: 0 none; float: none; width: auto; margin: 0 0 0 0.8em; padding: 0; line-height: 110%; } #search_plus ul li a { display: inline; border-left: 0 none; border-bottom: 1px solid #667D9D; color: #CCD4E0; margin: 0; padding: 0; text-transform: none; font-size: 0.75em; /* line-height: 1.5em;*/ } #search_plus ul li a:hover, #search_plus ul li a:focus { background: none !important; border-bottom: 1px solid #1A3E68; } /*------------------------------BREADCRUMBS------------------------------*/ #breadcrumbs_container { /* padding-top: 3em;*/ padding-top: 2.9em; } /*-------DROP-DOWN SOCIAL MEDIA BOX---------*/ #social_media_container_drop { /* position: fixed;*/ /* z-index: 9999;*/ /* top: 200px;*/ /* left: -200px;*/ /* width: 268px;*/ margin: 0 0 1em; } #social_media_widget_drop { /* width: 268px;*/ overflow: hidden; } #social_media_tab_drop { /* width: 68px;*/ /* float: right;*/ background-color: #002855; } #social_media_tab_drop ul.sm_buttons_drop { /* float: right;*/ /* width: 48px;*/ list-style-type: none; margin: 0; padding: 0; overflow: hidden; } #social_media_tab_drop ul.sm_buttons_drop li { margin: 0; padding: 0; float: left; width: 20%; } #social_media_tab_drop ul.sm_buttons_drop li.left { margin-left: 0; } #social_media_tab_drop ul.sm_buttons_drop li a { border-bottom: 0px none; padding: 5px 5px 5px 4px; display: block; text-align: center; } #main #social_media_tab_drop ul.sm_buttons_drop li a.no_linkout[href^="http://"], #main #social_media_tab_drop ul.sm_buttons_drop li a.no_linkout[href^="https://"] { /*padding-right: 5px;*/ } #social_media_tab_drop ul.sm_buttons_drop li a img { border: 0px none; max-width: 90%; } #social_media_tab_drop ul.sm_buttons_drop li a:hover { border-bottom: 0px none; background-color: #7F93AE; } #social_media_info_drop { /* width: 200px;*/ /* float: right;*/ /* background-color: #4D688C;*/ background-color: #002855; margin: 0; padding: 0; } #social_media_info_drop #click_tab_drop { /* float: right;*/ /* width: 20px;*/ height: 20px; background-color: #C99700; } #social_media_info_drop #click_tab_drop a { display: block; /* width: 20px;*/ height: 20px; border: 0px none; } #social_media_info_drop #click_tab_drop a.closed { background: #C99700 url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_small_down.gif') no-repeat scroll center center; } #social_media_info_drop #click_tab_drop a.open { background: #C99700 url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_small_up.gif') no-repeat scroll center center; } #social_media_info_drop #click_tab_drop a.closed:hover, #social_media_info_drop #click_tab_drop a.closed:focus, #social_media_info_drop #click_tab_drop a.open:hover, #social_media_info_drop #click_tab_drop a.open:focus { background-color: #DAAA00; } #info_box_drop { margin: 0 1px 1px; background-color: #FFF; overflow: hidden; padding: 0 10px 0.75em; } #info_box_drop iframe { width: 100px !important; height: 20px !important; margin-left: 8px; } #info_box_drop h3 { font-size: 0.9em; margin: 0.5em 8px 0; } div.fb-like { margin: 4px 0 0.8em 8px; } #info_box_drop ul { margin: 1.6em 0 0.5em; padding: 0; list-style-type: none; font-size: 0.8em; } #info_box_drop ul li { margin: 0 5px 0.6em 8px; padding: 0; } #info_box_drop p { font-size: 0.9em; font-weight: bold; margin: 1.5em 8px 0.8em; padding: 0; } #social_media_shadow_drop { /* position: absolute; top: 187px; left: 0;*/ width: 54px; margin: 0; padding: 0; background: transparent url('https://cmsresources.ucdavis.edu/cms_v2/images/common/nav_shadow_light2.png') scroll repeat-x top left; overflow: hidden; height: 10px; } /*----------------------- MAIN ------------------------*/ #main .nav_second ul li { font-weight: bold; font-size: 0.9em; line-height: 140%; } #main #right_column .content_box ul.photo_list { list-style-type: none; margin: 0 0 1.5em 0; padding: 0; } #main #right_column .content_box ul.photo_list li { margin: 0 0 16px 0; padding: 0; } #main #right_column .content_box ul.photo_list li a { display: block; overflow: hidden; border-bottom: 0px none; } #main #right_column .content_box ul.photo_list img { width: 100%; } /* override margin style for One CA button */ .right._oneca-btn { margin-bottom: 0.5em; } .repeating_content_block.clear_below { margin-top: 1em; margin-bottom: 1em; } .repeating_content_block.clear_below { margin-top: -1em; } /* Styles for pull quotes */ .pull_quote { width: 15em; padding: 1.2em 1.75em; background-color: #E5E9EF; color: #335379; } .pull_quote.pq_right { float: right; margin: 1em 0 1.5em 20px; } .pull_quote.pq_left { float: left; margin: 1em 20px 1.5em 0; } .pull_quote p:last-child { font-style: italic; margin: 0.6em 0 0; font-size: 1em; text-align: right } .pull_quote p:first-child { font-style: normal; text-align: left; margin: 0 0 0.6em; font-size: 1.3em; font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; } /* Styles for UC Davis Today */ .u_spaced_paras > p:last-child { margin-bottom: 3.5em; } /* styles for Story continues label */ .continues { display: none; } /* styles for the AddThis social sharing block */ .addthis_container { width: 185px; float: right; margin: 0.5em 0 1em 15px; } .addthis_container h3 { text-transform: uppercase; color: #888; font-size: 0.9em; margin: 0 0 2px 2px; } .addthis_container a { border-bottom: 0 none; } /*------------------------ ADDTHIS STYLES ----------------------*/ .addthis_sharing_toolbox { float: right; margin: 0.5em 0 1em 20px; clear: right; } .addthis_sharing_toolbox.at_inline { float: none; margin: 1em 20px 1.5em 0; clear: both; } .at-share-tbx-element .at-share-btn { border-bottom: 0 none; } /* styles for Apply to UC Davis button block */ .apply_button { font-size: 1.4em; margin: 0; padding: 0; text-transform: uppercase; } .apply_button a { background: url("https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_med_right_fff.gif") no-repeat scroll right 38% #DAAA00; border-bottom: 0 none; color: #FFFFFF; display: block; font-weight: normal; margin: 0 0 -0.35em; padding: 0.2em 25px 0.6em 10px; } .apply_button a:hover, .apply_button a:focus { background: url("https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_med_right_blue.gif") no-repeat scroll right 38% #DAAA00; color: #002855; } /*----------------------- FOOTER ------------------------*/ #footer #aggies a { border: 0px none; } #footer_logos { width: 30em; margin: 0 auto; overflow: hidden; } #footer_logos a { float: right; border-bottom: 0 none; margin-top: 16px; } #footer_logos a:first-child { float: left; margin-top: 0; } /*----------------------- RESPONSIVE ADDITIONS -----------------------*/ #desktop_search_etc { position: relative; } @media only screen and (max-width: 767px) { #site_title #title.logo img { width: 300px; } #site_title #resources { right: 5px; width: 5.25em; } #site_title #resources h2 a { padding: 2px 10px 3px 6px; } #site_title #resources h2.closed { border-top: 1px solid #002855; border-right: 1px solid #002855; border-bottom: 1px solid #002855; border-left: 1px solid #002855; } #site_title #resources h2.closed a { background-position: 95% 50%; } #site_title #resources h2.open { border-top: 1px solid #002855; border-right: 1px solid #002855; border-bottom: 1px solid #FFF; border-left: 1px solid #002855; } #site_title #resources h2.open a { background-position: 95% 40%; } #site_title #resources #resources_popout { width: 14em; } #site_title #resources #resources_popout ul { float: none; } #site_title #resources #resources_popout ul#resources_main { width: auto; margin-bottom: 0; } #site_title #resources #resources_popout ul#resources_secondary { width: auto; margin-top: 0; } #site_title #resources #resources_popout ul li { padding-bottom: 8px; } /*----------------------- SEARCH FEATURE ------------------------*/ #_rwd4 #_search-block { float: none; background: none; margin: 0; padding: 5px 0; width: 100%; background-color: #002855; } #_rwd4 #_search-block { text-align: left; } #_rwd4 #_search-block form { margin: 0; padding: 0; border-bottom: 1px solid #667D9D; } #_rwd4 #_search-block form.bordered { border-bottom: 1px solid #667D9D; } #_rwd4 #_search-block form.unbordered { border-bottom: 0px none; } #_rwd4 #_search-block #search_field { margin: 0; width: 34%; float: left; overflow: hidden; } #search_options { display: none; } #search_options a { color: #CCD4E0; border-bottom: 1px solid #667D9D; } #search_options a:hover, #search_options a:focus { border-bottom: 1px solid #1A3E68; } #_rwd4 #_search-block input.text_area { background-color: #E5E9EF; border: 1px solid #335379; padding: 0; margin: 5px 0 0 6px; height: 1.6em; width: 94px; } #_rwd4 #_search-block input.submit_button { background: #335379 url('https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_search.gif') scroll no-repeat center center; width: 2em; height: 2em; border: 1px solid #335379; margin: 0; padding: 0; /* text-indent: -9000px;*/ float: left; overflow: hidden; padding-top: 2em; } #_rwd4 #_search-block input.submit_button:hover, #_rwd4 #_search-block input.submit_button:focus { background: none; } #_rwd4 #_search-block #search_controls { overflow: visible; float: left; width: 66%; } #_rwd4 #_search-block input.inputsubmit { margin: 4px 0 4px; padding: 2px 0; float: none; overflow: visible; } #search_plus { display: none; } /*------------------------ GOOGLE SEARCH RESULTS STYLES ----------------------*/ #search_form iframe { width: 100% !important; } /*------------------------ SOCIAL MEDIA STYLES ----------------------*/ #social_media_container_drop { margin-bottom: 30px; } .addthis_container { float: none; margin: 1em 0; width: 185px; } .addthis_container h3 { color: #888888; font-size: 0.75em; } .addthis_sharing_toolbox { float: none; margin: 1em 20px 1.5em 0; clear: both; } /* override margin style for One CA button */ .content_box.right._oneca-btn { width: 50%; } /* styles for Story continues label */ .continues { display: block; text-align: center; font-weight: bold; color: #777; font-size: 0.8em; border-bottom: 1px solid #999; padding-bottom: 3px; } } @media only screen and (max-width: 360px) { #site_title #title.logo img { width: 260px; } } @media only screen and (max-width: 320px) { #site_title #title.logo img { width: 220px; } } /*------------------------ USERVOICE ----------------------*/ /* old styles */ a#uvTabLabel { border: 0 !important; text-decoration: none !important; outline: none !important; } /* new styles */ #feedback-button a { font-family: "futura-pt","Lucida Grande","Lucida Sans",sans-serif; letter-spacing:3px; font-size:1.3em; position:fixed; right:5%; bottom:-2px; background:#335379; color:#fff; -moz-box-shadow:0px 0px 2px #000; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 2px #000; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.3); box-shadow:0px 0px 2px #000; box-shadow:0px 0px 2px rgba(0,0,0,0.3); text-align:center; padding:16px 0px; width:140px; transition:all .2s ease-in-out; display:block; z-index:500; text-decoration:none; outline:none; } #feedback-button a:hover { padding:16px 0px 22px 0; background:#002855; } /*----------- Reponsive addtions -----------*/ @media only screen and (max-width : 767px) { #feedback-button a { right: 10px; padding: 10px 0px; } } /*------------------------ IFRAME STYLES ----------------------*/ .video_wrapper, .audio_wrapper { height: 0; position: relative; } .video_wrapper { padding-top: 25px; } .ar-4x3 { padding-bottom: 75%; } .ar-16x9 { padding-bottom: 56.25%; } .ar-6x7 { padding-bottom: 116%; padding-top: 0; } .video_wrapper iframe, .audio_wrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*------------------------ TABLET STYLES ----------------------*/ @media screen and (min-width: 768px) and (max-width: 1024px) { #nav ul li { width: 8.25em; } #nav ul li a { padding: 0.8em 3px 0.9em 8px; } #_search-block { width: 9em; } #_search-block input.text_area { height: 1.1em; margin: 0.1em 0; padding: 0.25em; } #search_plus { margin: 0.375em 10px 10px 0; padding: 0; width: 9em; } #search_plus ul li a { padding: 0.2em 0 0 0; } #photo_container { margin-top: 2.4em; } } /*----------- iPads (landscape) -----------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #nav ul li { font-size: 0.925em; } #_search-block { margin: 0.6em 8px 0 0.3em; } } /*----------- iPads (portrait) -----------*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #nav ul li { font-size: 0.825em; } #_search-block { margin: 0.4em 8px 0 0.3em; } }