/* alter to 14px (original = 1.5) */ /*@import url(https://fonts.googleapis.com/css?family=Varela); @import url(https://fonts.googleapis.com/css?family=Varela+Round);*/ @font-face { font-family: 'Varela-iefix'; src: url("/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.eot"); src: url("/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.woff2") format("woff2"), url("/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.woff") format("woff"), url("/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.ttf") format("truetype"); /* url('/sites/all/themes/chemistry/fonts/Varela-Regular-webfont.svg#varelaregular') format('svg');*/ font-weight: normal; font-style: normal; } @font-face { font-family: 'varela-round-iefix'; src: url("/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.eot"); src: url("/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.woff2") format("woff2"), url("/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.woff") format("woff"), url("/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.ttf") format("truetype"); /* url('/sites/all/themes/chemistry/fonts/VarelaRound-Regular-webfont.svg') format('svg');*/ font-weight: normal; font-style: normal; } /*#24862A */ /* used for utility nav bg */ /* used for selected nav tab */ /* used for text */ /* used for text */ /* used for text */ /* used for reversed text */ .views-slideshow-pager-fields div { display: block; } /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= Normalize.css is intended to be used as an alternative to CSS resets. It is suggested that you read through the normalize.css file and customise it to meet the design requirements of a project rather including it as a "black box". @see http://nicolasgallagher.com/about-normalize-css/ Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ @see http://snook.ca/archives/html_and_css/no_css_reset/ ========================================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* Instead of relying on the fonts that are available on a user's computer, you can use web fonts which, like images, are resources downloaded to the user's browser. Because of the bandwidth and rendering resources required, web fonts should be used with care. Numerous resources for web fonts can be found on Google. Here are a few websites where you can find Open Source fonts to download: - http://www.fontsquirrel.com/fontface - http://www.theleagueofmoveabletype.com In order to use these fonts, you will need to convert them into formats suitable for web fonts. We recommend the free-to-use Font Squirrel's Font-Face Generator: http://www.fontsquirrel.com/fontface/generator The following is an example @font-face declaration. This font can then be used in any ruleset using a property like this: font-family: Example, serif; Since we're using Sass, you'll need to declare your font faces here, then you can add them to the font variables in the _base.scss partial. */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 93.75%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ /* Establishes a vertical rhythm unit using $base-line-height. */ line-height: 1.6em; } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ a:link { color: #24862A; text-decoration: none; } a:visited { color: #24862A; } a:hover, a:focus { color: #ff9900; } a:active { color: #ff9900; } /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins so that the line height of our base font becomes the basic unit of vertical measurement. We use multiples of that unit to set the top and bottom margins for our block level elements and to set the line heights of any fonts. For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { /* Sets the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.6em; /* Sets 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.8em; margin-bottom: 0.8em; } h2 { font-size: 0.933em; line-height: 1.7149em; margin-top: 1.7149em; margin-bottom: 1.7149em; } h3 { font-size: 1.17em; line-height: 1.36752em; margin-top: 1.36752em; margin-bottom: 1.36752em; } h4 { font-size: 1em; line-height: 1.6em; margin-top: 1.6em; margin-bottom: 1.6em; } h5 { font-size: 0.83em; line-height: 1.92771em; margin-top: 1.92771em; margin-bottom: 1.92771em; } h6 { font-size: 0.75em; line-height: 2.13333em; margin-top: 2.13333em; margin-bottom: 2.13333em; } /* Thematic break */ hr { height: 0px; /*border: 1px solid #666;*/ border-color: #dcdcdc; padding-bottom: -1px; margin: 1.6em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; cursor: help; white-space: nowrap; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ /* margin: rhythm(1) $indent-amount; */ color: #830e0e; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 17px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ margin: 0 0 1.6em 0; /* changed to be bottom only */ } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp, tt, var { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; /* The $font-monospace value ends with ", serif". */ font-size: 1em; line-height: 1.6em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } /* @todo Determine how big element affects vertical rhythm. */ small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul, .item-list ul { /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ margin: 1.6em 0; } .item-list ul li { /* Drupal override */ margin: 0; } dd { margin: 0 0 0 30px; /* LTR */ } ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol { margin: 0; /* Turn off margins on nested lists. */ } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul, .item-list ul { padding: 0 0 0 30px; /* LTR */ } ul { padding: 0; margin: 0; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */ /* Responsive images */ /* @todo Add responsive embedded video. */ max-width: 100%; height: auto; } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border-color: #c0c0c0; margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-top-width: 0.06667em; border-top-style: solid; padding-top: 0.49333em; border-bottom-width: 0.06667em; border-bottom-style: solid; padding-bottom: 0.97333em; border-left-width: 0.06667em; border-left-style: solid; padding-left: 0.97333em; border-right-width: 0.06667em; border-right-style: solid; padding-right: 0.97333em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; /* width: 100%; */ /* Prevent cramped-looking tables */ /* Add vertical rhythm margins. */ margin-top: 1.6em; margin-bottom: 1.6em; } /* * Drupal provides table styling which is only useful for its admin section * forms, so we override this default CSS. (We set it back in forms.css.) */ th { text-align: left; /* LTR */ padding: 0; border-bottom: none; } tbody { border-top: none; } /** * @file * Wireframes Styling * * Add wireframes to the basic layout elements. */ .with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom { outline: 1px solid #ccc; } /** * @file * Positioning for responsive layout . * * Define CSS classes to create a table-free, 3-column, 2-column, or single * column layout depending on whether blocks are enabled in the left or right * columns. * * This layout uses the Zen Grids plugin for Compass: http://zengrids.com */ /* * Make footer stick to bottom of page *Sticky Footer by Ryan Fait *http://ryanfait.com/ */ * { margin: 0; } html, body { height: 100%; } #page { /* min-height: 100%; */ /* removed this 7/26 */ height: auto !important; height: 100%; } .ie #social-icons-footer { display: none !important; } /* end sticky footer */ #footer-wrapper { background: url(/sites/all/themes/chemistry/images/footer-bkgrnd-large.png); margin-top: -10px; position: relative; z-index: 2; padding-bottom: 20px; } #footer-wrapper .block { margin-bottom: 0; } /* * Center the page. */ #page, .region-bottom { /* For screen sizes larger than 1200px, prevent excessively long lines of text by setting a max-width. */ margin-left: auto; margin-right: auto; /* max-width: 1200px; */ } /* * Apply the shared properties of grid items in a single, efficient ruleset. */ #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { /* *commented out the default line below to get rid of grids in the above regions *maybe girds can be added back in regions (panels?) where they would be useful *but at this point, not planning on using grids */ /* @include zen-grid-item-base(); */ } /* * Containers for grid items and flow items. */ #header { position: relative; z-index: 3; } #header, #main, #footer { /* max-width: 960px; margin-left: auto; margin-right: auto; */ } #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; } #header:after, #main:after, #footer:after { clear: both; } #footer { max-width: 960px; margin-left: auto; margin-right: auto; } /* * below are regions used in the panels template file. * region-a, region-c-c, and .region-slideshow are full screen-width regions * the others are max 960 width * region-a-a is used when top row is needed that straddles two columns underneath it * columns are region-b (right) and region-c (left) * region-c drops under region-b when columsn go away */ .region-a, .region-a-a, .region-b, .region-c, .region-c-c { /* max-width: 960px; */ margin-left: auto; margin-right: auto; } .region-a:before, .region-a:after, .region-a-a:before, .region-a-a:after, .region-b:before, .region-b:after, .region-c:before, .region-c:after, .region-c-c:before, .region-c-c:after { content: ""; display: table; } .region-a:after, .region-a-a:after, .region-b:after, .region-c:after, .region-c-c:after { clear: both; } /* not sure what below is needed */ .page-getinvolved-science .region-a { /* display: none; */ } .node-type-event .region-a-a-inner { padding-left: 0px; float: left; background: #eeefef; width: 100%; } .region-a-a { max-width: 960px; margin-left: auto; margin-right: auto; /* margin-top: -8px; */ /* removed, not sure why I had this here - Rick */ } .region-slideshow { clear: both; } .region-c-c { clear: both; } .region-a-a-inner { padding: 0px 10px 0px 10px; } .region-b-inner { padding: 0px 10px 0px 10px; } .region-c-inner { padding: 0px 10px 0px 10px; } .region-b-c-container { max-width: 960px; margin-left: auto; margin-right: auto; /* outline: dashed gray 1px; */ /* margin-top: -4px; */ /* not sure why I put this; removing for now - Rick */ } @media all and (min-width: 750px) { .region-b { float: right; width: 66.666667%; } .page-getinvolved-science .region-b, .page-events .region-b, .page-news-stories .region-b, .page-news-multimedia .region-b, .page-getinvolved-researchhighlights .region-b { float: right; width: 33.333333%; } .region-b-container .region-b { float: none; width: 100%; max-width: 960px; margin-left: auto; margin-right: auto; } .region-c { float: left; width: 33.333333%; } .page-getinvolved-science .region-c, .page-events .region-c, .page-news-stories .region-c, .page-news-multimedia .region-c, .page-getinvolved-researchhighlights .region-c { float: left; width: 66.666667%; } } /* #nav-a, #nav-b, and #nav-c are full page width containers */ #nav-a { background: url("/sites/all/themes/chemistry/images/nav-a-bg.png"); height: 36px; margin-left: auto; margin-right: auto; } #nav-searchbar { background: #b9d5bb; } #block-block-5 h2.block__title { display: none; } #block-block-5 p { color: #3d3d3d; line-height: 36px; margin: 0; font-size: 17px; font-weight: 600; } .region-nav-searchbar { width: 940px; margin: 0 auto; } .region-nav-searchbar ul { list-style: none; padding: 0; margin: 0; } .region-nav-searchbar ul li { float: left; list-style: none; } .region-nav-searchbar ul li.leaf { list-style-image: none; list-style-type: none; padding-right: 1em; } .region-nav-searchbar ul li.first { padding-left: 10px; } .region-nav-searchbar ul li a { color: #003e05; font-weight: 600; text-transform: uppercase; font-size: 10px; } .region-nav-searchbar #block-menu-block-24 { margin-bottom: 0; } #nav-a .region-nav-a { /* note background image is set by jquery, see js/script.js */ background-position: right top; background-repeat: no-repeat; width: 940px; } #nav-b { background-color: #FFFFFF; position: relative; /* note drop down menus tie to this for their absolute position */ z-index: 1; margin: 0 auto; background: #004f06; } #nav-c { background-color: #3c0404; } /* .region-nav-a, .region-nav-b and .region-nav-c are width restricted */ .region-nav-a, .region-nav-b, .region-nav-c { max-width: 960px; margin-left: auto; margin-right: auto; clear: both; } .region-nav-a p, .region-nav-b p, .region-nav-c p { margin: 0; padding: 0; } /* * Social icons */ ie #social-icons-header, ie #social-icons-footer { position: absolute; right: 0; top: 0px; } #social-icons-header, #social-icons-footer { max-width: 922px; margin: auto; clear: right; padding-top: 1px; /* * image replace text see Scott Kellum method * http://css-tricks.com/examples/ImageReplacement */ } #social-icons-header .item-list, #social-icons-footer .item-list { float: right; } #social-icons-header img#force, #social-icons-footer img#force { width: 30px; height: 30px; } #social-icons-header ul, #social-icons-footer ul { margin: 10px 0 0 0; padding-left: 0px; margin-right: 6px; } #social-icons-header li, #social-icons-footer li { list-style: none; float: left; } #social-icons-header a, #social-icons-footer a { height: 30px; display: block; white-space: nowrap; overflow: hidden; } #social-icons-header a:focus, #social-icons-footer a:focus { color: transparent; } #social-icons-header a.facebook, #social-icons-footer a.facebook { width: 35px; height: 36px; } #social-icons-header a.facebook:hover, #social-icons-footer a.facebook:hover { opacity: .75; margin-top: -3px; } #social-icons-header a.facebook svg#Layer_1, #social-icons-footer a.facebook svg#Layer_1 { float: left; margin-top: 5px; } #social-icons-header a.facebook svg#Layer_1 rect#rect2987, #social-icons-footer a.facebook svg#Layer_1 rect#rect2987 { fill: #004f06 !important; } #social-icons-header a.mit-twitter, #social-icons-footer a.mit-twitter { width: 35px; height: 36px; } #social-icons-header a.mit-twitter:hover, #social-icons-footer a.mit-twitter:hover { opacity: .75; margin-top: -3px; } #social-icons-header a.mit-twitter svg#Layer_1, #social-icons-footer a.mit-twitter svg#Layer_1 { float: left; margin-top: 5px; } #social-icons-header a.mit-twitter svg#Layer_1 path, #social-icons-footer a.mit-twitter svg#Layer_1 path { fill: white; } #social-icons-header a.mit-channel img#force, #social-icons-footer a.mit-channel img#force { float: left; position: relative; } #social-icons-header a.mit-channel img#force:hover, #social-icons-footer a.mit-channel img#force:hover { opacity: .75; margin-top: -3px; } #social-icons-header a.mit-flickr, #social-icons-footer a.mit-flickr { width: 35px; height: 36px; } #social-icons-header a.mit-flickr:hover, #social-icons-footer a.mit-flickr:hover { opacity: .75; margin-top: -3px; } #social-icons-header a.mit-flickr svg#Layer_1, #social-icons-footer a.mit-flickr svg#Layer_1 { float: left; margin-top: 5px; } #social-icons-header a.mit-flickr svg#Layer_1 g rect#rect2989, #social-icons-footer a.mit-flickr svg#Layer_1 g rect#rect2989 { fill: #004f06 !important; } #social-icons-header a.feed, #social-icons-footer a.feed { width: 35px; height: 36px; } #social-icons-header a.feed:hover, #social-icons-footer a.feed:hover { opacity: .75; margin-top: -3px; } #social-icons-header a.feed svg#Layer_1, #social-icons-footer a.feed svg#Layer_1 { float: left; margin-top: 5px; } #social-icons-header a.feed svg#Layer_1 path, #social-icons-footer a.feed svg#Layer_1 path { fill: white; } #social-icons-header a.twitter, #social-icons-footer a.twitter { width: 35px; background: url(../../images/icon_twitter_red.png) no-repeat; padding-left: 5px; } #social-icons-footer { padding-top: 10px; } #social-icons-footer a.facebook { background: url(../../images/fb_black_icon.ico) no-repeat; } #social-icons-footer a.mit-twitter { width: 36px; height: 36px; background: url(../../images/twitter_black_icon.ico) no-repeat; } #social-icons-footer a.mit-channel { width: 36px; height: 36px; background: url(../../images/mit_black_icon.ico) no-repeat; } #social-icons-footer a.mit-flickr { width: 36px; height: 36px; background: url(../../images/flick_black_icon.ico) no-repeat; } #social-icons-footer a.feed { background: url(../../images/rss_black_icon.ico) no-repeat; } @media all and (max-width: 750px) { #social-icons-footer { margin-top: 14px; } } @media all and (max-width: 750px) { #social-icons-header { display: none; } } @media all and (min-width: 749px) { #social-icons-footer { display: none; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #social-icons-header { display: none; } #social-icons-footer { display: inherit; } } /* * Navigation bar */ @media all and (min-width: 750px) { #main { /* padding-top: 3em; */ /* Move all the children of #main down to make room. */ } #navigation { position: absolute; top: 0; /* Move the navbar up inside #main's padding. */ width: 100%; } } @media all and (min-width: 750px) and (max-width: 959px) { /* * Use 3 grid columns for smaller screens. */ /* * The layout when there is only one sidebar, the left one. */ .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 40%; margin-left: 20%; margin-right: -60%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } /* * The layout when there is only one sidebar, the right one. */ .sidebar-second #content { /* Span 2 columns, starting in 1st column from left. */ float: left; width: 40%; margin-left: 0%; margin-right: -40%; } .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */ float: left; width: 20%; margin-left: 40%; margin-right: -60%; } /* * The layout when there are two sidebars. */ .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 40%; margin-left: 20%; margin-right: -60%; } .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */ float: left; width: 60%; margin-left: 0%; margin-right: -60%; padding-left: 0; padding-right: 0; clear: left; } .two-sidebars .region-sidebar-second:before, .two-sidebars .region-sidebar-second:after { content: ""; display: table; } .two-sidebars .region-sidebar-second:after { clear: both; } .two-sidebars .region-sidebar-second .block { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; clear: left; } .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */ float: left; width: 20%; margin-left: 20%; margin-right: -40%; } .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */ float: left; width: 20%; margin-left: 40%; margin-right: -60%; } } @media all and (min-width: 960px) { /* * Use 5 grid columns for larger screens. */ /* * The layout when there is only one sidebar, the left one. */ .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */ float: left; width: 80%; margin-left: 20%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } /* * The layout when there is only one sidebar, the right one. */ .sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */ float: left; width: 80%; margin-left: 0%; margin-right: -80%; } .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */ float: left; width: 20%; margin-left: 80%; margin-right: -100%; } /* * The layout when there are two sidebars. */ .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */ float: left; width: 60%; margin-left: 20%; margin-right: -80%; } .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */ float: left; width: 20%; margin-left: 80%; margin-right: -100%; } } /*@import "layouts/fixed-width";*/ /** * @file * Tabs Styling * * Adds styles for the primary and secondary tabs. * * Compare this with default CSS found in the system module's stylesheet (a copy * of which is in drupal7-reference.css.) */ /* * Basic positioning styles shared by primary and secondary tabs. */ ie ul.primary, ie ul.secondary { zoom: 1; } ul.primary, ul.secondary { overflow: hidden; border-bottom: 1px solid #bbb; list-style: none; margin: 1em 0 1.5em; padding: 0 2px; white-space: nowrap; } ul.primary li, ul.secondary li { float: left; /* LTR */ margin: 0.5em 3px 0; } ul.primary a, ul.secondary a { border: 1px solid #e9e9e9; border-right: 0; border-bottom: 0; display: block; line-height: 1.5em; text-decoration: none; } /* * Primary tabs */ ul.primary li { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; text-shadow: 1px 1px 0 #fff; border: 1px solid #bbb; border-bottom: 0; margin: 0.5em 0 0 3px; /* LTR */ } ul.primary li.active { border-bottom: 1px solid #fff; margin-bottom: -1px; /* Overlap the ul's border. */ } ul.primary a:link, ul.primary a:visited { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #333; background-color: #dedede; letter-spacing: 1px; padding: 0 1em; text-align: center; } ul.primary a:hover, ul.primary a:focus { background-color: #e9e9e9; border-color: #f2f2f2; } ul.primary a.active { background-color: transparent; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0))); background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); border-color: #fff; } /* * Secondary tabs */ ul.secondary { font-size: .9em; margin-top: -1.5em; /* Collapse bottom margin of ul.primary. */ padding-bottom: .5em; } ul.secondary a:link, ul.secondary a:visited { -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-shadow: 1px 1px 0 #fff; background-color: #f2f2f2; color: #666; padding: 0 .5em; } ul.secondary a:hover, ul.secondary a:focus { background-color: #dedede; border-color: #999; color: #333; } ul.secondary a.active, ul.secondary a:active { text-shadow: 1px 1px 0 #333; background-color: #666; border-color: #000; color: #fff; } /** * @file * Page Styling * * Style the markup found in page.tpl.php. Also includes some styling of * miscellaneous Drupal elements that appear in the $content variable, such as * ul.links, .pager, .more-link, etc. * * * Styles are not associated with a particular panel style are in here: panels-styles.scss * Therefore pages.scss and panels-styles.scss is where most styles will be found. * */ /* * Body */ a:visited { text-decoration: none; } .morelink { font-size: 90%; font-weight: normal; text-transform: uppercase; white-space: nowrap; padding-right: 10px; background-image: url(/sites/all/themes/chemistry/images/linkarrow.gif); background-position: right 3px; background-repeat: no-repeat; } html { width: 100%; } body { min-width: 960px; background: #000; } body { margin: 0; padding: 0; color: #3c3c3c; } #page { background: white; position: relative; z-index: 1; } .not-front #page { background: white; } #block-block-5 img { position: relative; top: 5px; } #block-menu-block-24.block { padding-left: 0px !important; } #block-menu-block-24.block .menu-block-24 .menu > li > a { display: block; padding: 5px 0px 0px 0px; color: #004f06; } /* * The skip-link link will be completely hidden until a user tabs to the link. * See the element-focusable rule in system.base.css. */ p, li { font-size: 13px; line-height: 1.5em; font-color: #3c3c3c; } #skip-link { margin: 0; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0 3px 0; text-align: center; background-color: #666; color: #fff; } #block-cmi-blocks-logoarea { margin: 0; } #logo { /* Wrapping link for logo */ float: left; /* LTR */ margin: 0; padding: 0; } #logo img { vertical-align: bottom; } #logo_container { max-width: 960px; margin: auto; position: relative; } #logo_text p { padding-left: 108px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; color: #FFFFFF; margin: 0 0 8px 0; font-size: 16px; line-height: 20px; } span.bold { font-weight: bold; } /* default on most non-mobile page is text to right of logo */ #logo_text { position: absolute; left: 400px; top: 8px; } /* but on home page text above logo */ /* also for mobile text above logo and only displayed on front page*/ #logo_image { height: 102px; position: relative; left: -22px; width: 500px; float: left; top: -5px; background: url("../images/logo-mit-eaps-front.png") no-repeat 0 0; top: -15px; } .front #logo_image { height: 114px; position: relative; left: -19px; width: 500px; float: left; top: -5px; margin-bottom: 14px; background: url("../images/logo-mit-eaps-front.png") no-repeat 0px 0; } .front img#mit-logo { float: right; margin-top: 33px; margin-right: 10px; } img#mit-logo { float: right; margin-top: 33px; margin-right: 10px; } #name-and-slogan { /* Wrapper for website name and slogan */ float: left; } #site-name { /* The name of the website */ margin: 0; font-size: 2em; line-height: 1.5em; } #site-name a:link, #site-name a:visited { color: #000; text-decoration: none; } #site-name a:hover, #site-name a:focus { text-decoration: underline; } #site-slogan { /* The slogan (or tagline) of a website */ margin: 0; font-size: 1em; } .region-header { /* Wrapper for any blocks placed in the header region */ clear: both; /* Clear the logo */ height: 130px; /*need to make room for the slideshow*/ } body.not-front .region-header { /* Wrapper for any blocks placed in the header region */ height: 102px; /*need to make room for the slideshow****/ } /* * Content */ #content { margin: 0 auto; width: 960px; } .not-front.page-panels .sidebarleft { min-height: 850px; } .breadcrumb { /* The path to the current page in the form of a list of links */ } .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style-type: none; margin: 0; padding: 0; } h1.title, h2.node-title, h2.block-title, h2.title, h2.comment-form, h3.title { /* Comment title */ margin: 0; } .page-node .node_title { margin-left: 0px; } .rightmain h1.title, .rightmain .pane-page-title h1 { font-size: 30px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #004f06; padding-top: 12px; padding-bottom: 12px; margin: 0; padding-left: 10px; line-height: 1.25em; font-weight: normal; border-bottom: 1px solid black; border-bottom-style: dotted; background: url("/sites/all/themes/chemistry/images/double_dotted_line.png") repeat-x !important; } h1 { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ margin: 1.5em 0; /* Drupal core uses "6px 0" margin */ } div.messages ul { margin-top: 0; margin-bottom: 0; } ul.inline { /* List of links generated by theme_links() */ display: inline; padding: 0; } ul.inline li { display: inline; list-style-type: none; padding: 0 1em 0 0; /* LTR */ } span.field-label { /* The inline field label used by the Fences module */ padding: 0 1em 0 0; /* LTR */ } .item-list .pager { /* A list of page numbers when more than 1 page of content is available */ padding: 0; } .item-list .pager li { /* Each page number in the pager list */ /* padding: 0 0.5em; */ padding: 0; } /* * First sidebar (on left in LTR languages, on right in RTL) * * Remember to NOT add padding or margin to your .region-sidebar-first * (see the layout.css file.) */ .sidebarleft-twocol-bottom { width: 940px; margin-left: 10px; margin-right: 10px; background-color: #fff; height: 100%; overflow: auto; } .sidebarleft-twocol-bottom .left { padding-right: 20px; padding-top: 0px; } .sidebarleft-twocol-bottom .left a { color: #6a6b6a; } .sidebarleft-twocol-bottom .left a:hover { color: #ff9000; } .sidebarleft-twocol-bottom .left .active > a { color: #003e05; background-image: url(../images/side_menu_active.png); } .sidebarleft-twocol-bottom .left .active > a:hover { color: #003e05; } .sidebarleft .left { padding-top: 0px; } /* * Footer */ #footer-wrapper .block { margin-top: 32px; color: #f7f8f8; font-size: 10px; text-transform: uppercase; } #footer-wrapper .block #footer-info-inner { position: relative; text-align: right; } #footer-wrapper .block #footer-info-inner a { color: #f7f8f8; text-decoration: none; font-size: 11px; margin-right: 7px; } #footer-wrapper .block #footer-info-inner a:hover { text-decoration: underline; } #footer-wrapper .block #footer-info-inner #footer-info-logo { margin-left: 11px; float: left; width: 250px; position: absolute; top: 6px; text-align: left; } #footer-wrapper .block #footer-info-inner #footer-info-logo2 { margin-left: 0px; float: left; width: 250px; position: absolute; top: 9px; text-align: left; } #footer-wrapper .block #footer-info-inner #footer-info-logo2 img { height: 50px; margin-top: -4px; } #footer-wrapper .block #footer-info-inner #footer-info-menu { margin-right: 9px; margin-top: -6px; } #footer-wrapper .block #footer-info-inner #footer-info-menu span { margin-left: 8px; } #footer-wrapper .block #footer-info-inner #footer-info-text { margin-right: 9px; line-height: 1.7em; } #subfooter { width: 940px; margin: 0 auto; text-align: right; color: #F7F8F8; font-size: 10px; text-transform: uppercase; display: none; } /* * Below are styles that are not part of any particular panel style */ .field-name-field-body-research { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; padding-left: 10px; padding-right: 10px; } .profile_text .name { color: #aa1515; display: block; font-size: 20px; padding: 10px 0 10px 0; font-weight: bold; } .profile_text .job_title { display: block; font-size: 13px; } .profile_text .positions { display: block; font-size: 13px; } .profile_text .affiliations { color: #830e0e; display: block; background: url(../images/single_dotted_line.png) repeat-x top; padding: 10px 0 10px 0; margin-top: 10px; } .profile_text .affiliations label { color: #3c3c3c; text-transform: uppercase; font-size: 12px; /* float: left; */ display: inline-block; font-weight: bold; padding: 0 5px 0 0; } .dlci_title { color: #aa1515; display: block; font-size: 20px; padding: 10px 0 10px 0; font-weight: bold; } .pane-term-description { clear: both; } .view-mobile-slideshow-gallery-replacement .media_credit { text-transform: uppercase; font-size: 14px; } .view-mobile-slideshow-gallery-replacement .media_title { font-size: 19px; } .view-mobile-slideshow-gallery-replacement .media_desc { font-family: Arial, Helvetica, sans-serif; font-size: 15px; } div.ctools-modal-content .modal-content { padding: 0px !important; width: 621px !important; min-height: 450px !important; } .views-exposed-form .views-exposed-widget { margin: 0 10px 0 0; padding: 0; } /* CSS for faculty search */ .search_results, #cmi-fac-search-desktop, #cmi-fac-search-mobile-top, .bottom_area .item-list, #cmi-fac-search-mobile-bottom, .sortby_pager, .awards_desktop, .bottom_area .sortby, #views-exposed-form-news-stories-list-panel-pane-1 { max-width: 960px; margin-left: auto; margin-right: auto; } #views-exposed-form-news-stories-list-panel-pane-1 { max-width: 940px; } #cmi-fac-search-desktop, .sortby_pager, .awards_desktop, #cmi-handa-search-desktop { max-width: 940px; margin-left: auto; margin-right: auto; } .closed h2 { color: red; } .clear a { font-size: 14px; font-weight: normal; text-transform: uppercase; color: #bfc3c3; text-decoration: underline; } .sidebarleft .right, .sidebarleft-twocol-bottom .rightmain { background: #fff; } .sidebarleft .right .pane-node-field-top-region, .sidebarleft .right .pane-node-body, .sidebarleft .right .pane-node-field-file-attach, .sidebarleft-twocol-bottom .rightmain .pane-node-field-top-region, .sidebarleft-twocol-bottom .rightmain .pane-node-body, .sidebarleft-twocol-bottom .rightmain .pane-node-field-file-attach { padding: 15px 12px 0 12px; } .sidebarleft .right .pane-node-field-top-region ul, .sidebarleft .right .pane-node-body ul, .sidebarleft .right .pane-node-field-file-attach ul, .sidebarleft-twocol-bottom .rightmain .pane-node-field-top-region ul, .sidebarleft-twocol-bottom .rightmain .pane-node-body ul, .sidebarleft-twocol-bottom .rightmain .pane-node-field-file-attach ul { padding-left: 15px; } .sidebarleft .right .regionright-sidebar, .sidebarleft-twocol-bottom .rightmain .regionright-sidebar { padding: 15px 12px 0 0; } .sidebarleft .right .pane-node-field-date-of-news-item, .sidebarleft .right .pane-node-field-author, .sidebarleft-twocol-bottom .rightmain .pane-node-field-date-of-news-item, .sidebarleft-twocol-bottom .rightmain .pane-node-field-author { padding: 0px 0px 0 12px; } .page-news .sidebarleft-twocol-bottom .rightmain .leftcol { width: 100%; } .pane-node-body td { font-size: 13px; } .pane-node-body td p { margin: 0 0 2px 0; } .pane-node-body table { background: #000; border-bottom-width: 2px; } .pane-node-body table td { background: white; } .pane-node-body table tr:last-child { border-bottom-width: 2px; } .pane-research-fac-search, .pane-news-honors, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc { background: url("../images/search_top_shadow.png") repeat-x top; padding-top: 10px; /* / .search_results */ } .pane-research-fac-search .top_area, .pane-news-honors .top_area, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area { background: url("../images/search_bottom_shadow.png") repeat-x bottom; padding: 0 0 60px 0; } .pane-research-fac-search .bottom_area, .pane-news-honors .bottom_area, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area { background: url("../images/search_bottom_shadow.png") repeat-x bottom; padding: 7px 0 13px 0; height: 40px; clear: both; } .pane-research-fac-search .pane-title, .pane-news-honors .pane-title, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .pane-title { display: none; } .pane-research-fac-search input[type="text"], .pane-news-honors input[type="text"], .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc input[type="text"] { width: 230px; padding: 0 10px; height: 39px; background-color: #eeefef; border: none; font-size: 14px; color: #ff9900; } .pane-research-fac-search input[type="image"], .pane-news-honors input[type="image"], .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc input[type="image"] { display: inline-block; margin-top: 42px; } .pane-research-fac-search .top_area .sortby_pager, .pane-news-honors .top_area .sortby_pager, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .sortby_pager { background: url(../images/dotted_white_double_line.png) repeat-x top; padding: 20px 0 0 0; clear: both; } .pane-research-fac-search .bottom_area .sortby_pager, .pane-news-honors .bottom_area .sortby_pager, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .sortby_pager { padding: 0; clear: both; } .pane-research-fac-search .mobile_bottom, .pane-news-honors .mobile_bottom, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .mobile_bottom { display: none; position: relative; } .pane-research-fac-search .mobile_bottom .clear, .pane-news-honors .mobile_bottom .clear, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .mobile_bottom .clear { position: absolute; top: 70px; right: 20px; display: none; } .pane-research-fac-search .sortby_pager .sortby, .pane-news-honors .sortby_pager .sortby, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby_pager .sortby { float: left; } .pane-research-fac-search .sortby_pager .pager, .pane-news-honors .sortby_pager .pager, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby_pager .pager { float: right; } .pane-research-fac-search .sortby_pager .pager li a, .pane-news-honors .sortby_pager .pager li a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby_pager .pager li a { display: none; } .pane-research-fac-search .sortby_pager .pager .active, .pane-news-honors .sortby_pager .pager .active, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby_pager .pager .active { color: #f8cb93; } .pane-research-fac-search .bottom_area .pager, .pane-news-honors .bottom_area .pager, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .pager { float: right; } .pane-research-fac-search .form-item-sortbytest, .pane-news-honors .form-item-sortbytest, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .form-item-sortbytest { margin: 0; } .pane-research-fac-search .awards_desktop, .pane-research-fac-search .awards_mobile, .pane-news-honors .awards_desktop, .pane-news-honors .awards_mobile, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_desktop, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_mobile { background: url(../images/dotted_white_line.png) repeat-x top; margin-top: 2px; padding: 10px 0 8px 0; clear: both; display: none; } .pane-research-fac-search .bottom_area .awards_mobile, .pane-news-honors .bottom_area .awards_mobile, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .awards_mobile { background: url(../images/dotted_white_double_line.png) repeat-x top; margin-top: 20px; padding-top: 20px; } .pane-research-fac-search .awards_desktop a, .pane-research-fac-search .awards_mobile a, .pane-news-honors .awards_desktop a, .pane-news-honors .awards_mobile a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_desktop a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_mobile a { font-size: 12px; text-transform: uppercase; color: #f9b158; margin-left: 10px; padding: 0 0 0 10px; background: url(../images/arrow_right_yellow_small.png) no-repeat left; } .pane-research-fac-search .awards_desktop a:hover, .pane-research-fac-search .awards_mobile a:hover, .pane-news-honors .awards_desktop a:hover, .pane-news-honors .awards_mobile a:hover, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_desktop a:hover, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .awards_mobile a:hover { color: #f8cb93; } .pane-research-fac-search .sortby, .pane-news-honors .sortby, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby { padding: 0 5px 0 10px; display: none; } @media all and (min-width: 750px) { .pane-research-fac-search .sortby, .pane-news-honors .sortby, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .sortby { display: block; } } .pane-research-fac-search a.search_options, .pane-news-honors a.search_options, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc a.search_options { background: url(../images/search_options.png) no-repeat right center; display: block; height: 18px; outline: none; text-transform: uppercase; font-size: 12px; color: #f9b158; line-height: 20px; padding: 10px 25px 10px 0; text-align: right; margin-top: 30px; } .pane-research-fac-search #cmi-fac-search-desktop, .pane-research-fac-search #cmi-handa-search-desktop, .pane-news-honors #cmi-fac-search-desktop, .pane-news-honors #cmi-handa-search-desktop, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop { display: none; padding: 0 10px; } @media all and (min-width: 750px) { .pane-research-fac-search #cmi-fac-search-desktop, .pane-research-fac-search #cmi-handa-search-desktop, .pane-news-honors #cmi-fac-search-desktop, .pane-news-honors #cmi-handa-search-desktop, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop { display: block; } } .pane-research-fac-search #cmi-fac-search-desktop .form-item-search-fac, .pane-research-fac-search #cmi-fac-search-desktop .form-item-department, .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters, .pane-research-fac-search #cmi-handa-search-desktop .form-item-search-fac, .pane-research-fac-search #cmi-handa-search-desktop .form-item-department, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters, .pane-news-honors #cmi-fac-search-desktop .form-item-search-fac, .pane-news-honors #cmi-fac-search-desktop .form-item-department, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters, .pane-news-honors #cmi-handa-search-desktop .form-item-search-fac, .pane-news-honors #cmi-handa-search-desktop .form-item-department, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters { display: inline-block; vertical-align: top; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-search-fac label, .pane-research-fac-search #cmi-fac-search-desktop .form-item-department label, .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-search-fac label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-department label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters label, .pane-news-honors #cmi-fac-search-desktop .form-item-search-fac label, .pane-news-honors #cmi-fac-search-desktop .form-item-department label, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters label, .pane-news-honors #cmi-handa-search-desktop .form-item-search-fac label, .pane-news-honors #cmi-handa-search-desktop .form-item-department label, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-search-fac label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-department label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-search-fac label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-department label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters label { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #bfc3c3; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-search-fac, .pane-research-fac-search #cmi-handa-search-desktop .form-item-search-fac, .pane-news-honors #cmi-fac-search-desktop .form-item-search-fac, .pane-news-honors #cmi-handa-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-search-fac { padding: 0 5px 0 0px; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-department, .pane-research-fac-search #cmi-handa-search-desktop .form-item-department, .pane-news-honors #cmi-fac-search-desktop .form-item-department, .pane-news-honors #cmi-handa-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-department { padding: 0 10px 0 20px; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters { padding: 24px 0 0 0; float: right; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-search-fac, .pane-research-fac-search #cmi-fac-search-desktop .form-item-department, .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters, .pane-research-fac-search #cmi-handa-search-desktop .form-item-search-fac, .pane-research-fac-search #cmi-handa-search-desktop .form-item-department, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters, .pane-news-honors #cmi-fac-search-desktop .form-item-search-fac, .pane-news-honors #cmi-fac-search-desktop .form-item-department, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters, .pane-news-honors #cmi-handa-search-desktop .form-item-search-fac, .pane-news-honors #cmi-handa-search-desktop .form-item-department, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-search-fac, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-department, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters { margin: 10px 0 0 0; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters { margin: 18px 0 0 0; } .pane-research-fac-search #cmi-fac-search-desktop .form-item-search-fac label, .pane-research-fac-search #cmi-fac-search-desktop .form-item-department label, .pane-research-fac-search #cmi-fac-search-desktop .form-item-labscenters label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-search-fac label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-department label, .pane-research-fac-search #cmi-handa-search-desktop .form-item-labscenters label, .pane-news-honors #cmi-fac-search-desktop .form-item-search-fac label, .pane-news-honors #cmi-fac-search-desktop .form-item-department label, .pane-news-honors #cmi-fac-search-desktop .form-item-labscenters label, .pane-news-honors #cmi-handa-search-desktop .form-item-search-fac label, .pane-news-honors #cmi-handa-search-desktop .form-item-department label, .pane-news-honors #cmi-handa-search-desktop .form-item-labscenters label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-search-fac label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-department label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-fac-search-desktop .form-item-labscenters label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-search-fac label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-department label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc #cmi-handa-search-desktop .form-item-labscenters label { padding: 0 0 8px 8px; } .pane-research-fac-search .bottom_area .item-list, .pane-research-fac-search .top_area .item-list, .pane-news-honors .bottom_area .item-list, .pane-news-honors .top_area .item-list, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list { /* display: inline-block; */ } .pane-research-fac-search .bottom_area .item-list ul, .pane-research-fac-search .top_area .item-list ul, .pane-news-honors .bottom_area .item-list ul, .pane-news-honors .top_area .item-list ul, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul { padding: 0; margin: 0; /* li.last */ /* li:nth-child(3) */ /* li:nth-child(2) { display: none; } */ } .pane-research-fac-search .bottom_area .item-list ul li, .pane-research-fac-search .top_area .item-list ul li, .pane-news-honors .bottom_area .item-list ul li, .pane-news-honors .top_area .item-list ul li, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul li, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul li { list-style: none; display: inline-block; color: #bfc3c3; } .pane-research-fac-search .bottom_area .item-list ul li a, .pane-research-fac-search .top_area .item-list ul li a, .pane-news-honors .bottom_area .item-list ul li a, .pane-news-honors .top_area .item-list ul li a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul li a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul li a { color: #bfc3c3; } .pane-research-fac-search .bottom_area .item-list ul .pager-next a, .pane-research-fac-search .top_area .item-list ul .pager-next a, .pane-news-honors .bottom_area .item-list ul .pager-next a, .pane-news-honors .top_area .item-list ul .pager-next a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul .pager-next a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul .pager-next a { display: inline-block; width: 18px; height: 24px; background: url(../images/arrow_pager_right_yellow.png) no-repeat right top; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; margin-left: 10px; } .pane-research-fac-search .bottom_area .item-list ul .pager-previous a, .pane-research-fac-search .top_area .item-list ul .pager-previous a, .pane-news-honors .bottom_area .item-list ul .pager-previous a, .pane-news-honors .top_area .item-list ul .pager-previous a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul .pager-previous a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul .pager-previous a { display: inline-block; width: 18px; height: 24px; background: url(../images/arrow_pager_left_gray.png) no-repeat left top; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; margin-right: 10px; } .pane-research-fac-search .bottom_area .item-list ul .pager-current, .pane-research-fac-search .top_area .item-list ul .pager-current, .pane-news-honors .bottom_area .item-list ul .pager-current, .pane-news-honors .top_area .item-list ul .pager-current, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul .pager-current, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul .pager-current { color: #f8cb93; } .pane-research-fac-search .bottom_area .item-list ul li.first, .pane-research-fac-search .top_area .item-list ul li.first, .pane-news-honors .bottom_area .item-list ul li.first, .pane-news-honors .top_area .item-list ul li.first, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .bottom_area .item-list ul li.first, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .top_area .item-list ul li.first { padding-right: 10px; } .pane-research-fac-search .search_results, .pane-news-honors .search_results, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results { clear: both; background: #eeefef; /* / ul */ } .pane-research-fac-search .search_results h2.pane-title, .pane-news-honors .search_results h2.pane-title, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results h2.pane-title { display: none; } .pane-research-fac-search .search_results .image .field-label, .pane-news-honors .search_results .image .field-label, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results .image .field-label { display: none; } .pane-research-fac-search .search_results div.item-list, .pane-news-honors .search_results div.item-list, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results div.item-list { padding: 0 10px; } .pane-research-fac-search .search_results ul, .pane-news-honors .search_results ul, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul { padding: 0; margin: 0; width: 100%; float: left; background: #eeefef; } .pane-research-fac-search .search_results ul li, .pane-news-honors .search_results ul li, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li { list-style: none; padding: 0px 0 25px 0; display: block; clear: both; float: left; width: 100%; } @media all and (min-width: 750px) { .pane-research-fac-search .search_results ul li, .pane-news-honors .search_results ul li, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li { display: inline-block; width: 50%; clear: none; } .pane-research-fac-search .search_results ul li .even, .pane-news-honors .search_results ul li .even, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .even { float: right; margin-left: 10px; } .pane-research-fac-search .search_results ul li .even .even, .pane-news-honors .search_results ul li .even .even, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .even .even { margin-left: 0px; } .pane-research-fac-search .search_results ul li .odd, .pane-news-honors .search_results ul li .odd, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .odd { margin-right: 10px; } .pane-research-fac-search .search_results ul li .odd .even, .pane-news-honors .search_results ul li .odd .even, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .odd .even { margin-left: 0px; } } .pane-research-fac-search .search_results ul li .people_contact, .pane-research-fac-search .search_results ul li .awards_honors, .pane-news-honors .search_results ul li .people_contact, .pane-news-honors .search_results ul li .awards_honors, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors { border-top: #ff9900 solid 8px; } .pane-research-fac-search .search_results ul li .people_contact .image, .pane-research-fac-search .search_results ul li .awards_honors .image, .pane-news-honors .search_results ul li .people_contact .image, .pane-news-honors .search_results ul li .awards_honors .image, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .image, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .image { display: inline-block; width: 47.8%; float: left; } .pane-research-fac-search .search_results ul li .people_contact .image .field-type-image, .pane-research-fac-search .search_results ul li .awards_honors .image .field-type-image, .pane-news-honors .search_results ul li .people_contact .image .field-type-image, .pane-news-honors .search_results ul li .awards_honors .image .field-type-image, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .image .field-type-image, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .image .field-type-image { float: left; } .pane-research-fac-search .search_results ul li .people_contact .name, .pane-research-fac-search .search_results ul li .people_contact .dtitle, .pane-research-fac-search .search_results ul li .people_contact .status, .pane-research-fac-search .search_results ul li .people_contact .departments, .pane-research-fac-search .search_results ul li .people_contact .award, .pane-research-fac-search .search_results ul li .awards_honors .name, .pane-research-fac-search .search_results ul li .awards_honors .dtitle, .pane-research-fac-search .search_results ul li .awards_honors .status, .pane-research-fac-search .search_results ul li .awards_honors .departments, .pane-research-fac-search .search_results ul li .awards_honors .award, .pane-news-honors .search_results ul li .people_contact .name, .pane-news-honors .search_results ul li .people_contact .dtitle, .pane-news-honors .search_results ul li .people_contact .status, .pane-news-honors .search_results ul li .people_contact .departments, .pane-news-honors .search_results ul li .people_contact .award, .pane-news-honors .search_results ul li .awards_honors .name, .pane-news-honors .search_results ul li .awards_honors .dtitle, .pane-news-honors .search_results ul li .awards_honors .status, .pane-news-honors .search_results ul li .awards_honors .departments, .pane-news-honors .search_results ul li .awards_honors .award, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .name, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .dtitle, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .status, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .departments, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .award, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .name, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .dtitle, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .status, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .departments, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .award { display: inline-block; padding: 10px 0 0 10px; width: 40%; color: #3c3c3c; line-height: normal; font-size: 13px; } .pane-research-fac-search .search_results ul li .people_contact .status a, .pane-research-fac-search .search_results ul li .people_contact .departments a, .pane-research-fac-search .search_results ul li .awards_honors .status a, .pane-research-fac-search .search_results ul li .awards_honors .departments a, .pane-news-honors .search_results ul li .people_contact .status a, .pane-news-honors .search_results ul li .people_contact .departments a, .pane-news-honors .search_results ul li .awards_honors .status a, .pane-news-honors .search_results ul li .awards_honors .departments a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .status a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .departments a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .status a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .departments a { color: #3c3c3c; } .pane-research-fac-search .search_results ul li .people_contact .name, .pane-research-fac-search .search_results ul li .awards_honors .name, .pane-news-honors .search_results ul li .people_contact .name, .pane-news-honors .search_results ul li .awards_honors .name, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .name, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .name { font-weight: bold; font-size: 14px; } .pane-research-fac-search .search_results ul li .people_contact .name a, .pane-research-fac-search .search_results ul li .awards_honors .name a, .pane-news-honors .search_results ul li .people_contact .name a, .pane-news-honors .search_results ul li .awards_honors .name a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .name a, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .name a { color: #aa1515; text-decoration: none; } .pane-research-fac-search .search_results ul li .people_contact .dtitle, .pane-research-fac-search .search_results ul li .awards_honors .dtitle, .pane-news-honors .search_results ul li .people_contact .dtitle, .pane-news-honors .search_results ul li .awards_honors .dtitle, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact .dtitle, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors .dtitle { font-weight: bold; font-size: 0.85em; padding: 0 0 0 10px; } .pane-research-fac-search .search_results ul li .people_contact img, .pane-research-fac-search .search_results ul li .awards_honors img, .pane-news-honors .search_results ul li .people_contact img, .pane-news-honors .search_results ul li .awards_honors img, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .people_contact img, .pane-views-6e6314d6ebeffd4a20a09bcae5fe4fdc .search_results ul li .awards_honors img { max-width: 100%; } /* / .pane-research-fac-search */ .pane-cmi-blocks-research-search input[type="text"] { width: 230px; width: 92%; padding: 0 10px; height: 39px; background-color: white; border: none; font-size: 14px; color: #ff9900; float: left; } .pane-cmi-blocks-research-search input[type="image"] { float: left; margin-left: 10px; } .pane-cmi-blocks-research-search .allfaclink { float: left; clear: both; padding: 10px 0 10px 10px; } .pane-cmi-blocks-research-search .allfaclink a { padding: 0 20px 0 0; font-size: 14px; background: url("../images/arrow_right_red_bright_small.png") no-repeat right center; } .pane-cmi-blocks-research-search h2 { background: url("../images/double_dotted_line.png") repeat-x top; text-align: center; margin: 0; padding: 10px 0; text-transform: uppercase; } .pane-cmi-blocks-research-search .form-item-facfind { margin: 0; } .pane-research-department-table { margin-bottom: 50px; } /* --- CUSTOM SELECT LIST --- See http://www.bulgaria-web-developers.com/projects/javascript/selectbox/ */ .sbHolder { /**this will be customized per field**/ background-color: white; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; height: 39px; position: relative; width: 150px; } @media all and (max-width: 955px) { .sbHolder { /* width: 250px; */ } } .sbHolder .sbSelector { border: none; height: 39px; background: white; color: #666666; text-indent: 4px; display: block; height: 39px; left: 0; line-height: 40px; outline: none; text-indent: 10px; top: 0; overflow: hidden; position: absolute; width: 110px; } .sbHolder .sbSelector:visited, .sbHolder .sbSelector:hover { color: #017931; outline: none; text-decoration: none; } .sbHolder .sbToggle { background: url(../images/select_btn.png) top left no-repeat; display: block; height: 39px; outline: none; position: absolute; right: 0; top: 0; width: 40px; } .sbHolder .sbToggle:hover { background-position: 0 -39px; } .sbHolder .sbToggleOpen:hover { background-position: 0 0; } .sbHolder .sbOptions { background-color: #ecf9f9; list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; width: 300px; z-index: 1; overflow-y: auto; } .sbHolder .sbOptions li { padding: 0 7px; } .sbHolder .sbOptions li .last a { border-bottom: none; } .sbHolder .sbOptions a { border-bottom: dotted 1px #515151; display: block; outline: none; padding: 7px 0 7px 3px; } .sbHolder .sbOptions a:link, .sbHolder .sbOptions a:visited { color: #666666; text-decoration: none; } .sbHolder .sbOptions a:hover { color: #017931; } .sbHolder .sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; display: block; padding: 7px 0 7px 3px; } .sbHolder .sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbHolder .sbOptions .sbSub { padding-left: 17px; } .sortby .sbHolder { background-color: #ecf9f9; font-family: Arial, sans-serif; font-size: 14px; font-weight: normal; height: 25px; position: relative; width: 150px; } .sortby .sbHolder .sbSelector { display: block; height: 24px; left: 0; line-height: 23px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 120px; } .sortby .sbHolder .sbToggle { background: url(../images/select-icons-small.png) 0 -123px no-repeat; display: block; height: 25px; outline: none; position: absolute; right: 0; top: 0; width: 30px; } /*.sbToggle:hover{ background: url(../images/select_teal.png) 0 -167px no-repeat; }*/ .sortby .sbToggle:hover { background: url(../images/select-icons-small.png) 0 -174px no-repeat; } .sortby .sbToggleOpen { background: url(../images/select-icons-small.png) 0 -24px no-repeat; } .sortby .sbToggleOpen:hover { background: url(../images/select-icons-small.png) 0 -74px no-repeat; } .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; } .sortby .sbOptions { background-color: #FFF; list-style: none; margin: 0; padding: 0; position: absolute; top: 30px; width: 150px; z-index: 1; overflow-y: auto; } .sortby .sbOptions li { padding: 0 7px; } .sortby .sbOptions a { border-bottom: dotted 1px #515151; display: block; outline: none; padding: 2px 0 2px 3px; } /* --- CUSTOM SELECT LIST END --- */ .page-resources-faculty .region-a, .section-resources .region-a { background: url("../images/search_top_shadow.png") repeat-x top; padding-top: 20px; } .page-resources-faculty .region-a-inner, .section-resources .region-a-inner { background: url("../images/search_bottom_shadow.png") repeat-x bottom; padding-bottom: 40px; } .region-a-inner .pane-resource-top-links { width: 940px; margin: 0 auto; /* pane-content */ } .region-a-inner .pane-resource-top-links .pane-title { max-width: 960px; margin-left: auto; margin-right: auto; color: #bfc3c3; margin-top: 0; margin-bottom: 0; padding: 10px 0 10px 10px; text-transform: uppercase; } .region-a-inner .pane-resource-top-links .pane-content { max-width: 960px; margin-left: auto; margin-right: auto; position: relative; } .region-a-inner .pane-resource-top-links .pane-content .item-list ul { background: white; margin: 0px; padding: 0px; line-height: 1em; padding-left: 8px; height: 39px; border-bottom: 1px solid #a88c8c; width: 610px; } .region-a-inner .pane-resource-top-links .pane-content .item-list ul li { color: #aa1515; display: inline-block; height: 27px; padding-top: 12px; padding-left: 10px; padding-right: 10px; } .region-a-inner .pane-resource-top-links .pane-content .item-list ul li a { background: url("../images/small-red-arrow-right.png") no-repeat 0px 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 10px; } .region-a-inner .pane-resource-top-links .pane-content .item-list ul li a.active { color: white; background: url("../images/small-arrow-down.png") no-repeat 0px 5px; } .region-a-inner .pane-resource-top-links .pane-content .item-list ul li.active { background: url("../images/redcheckbg-small.png"); border-bottom: 1px dotted #9a4343; border-right: 1px dashed #9a4343; } .region-a-inner .pane-resource-top-links .pane-content #cmi-topics-options-form { background-color: #ff9900; padding: 0 10px 10px 10px; width: 300px; position: absolute; top: -44px; right: -10px; } .region-a-inner .pane-resource-top-links .pane-content #cmi-topics-options-form .form-item-topic { margin: 0; } .region-a-inner .pane-resource-top-links .pane-content #cmi-topics-options-form #edit-submit { position: absolute; top: 0px; right: 0px; display: none; } .region-a-inner .pane-resource-top-links .pane-content #cmi-topics-options-form label { padding: 10px 0 10px 0; color: #bfc3c3; } /* getinvolved/overview page */ /*Home page spotlight pane styles /*Front page bottom block styling*/ #ui-datepicker-div { width: 301px; padding: 0; margin: 0; border: 0px; background: url("../images/cal-bg.png"); } #ui-datepicker-div .ui-state-default { border: 0px !important; } #ui-datepicker-div .ui-widget-header { background: url("../images/redcheckbg-small.png"); height: 25px; color: white; border-radius: 0px; /* *:hover{ border: 0px; outline: 0px !important; padding: 0px; }*/ } #ui-datepicker-div .ui-datepicker-next { background: url("../images/date-right.png") no-repeat top left; width: 13px; height: 17px; margin: 7px; } #ui-datepicker-div .ui-datepicker-next:hover { border: 0px; outline: 0px !important; padding: 0px; background-position: left -15px; right: 2px; top: 2px; } #ui-datepicker-div .ui-datepicker-next span { background: none; } #ui-datepicker-div .ui-datepicker-prev { background: url("../images/date-left.png") no-repeat top left; width: 13px; height: 17px; margin: 7px; } #ui-datepicker-div .ui-datepicker-prev:hover { border: 0px; outline: 0px !important; padding: 0px; background-position: left -15px; left: 2px; top: 2px; } #ui-datepicker-div .ui-datepicker-prev span { background: none; } #ui-datepicker-div tr { background: url("../images/calendar-table-border.png") repeat-x top; } #ui-datepicker-div tr td { padding: 0px; } #ui-datepicker-div tr a { background: none; padding: 0; margin: 0; color: #460404; font-size: 15px; padding: 6px; font-weight: bold; text-align: center; } #ui-datepicker-div tr a.ui-state-highlight { border: 0; margin: 0; background: #EEEFEF url("../images/datepick-bg.png"); color: white; height: 100%; position: relative; top: 1px; margin: -1px; padding-top: 7px; } #ui-datepicker-div table { position: relative; top: -3px; z-index: -1; } #ui-datepicker-div table tbody tr:first-child { background: none; } #ui-datepicker-div table td { position: relative; } .pager-previous-nope { display: inline-block; width: 18px; height: 40px; background: url(../images/arrow_pager_left_gray.png) no-repeat left 8px; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: top; margin-right: 10px; margin-left: 10px; } .front .panel-display .center-wrapper .panel-col-first { float: left; width: 39.8%; } .front .panel-display .center-wrapper .panel-panel.panel-col-last .inside { margin-left: 0px !important; margin-right: 0px !important; } .front .view-homepage-spotlight:hover .view-content .views_slideshow_cycle_main .views-field-title a { color: #ffbe36 !important; } .front .view-homepage-spotlight:hover .views-slideshow-controls-bottom .views-slideshow-controls-text .views-slideshow-controls-text-previous a { background-image: url(../images/left_arrow_hover.png) !important; } .front .view-homepage-spotlight:hover .views-slideshow-controls-bottom .views-slideshow-controls-text .views-slideshow-controls-text-next a { background-image: url(../images/right_arrow_hover.png) !important; } .front .view-homepage-spotlight:hover .views-row .views-field-title .field-content a { background-image: url(../images/arrow_orange_hover.png) !important; background-repeat: no-repeat; background-position: center right; padding-right: 25px; } .front #block-views-homepage-spotlight-block-1, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content { width: 475px; margin: 0 auto; position: relative; height: 100%; top: -100px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight { position: relative; top: 100px; width: 566px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #widget_pager_bottom_homepage-spotlight-block_1, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #widget_pager_bottom_homepage-spotlight-block_1 { padding-left: 57px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-pager-field-item, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-pager-field-item { position: relative; bottom: 25px; z-index: 300; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-pager-field-item .views-content-title, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-pager-field-item .views-content-title { background-image: url(../images/dot.png); background-repeat: no-repeat; height: 8px; width: 10px; font-size: 1px; text-indent: -100000px; padding-right: 5px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-pager-field-item.active .views-content-title, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-pager-field-item.active .views-content-title { background-image: url(../images/dot_active.png) !important; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default { position: absolute; bottom: 75px; height: 0px; z-index: 300; display: block; width: 100%; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-previous, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-previous, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-previous, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-previous, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-previous, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-previous { float: left; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-previous a, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-previous a, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-previous a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-previous a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-previous a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-previous a { background-image: url(../images/left_arrow.png); background-repeat: no-repeat; height: 33px; width: 18px; overflow: hidden; font-size: 1px; text-indent: -1000000px; display: block; position: relative; margin-left: 16px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-pause, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-pause, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-pause, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-pause, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-pause, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-pause { display: none; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-next, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-next, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-next, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-next, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-next, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-next { float: right; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-next a, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-next a, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-next a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1 .views-slideshow-controls-text-next a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1 .views-slideshow-controls-text-next a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default .views-slideshow-controls-text-next a { background-image: url(../images/right_arrow.png); background-repeat: no-repeat; height: 33px; width: 18px; overflow: hidden; font-size: 1px; text-indent: -1000000px; display: block; position: relative; margin-right: 17px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-field-images, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-field-images { position: relative; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title { bottom: 0px; position: absolute; float: left; padding-left: 20px; padding-top: 20px; color: #ff9000; background: rgba(0, 0, 0, 0.7) url(../images/dotted_white_line_transp.png) repeat-x; width: 100%; height: 97px; box-sizing: border-box; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content { width: 400px; margin-left: 40px; position: relative; display: block; padding-top: 0px; text-align: left; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content a, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content a { font-size: 20px; color: #ff9000; background-image: url(../images/arrow_orange.png); background-repeat: no-repeat; background-position: center right; padding-right: 25px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content a:visited, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content a:visited { color: #ff9000; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content a:hover, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content a:focus, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-row .views-field-title .field-content a:active, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content a:hover, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content a:focus, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-row .views-field-title .field-content a:active { color: #ffbe36; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom { position: relative; bottom: 0px; width: 566px; /*pager*/ } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-block_1, .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-default, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-block_1, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-default { padding-left: 60px; } div#widget_pager_bottom_homepage_spotlight-default_1 { padding-left: 60px; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom .widget_pager_bottom .views_slideshow_pager_field_item { overflow: hidden; float: left; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide { width: 566px !Important; height: 409px !Important; } .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide .views-slideshow-cycle-main-frame-row-item .views-field-field-images .field-content img, .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-cycle-main-frame-row.views_slideshow_cycle_slide .views-slideshow-cycle-main-frame-row-item .views-field-field-images .field-content img { height: 409px !important; } .front .pane-menu-block-20 li.first { display: none; } .front .pane-menu-block-20 li.menu-mlid-595 { display: none; } .front .view-nodequeue-2 { /*Second (news & events) slideshow in middle right of page*/ background: transparent; z-index: 0; position: relative; } .front .view-nodequeue-2 .view-header { position: absolute; text-align: center; width: 460px; height: 27px; font-size: 14px; line-height: 27px; } .front .view-nodequeue-2 .view-header p { line-height: 27px; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; } .front .view-nodequeue-2 #views_slideshow_controls_text_previous_nodequeue_2-panel_pane_1 a, .front .view-nodequeue-2 #views_slideshow_controls_text_next_nodequeue_2-panel_pane_1 a { overflow: hidden; text-indent: -100000px; font-size: 1px; height: 27px; width: 30px; display: block; position: relative; background-image: url(../images/arrow_prev_news.png); float: left; } .front .view-nodequeue-2 #views_slideshow_controls_text_next_nodequeue_2-panel_pane_1 a { background-image: url(../images/arrow_next_news.png); float: right; } .front .view-nodequeue-2 #views_slideshow_controls_text_pause_nodequeue_2-panel_pane_1 a { display: none; } .front .view-nodequeue-2 #views_slideshow_cycle_main_nodequeue_2-panel_pane_1 { margin-top: 10px; } .front .view-nodequeue-2 .image { height: 306px; } .front .view-nodequeue-2 .inner_wrap { position: absolute; bottom: 0px; left: 0px; padding-left: 20px; padding-right: 20px; padding-top: 15px; color: #fff; background-image: url(../images/news_bg.png); background-repeat: repeat; width: 382px; box-sizing: border-box; } .front .view-nodequeue-2 .inner_wrap div { display: block; } .front .view-nodequeue-2 .inner_wrap div a { color: #fff; background: url(../images/arrow_front_content.png) no-repeat bottom right; overflow: hidden; padding-right: 10px; } .front .view-nodequeue-2 .inner_wrap div a:hover { color: #ffbe36; background: url(../images/arrow_front_content_hover.png) no-repeat bottom right; } .front .view-nodequeue-2 .inner_wrap .field_date { border-top: 1px dotted white; padding-top: 5px; padding-bottom: 3px; font-size: 12px; margin-top: 5px; display: block; } .front .view-nodequeue-2 .inner_wrap .field_date .news_source { text-transform: uppercase; padding-right: 10px; } .front .view-nodequeue-2 .inner_wrap .field_date .date-display-single { padding-left: 10px; } .front .middle { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-size: 16px; color: #000; } .front .middle p { line-height: 13px; } .front .pane-menu-block-8 { float: left; background: #db1a00; } .front .pane-menu-block-8 a { color: #fff; } .front .pane-menu-block-8 h2 { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 14px; color: #fff; margin: 15px; text-transform: uppercase; line-height: 1em; margin-top: 11px; margin-bottom: 8px; } .front .pane-menu-block-8 ul { float: left; width: 100%; height: 100%; margin: 0; padding: 2px; } .front .pane-menu-block-8 ul li { list-style-type: none; list-style-image: none; width: 129px; padding: 10px; height: 121px; float: left; background: url("../images/activity-menu-li-bg.png"); margin: 2px; position: relative; } .front .pane-menu-block-8 ul li a { color: #ffffff; display: inline; font-size: 13px; position: relative; top: 49px; padding-right: 12px; background: url("../images/arrow_right_white_small.png") no-repeat right 4px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1em; font-weight: bold; left: 1px; } .front .pane-menu-block-8 ul li span { display: block; position: absolute; top: 6px; left: 12px; font-size: 18px; color: #ffffff; text-transform: uppercase; } .front .bottom .pane-menu-block-12 { color: white; margin-top: 20px; margin-bottom: 10px; background: #098388; float: left; width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .front .bottom .pane-menu-block-12 h2 { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 6px 10px 8px 10px; padding-left: 15px; text-transform: uppercase; } .front .bottom .pane-menu-block-12 h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-transform: uppercase; } .front .bottom .pane-menu-block-12 ul.menu { background: url("../images/blue-menu-bg.png"); margin: 0; padding-bottom: 4px; float: left; width: 940px; } .front .bottom .pane-menu-block-12 ul.menu li { clear: both; list-style-type: none; list-style-image: none; float: left; padding-left: 15px; padding-bottom: 5px; } .front .bottom .pane-menu-block-12 ul.menu li.last { border-top: 1px solid #000; } .front .bottom .pane-menu-block-12 ul.menu li a { color: white; background: url("../images/white-arrow-medium-right.png") no-repeat right 3px; padding-right: 12px; margin-right: 12px; } .front .bottom .pane-menu-block-12 ul.menu li a:hover { color: #c8fcdd; background: url("../images/arrow-ltgreen-right-small.png") no-repeat right 3px; } .front .bottom .pane-menu-block-12 ul.menu li ul { clear: both; background: none; float: left; } .front .bottom .pane-menu-block-12 ul.menu li ul li { display: block; float: left; clear: none; width: 25%; padding-left: 0px; padding-bottom: 0px; } .front .bottom .pane-menu-block-12 ul.menu li ul li.last { border-top: 0px; } .front .bottom .pane-menu-block-15 { color: white; background: #2c7d6b; float: left; width: 100%; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .front .bottom .pane-menu-block-15 ul.menu { float: left; background: url("../images/green-menu-bg.png"); margin: 0; padding-top: 13px; padding-bottom: 4px; width: 925px; padding-left: 15px; } .front .bottom .pane-menu-block-15 h2 { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 6px 10px 8px 10px; padding-left: 15px; text-transform: uppercase; } .front .bottom .pane-menu-block-15 li { list-style-type: none; display: block; width: 307px; margin-right: 0px; float: left; margin-bottom: 10px; line-height: 1.3em; width: 25%; } .front .bottom .pane-menu-block-15 li a { color: white; background: url("../images/white-arrow-medium-right.png") no-repeat right 3px; padding-right: 12px; margin-right: 12px; } .front .bottom .pane-menu-block-15 li a:hover { color: #c8fcdd; background: url("../images/arrow-ltgreen-right-small.png") no-repeat right 3px; } .front .pane-menu-menu-homepage-news-events { margin-left: 13px; padding-right: 6px; } .front .pane-menu-menu-homepage-news-events .pane-content ul.menu li.menu__item { height: 48px; padding-left: 10px; background-color: #b9e5bc; border-bottom: 1px solid white; list-style: none; position: relative; } .front .pane-menu-menu-homepage-news-events .pane-content ul.menu li.menu__item:before { content: url("/sites/all/themes/chemistry/images/arrow_mission.png"); margin-right: 10px; position: relative; top: 11px; } .front .pane-menu-menu-homepage-news-events .pane-content ul.menu li.menu__item a.menu__link { position: absolute; top: 13px; font-size: 12pt; font-weight: 600; color: #3c3c3c; } .front .view-id-homepage_highlight_item { height: 235px; margin-left: 12px; width: 962px; } .front .view-id-homepage_highlight_item .view-header div { background-image: url("/sites/all/themes/chemistry/images/doubledottedlines.png"); width: 950px; height: 8px; margin-bottom: 30px; background-repeat-x: no-repeat; } .front .view-id-homepage_highlight_item .view-content .item-list ul { margin: 0px; padding: 0px; list-style-type: none; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row { display: inline; float: left; width: 209px; margin-right: 30px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row.views-row-1.views-row-odd.views-row-first { margin-left: 0px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-title { width: 205px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-title span.field-content { display: inline; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-title span.field-content a { font-size: 12px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #004f06; line-height: 1.167; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-title span.field-content img { display: inline; margin-left: 5px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-body { width: 210px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-body span.field-content { font-size: 12px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: black; line-height: 1.167; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-nothing { background-image: url("/sites/all/themes/chemistry/images/doubledottedlines.png"); height: 1px; margin-bottom: 10px; margin-top: 10px; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-date .field-content span, .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-date-of-news-item .field-content span, .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-date-1 .field-content span, .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-date-of-news-item-1 .field-content span, .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-short-location .field-content span { font-size: 12px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: black; line-height: 1.167; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field-field-date-1 { text-transform: uppercase; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-field-seminar-type .field-content { text-transform: uppercase; margin-right: 0px; color: #004f06; } .front .view-id-homepage_highlight_item .view-content .item-list ul li.views-row .views-field.views-field-field-seminar-type .field-content img { margin-left: 5px; } /**begin Events page **/ /*special treatment for events page filter bar*/ .pane-cmi-blocks-event-links { margin-top: -5px; width: 620px; float: left; } .pane-cmi-blocks-event-links h2.pane-title { color: #bfc3c3; text-transform: uppercase; margin-bottom: 15px; } .pane-cmi-blocks-event-links ul { background: white; margin: 0px; padding: 0px; line-height: 1em; padding-left: 8px; height: 39px; border-bottom: 1px solid #a88c8c; } .pane-cmi-blocks-event-links ul li { color: #aa1515; display: inline-block; height: 27px; padding-top: 12px; padding-left: 10px; padding-right: 10px; } .pane-cmi-blocks-event-links ul li a { background: url("../images/small-red-arrow-right.png") no-repeat 0px 5px; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 10px; } .pane-cmi-blocks-event-links ul li a.active { color: white; background: url("../images/small-arrow-down.png") no-repeat 0px 5px; } .pane-cmi-blocks-event-links ul li.active { background: url("../images/redcheckbg-small.png"); } /***Events***/ .section-events .sidebarleft-twocol-bottom .top { background: #f4fafa url(../images/single_dotted_line.png) repeat-x bottom; color: #3c3c3c; width: 700px; height: 240px; /**************First pane*****************/ /***end first pane*****/ /**************Second pane*****************/ /***end second pane*****/ /**************Third pane*****************/ /**end Third Pane**/ /******Pager******/ } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links { background: url("../images/pagebg_light.png"); width: 100%; height: 98px; margin: 0; float: none; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content { padding: 42px 0 0 0; height: 58px; background: url("../images/double_dotted_line.png") repeat-x left bottom; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content h2.pane-title { text-transform: uppercase; margin-bottom: 15px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list { bottom: 0; margin: 0 10px 20px; position: relative; padding: 0; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list ul { background: #FFFFFF; margin: 0px; padding: 0px; line-height: 1em; height: 39px; border-bottom: none; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list ul li { display: inline-block; height: 27px; padding-top: 12px; padding-left: 10px; padding-right: 10px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list ul li.active { background: url(../images/blue_hash_narrow.png); } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list ul li a { background: url("../images/arrows_black-r_white-d.png") no-repeat 0 0; color: black; font-size: 14px; font-weight: bold; text-transform: uppercase; padding-left: 10px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-links .pane-content .item-list ul li a.active { color: white; background-position: 0 -28px; } .section-events .sidebarleft-twocol-bottom .top .pane-page-title { position: relative; height: 100px; } .section-events .sidebarleft-twocol-bottom .top .pane-page-title .pane-content { padding: 0; } .section-events .sidebarleft-twocol-bottom .top .pane-page-title .pane-content h1 { margin: 0; padding: 43px 0 0 8px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search { float: left; margin-left: 384px; margin-top: -87px; position: relative; z-index: 100; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .description { display: none; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .container-inline-date { margin-top: -5px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .container-inline-date .date-padding { padding: 0px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .container-inline-date .date-padding .form-item .description { visibility: hidden; height: 0; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search #edit-event-range-datepicker-popup-0 { width: 257px; border: none; height: 39px; background: white; color: #666666; text-indent: 4px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .form-submit { background: url("../images/cal.png") no-repeat left top transparent; border: medium none; height: 39px; width: 42px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .form-submit:hover { background-position: 0 -39px; } .section-events .sidebarleft-twocol-bottom .top .pane-cmi-blocks-event-search .form-submit { float: left; margin-left: 257px; margin-top: -51px; } .section-events .sidebarleft-twocol-bottom .top .top-pager, .section-events .sidebarleft-twocol-bottom .top .bottom-pager { background: url(../images/single_dotted_line.png) repeat-x top; width: 100%; float: none; } .section-events .sidebarleft-twocol-bottom .top .top-pager .pager ul.pager, .section-events .sidebarleft-twocol-bottom .top .bottom-pager .pager ul.pager { text-align: right; } .section-events .sidebarleft-twocol-bottom .top .top-pager .pager ul.pager li.pager-next a, .section-events .sidebarleft-twocol-bottom .top .top-pager .pager ul.pager li.pager-previous a, .section-events .sidebarleft-twocol-bottom .top .bottom-pager .pager ul.pager li.pager-next a, .section-events .sidebarleft-twocol-bottom .top .bottom-pager .pager ul.pager li.pager-previous a { color: transparent; } .section-events .sidebarleft-twocol-bottom .top .bottom-pager { float: left; } .section-events #ui-datepicker-div { font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif; background: url("../images/cal-bg.png") repeat scroll 0 0 transparent; } .section-events #ui-datepicker-div .ui-datepicker-week-col { padding: 0 6px; } .section-events #ui-datepicker-div .ui-widget-header, .section-events #ui-datepicker-div tr a.ui-state-highlight { background: url("../images/med-blue-hash.jpg"); } .section-events .bottom { padding: 16px 0 0 0; } .section-events .bottom .leftcol { width: 378px; /* 360 */ padding-left: 0; /*h2{ visibility: hidden; }*/ } .section-events .bottom .leftcol .views-row { /* width: 366px; height: auto; min-height: 105px; background: #ffffff; margin: 0 0 5px 0; color: #3c3c3c; padding: 16px 0 16px 12px; background: #f9f9f9;*/ } .section-events .bottom .leftcol .views-row .views-field-nothing { background: none; border: none; color: #3c3c3c; width: 141px; float: right; margin: 0; padding: 0; } .section-events .bottom .leftcol .views-row .views-field-nothing .monthday { font-size: 20px; display: block; } .section-events .bottom .leftcol .views-row .views-field-nothing .weekday { font-size: 13px; width: 141px; margin: 0; padding: 9px 0 0 0; /*width: 100%;*/ display: block; background: url("../images/dotted_line.png") repeat-x scroll center top transparent; } .section-events .bottom .leftcol .views-row .views-field-nothing .time { font-size: 13px; display: block; line-height: 13px; } .section-events .bottom .leftcol .views-row .views-field-nothing .location { font-size: 13px; line-height: 13px; color: #013e05; } .section-events .bottom .leftcol .views-row .views-field-nothing-1 { padding: 0; margin: 0; float: left; } .section-events .bottom .leftcol .views-row .views-field-nothing-1 a { color: #013e05; } .section-events .bottom .leftcol .views-row .views-field-nothing-1 a:hover { color: #ff9000; } .section-events .bottom .leftcol .views-row .views-field-field-date-1 { color: #3c3c3c; } .section-events .bottom .leftcol .views-row .views-field-field-location { margin: 0; padding: 0; float: right; color: #013e05; } .section-events .bottom .rightcol { width: 300px; } .section-events .bottom .rightcol .eventslistfilter { background-image: url(../images/blue_hash_narrow.png); color: #000000; } .section-events .bottom .rightcol .eventslistfilter h2 { margin-top: 0; } .section-events .bottom .rightcol .eventslistfilter label { background: none; } .section-events .bottom .rightcol .eventslistfilter .views-exposed-widgets { position: relative; } .section-events .bottom .rightcol .eventslistfilter .expanded { background-position: 0 -31px; } .section-events .bottom .rightcol .eventslistfilter .views-submit-button { background: url("../images/search_btn.png") no-repeat scroll left top transparent; height: 39px; left: 240px; overflow: hidden; position: absolute; top: 42px; width: 43px; } .section-events .bottom .rightcol .eventslistfilter .views-submit-button:hover { background-position: 0 -39px; } .section-events .bottom .rightcol .eventslistfilter #edit-combine-wrapper, .section-events .bottom .rightcol .eventslistfilter #edit-keys-wrapper { background: url("../images/double_dotted_line.png ") repeat-x left bottom; padding: 20px 0 0 0; } .section-events .bottom .rightcol .eventslistfilter #edit-combine-wrapper input, .section-events .bottom .rightcol .eventslistfilter #edit-keys-wrapper input { border: none; height: 39px; width: 220px; color: #3c3c3c; padding: 0 4px; margin-bottom: 20px; } .section-events .bottom .rightcol .eventslistfilter #edit-combine-wrapper label, .section-events .bottom .rightcol .eventslistfilter #edit-keys-wrapper label { font-size: 14px; line-height: 14px; margin: 0; padding: 0 0 7px 11px; color: #000; } .section-events .bottom .rightcol .eventslistfilter #edit-combine-wrapper .views-exposed-widget, .section-events .bottom .rightcol .eventslistfilter #edit-keys-wrapper .views-exposed-widget { margin: 20px 0 0 0; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper { background: none; padding: 20px 0 12px 0; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper label { font-size: 14px; line-height: 14px; margin: 0 0 0 10px; padding: 0 0 7px 4px; cursor: pointer; color: #000; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes { padding-top: 4px; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item { /*line-height: 28px;*/ } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item label { background: none; margin: 0; padding: 0; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item .jquery-checkbox { background: url("../images/checkbox.png") no-repeat top left; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item .jquery-checkbox:hover { /*background-position: 0 -23px;*/ cursor: pointer; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item .jquery-checkbox.jquery-checkbox-checked { background-position: 0 -23px; } .section-events .bottom .rightcol .eventslistfilter #edit-field-event-type-tid-wrapper .bef-checkboxes .form-item .jquery-checkbox.jquery-checkbox-checked:hover { /*background-position: 0 -46px;*/ } .section-events .bottom .pane-cmi-blocks-mit-events-calendar { background: #44964a; height: 23px; padding: 10px; } .section-events .bottom .pane-cmi-blocks-mit-events-calendar a { background: url(../images/arrow_sm_blk.png) no-repeat center right; padding: 0 12px 0 0; font-weight: bold; color: #000; } .section-events .bottom .pane-cmi-blocks-mit-events-calendar a:hover { color: #fff; } /****End Events****/ .node-type-donor-profile h1.title { margin-bottom: 20px; } /*TOO GENERIC AND AFFECTING PROFILE PAGE*/ /*.pane-custom.pane-1{ padding-top: 15px; margin-bottom: 20px; margin-left: 11px; p{ margin-bottom: 5px; } }*/ .node-type-donor-profile .pane-custom.pane-1 { padding-top: 0px; } .view-donor-profiles-list .views-row { min-height: 148px; padding: 10px 10px 10px 0px; background: url(../images/single_dotted_line.png) repeat-x top; } .view-donor-profiles-list .views-row.views-row-first { background: none; } .view-donor-profiles-list .views-row .views-field-field-image { float: left; margin-right: 20px; } .view-donor-profiles-list .views-row .views-field-field-story-subhead { margin-left: 240px; background: url(../images/single_dotted_line.png) repeat-x top; margin-top: 5px; padding-top: 5px; } .view-donor-profiles-list .views-row a { padding-right: 15px; font-size: 16px; color: #013e05; background: url("../images/arrow_sm_news.png") no-repeat right 5px; } .view-donor-profiles-list .views-row a:hover { color: #ff9000; background: url("../images/arrow_sm_news_hover.png") no-repeat right 5px; } /***People***/ .section-people { /****Individual Person****/ /**end .rightmain**/ } .section-people span.email { text-transform: lowercase; } .section-people .right .upperright { background: #f4fafa; color: #000000; width: 700px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 { background: url("../images/bg_gray_diagonal.png"); float: none; height: 100px; margin: 0; width: 100%; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content { bottom: 0; position: relative; height: 100%; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 { margin: 0 0 0 10px; padding: 10px 0 0; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .views-exposed-widget { padding: 0; margin-right: 10px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper { margin-right: 0; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper label { text-transform: uppercase; font-size: 90%; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper #edit-title { width: 156px; margin-top: 1.5em; border: none; height: 39px; background: white; color: #666666; text-indent: 4px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-submit-faculty-directory { background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent; border: medium none; height: 39px; text-indent: -9999px; width: 40px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-submit-faculty-directory:hover { background-position: 0 -39px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-department-name-tid-wrapper label { visibility: hidden; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-department-name-tid-wrapper .sbHolder { width: 15px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper label { visibility: hidden; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder { width: 230px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder .sbSelector { width: 190px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder .sbOptions { width: 230px; background: #fff; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper label, .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper label { visibility: hidden; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper .sbHolder, .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper .sbHolder { width: 230px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper .sbHolder .sbSelector, .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper .sbHolder .sbSelector { width: 190px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .form-select { background: transparent; border: none; width: 250px; height: 39px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder { width: 194px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder .sbSelector { width: 154px; } .section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder .sbOptions { width: 194px; background: #fff; } .section-people .right .upperright .pane-page-title .pane-content { background: url("../images/dotted_white_line.png") repeat-x scroll left bottom transparent; padding: 0 0 10px; } .section-people .right .upperright .pane-page-title .pane-content h1 { margin: 0px 0 0 10px; } .section-people .right .upperright .top-pager { background: url(../images/single_dotted_line.png) repeat-x top; float: none; margin: 0; } .section-people .right .upperright .top-pager ul.pager { padding: 10px; background: url(../images/single_dotted_line.png) repeat-x bottom; } .section-people .bluetable, .section-people .pane-faculty-directory-panel-pane-1 { background: #ebf3f3; } .section-people .bluetable .view-content table, .section-people .pane-faculty-directory-panel-pane-1 .view-content table { width: 100%; text-align: left; table-layout: fixed; font-size: 85%; line-height: 1.4em; margin-bottom: 0; } .section-people .bluetable .view-content table a, .section-people .bluetable .view-content table a:link, .section-people .pane-faculty-directory-panel-pane-1 .view-content table a, .section-people .pane-faculty-directory-panel-pane-1 .view-content table a:link { color: #013e05; } .section-people .bluetable .view-content table a:hover, .section-people .pane-faculty-directory-panel-pane-1 .view-content table a:hover { color: #ff9000; } .section-people .bluetable .view-content table thead tr, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr { background: #013e05; color: white; text-transform: uppercase; height: 43px; } .section-people .bluetable .view-content table thead tr th, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th { padding: 10px; background: url(../images/single_dotted_teal_vert_line.png) repeat-y top left; } .section-people .bluetable .view-content table thead tr th.views-field-title, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th.views-field-title { background: none; } .section-people .bluetable .view-content table thead tr th a, .section-people .bluetable .view-content table thead tr th a:link, .section-people .bluetable .view-content table thead tr th a:hover, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th a, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th a:link, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th a:hover { color: #fff; } .section-people .bluetable .view-content table thead tr th img, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th img { display: none; } .section-people .bluetable .view-content table thead tr th.views-field-field-link, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th.views-field-field-link { background: url(../images/single_dotted_teal_vert_line.png) repeat-y top right; } .section-people .bluetable .view-content table thead tr th.views-field-field-prerequisites, .section-people .pane-faculty-directory-panel-pane-1 .view-content table thead tr th.views-field-field-prerequisites { padding-right: 12px; width: 105px; } .section-people .bluetable .view-content table tbody tr, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr { background: white; border-bottom: #ebf3f3 solid 4px; height: 100px; vertical-align: top; } .section-people .bluetable .view-content table tbody tr.views-row-last, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr.views-row-last { border-bottom: #ebf3f3 solid 0px; } .section-people .bluetable .view-content table tbody tr td, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr td { padding: 10px; background: url(../images/single_dotted_vert_line.png) repeat-y top left; } .section-people .bluetable .view-content table tbody tr td.views-field-title, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr td.views-field-title { background: none; } .section-people .bluetable .view-content table tbody tr td.views-field-title > a, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr td.views-field-title > a { float: right; } .section-people .bluetable .view-content table tbody tr td.views-field-title div, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr td.views-field-title div { overflow: auto; padding-left: 5px; } .section-people .bluetable .view-content table tbody tr td.views-field-title div a, .section-people .pane-faculty-directory-panel-pane-1 .view-content table tbody tr td.views-field-title div a { font-weight: bold; } .section-people .bluetable .view-content table .views-field-title, .section-people .pane-faculty-directory-panel-pane-1 .view-content table .views-field-title { width: 35%; } .section-people .bluetable .bottom-pager, .section-people .pane-faculty-directory-panel-pane-1 .bottom-pager { height: 42px; width: 100%; margin: 0; border-top: #fff solid 6px; } .section-people .bluetable .bottom-pager .item-list, .section-people .pane-faculty-directory-panel-pane-1 .bottom-pager .item-list { padding: 10px 10px 10px 0px; } .section-people .bluetable .feed-icon, .section-people .pane-faculty-directory-panel-pane-1 .feed-icon { position: absolute; bottom: -100px; } .section-people .rightmain { /**end .top**/ } .section-people .rightmain .top { /***end .tip-top**/ } .section-people .rightmain .top .tiptop { float: none; margin: 0; width: 100%; background: #e6f6e8; padding-bottom: 40px; /**end .pane-cmi-blocks-faculty-search**/ } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 { background: url("../images/eapsweb.png"); float: none; height: 100px; margin: 0; width: 100%; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content { bottom: 0; position: relative; height: 100%; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 { margin: 0 0 0 10px; padding: 10px 0 0; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .views-exposed-widget { padding: 0; margin-right: 10px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper { margin-right: 0; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper label { text-transform: uppercase; font-size: 90%; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-title-wrapper #edit-title { width: 156px; margin-top: 1.5em; border: none; height: 39px; background: white; color: #666666; text-indent: 4px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-submit-faculty-directory { background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent; border: medium none; height: 39px; text-indent: -9999px; width: 40px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-submit-faculty-directory:hover { background-position: 0 -39px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-department-name-tid-wrapper label { visibility: hidden; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-department-name-tid-wrapper .sbHolder { width: 15px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper label { visibility: hidden; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder { width: 230px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder .sbSelector { width: 190px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-lab-title-wrapper .sbHolder .sbOptions { width: 230px; background: #fff; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper label, .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper label { visibility: hidden; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper .sbHolder, .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper .sbHolder { width: 230px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper .sbHolder .sbSelector, .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-academic-group-value-wrapper .sbHolder .sbSelector { width: 190px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .form-select { background: transparent; border: none; width: 250px; height: 39px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder { width: 194px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder .sbSelector { width: 154px; } .section-people .rightmain .top .tiptop .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 .form-type-select .sbHolder .sbOptions { width: 194px; background: #fff; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search { height: 70px; background: url("../images/eapsweb.png"); padding-top: 10px; /***end #cmi-fac-search-block**/ } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block { padding: 10px; font-size: 85%; width: 100%; /**end .allfaclink**/ } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .form-item { margin: 0; float: left; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .form-item .form-text { border: none; height: 39px; background: white; color: #666666; text-indent: 4px; width: 250px; float: left; padding: 0; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .form-submit { background: url("../images/search_btn.png") no-repeat top right; height: 39px; width: 41px; border: none; position: relative; top: -2px; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .form-submit:hover { background-position: 0 -39px; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .allfaclink { margin: -30px 0 0 310px; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .allfaclink a { background: url(/sites/all/themes/chemistry/images/linkarrow.gif) no-repeat right 8px; display: block; width: 87px; font-weight: bold; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .allfaclink a:link, .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .allfaclink a:visited { color: #ff9000; } .section-people .rightmain .top .tiptop .pane-cmi-blocks-faculty-search #cmi-fac-search-block .allfaclink a:hover { color: #013e05; text-decoration: none; } .section-people .rightmain .top .tiptop .pane-2 { background: #77fafe url(../images/dotted_white_double_line.png) repeat-x top left; padding: 10px 20px; border-bottom: 4px #fff solid; } .section-people .rightmain .top .tiptop .pane-2 h1 { margin: 0; } .section-people .rightmain .top .pane-people-image-area { background: #ebf3f3; margin-top: 10px; color: #3c3c3c; } .section-people .rightmain .top .pane-people-image-area .profile_image { display: block; width: 150px; height: 150px; float: left; } .section-people .rightmain .top .pane-people-image-area .profile_text { display: block; width: 530px; min-height: 200px; float: left; padding-left: 20px; font-size: 14px; background-color: #F9FAF9; } .section-people .rightmain .top .pane-people-image-area .profile_text .name { padding: 20px 0 0 0; color: #3c3c3c; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; margin: 0; line-height: 1em; } .section-people .rightmain .top .pane-people-image-area .profile_text a:link, .section-people .rightmain .top .pane-people-image-area .profile_text a:visited { color: #013e05; } .section-people .rightmain .top .pane-people-image-area .profile_text a:hover { color: #57a7de; } .section-people .rightmain .top .pane-people-image-area .profile_text .affiliations { padding-top: 10px; color: #ff9000; } .section-people .rightmain .top .pane-people-image-area .profile_text .affiliations label { color: #fff; } .section-people .rightmain .top .pane-people-image-area .profile_text .affiliations a { color: #ff9000; } .section-people .rightmain .bottom .leftcol { padding: 0; width: 440px; } .section-people .rightmain .bottom .leftcol h2 { margin: 0 0 15px 0; } .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-research-description, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-publications, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-awards { margin-top: 0px; padding: 10px 10px 10px 15px; } .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-research-description h2, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-publications h2, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-awards h2 { text-transform: uppercase; padding: 0 0 5px 0; } .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-research-description .pane-content, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-publications .pane-content, .section-people .rightmain .bottom .leftcol .pane-entity-field.pane-node-field-awards .pane-content { font-size: 13px; line-height: 1.5em; margin: 0 0 1.6em 0; } .section-people .rightmain .bottom .rightcol { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; padding-top: 10px; } .section-people .rightmain .bottom .rightcol h2 { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 5px 0; font-weight: normal; font-size: 12px; } .section-people .rightmain .bottom .rightcol p, .section-people .rightmain .bottom .rightcol div { font-size: 11px; line-height: 1em; margin: 0; } .section-people .rightmain .bottom .rightcol p .field-item, .section-people .rightmain .bottom .rightcol div .field-item { padding: 0 0 13px 0; } .section-people .rightmain .bottom .rightcol p { padding: 0 0 13px 0; } .section-people .rightmain .bottom .rightcol a { color: #013e05; } .section-people .rightmain .bottom .rightcol a:hover { color: #ff9000; } .section-people .rightmain .bottom .rightcol .panel-pane { padding: 16px 20px 8px 20px; } .section-people .rightmain .bottom .rightcol .pane-1 { text-transform: lowercase; } .section-people .rightmain .bottom .rightcol .pane-1, .section-people .rightmain .bottom .rightcol .pane-node-field-education, .section-people .rightmain .bottom .rightcol .pane-node-field-office-location, .section-people .rightmain .bottom .rightcol pane-node-field-research-description, .section-people .rightmain .bottom .rightcol .pane-node-field-publications, .section-people .rightmain .bottom .rightcol .pane-node-field-awards, .section-people .rightmain .bottom .rightcol .pane-node-field-courses { background: url("../images/single_dotted_line.png") repeat-x scroll center bottom transparent; } .section-people .rightmain .bottom .rightcol .pane-node-field-education p, .section-people .rightmain .bottom .rightcol .pane-node-field-administrative-assistant p { margin: 0px; } .section-people .pane-news-referencing-this-person-panel-pane-1 { background: url(../images/gray-hash-bg.png); font-size: 85%; padding: 14px; margin: 13px 0 14px 15px; background-color: #fff; } .section-people .pane-news-referencing-this-person-panel-pane-1 h2 { color: #3c3c3c; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 14px 0; border-bottom: #ebf3f3 solid 1px; } .section-people .pane-news-referencing-this-person-panel-pane-1 a { color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 6px; padding-right: 12px; margin-right: 12px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .section-people .pane-news-referencing-this-person-panel-pane-1 a:hover { color: #fff; background: url("../images/darkblue-arrow-right-small.png") no-repeat right 6px; } /***** Shared - - Pagers*****/ .bottom-pager { padding-top: 1px; width: 100%; } .bottom-pager .pager { background: #f4fafa url(../images/single_dotted_line.png) repeat-x bottom; } .bottom-pager .pager ul.pager { padding: 7px 17px 8px 0; } .top-pager { margin: 0px 10px 0 0; } .top-pager ul.pager { padding: 9px 17px 8px 0; } .top-pager, .bottom-pager { position: relative; float: right; background: url(../images/single_dotted_line.png) repeat-x top; } .top-pager ul.pager, .bottom-pager ul.pager { margin: 0; font-size: 85%; font-weight: bold; text-align: right; } .top-pager ul.pager li.pager-current, .bottom-pager ul.pager li.pager-current { font-weight: normal; padding: 0 13px 0 0; border-right: 1px solid #000; } .top-pager ul.pager li.pager-current span.showing, .bottom-pager ul.pager li.pager-current span.showing { font-weight: bold; } .top-pager ul.pager li.pager-title, .bottom-pager ul.pager li.pager-title { padding: 0 10px 0 15px; } .top-pager ul.pager li.pager-total, .bottom-pager ul.pager li.pager-total { padding: 0 14px; text-align: center; color: #ff9000; } .top-pager ul.pager li.pager-previous, .bottom-pager ul.pager li.pager-previous { /*margin: 0; width: 19px;*/ } .top-pager ul.pager li.pager-previous a, .bottom-pager ul.pager li.pager-previous a { background: url("../images/arrows_pager_prev.png") no-repeat center -24px transparent; text-indent: -9999px; display: inline-block; height: 24px; width: 18px; text-align: left; vertical-align: top; } .top-pager ul.pager li.pager-previous a:hover, .bottom-pager ul.pager li.pager-previous a:hover { background-position: center -48px; margin-bottom: -1px; } .top-pager ul.pager li.pager-previous .pager-previous-nope, .bottom-pager ul.pager li.pager-previous .pager-previous-nope { background: url("../images/arrows_pager_prev.png") no-repeat center top transparent; height: 24px; margin: 0; } .top-pager ul.pager li.pager-next a, .bottom-pager ul.pager li.pager-next a { background: url("../images/arrows_pager_next.png") no-repeat center -24px transparent; text-indent: -9999px; display: inline-block; height: 24px; width: 18px; vertical-align: top; text-align: left; } .top-pager ul.pager li.pager-next a:hover, .bottom-pager ul.pager li.pager-next a:hover { background-position: center -48px; margin-bottom: -1px; } .top-pager ul.pager li.pager-next .pager-next-nope, .bottom-pager ul.pager li.pager-next .pager-next-nope { background: url("../images/arrows_pager_next.png") no-repeat center top transparent; height: 24px; margin: 0px; display: inline-block; width: 24px; vertical-align: top; } .pager { background: none; } .pager ul.pager { /*padding-top: 20px; padding-bottom: 20px;*/ } /***News***/ .section-news { /**end top**/ /*right sidebar area*/ } .section-news .top { background: url("../images/single_dotted_line.png") repeat-x left bottom #f4fafa; color: #3c3c3c; width: 100%; padding-bottom: 1px; margin-bottom: 20px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 { color: #3c3c3c; padding: 5px 10px; background: url("../images/filter_bg.png"); } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 { margin-bottom: 10px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-keys-wrapper { display: block; margin: 0; padding: 0; width: 90%; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-keys-wrapper label { display: none; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-keys-wrapper #edit-keys { margin: 10px 10px 0 0; padding: 0; border: none; height: 39px; background: white; color: #666666; text-indent: 4px; background: #fff; width: 100%; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-topics-tid-wrapper { padding-top: 10px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-topics-tid-wrapper label { visibility: hidden; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-topics-tid-wrapper .sbHolder { width: 230px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-topics-tid-wrapper .sbHolder .sbSelector { width: 190px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper { padding: 0; margin-top: 6px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper label { font-size: 85%; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper .container-inline-date > .form-item { margin: 0; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-min-wrapper { display: inline-block; float: left; margin-right: 10px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-min-wrapper #edit-field-date-of-news-item-value-min { margin-top: 2px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-min-wrapper #edit-field-date-of-news-item-value-min label { visibility: hidden; height: 0; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-min-wrapper #edit-field-date-of-news-item-value-min .sbHolder { width: 90px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-min-wrapper #edit-field-date-of-news-item-value-min .sbHolder .sbSelector { width: 50px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-max-wrapper { padding: 0; float: left; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-max-wrapper #edit-field-date-of-news-item-value-max { display: inline-block; margin-top: 2px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-max-wrapper #edit-field-date-of-news-item-value-max label { visibility: hidden; height: 0; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-max-wrapper #edit-field-date-of-news-item-value-max .sbHolder { width: 90px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 #edit-field-date-of-news-item-value-wrapper #edit-field-date-of-news-item-value-max-wrapper #edit-field-date-of-news-item-value-max .sbHolder .sbSelector { width: 50px; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 .views-submit-button { float: left; margin: 10px 0 0 0; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 .views-submit-button #edit-submit-news-landing-page { background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent; border: medium none; height: 39px; text-indent: -9999px; width: 40px; margin: 0; } .section-news .top .pane-views-c05a6b5bcec06d7d2846f7cdebf924c4 #views-exposed-form-news-landing-page-panel-pane-1 .views-submit-button #edit-submit-news-landing-page:hover { background-position: 0 -39px; } .section-news .top .pane-page-title { background: url("../images/single_dotted_line.png") repeat-x scroll left top transparent; bottom: 0; height: 100%; position: relative; padding: 0; } .section-news .top .pane-page-title h1 { margin: 0; color: #013e05; padding: 9px !important; } .section-news .top .top-pager { float: none; margin: 0; width: 100%; height: 40px; background: #f4fafa url("../images/single_dotted_line.png") repeat-x left top; } .section-news .top .top-pager .pager { float: right; } .section-news .rightcol .pane-video-view-on-news-page-panel-pane-1 { background: url("../images/hash_gray_white.png"); } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 { color: #000; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-title { background-color: #44964a; color: #003e05; height: 35px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 14px; padding-left: 15px; line-height: 35px; margin-top: 0px; margin-bottom: 2px; text-transform: uppercase; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content:hover .views-row .views-field-title a { color: #fff; background: url("../images/arrow_sm_blk_hover.png") no-repeat center right !important; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content { background-color: #44964a; padding-bottom: 10px; background-image: url(../images/blue_hash_narrow.png); } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content:hover { color: #fff; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row-last { background-image: none !important; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row { background: url("../images/single_dotted_line.png") repeat-x bottom; width: 200px; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row .field-content { padding: 0px 15px; display: block; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row .date-display-single { font-size: 13px; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row .views-field-title { display: block; line-height: 15px !important; } .section-news .rightcol .pane-nodequeue-6-panel-pane-1 .pane-content .views-row .views-field-title a { font-family: "Varela Round", sans-serif; font-size: 13px; color: #000; line-height: 15px !important; display: inline; background: url("../images/arrow_sm_blk.png") no-repeat center right; padding-right: 12px; } /****End News****/ /*News landing page view****/ .pane-news-research-categories, .pane-news-landing-page-panel-pane-1 { line-height: 1.5em !important; } .pane-news-research-categories .view-content ul, .pane-news-landing-page-panel-pane-1 .view-content ul { padding: 0; margin: 0; } .pane-news-research-categories .view-content ul li, .pane-news-landing-page-panel-pane-1 .view-content ul li { list-style-type: none; background: #f9f9f9; margin-bottom: 5px; min-height: 148px; padding-bottom: 10px; clear: both; color: #3c3c3c; height: 100%; overflow: auto; } .pane-news-research-categories .view-content ul li .views-field-field-images, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-field-images { float: left; width: 220px; margin-right: 20px; } .pane-news-research-categories .view-content ul li .views-field-field-news-source, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-field-news-source { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; margin-top: 15px; } .pane-news-research-categories .view-content ul li .views-field-title a, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-title a { padding-right: 15px; font-size: 16px; color: #013e05; background: url("../images/arrow_sm_news.png") no-repeat right 5px; } .pane-news-research-categories .view-content ul li .views-field-title a:hover, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-title a:hover { color: #ff9000; background: url("../images/arrow_sm_news_hover.png") no-repeat right 5px; } .pane-news-research-categories .view-content ul li .views-field-field-date-of-news-item, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-field-date-of-news-item { background: url("../images/single_dotted_line.png") repeat-x bottom; font-size: 14px; float: right; width: 450px; padding-bottom: 8px; padding-right: 10px; } .pane-news-research-categories .view-content ul li .views-field-field-story-subhead, .pane-news-landing-page-panel-pane-1 .view-content ul li .views-field-field-story-subhead { padding-top: 3px; word-wrap: break-word; color: #666666; font-size: 14px; padding-right: 10px; } .view-video-view-on-news-page { margin-top: 5px; } .view-video-view-on-news-page .views-field-field-video { height: 148px; } .view-video-view-on-news-page .views-field-nothing { font-weight: bold; font-size: 14px; background: url(../images/single_dotted_line.png) repeat-x bottom; text-transform: uppercase; padding: 10px 0px 10px 15px; line-height: 1em; } .view-video-view-on-news-page .views-field-field-story-subhead { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 13px; padding: 5px 15px 5px 15px; } .pane-node-field-video, .file-video-youtube { position: relative; } #playbutton { width: 67px; height: 67px; z-index: 0; position: absolute; top: 44px; left: 78px; background: url("../images/video_play_button.png") no-repeat top center; } #playbutton:hover { background: url("../images/video_play_button.png") no-repeat bottom center; } #foo2 .views-field-nothing { display: none; } .field-collection-container { border-bottom: 0px; } .field-collection-item-field-text-image-collection .field-name-field-images .field-item { width: 200px; float: left; } .field-collection-item-field-text-image-collection .field-name-field-images .field-item.odd { padding-left: 35px; padding-right: 35px; } .field-collection-item-field-text-image-collection .field-name-field-body { clear: both; } .page-taxonomy .pane-taxonomy-term-field-body, .page-node-1198 .pane-taxonomy-term-field-body { margin: 20px; } .page-taxonomy .pane-instrumentation-overview-panel-pane-1, .page-node-1198 .pane-instrumentation-overview-panel-pane-1 { margin: 20px; } .page-taxonomy .pane-instrument-children-panel-pane-1, .page-node-1198 .pane-instrument-children-panel-pane-1 { margin: 20px; } .onecol .pane-node-body { margin: 20px; } span.event-icon { width: 22px; height: 24px; background: url("../images/cal-icon.png"); float: left; margin-left: -30px; margin-top: 7px; border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-position: 0 0; background-repeat: no-repeat no-repeat; margin: 4px 0 0; width: 30px; } .pane-news-events-landing-panel-pane-1 { clear: both; float: left; padding-top: 20px; background: url("../images/horiz-dashed-line.png") repeat-x top; } .pane-news-events-landing-panel-pane-1 .view-content { float: left; padding-bottom: 100px; margin-bottom: 15px; background: url("../images/double_dotted_line.png") repeat-x bottom; } .pane-news-events-landing-panel-pane-1 .view-content .views-row { width: 220px; float: left; margin-right: 20px; } .pane-news-events-landing-panel-pane-1 .view-content .views-row.views-row-last { margin-right: 0px; } .pane-news-events-landing-panel-pane-1 .view-content .views-row ul { margin: 0; padding: 0; } .pane-news-events-landing-panel-pane-1 .view-content .views-row ul li { list-style-type: none; list-style-image: none; } .pane-news-events-landing-panel-pane-1 .view-content .views-row .views-field-title { background: url("../images/horiz-dashed-line.png") repeat-x bottom; margin-left: 10px; line-height: 1.1em; padding-bottom: 5px; margin-bottom: 3px; } .pane-news-events-landing-panel-pane-1 .view-content .views-row .views-field-title a { margin: auto; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 3px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-weight: normal; font-size: 12px; padding-right: 10px; text-transform: uppercase; } .pane-news-events-landing-panel-pane-1 .view-content .views-row .views-field-title a:hover { background: url("../images/red-right-small-arrow.png") no-repeat right 3px; color: #ff9000; } .pane-news-events-landing-panel-pane-1 .view-content .views-row .views-field-field-story-subhead { color: #3c3c3c; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 14px; padding-left: 10px; } .pane-cmi-blocks-classes-legend { position: absolute; top: 0px; right: 0px; width: 100%; } .pane-cmi-blocks-classes-legend h2.pane-title { text-align: right; color: #fff; display: inline; float: right; margin-bottom: 14px; padding: 0px 20px 0px 15px; background: url("../images/legend-label-side.png") no-repeat left center; } .pane-cmi-blocks-classes-legend h2.pane-title.expanded { color: #013e05; background: url("../images/legend-label-down.png") no-repeat left center; } .pane-cmi-blocks-classes-legend .pane-content { background: lightgray; display: none; background: url("../images/legend-bg.png"); box-shadow: 0px 20px 45px #000; float: right; width: 660px; padding: 0px 20px 20px 20px; font-size: 13px !important; color: #3c3c3c !important; line-height: 1.1em !important; } .pane-cmi-blocks-classes-legend .pane-content h3 { margin-bottom: 0px !important; font-size: 13px !important; color: #3c3c3c !important; } .pane-node-title { background: url("../images/horiz-dashed-line.png") repeat-x bottom; } .pane-seminars-programs-panel-pane-1 { background: url("../images/eapsweb.png"); color: #003c06; float: left; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-right: 20px; text-transform: uppercase; width: 220px; } .pane-seminars-programs-panel-pane-1 .pane-title { background: url("../images/horiz-dashed-line.png") repeat-x bottom; font-size: 14px; margin: 0; padding: 5px 10px; } .pane-seminars-programs-panel-pane-1 .pane-content { padding: 0px 10px; height: 226px; } .pane-seminars-programs-panel-pane-1 .pane-content a { color: #174E1C; } .pane-seminars-programs-panel-pane-1 .pane-content .view-footer, .pane-seminars-programs-panel-pane-1 .pane-content .views-row { background: url("../images/black-small-right-arrow.png") no-repeat left 18px; padding: 10px; } .pane-seminars-programs-panel-pane-1 .pane-content .views-row { border-bottom: rgba(220, 220, 220, 0.5); } .pane-latest-chemformation-panel-pane-1 { float: left; width: 220px; } .pane-latest-chemformation-panel-pane-1 .view-header { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #003c06; text-transform: uppercase; font-weight: bold; padding: 5px 10px; } .pane-latest-chemformation-panel-pane-1 .view-header p { padding: 10px; line-height: 1.3em; margin: 0px; } .pane-latest-chemformation-panel-pane-1 .view-content { margin-top: 2px; margin-bottom: 2px; background: #61A966; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-field-publication-date { background: url("../images/horiz-dashed-line.png") repeat-x bottom; color: #e5e7e7; padding: 10px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 13px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-title { padding: 10px 10px 0px 10px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-title a { color: white; background: url("../images/white-arrow-medium-right.png") no-repeat right 3px; padding-right: 12px; margin-right: 12px; display: inline; font-size: 13px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; background: url("../images/white-arrow-medium-right.png") no-repeat right 5px; font-size: 15px; color: #3c3c3c; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-title a:hover { color: #c8fcdd; background: url("../images/arrow-ltgreen-right-small.png") no-repeat right 3px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-title-1 { padding: 0px 10px 5px 10px; color: white; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-title-1 span a { font-size: 15px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-field-news-related .item-list ul { padding-left: 15px; margin: 0px; padding-right: 5px; height: 185px; overflow-x: scroll; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-field-news-related .item-list ul li { list-style: none; margin-bottom: 8px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-field-news-related .item-list ul li a { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; color: #fff; font-size: 13px; } .pane-latest-chemformation-panel-pane-1 .view-content .views-field-field-news-related .item-list ul li a:after { content: url("/sites/all/themes/chemistry/images/black-small-right-arrow.png"); position: relative; left: 5px; } .pane-latest-chemformation-panel-pane-1 .view-footer, .pane-latest-chemformation-panel-pane-1 .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .pane-latest-chemformation-panel-pane-1 .views-row { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; } .pane-latest-chemformation-panel-pane-1 .view-footer a, .pane-latest-chemformation-panel-pane-1 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .pane-latest-chemformation-panel-pane-1 .views-row a { text-decoration: none; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 13px; padding: 8px 10px 7px 0px; display: inline; font-size: 14px; line-height: 1.3em; } .pane-latest-chemformation-panel-pane-1 .view-footer a:hover, .pane-latest-chemformation-panel-pane-1 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a:hover, .pane-seminars-programs-panel-pane-1 .pane-content .pane-latest-chemformation-panel-pane-1 .views-row a:hover { background: url(../images/arrow_right_dblue_small.png) no-repeat right 13px; color: #003e05; } .view-classes table.views-table { width: 100%; text-align: left; table-layout: fixed; font-size: 85%; line-height: 1.4em; margin-bottom: 0; } .view-classes table.views-table a, .view-classes table.views-table a:link { color: #013e05; } .view-classes table.views-table a:hover { color: #ff9000; } .view-classes table.views-table thead tr { background: #013e05; color: white; text-transform: uppercase; height: 43px; } .view-classes table.views-table thead tr th { padding: 10px; background: url(../images/single_dotted_teal_vert_line.png) repeat-y top left; } .view-classes table.views-table thead tr th.views-field-title { background: none; } .view-classes table.views-table thead tr th a, .view-classes table.views-table thead tr th a:link, .view-classes table.views-table thead tr th a:hover { color: #fff; } .view-classes table.views-table thead tr th img { display: none; } .view-classes table.views-table thead tr th.views-field-field-link { background: url(../images/single_dotted_teal_vert_line.png) repeat-y top right; } .view-classes table.views-table thead tr th.views-field-field-prerequisites { padding-right: 12px; width: 105px; } .view-classes table.views-table tbody tr { background: white; border-bottom: #ebf3f3 solid 4px; height: 100px; vertical-align: top; } .view-classes table.views-table tbody tr.views-row-last { border-bottom: #ebf3f3 solid 0px; } .view-classes table.views-table tbody tr td { padding: 10px; background: url(../images/single_dotted_vert_line.png) repeat-y top left; } .view-classes table.views-table tbody tr td.views-field-title { background: none; } .view-classes table.views-table tbody tr td.views-field-title > a { float: right; } .view-classes table.views-table tbody tr td.views-field-title div { overflow: auto; padding-left: 5px; } .view-classes table.views-table tbody tr td.views-field-title div a { font-weight: bold; } .view-classes table.views-table tbody tr td.views-field-title { background: url(../images/single_dotted_vert_line.png) repeat-y top left; font-weight: bold; } .view-classes table.views-table tbody tr td.views-field-field-link { background: none; } .view-classes table.views-table th.views-field-title { width: 31%; } .view-classes table.views-table th.views-field-field-units { width: 17%; } .view-classes table.views-table th.views-field-field-term-offered { width: 12%; } .view-Seminars table.views-table { width: 100%; text-align: left; table-layout: fixed; font-size: 85%; line-height: 1.4em; margin-bottom: 0; } .view-Seminars table.views-table a, .view-Seminars table.views-table a:link { color: #013e05; } .view-Seminars table.views-table a:hover { color: #ff9000; } .view-Seminars table.views-table thead tr { background: #013e05; color: white; text-transform: uppercase; height: 43px; } .view-Seminars table.views-table thead tr th { padding: 10px; background: url(../images/single_dotted_teal_vert_line.png) repeat-y top left; } .view-Seminars table.views-table thead tr th.views-field-title { background: none; } .view-Seminars table.views-table thead tr th a, .view-Seminars table.views-table thead tr th a:link, .view-Seminars table.views-table thead tr th a:hover { color: #fff; } .view-Seminars table.views-table thead tr th img { display: none; } .view-Seminars table.views-table thead tr th.views-field-field-link { background: url(../images/single_dotted_teal_vert_line.png) repeat-y top right; } .view-Seminars table.views-table thead tr th.views-field-field-prerequisites { padding-right: 12px; width: 105px; } .view-Seminars table.views-table tbody tr { background: white; border-bottom: #ebf3f3 solid 4px; height: 100px; vertical-align: top; } .view-Seminars table.views-table tbody tr.views-row-last { border-bottom: #ebf3f3 solid 0px; } .view-Seminars table.views-table tbody tr td { padding: 10px; background: url(../images/single_dotted_vert_line.png) repeat-y top left; } .view-Seminars table.views-table tbody tr td.views-field-title { background: none; } .view-Seminars table.views-table tbody tr td.views-field-title > a { float: right; } .view-Seminars table.views-table tbody tr td.views-field-title div { overflow: auto; padding-left: 5px; } .view-Seminars table.views-table tbody tr td.views-field-title div a { font-weight: bold; } .view-industrial-recruiting table.views-table { width: 100%; text-align: left; table-layout: fixed; font-size: 85%; line-height: 1.4em; margin-bottom: 0; } .view-industrial-recruiting table.views-table a, .view-industrial-recruiting table.views-table a:link { color: #013e05; } .view-industrial-recruiting table.views-table a:hover { color: #ff9000; } .view-industrial-recruiting table.views-table thead tr { background: #013e05; color: white; text-transform: uppercase; height: 43px; } .view-industrial-recruiting table.views-table thead tr th { padding: 10px; background: url(../images/single_dotted_teal_vert_line.png) repeat-y top left; } .view-industrial-recruiting table.views-table thead tr th.views-field-title { background: none; } .view-industrial-recruiting table.views-table thead tr th a, .view-industrial-recruiting table.views-table thead tr th a:link, .view-industrial-recruiting table.views-table thead tr th a:hover { color: #fff; } .view-industrial-recruiting table.views-table thead tr th img { display: none; } .view-industrial-recruiting table.views-table thead tr th.views-field-field-link { background: url(../images/single_dotted_teal_vert_line.png) repeat-y top right; } .view-industrial-recruiting table.views-table thead tr th.views-field-field-prerequisites { padding-right: 12px; width: 105px; } .view-industrial-recruiting table.views-table tbody tr { background: white; border-bottom: #ebf3f3 solid 4px; height: 100px; vertical-align: top; } .view-industrial-recruiting table.views-table tbody tr.views-row-last { border-bottom: #ebf3f3 solid 0px; } .view-industrial-recruiting table.views-table tbody tr td { padding: 10px; background: url(../images/single_dotted_vert_line.png) repeat-y top left; } .view-industrial-recruiting table.views-table tbody tr td.views-field-title { background: none; } .view-industrial-recruiting table.views-table tbody tr td.views-field-title > a { float: right; } .view-industrial-recruiting table.views-table tbody tr td.views-field-title div { overflow: auto; padding-left: 5px; } .view-industrial-recruiting table.views-table tbody tr td.views-field-title div a { font-weight: bold; } .pane-menu-block-25 { float: left; width: 220px; margin-right: 20px; } .pane-menu-block-25 h2 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; margin: 0px; padding: 10px; line-height: 1.3em; background: url("../images/horiz-dashed-line.png") repeat-x bottom; } .pane-menu-block-25 ul { margin: 0; padding: 0; } .pane-menu-block-25 ul li { list-style-type: none !important; list-style-image: none !important; margin-left: 10px; background: url("../images/li-bg.png") repeat-x bottom; padding-bottom: 8px; padding-top: 4px; margin-right: 10px; } .pane-menu-block-25 ul li a { text-decoration: none; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat 0px 13px; padding: 8px 0 7px 10px; display: inline; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 1.3em; } .pane-menu-block-25 ul li a:hover { background: url("../images/red-right-small-arrow.png") no-repeat 0px 13px; color: #ff9000; } .pane-news-events-landing-panel-pane-2 { float: left; width: 220px; margin-right: 20px; } .pane-news-events-landing-panel-pane-2 .view-content { /* background: url('../images/blue-hash-bg.png');*/ background: #61A966; margin-top: 2px; margin-bottom: 2px; } .pane-news-events-landing-panel-pane-2 .view-content .views-row { padding: 10px; background: url("../images/horiz-dashed-line.png") repeat-x bottom; font-size: 13px; line-height: 1.2em; } .pane-news-events-landing-panel-pane-2 .view-content .views-row .date-display-single { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; color: black; } .pane-news-events-landing-panel-pane-2 .view-content .views-row a { color: black; background: url("../images/black-small-right-arrow.png") no-repeat right 7px; padding-right: 12px; margin-right: 12px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .pane-news-events-landing-panel-pane-2 .view-content .views-row a:hover { color: #fff; background: url("../images/white-arrow-medium-right.png") no-repeat right 7px; } .pane-news-events-landing-panel-pane-2 .view-content .views-row.views-row-last { background: none; } .pane-news-events-landing-panel-pane-2 .view-header p { color: #003c06; } .pane-news-events-landing-panel-pane-2 .view-header, .pane-news-events-landing-panel-pane-2 .view-footer, .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .pane-news-events-landing-panel-pane-2 .views-row { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; } .pane-news-events-landing-panel-pane-2 .view-header p, .pane-news-events-landing-panel-pane-2 .view-header a, .pane-news-events-landing-panel-pane-2 .view-footer p, .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row p, .pane-seminars-programs-panel-pane-1 .pane-content .pane-news-events-landing-panel-pane-2 .views-row p, .pane-news-events-landing-panel-pane-2 .view-footer a, .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .pane-news-events-landing-panel-pane-2 .views-row a { padding: 10px; line-height: 1.3em; margin: 0px; } .pane-news-events-landing-panel-pane-2 .view-header a, .pane-news-events-landing-panel-pane-2 .view-footer a, .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .pane-news-events-landing-panel-pane-2 .views-row a { text-decoration: none; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 13px; padding: 8px 10px 7px 0px; display: inline; font-size: 14px; line-height: 1.3em; } .pane-news-events-landing-panel-pane-2 .view-header a:hover, .pane-news-events-landing-panel-pane-2 .view-footer a:hover, .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a:hover, .pane-seminars-programs-panel-pane-1 .pane-content .pane-news-events-landing-panel-pane-2 .views-row a:hover { background: url(../images/arrow_right_dblue_small.png) no-repeat right 13px; color: #003e05; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row { background: url(../images/single_dotted_line.png) repeat-x bottom; padding-bottom: 10px; margin-bottom: 10px; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row a { color: white; display: block; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row a:hover { color: #ff9900; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row.views-row-last { background: none; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row .views-field-field-publication-date { font-size: 12px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; } .view-latest-chemformation.view-display-id-panel_pane_1 .views-row .views-field-title a { display: block; background: url("../images/black-small-right-arrow.png") no-repeat right 7px; padding-right: 0px; color: #3c3c3c; font-weight: bold; margin-right: 95px; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .view-menu-children { padding: 12px; } .view-menu-children a { padding-right: 15px; font-size: 16px; color: #013e05; background: url("../images/arrow_sm_news.png") no-repeat right 5px; } .view-menu-children a:hover { color: #ff9000; background: url("../images/arrow_sm_news_hover.png") no-repeat right 5px; } div.error { background-image: url("../images/error-warn.png") !important; border: 0px; color: #3a3a3a; margin-left: 240px; } .section-404 h1.title { display: none; } .section-404 .pane-content { background: url("../images/404.png") no-repeat left; padding-left: 30px; margin-top: 40px; } .section-404 .pane-content p { font-size: 20px; } #colorbox #cboxCurrent { display: none !important; } #colorbox #cboxLoadedContent { border: 0px; } #colorbox #cboxClose { width: 28px; height: 19px; top: 0px; right: 30px; background: url("../images/popup-close.jpg") no-repeat top left; } #colorbox #cboxClose:hover { background: url("../images/popup-close.jpg") no-repeat bottom left; } #colorbox #cboxPrevious { width: 28px; height: 52px; left: 0px; background: url("../images/popup-nav.jpg") no-repeat bottom left; } #colorbox #cboxPrevious:hover { background: url("../images/popup-nav.jpg") no-repeat top left; } #colorbox #cboxNext { width: 28px; height: 52px; right: 0px; background: url("../images/popup-nav.jpg") no-repeat bottom right; } #colorbox #cboxNext:hover { background: url("../images/popup-nav.jpg") no-repeat top right; } .page-node-1334 table { font-size: 13px; line-height: 1.5em; } /*#search-block-form{ #edit-submit{ background:url(../images/search_main_btn.png) no-repeat top center; text-indent: -9999px; &:hover{ background-position: center -20px; } } }*/ .section-education .top-pager, .section-education .bottom-pager { float: none; } .section-education table { margin-top: 0; } .pane-node-webform { padding: 0px 12px 0 12px; } .pane-node-webform label { font-size: 13px; line-height: 1.5em; } .section-seminar-programs th.views-field-title { width: 30%; } .section-seminar-programs th.views-field-field-date { width: 25%; } .section-seminar-programs th.views-field-field-location { width: 15%; text-align: center; } .section-seminar-programs th.views-field-field-infoname { width: 30%; } .section-seminar-programs td.views-field-field-location { text-align: center; } .node-type-news .rightcol iframe { height: auto; } .node-type-news .field-name-field-sidebar { margin: 10px 0; } .node-type-event .pane-node-title { margin-bottom: 20px; } .node-type-event .pane-node-body { margin-top: 15px; line-height: 1.5em; } .view-classes th.views-field-field-link { width: 63px; } .view-classes td.views-field-field-link { text-align: center; } .top-pager { float: none; margin-bottom: -20px; } h2.expandable { cursor: pointer; } .pane-custom.pane-1 { margin-left: 12px; margin-top: 12px; } .emergency-wrap { text-align: right; width: 960px; margin: 0 auto; padding-top: 1em; } .emergency-wrap .emergency { margin-bottom: 30px; padding-bottom: 50px; display: inline-block; margin-right: 7px; max-width: 960px; } .emergency-wrap .emergency-wrap { max-width: 960px; margin: 0 auto; } .emergency-wrap span.emergency-description { display: none; clear: both; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; background: #9E1414; line-height: 1.1em; padding: 5px; position: absolute; color: white; font-size: 11px; text-align: left; } .emergency-wrap a.emergency-link:hover span { display: block; } accordion-header { cursor: pointer; margin-top: .5em; margin-bottom: 0; font-size: 1.4em; font-weight: bold; padding-left: 20px; background: url("../images/menu-collapsed.png") no-repeat left center; } .accordion-header-parent { margin-top: 1.5em; margin-bottom: 0; } .accordion-header-parent.expanded accordion-header { background: url("../images/menu-expanded.png") no-repeat left center; } accordion-break, .accordion-break-parent { display: none; } .page-taxonomy-term-163.section-people .right .upperright .pane-views-62ef8455f5b3d86595a141761dffc6c5 .pane-content #views-exposed-form-faculty-directory-panel-pane-1 #edit-field-research-area-reference-tid-wrapper { display: inherit; } .node-type-page .field-name-body h2 { margin: 0; } .front .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-2 { width: 100%; margin-top: 104.8px; margin-bottom: 12px; } .front .pane-news-events-landing-panel-pane-2 .view-footer, .front .pane-news-events-landing-panel-pane-2 .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .front .pane-news-events-landing-panel-pane-2 .views-row, .front .pane-news-events-landing-panel-pane-2 .view-header { padding-left: 12px; } .front .pane-news-events-landing-panel-pane-2 .view-content .views-row { padding: 12.2px; } .front .panel-2col-bricks { background-color: white; padding-top: 10px; padding-bottom: 30px; } .front .pane-block-6 .pane-title { background-color: #44964a; padding-left: 10px; margin-top: 1px; margin-bottom: 1px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; } .front .pane-block-6 .pane-content { background: url("../images/eapsweb.png"); margin-bottom: 1px; margin-left: 13px; padding-left: 0px; padding-right: 0px; padding-top: 12px; width: 355px; height: 317px; margin-top: -18px; } .front .pane-block-6 .pane-content p { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; padding-left: 20px; font-size: 16px; color: #014406; line-height: 1.529; text-align: left; width: 320px; } .front .pane-block-6 .pane-content h3 { font-size: 16pt; border-top: 1px dotted; border-bottom: 1px dotted; padding-top: 10px; padding-bottom: 10px; margin-bottom: 12px; padding-left: 20px; } .ie .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1, .ie .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1, .ie .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default { left: -5px; } .ie .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-block_1, .ie .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default_1, .ie .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight #views_slideshow_controls_text_homepage_spotlight-default { left: -5px; } .ie .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-block_1, .ie .front #block-views-homepage-spotlight-block-1 .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-default { top: 400px; position: absolute !important; } .ie .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-block_1, .ie .front .panel-pane.pane-views.pane-homepage-spotlight .pane-content .view-homepage-spotlight .views-slideshow-controls-bottom #widget_pager_bottom_homepage_spotlight-default { top: 400px; position: absolute !important; } .page-search .search-form { margin-top: 30px; } #content-inner > div > div.left > div.panel-pane.pane-cmi-gallery-pane { margin-top: 4%; margin-left: 5px; } #content-inner > div > div.left > div.panel-pane.pane-cmi-gallery-pane .pane-content { width: 100%; margin: 0 auto; } #content-inner > div > div.left > div.panel-pane.pane-cmi-gallery-pane .pane-content a { text-align: center; display: inline-block; } #content-inner > div > div.left > div.panel-pane.pane-cmi-gallery-pane > div > a > span { margin-left: 0px; } #content-inner > div > div.left > div.panel-pane.pane-cmi-gallery-pane .pane-content img { width: 160px; } .menuleft .menu-block-wrapper > ul > li:first-child { margin-top: 30px !important; } .menuleft .menu-block-wrapper > ul > li { margin: 0; } .menuleft .menu-block-wrapper > ul > li > ul { border-top: 1px dotted gray; padding-left: 15px; } .menuleft .menu-block-wrapper > ul > li > ul > li { padding-left: 10px; } .menuleft .menu-block-wrapper > ul > li > ul > li a.active { background-image: none; color: #003e05; } .menuleft .menu-block-wrapper > ul > li > ul > li a.active:before { content: url("/sites/all/themes/chemistry/images/arrow-right.svg"); margin-right: -20px; position: relative; left: -20px; top: 5px; } .menuleft .menu-block-wrapper > ul > li > a { border-top: 1px dotted gray; display: block; padding: 18px 30px 12px 14px; } .menuleft .menu-block-wrapper > ul > li.is-active-trail, .menuleft .menu-block-wrapper > ul > li.is-active { background: white; margin: 0; } .menuleft .menu-block-wrapper > ul > li.is-active-trail > a, .menuleft .menu-block-wrapper > ul > li.is-active > a { border-left: 3px solid #004F06; color: #004F06; background-image: none; } .menuleft .menu-block-wrapper > ul > li.is-active-trail .menu, .menuleft .menu-block-wrapper > ul > li.is-active .menu { background: url("../images/eapsweb.png"); } .menuleft .menu-block-wrapper .menu__item { height: auto; } #content .sidebarleft .right .upperright .panel-pane.pane-page-title, #content .sidebarleft .right .upperright .panel-pane.pane-block.pane-block-9 { background: url(/sites/all/themes/chemistry/images/horiz-dashed-line.png) repeat-x bottom; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-header { background-color: #004F06; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; padding: 3px 0px 0px 10px; font-weight: 400; display: block; margin-top: 15px; font-size: 0.9em; font-style: normal; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-header a { color: white; font-size: 0.9em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section { height: 306px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title { background: black; position: relative; bottom: 107px; height: 100px; opacity: 0.8; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title span { display: block; margin-bottom: 5px; padding-top: 25px; padding-left: 30px; padding-right: 30px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title span a { color: #ff9000; text-transform: uppercase; font-size: 1.1em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom { margin-top: 0px; position: relative; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields { width: 460px; overflow: scroll; height: 23px; background: #000000; position: relative; z-index: 0; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item { overflow: hidden; float: left; padding: 5px; display: block; margin-left: 12px; margin-top: -2px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item .views-field-title .views-content-title { background-image: url(/sites/all/themes/chemistry/images/ssDot.png); background-repeat: no-repeat; height: 17px; width: 16px; font-size: 1px; text-indent: -100000px; padding-right: 5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item.active .views-field-title .views-content-title { background-image: url(/sites/all/themes/chemistry/images/ssDotActive.png) !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields #views_slideshow_pager_field_item_bottom_in_this_issue_newsletter_page_-panel_pane_1_0, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields #views_slideshow_pager_field_item_bottom_in_this_issue_newsletter_page_-panel_pane_1_9 { margin-left: 65px !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls { position: relative; top: -22px; left: 10px; width: 30px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls #vscc_controls_previous_in_this_issue_newsletter_page_-panel_pane_1, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls #vscc_controls_next_in_this_issue_newsletter_page_-panel_pane_1 { display: none; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-pause, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-resume { background-color: #312C2C; position: relative; padding: 0px; top: -6px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-pause img, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-resume img { position: relative; top: 4px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 { float: left; margin-left: 20px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .view-header .header-title { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; margin-bottom: 2px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .view-header a { background: #61A966; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; padding: 3px 0px 0px 10px; font-weight: 400; display: block; font-size: 0.9em; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .view-header a .newsletter-label { color: #3c3c3c; font-weight: bold; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .view-footer .footer-title, #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-seminars-programs-panel-pane-1 .pane-content .view-email-newsletter .views-row .footer-title, .pane-seminars-programs-panel-pane-1 #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .views-row .footer-title { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; margin-bottom: 2px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .view-footer .footer-title a, #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-seminars-programs-panel-pane-1 .pane-content .view-email-newsletter .views-row .footer-title a, .pane-seminars-programs-panel-pane-1 #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-email-newsletter .views-row .footer-title a { text-decoration: none; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 13px; padding: 8px 10px 7px 0px; display: inline; font-size: 14px; line-height: 1.3em; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section { height: 201px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title { background: black; position: relative; bottom: 67px; height: 60px; opacity: 0.8; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title span { display: block; margin-bottom: 5px; padding-top: 10px; padding-left: 10px; padding-right: 10px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field.views-field-title span a { color: #ff9000; text-transform: uppercase; font-size: 0.7em; line-height: 15px; display: block; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views_slideshow_cycle_teaser_section .views_slideshow_slide .views-slideshow-cycle-main-frame-row-item .views-field-field-images .field-content img { height: 199px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom { margin-top: 0px; height: 29px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields { padding-left: 42px; overflow-x: auto; background: #000000; overflow-x: scroll; white-space: nowrap; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item { display: inline-block; zoom: 1; padding: 5px; margin-left: 1px; margin-top: -2px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item .views-field-title .views-content-title { background-image: url(/sites/all/themes/chemistry/images/ssDot.png); background-repeat: no-repeat; height: 17px; width: 16px; font-size: 1px; text-indent: -100000px; padding-right: 5px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields .views-slideshow-pager-field-item.active .views-field-title .views-content-title { background-image: url(/sites/all/themes/chemistry/images/ssDotActive.png) !important; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields #views_slideshow_controls_text_in_this_issue_newsletter_page_-panel_pane_8 { margin-left: 65px !important; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls { position: relative; top: -22px; left: 10px; width: 30px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls #vscc_controls_previous_in_this_issue_newsletter_page_-panel_pane_8, #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls #vscc_controls_next_in_this_issue_newsletter_page_-panel_pane_8 { display: none; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-pause, #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-resume { background-color: #312C2C; position: relative; padding: 0px; top: -6px; } #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-pause img, #content .sidebarleft .pane-email-newsletter-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .vscc_controls .vscc_controls_pause span.vscc-resume img { position: relative; top: 4px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- { margin-top: 15px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager { background-color: #004F06 !important; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; width: 100%; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager .pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager .pager { background-color: #004F06 !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager { margin-left: 10px; padding: 3px 17px 3px 0; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current { border-right: 0px; color: white; float: left; margin-top: 3px; font-size: 0.9em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current span.showing { color: white; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-title { display: none; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-total { color: transparent; padding: 0 10px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a:hover { background-position: center; margin-bottom: 0px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous .pager-previous-nope { height: 20px; margin: 0; margin-top: 0px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-header { margin-top: 20px; background-color: #E6F5E7; padding-left: 10px; font-weight: bold; font-size: 0.8em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content { font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row { margin-bottom: 15px; display: block; position: relative; background: url("/sites/all/themes/chemistry/images/double_dotted_line.png") repeat-x !important; padding-top: 15px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row.views-row-first { background: none !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-images { display: block; position: absolute; margin-right: 20px; margin-top: 5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-title { position: relative; left: 240px; width: 225px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-title span { color: #004F06; position: relative; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field-body { min-height: 145px; position: relative; left: 240px; width: 220px; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-7 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-body .field-content { font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; color: #3c3c3c; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- { margin-top: -9px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager { background-color: #004F06 !important; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; width: 100%; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager .pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager .pager { background-color: #004F06 !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager { margin-left: 10px; padding: 3px 17px 3px 0; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current { border-right: 0px; color: white; float: left; margin-top: 3px; font-size: 0.9em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current span.showing, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-current span.showing { color: white; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-title { display: none; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-total, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-total { color: transparent; padding: 0 10px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a:hover, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a:hover { background-position: center; margin-bottom: 0px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .top-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous .pager-previous-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-next .pager-next-nope, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous a, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .bottom-pager ul.pager li.pager-previous .pager-previous-nope { height: 20px; margin: 0; margin-top: 0px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-header { margin-top: 20px; background-color: #E6F5E7; padding-left: 10px; font-weight: bold; font-size: 0.8em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content { font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row { margin-bottom: 15px; display: block; position: relative; background: url("/sites/all/themes/chemistry/images/double_dotted_line.png") repeat-x !important; padding-top: 15px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row.views-row-first { background: none !important; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-images { display: block; position: absolute; margin-right: 20px; margin-top: 5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-title { position: relative; left: 240px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-title span { color: #004F06; position: relative; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field-field-news-related { min-height: 145px; position: relative; left: 240px; width: 220px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-news-related .field-content .item-list { font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-news-related .field-content .item-list ul { margin-top: 5px; padding-left: 0px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-news-related .field-content .item-list ul li { margin: 0; list-style-type: none; font-size: 0.8em; margin-bottom: 10px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-news-related .field-content .item-list ul li:after { content: url("/sites/all/themes/chemistry/images/orangeArrow.png"); margin-left: 10px; position: relative; top: 2px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-2 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-row .views-field.views-field-field-news-related .field-content .item-list ul li a { position: relative; color: #3c3c3c; text-align: left; line-height: 1.5; font-size: 0.8em; text-transform: uppercase; margin-bottom: 10px; } #content .sidebarleft .pane-in-this-issue-newsletter-page h2.pane-title { background-color: #004F06; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; padding: 3px 0px 0px 10px; font-weight: 400; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-size: 0.9em; } #content .sidebarleft .pane-in-this-issue-newsletter-page .pane-content .view-in-this-issue-newsletter-page- .view-content .views-field-title span { display: block; margin-bottom: 5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page .pane-content .view-in-this-issue-newsletter-page- .view-content .views-field-title span a { color: #EA8E23; text-transform: uppercase; font-size: 0.8em; font-weight: 400; display: block; line-height: 1.5; margin-bottom: 10px; } #content .sidebarleft .Give-to-eaps-scope-page .pane-content img.media-element.file-default.give-to-eaps-img { width: 150px; } #content .sidebarleft .Give-to-eaps-scope-page .pane-content p { font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; font-size: 0.8em; } #content .sidebarleft .Give-to-eaps-scope-page .pane-content p:first-child { margin-bottom: 10px; } #content .sidebarleft .Give-to-eaps-scope-page .pane-content p a.eaps-scope-archives { color: #004F06; font-weight: bold; } #content .sidebarleft .Give-to-eaps-scope-page .pane-content p a.eaps-scope-archives:after { content: url("/sites/all/themes/chemistry/images/orangeArrow.png"); margin-left: 10px; position: relative; top: 2px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-6 .view-in-this-issue-newsletter-page- .views-field.views-field-title, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-3 .view-in-this-issue-newsletter-page- .views-field.views-field-title { background: url(/sites/all/themes/chemistry/images/horiz-dashed-line.png) repeat-x bottom; margin-bottom: 10px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-6 .view-in-this-issue-newsletter-page- .views-field.views-field-title span.field-content a.active, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-3 .view-in-this-issue-newsletter-page- .views-field.views-field-title span.field-content a.active { margin-top: 0px; margin-bottom: 0px; font-size: 2em; line-height: 1.6em; font-family: Varela-iefix, Varela, Helvetica, sans-serif; color: #3c3c3c; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-6 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-3 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1 { font-weight: bold; font-size: 0.8em; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-6 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1 .field-content .eaps-scope-publication-date-region, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-3 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1 .field-content .eaps-scope-publication-date-region { display: block; position: relative; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-6 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1 .field-content .eaps-scope-publication-date-region > span, #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-3 .view-in-this-issue-newsletter-page- .views-field-field-publication-date-1 .field-content .eaps-scope-publication-date-region > span { display: list-item; list-style-type: none; margin-bottom: -5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 { margin-left: 5px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 .view-in-this-issue-newsletter-page- .views-field.views-field-field-file-attach { background: #EA8E23; width: 90%; margin-top: -7px; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 .view-in-this-issue-newsletter-page- .views-field.views-field-field-file-attach span.file img.file-icon { display: none; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 .view-in-this-issue-newsletter-page- .views-field.views-field-field-file-attach span.file span.file-size { display: none; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 .view-in-this-issue-newsletter-page- .views-field.views-field-field-file-attach span.file a { font-family: Varela-iefix, Varela, Helvetica, sans-serif; font-size: 0.6em; color: white; margin-left: 5px; text-transform: uppercase; } #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-5 .view-in-this-issue-newsletter-page- .views-field.views-field-field-file-attach span.file a:after { content: url("/sites/all/themes/chemistry/images/pdfDownload.png"); margin-left: 13px; position: relative; top: 3px; } .newsletter-scope.node-type-chemformation-newsletter .panel-pane.pane-node-body { padding: 15px 0px 15px 0px; } .newsletter-scope.node-type-chemformation-newsletter .panel-pane.pane-node-body p { font-size: 0.8em; } .newsletter-scope.node-type-chemformation-newsletter .regionright-sidebar { padding: 0px 0px 0 0 !important; margin-top: -31px; } .node-type-chemformation-newsletter .regionright-sidebar { padding-right: 0px !important; } body.page-news-events-newsletter-archives .sidebarleft .right .regionright-sidebar { padding-right: 0px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation { margin-top: 15px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager { background-color: #004F06 !important; color: white; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; width: 100%; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager .pager, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager .pager { background-color: #004F06 !important; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager { margin-left: 10px; padding: 3px 17px 3px 0; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-current, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-current, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-current, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-current { border-right: 0px; color: white; float: left; margin-top: 3px; font-size: 0.9em; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-current span.showing, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-current span.showing, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-current span.showing, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-current span.showing { color: white; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-title, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-title, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-title, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-title { display: none; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-total, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-total, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-total, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-total { color: transparent; padding: 0 10px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next a:hover, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next a:hover, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next a:hover, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next a:hover { background-position: center; margin-bottom: 0px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next .pager-next-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-previous a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-previous .pager-previous-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-next .pager-next-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-previous a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .top-pager ul.pager li.pager-previous .pager-previous-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next .pager-next-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-previous a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-previous .pager-previous-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-next .pager-next-nope, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-previous a, body.page-news-events-newsletter-archives .view.view-latest-chemformation .bottom-pager ul.pager li.pager-previous .pager-previous-nope { height: 20px; margin: 0; margin-top: 0px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-header { margin-top: 20px; background-color: #E6F5E7; padding-left: 10px; font-weight: bold; font-size: 0.8em; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table { margin-top: 0px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td { padding-top: 15px; padding-bottom: 25px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td.views-field.views-field-title.views-align-center { display: block; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td.views-field.views-field-title.views-align-center .archives-field-news-related { display: block; position: relative; margin-left: 20px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td.views-field.views-field-title.views-align-center .archives-field-news-related a { display: list-item; list-style-type: none; position: relative; color: #3c3c3c; text-align: left; line-height: 1.5; font-size: 0.8em; text-transform: uppercase; margin-bottom: 10px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td.views-field.views-field-title.views-align-center .archives-field-news-related a:after { content: url("/sites/all/themes/chemistry/images/orangeArrow.png"); margin-left: 5px; position: relative; top: 2px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr td.views-field-title > a:first-child { position: relative; display: block; color: #004F06; font-size: 0.8em; font-family: "varela-round-iefix","Varela Round",Helvetica,sans-serif; text-align: left; margin-left: 20px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr.even, body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr.odd { background-color: white; background: url("/sites/all/themes/chemistry/images/double_dotted_line.png") repeat-x !important; border: none; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content table.views-table tr.odd.views-row-first { background: none !important; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery { position: relative; width: 220px; vertical-align: top; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery > a { display: block; position: relative; padding-top: 6px; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery > a img { display: block; height: 290px; width: 100%; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery span.file { background: #EA8E23; display: block; width: 90%; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery span.file img.file-icon { display: none; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery span.file span.file-size { display: none; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery span.file a { font-family: Varela-iefix, Varela, Helvetica, sans-serif; font-size: 0.6em; color: white; margin-left: 5px; text-transform: uppercase; } body.page-news-events-newsletter-archives .view.view-latest-chemformation .view-content .views-field.views-field-field-photo-gallery span.file a:after { content: url("/sites/all/themes/chemistry/images/pdfDownload.png"); margin-left: 13px; position: relative; top: 3px; } body.page-news-events .regionright.no-sidebar .panel-pane { width: 220px; } body.page-news-events .view-id-latest_chemformation.view-display-id-panel_pane_1 .view-content, body.page-news-events .view-id-latest_chemformation.view-display-id-panel_pane_2 .view-content, body.page-news-events .view-id-news_events_landing.view-display-id-panel_pane_3 .view-content, body.page-news-events .view-news-events-landing.view-display-id-panel_pane_2 .view-content { height: 250px !important; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 { float: left; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .view-header { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .view-content { margin-top: 2px; margin-bottom: 2px; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .view-content .views-field-field-photo-gallery .field-content a img { display: block; height: 250px; width: 220px; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .view-footer, body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .views-row { background: #44964a; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3c3c3c; text-transform: uppercase; font-weight: bold; padding: 5px 10px; } body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .view-footer a, body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content body.page-news-events .panel-pane.pane-views-panes.pane-news-events-landing-panel-pane-3 .view-news-events-landing.view-display-id-panel_pane_3 .views-row a { text-decoration: none; color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 13px; padding: 8px 10px 7px 0px; display: inline; font-size: 14px; line-height: 1.3em; } .safari #content .sidebarleft .pane-in-this-issue-newsletter-page-panel-pane-1 .pane-content .view-in-this-issue-newsletter-page- .view-content .views-slideshow-controls-bottom .views-slideshow-pager-fields { overflow: hidden; } .om-maximenu-middle-right .block-block-id-8.last { width: 630px; line-height: 1.4em; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; background: url(../images/vertical_dotted_white_line.png) repeat-y top left; } .om-maximenu-middle-right .block-block-id-8.last h3 { display: none; } .om-maximenu-middle-right .block-menu_block-id-19 first { padding-right: 30px; } div#views_slideshow_cycle_teaser_section_homepage_spotlight-block_1 .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section { height: 407px !important; } ie div#views_slideshow_cycle_teaser_section_homepage_spotlight-block_1 .views-slideshow-cycle-main-frame.views_slideshow_cycle_teaser_section { height: 407px !important; } /** * @file * Navigation Styling */ /* * Markup generated by theme_menu_tree(). */ ul li.expanded { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); list-style-type: circle; } ul li.collapsed { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ list-style-type: disc; } ul li.leaf { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); list-style-type: square; } /* * Navigation bar */ #navigation { /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */ } #navigation .block { margin-bottom: 0; } #navigation .block-menu .block-title, #navigation .block-menu-block .block-title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #navigation ul.links, #navigation ul.menu { /* Menu block links */ margin: 0; padding: 0; text-align: left; /* LTR */ } #navigation ul.links li, #navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 10px 0 0; /* LTR */ list-style-type: none; list-style-image: none; } #nav-a { /*box-shadow: 0px 0px 10px black;*/ /* the mobile class is added in js/scripts.js */ } #nav-a #edit-submit { position: relative; padding: 1px 8px; } #nav-a #edit-submit--2, #nav-a #edit-submit--3 { position: relative; padding: 10px 5px; } #nav-a .block { margin: 0; margin-bottom: 0; padding-left: 10px; } #nav-a ul.links, #nav-a ul.menu { /* Menu block links */ margin: 0; padding: 0; text-align: left; /* LTR */ } #nav-a ul.links li, #nav-a ul.menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 0 0 0; /* LTR */ margin: 0px 10px 0px 0px; list-style-type: none; list-style-image: none; padding: 5px 10px 8px 10px; height: 23px; position: relative; left: -7px; top: 0px; } #nav-a ul.links li:hover, #nav-a ul.menu li:hover { background: url(../images/highlights.png); } #nav-a ul.links li:hover a, #nav-a ul.menu li:hover a { color: white !important; } #nav-a ul.links li a, #nav-a ul.menu li a { text-transform: uppercase; color: #004f06; font-size: 12px; text-decoration: none; padding: 3px; letter-spacing: 1px; font-weight: bold; } #nav-a #block-menu-menu-utility-navigation { float: left; height: 35px; } #nav-a #block-search-form:hover, #nav-a #block-search-form:focus { background-image: url(../images/highlights.png); } #nav-a div#block-block-5 { width: 660px; } #nav-a #block-search-form { height: 35px; width: 250px; margin: 0; float: right; background-image: url(../images/blue_hash_narrow.png); padding-bottom: 1px; display: block; z-index: 1; } #nav-a #block-search-form #edit-actions { display: block; float: right; height: 33px; } #nav-a #block-search-form #edit-actions #edit-submit { border: none; /*left: -5px; padding-left: 14px;*/ top: 6px; } #nav-a #block-search-form .form-type-textfield { display: block; float: left; padding: 6px 0 0 8px; } #nav-a #block-search-form .form-type-textfield input { width: 200px; border: none; outline: none; padding-left: 5px; } #nav-a #block-menu-menu-utility-nav ul { padding: 0; } #nav-a #block-menu-menu-utility-nav ul li { padding: 4px 4px 6px 4px; } #nav-a #block-menu-menu-utility-nav ul li a { color: #000; } #nav-a #block-menu-menu-utility-nav ul li:hover { background-image: url(../images/highlights.png); } #nav-a #block-menu-menu-utility-nav ul li:hover a { color: #fff; } #nav-a .mobile #block-menu-menu-utility-navigation { float: none; clear: both; width: 100%; } #nav-a .mobile #block-search-form { float: none; clear: both; width: 100%; } #nav-a .search-form { margin: 0; } #nav-a .form-item { margin: 0; } #nav-a .contextual-links-wrapper { display: none; } #nav-b { box-shadow: 0px 6px 24px #5A5A5A; } #nav-b .block { margin-bottom: 0; float: left; padding-left: 10px; z-index: 501; } #secondary-menu { float: right; /* LTR */ } /* * * OM MAXIMENU STYLES BELOW * */ /* * below was copied from sites/all/modules/contrib/om_maximenu/css/om_maximenu.css * and modified to suite */ /* Admin */ #om-maximenu-admin table .col-link { width: 75%; } #om-maximenu-blocks-get .edit-block { display: inline; } #om-maximenu-blocks-get .edit-block a { font-weight: bold; } /* Default OM Maximenu style */ .om-maximenu { height: auto; position: static; z-index: 100; } /* static */ .om-maximenu-content { display: none; } .om-maximenu .om-maximenu-content { position: absolute; top: 30px; left: 0; min-width: 300px; z-index: 500; } .om-maximenu .om-maximenu-content .block { position: relative; min-height: 290px; } .om-maximenu .om-maximenu-content.open { display: block !important; } .om-maximenu .om-maximenu-open { display: none; position: absolute; bottom: 5px; right: 7px !important; font-size: 9px; height: 15px; line-height: 15px; } .om-maximenu .om-maximenu-open input { margin: 0 5px 0 0; float: left; } /* Edit Link */ .om-maximenu .om-maximenu-edit { display: none; position: absolute; top: 0; right: 0; font-size: .7em; background-color: #fff; } .om-maximenu:hover .om-maximenu-edit { display: block; z-index: 1000; } .om-maximenu .om-maximenu-edit a { display: block; float: left; margin-left: 3px; height: 0; width: 16px; padding: 16px 0 0; overflow: hidden; } .om-maximenu .om-maximenu-edit a:hover { background-position: 0 -16px; } /* Blocks Edit */ .om-maximenu-content .edit-block { display: none; position: absolute; top: 0; right: 0; font-size: .7em; background-color: #fff; } .om-maximenu-content .block:hover .edit-block { display: block; z-index: 1000; } .om-maximenu-content .block .edit-block a { display: block; float: left; margin-left: 3px; height: 0; width: 16px; padding: 16px 0 0; overflow: hidden; } .om-maximenu-content .block .edit-block a.block-config { background-position: 0 0; } .om-maximenu-content .block .edit-block a.block-config:hover { background-position: 0 -16px; } .om-maximenu-content .block .edit-block a.block-edit-menu { background-position: -16px 0; } .om-maximenu-content .block .edit-block a.block-edit-menu:hover { background-position: -16px -16px; } .om-maximenu-content .block .edit-block a.block-edit-view { background-position: -32px 0; } .om-maximenu-content .block .edit-block a.block-edit-view:hover { background-position: -32px -16px; } /* General */ .om-maximenu ul.om-menu { display: block; padding: 0; margin: 0; height: 50px; position: static; z-index: 20; } /* static */ .om-maximenu ul.om-menu li.om-leaf { display: block; padding: 0; margin: 0; height: 50px; list-style: none; list-style-image: none; position: static; z-index: 5; } .om-maximenu ul.om-menu li.om-leaf:hover { background: url(../images/highlights.png); } .om-maximenu ul.om-menu li.leaf-sections:hover { background: url(../images/arrow_down_yellow.png) no-repeat center 37px; } .om-maximenu ul.om-menu li.first { background: none; } .om-maximenu ul.om-menu li.leaf-policies-resources { background: url(../images/pattern_bkgrnd_menu.png); } /* hide all main menu items by default bring back menu items as screen gets wider */ @media all and (min-width: 750px) { .om-maximenu ul.om-menu li.leaf-get-involved { display: block; } } @media all and (min-width: 750px) { .om-maximenu ul.om-menu li.leaf-news-publications { display: block; } } @media all and (min-width: 750px) { .om-maximenu ul.om-menu li.leaf-academic-programs { display: block; } } @media all and (min-width: 750px) { .om-maximenu ul.om-menu li.leaf-research { display: block; } } @media all and (min-width: 750px) { .om-maximenu ul.om-menu li.leaf-about { display: block; background-image: none; } } .om-maximenu ul.om-menu li.leaf-sections { display: none; } @media all and (max-width: 749px) { .om-maximenu ul.om-menu li.leaf-sections { display: block; } } /* .leaf-about .leaf-research .leaf-academic-programs .leaf-news-publications .leaf-get-involved .leaf-policies-resources .leaf-sections (only mobile) */ .om-maximenu ul.om-menu li.om-leaf.om-leaf-icon .om-link { padding: 0; } .om-maximenu ul.om-menu li.om-leaf .om-link { display: block; padding: 10px 9px 0px 9px; margin: 0; height: 50px; font-size: 11.5pt; line-height: 30px; } .om-maximenu ul.om-menu li.om-leaf .om-link:hover { cursor: pointer; text-decoration: none; } .om-maximenu ul.om-menu li.om-leaf:hover .om-maximenu-content-nofade { display: block; } .om-maximenu ul.om-menu li.om-leaf .om-link .om-subtitle { line-height: normal; display: block; margin-top: -2px; font-size: .9em; } .om-clearfix { clear: both; } .om-maximenu .om-maximenu-top { position: relative; } .om-maximenu .om-maximenu-bottom { position: relative; } /* Main Menu */ .om-maximenu.om-maximenu-main-menu ul.om-menu { float: left; } .om-maximenu.om-maximenu-main-menu ul.om-menu li.om-leaf { float: left; } .om-maximenu.om-maximenu-main-menu ul.om-menu li.om-leaf .om-link { float: left; } /* Stacking */ .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf { float: left; margin-left: -10px; margin-right: 6px; } .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf .om-link { float: left; z-index: 550; } .om-maximenu.om-maximenu-block.om-maximenu-column { height: auto; } .om-maximenu.om-maximenu-block.om-maximenu-column ul.om-menu { float: none; height: auto; } .om-maximenu.om-maximenu-block.om-maximenu-column ul.om-menu li.om-leaf { float: none; height: auto; } .om-maximenu.om-maximenu-block.om-maximenu-column ul.om-menu li.om-leaf .om-link { float: none; height: auto; } .om-maximenu.om-maximenu-float.om-maximenu-row ul.om-menu li.om-leaf { float: left; } .om-maximenu.om-maximenu-float.om-maximenu-row ul.om-menu li.om-leaf .om-link { float: left; } .om-maximenu.om-maximenu-float.om-maximenu-column { height: auto; } .om-maximenu.om-maximenu-float.om-maximenu-column ul.om-menu { float: none; height: auto; } .om-maximenu.om-maximenu-float.om-maximenu-column ul.om-menu li.om-leaf { float: none; height: auto; } .om-maximenu.om-maximenu-float.om-maximenu-column ul.om-menu li.om-leaf .om-link { float: none; height: auto; } /* Orientation */ .om-maximenu.om-maximenu-vertical { height: auto; width: 30px; } .om-maximenu.om-maximenu-vertical ul.om-menu { height: auto; width: 30px; } .om-maximenu.om-maximenu-vertical ul.om-menu li.om-leaf { height: auto; width: 30px; } .om-maximenu.om-maximenu-vertical ul.om-menu li.om-leaf .om-link { height: auto; width: 30px; padding: 30px 0; line-height: normal; } .om-maximenu.om-maximenu-vertical.om-maximenu-left ul.om-menu li.om-leaf .om-link { -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .om-maximenu.om-maximenu-vertical.om-maximenu-left .om-maximenu-content { margin-left: 15px; } .om-maximenu.om-maximenu-vertical.om-maximenu-right ul.om-menu li.om-leaf .om-link { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .om-maximenu.om-maximenu-vertical.om-maximenu-right .om-maximenu-content { margin-right: 15px; } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-vertical.om-maximenu-left .om-maximenu-content, .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-vertical.om-maximenu-right .om-maximenu-content { top: -20px; } /* Dock Effect */ .om-maximenu.om-maximenu-dock { height: auto; } .om-maximenu.om-maximenu-dock ul.om-menu { height: auto; } .om-maximenu.om-maximenu-dock ul.om-menu li.om-leaf-icon { height: auto; } .om-maximenu.om-maximenu-dock ul.om-menu li.om-leaf-icon .om-link { height: auto; } .om-maximenu.om-maximenu-dock.om-maximenu-vertical ul.om-menu li.om-leaf-icon .om-link { padding: 0; } .om-maximenu.om-maximenu-dock.om-maximenu-left ul.om-menu li.om-leaf-icon { text-align: left; } .om-maximenu.om-maximenu-dock.om-maximenu-right ul.om-menu li.om-leaf-icon { text-align: right; } .om-maximenu.om-maximenu-dock.om-maximenu-middle ul.om-menu { width: auto; } .om-maximenu.om-maximenu-dock.om-maximenu-middle ul.om-menu li.om-leaf-icon { text-align: center; } .om-maximenu.om-maximenu-dock.om-maximenu-bottom, .om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu, .om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon, .om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon .om-link, .om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon .om-link img { vertical-align: bottom; float: none; display: inline; } .om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon .om-maximenu-content { bottom: 50px; } .om-maximenu.om-maximenu-dock.om-maximenu-top ul.om-menu li.om-leaf-icon .om-maximenu-content { top: 50px; } .om-maximenu.om-maximenu-dock.om-maximenu-top.om-maximenu-column ul.om-menu li.om-leaf-icon .om-maximenu-content { top: -30px; } .om-maximenu.om-maximenu-dock.om-maximenu-top { height: 30px; } .om-maximenu.om-maximenu-dock.om-maximenu-column.om-maximenu-top { height: auto; } .om-maximenu.om-maximenu-dock.om-maximenu-column.om-maximenu-top.om-maximenu-column ul.om-menu { height: auto; } /* Float */ .om-maximenu.om-maximenu-float .om-maximenu-content { text-align: left; } .om-maximenu.om-maximenu-float.om-maximenu-left { right: auto; } .om-maximenu.om-maximenu-float.om-maximenu-left ul.om-menu { position: relative; left: 0; } .om-maximenu.om-maximenu-float.om-maximenu-left .om-maximenu-content { left: 10px; right: auto; } .om-maximenu.om-maximenu-float.om-maximenu-right { left: auto; } .om-maximenu.om-maximenu-float.om-maximenu-right ul.om-menu { position: relative; right: 0; } .om-maximenu.om-maximenu-float.om-maximenu-right .om-maximenu-content { right: 10px; left: auto; } .om-maximenu.om-maximenu-float.om-maximenu-middle { bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 190; text-align: center; } .om-maximenu.om-maximenu-float.om-maximenu-middle ul.om-menu { width: auto; margin: 0 auto; text-align: center; } .om-maximenu.om-maximenu-float.om-maximenu-middle ul.om-menu li.om-leaf { display: inline-block; float: none; } .om-maximenu.om-maximenu-float.om-maximenu-middle ul.om-menu li.om-leaf .om-link { display: inline-block; float: none; } .om-maximenu.om-maximenu-float.om-maximenu-top { height: 30px; } .om-maximenu.om-maximenu-float.om-maximenu-top .om-maximenu-content { bottom: auto; top: 30px; } .om-maximenu.om-maximenu-float.om-maximenu-bottom .om-maximenu-content { top: auto; bottom: 30px; } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-left .om-maximenu-content { top: -50px; left: 100%; right: auto; } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-right .om-maximenu-content { top: -50px; right: 100%; left: auto; } /* Block */ .om-maximenu.om-maximenu-block .om-maximenu-content { z-index: 500; max-height: 370px; } .om-maximenu.om-maximenu-block ul.om-menu { float: left; width: 100%; } .om-maximenu.om-maximenu-block ul.om-menu li.om-leaf { float: left; } .om-maximenu.om-maximenu-block ul.om-menu li.om-leaf .om-link { float: left; } .om-maximenu.om-maximenu-block.om-maximenu-block-up .om-maximenu-content { top: auto; bottom: 30px; } .om-maximenu.om-maximenu-block.om-maximenu-block-right .om-maximenu-content { top: -50px; left: 100%; right: auto; } .om-maximenu.om-maximenu-block.om-maximenu-block-left .om-maximenu-content { top: -50px; right: 100%; left: auto; } /* Slider */ .om-maximenu ul.om-menu li.backLava { position: absolute; top: 5px; height: 20px; background: #f2f2f2; z-index: 10; z-index: 3; } /* OM Maximenu Content - no style */ .om-maximenu .om-maximenu-content { left: 0; top: 30px; padding: 0; } * + html .om-maximenu .om-maximenu-content { width: 300px; } /* IE 7 */ .om-maximenu .om-maximenu-top { width: 100%; } .om-maximenu .om-maximenu-middle { background: none #fff; width: 100%; } .om-maximenu .om-maximenu-middle-right { padding: 10px; } * + html .om-maximenu .om-maximenu-middle-right { width: 300px; margin-left: 20px; padding-left: 0; } /* IE 7 */ .om-maximenu .om-maximenu-bottom { width: 100%; } /* Link Slider */ .om-link-slider { display: block; height: 30px; line-height: 30px; margin: 0; padding: 0 15px; overflow: hidden; } /* Displace */ .om-maximenu .om-maximenu-content.om-maximenu-displace { top: 0; margin-left: 0; /* IE7 */ left: 0; } /* should be set to no style */ .om-maximenu .om-maximenu-content.om-maximenu-displace .om-maximenu-open { display: none; } .om-maximenu-row .om-link { position: relative; } .om-maximenu-row .om-maximenu-content.om-maximenu-displace { float: left; } /* Tabbed */ .om-maximenu-float .om-maximenu-tabbed-content { width: 480px; } .om-maximenu-tabbed-content { clear: both; } .om-maximenu-tabbed-scrollh .om-maximenu-tabbed-content, .om-maximenu-tabbed-scrollv .om-maximenu-tabbed-content { height: 100px; overflow: hidden; } .om-tabbed-content { float: left; } .om-tabbed-content-hide { display: none; } /* Accordion */ .easy-accordion { display: block; position: relative; overflow: hidden; padding: 0; margin: 0; background-color: #f2f2f2; } .easy-accordion dt, .easy-accordion dd { margin: 0; padding: 0; position: absolute; } .easy-accordion dt { position: absolute !important; background-color: #f2f2f2; height: 46px; line-height: 44px; padding: 0 15px 0 0; text-align: right; margin-bottom: 0; margin-left: 0; z-index: 5; /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); -moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor: pointer; } .easy-accordion dt.active { cursor: pointer; color: #fff; background-color: #666; } .easy-accordion dt.hover { color: #fff; background-color: #999; } .easy-accordion dd { z-index: 1; opacity: 0; overflow: hidden; padding: 10px; background: #fff; } .easy-accordion dd.active { opacity: 1; z-index: 3; } .easy-accordion dd.no-more-active { z-index: 2; opacity: 1; } .easy-accordion dd.plus { z-index: 4; } .easy-accordion .slide-number { position: absolute; bottom: 0; left: 10px; font-weight: normal; font-size: 1.1em; /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .om-maximenu-style-accordion.om-maximenu-float { width: 480px; } .om-maximenu-style-accordion { height: 245px; } /* Round About */ .om-maximenu-style-roundabout.om-maximenu-float { width: 480px; } .roundabout-holder { height: 200px; display: block; padding: 0; margin: 0; } .roundabout-holder .om-leaf { list-style: none; list-style-image: none; display: block; padding: 0; margin: 0; } .om-maximenu-roundabout-content { padding: 10px; border: 1px solid #999; background-color: #fff; } /* Long Menu */ .om-menu-ul-wrapper { position: static; width: 100%; } /* static */ .om-menu-scroller { z-index: 100; font-weight: bold; background-color: #ccc; cursor: pointer; text-align: center; } .om-menu-scroller:hover { color: #fff; } .om-maximenu-row .om-menu-scroller { position: absolute; height: 30px; width: 30px; line-height: 30px; } .om-maximenu-row .om-menu-previous { top: 0; left: 0; } .om-maximenu-row .om-menu-next { top: 0; right: 0; } .om-maximenu-column .om-menu-scroller { height: 20px; line-height: 20px; } /* Modal */ #om-maximenu-mask { position: absolute; left: 0; top: 0; z-index: 2990; background-color: #000; display: none; } #om-maximenu-modal-widows .om-maximenu-modal-content { position: fixed; z-index: 3000 !important; padding: 20px; height: auto; width: auto; } #om-maximenu-modal-widows .om-maximenu-modal-content .om-maximenu-close { color: #fff; cursor: pointer; text-align: right; } #om-maximenu-modal-widows .om-maximenu-modal-content .block { position: relative; } /* * below was copied from sites/all/modules/contrib/om_maximenu/skin/no_style/style.css * and modified to suite */ /* OM Maximenu Content - no style */ .om-maximenu-no-style .om-maximenu-content { left: 0px; top: 50px; padding: 0; /* width: 960px; */ left: 0px; right: 0px; } .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.leaf-policies-resources { float: right; } .om-maximenu-content, .om-maximenu-content a { color: #003e05; } .om-maximenu-content a { font-family: Arial; font-weight: bold; letter-spacing: 1px; } .om-maximenu-content ul li, .om-maximenu-content ul li.leaf, .om-maximenu-content ul li.expanded { list-style: none; list-style-image: none; list-style-type: none; } .om-maximenu-no-style .om-maximenu-middle { background: url(../images/om_bg.png); padding-bottom: 20px; height: 350px; } .om-maximenu-content { background: url(../images/om_bg.png); } .om-maximenu-no-style .om-maximenu-middle-right { padding: 32px 10px 10px 0; } .om-maximenu-no-style .om-maximenu-bottom { border-bottom: 5px solid #44974a; } .om-link { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #fff; font-size: 16px; } a.om-link { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #fff; font-size: 16px; } li.om-leaf:hover > a.om-link, li.om-leaf:hover > span.om-link { /* background: url(../images/nav_hover.png) no-repeat bottom !important; */ } .om-maximenu ul.om-menu li.om-leaf:hover .om-maximenu-content .om-link { color: #cdd0d0; } .block-menu_block-id-1 h3 { color: #FFFFFF; } .block-menu_block-id-1 a { font-weight: bold; } .block-menu_block-id-5 h3, .block-menu_block-id-6 h3 { color: #FFFFFF; } .block-cmi_blocks-id-research_labs h3 { display: none; } .leaf-outreach .block-views-id-outreach_menu_view-block .views-field a { display: inline; } .leaf-outreach .block-views-id-outreach_menu_view-block .views-field-field-images { float: left; clear: none; padding-right: 20px; margin-right: 20px; background: url(../images/vertical_dotted_white_line.png) repeat-y top right; } .leaf-publications .block-views { padding-left: 20px; } .leaf-publications .block-views h3 { color: #ffffff; padding-bottom: 25px; } .leaf-publications .block-views .views-row { width: 270px; padding-right: 20px; float: left; color: #ffffff; } .leaf-publications .block-views .views-row.views-row-first { background: url(../images/vertical_dotted_white_line.png) no-repeat top right; margin-right: 20px; } .leaf-publications .block-views .views-row .views-field-title a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; padding-left: 0px; padding-right: 12px; background: url(../images/arrow_right_blue_small.png) no-repeat right 14px; display: inline; } .leaf-publications .block-views .views-row .views-field-title a:hover { background: url(../images/arrow_right_green_small.png) no-repeat right 14px; } .block-cmi_blocks-id-research_labs a { text-transform: uppercase; font-size: 0.933em; line-height: 1.714em; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; background: url(../images/arrow_right_yellow_small.png) no-repeat 0px 9px; padding-left: 10px; } .om-maximenu .om-maximenu-top, .om-maximenu .om-maximenu-middle { width: 960px; margin: auto; } .om-maximenu .om-maximenu-middle { position: relative; left: 10px; } /* added this to make main menu drop down go full screen when logged in */ #block-om-maximenu-om-maximenu-1 { position: static; } .om-maximenu { /* this is the Section menu; only for mobile */ } .om-maximenu h3 { text-transform: uppercase; font-size: 0.93333em; line-height: 1.71429em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 1px; padding-bottom: 2px; } .om-maximenu .om-maximenu-content ul { padding: 0px; } .om-maximenu .om-maximenu-content li { font-size: 14px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; text-transform: uppercase; } .om-maximenu .om-maximenu-content li.active a { /*commented this out because it was causing the menu of the active page to show white arrow when on that page and then hovering over megamenu again -- may need to see if this is used elsewhere*/ } .om-maximenu .om-maximenu-content a { text-decoration: none; background: url(../images/arrow_right_dblue_small.png) no-repeat 0px 13px; padding: 8px 0 7px 10px; display: block; font-size: 14px; line-height: 1.3em; } .om-maximenu .om-maximenu-content a:hover { color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat 0px 13px; } .om-maximenu .om-maximenu-content .block-menu_block-id-4 a, .om-maximenu .om-maximenu-content .block-menu_block-id-3 a { font-size: 14px; } .om-maximenu .om-maximenu-content .block-menu_block-id-9 { padding-left: 20px; } .om-maximenu .om-maximenu-content .block-menu_block-id-9 h3 { padding-left: 10px; background: url(../images/arrow_right_blue_small.png) no-repeat 0px 7px; } .om-maximenu .om-maximenu-content .block-menu_block-id-9 a { color: #ffffff; background: url("../images/arrow_right_white_small.png") no-repeat left 11px; } .om-maximenu .om-maximenu-content .block-menu_block-id-9 a:hover { color: #b3f465; background: url(../images/arrow_right_green_small.png) no-repeat 0px 12px; } .om-maximenu .om-maximenu-content .block-cmi_blocks-id-affiliates_block { padding-left: 23px; width: 600px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #666666; font-size: 18px; } .om-maximenu .om-maximenu-content .block-cmi_blocks-id-affiliates_block a { color: #003e05; clear: none; display: inline; background: none; font-size: 18px; padding: 0; margin: 0; font-weight: normal; } .om-maximenu .om-maximenu-content .block-cmi_blocks-id-affiliates_block a:hover { color: #013e05; } .om-maximenu .om-maximenu-content .block-menu_block-id-3 li.expanded a { font-size: 12px; } .om-maximenu .om-maximenu-content .block-menu_block-id-14 { background: none !important; width: 64% !important; } .om-maximenu .om-maximenu-content .block-menu_block-id-14 ul li { display: inline; width: 210px; float: left; padding-right: 5px; background: url(../images/vertical_dotted_white_line.png) repeat-y top right; margin-right: 15px; height: 333px; } .om-maximenu .om-maximenu-content .block-menu_block-id-14 ul li a { font-size: 14px; } .om-maximenu .om-maximenu-content .block-menu_block-id-14 ul li a span { color: white; display: block; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-transform: none; font-weight: normal; letter-spacing: 1px; } .om-maximenu .om-maximenu-content .block-menu_block-id-14 ul li.last { padding-right: 0px; margin-right: 0px; background: none; } .om-maximenu .om-maximenu-content .block-cmi_blocks-id-research_labs a { padding-top: 0px; background: url(../images/arrow_right_yellow_small.png) no-repeat 0px 5px; } .om-maximenu .om-maximenu-content .allfaclink a { clear: both; position: relative; top: 10px; font-weight: normal; font-size: 14px; } .om-maximenu .block-menu_block-id-1, .om-maximenu .block-menu_block-id-2, .om-maximenu .block-menu_block-id-3, .om-maximenu .block-menu_block-id-4, .om-maximenu .block-menu_block-id-5, .om-maximenu .block-menu_block-id-6 { width: 33.125%; /* 300/960 */ background: url(../images/vertical_dotted_white_line.png) repeat-y right; } .om-maximenu .last { background: none; } .om-maximenu .first { background: url(../images/vertical_dotted_white_line.png) repeat-y top right; } .om-maximenu li.leaf-sections h3 { display: none; } .om-maximenu li.leaf-sections .om-maximenu-middle { width: 100%; } .om-maximenu li.leaf-sections .om-maximenu-middle-right { padding: 0; } .om-maximenu li.leaf-sections .item-list ul { margin: 0; } .om-maximenu li.leaf-sections li { border-bottom: 1px solid black; } .om-maximenu li.leaf-sections a { text-decoration: none; background: url(../images/arrow_right_yellow_small.png) no-repeat right center; padding: 10px 15px 10px 19px; display: block; margin-right: 15px; } .om-maximenu li a:hover { color: #fff; } .om-maximenu li.leaf-people .block-menu_block-id-7 { width: 460px; min-height: 275px; } .om-maximenu li.leaf-people .block-menu_block-id-7 a { color: white; background: url("../images/arrow_right_white_small.png") no-repeat left 11px; } .om-maximenu li.leaf-people .block-menu_block-id-7 a:hover { color: #b3f465; background: url(../images/arrow_right_green_small.png) no-repeat 0px 12px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block { width: 460px; margin-left: 20px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block h3 { text-transform: uppercase; font-size: 0.933em; line-height: 1.714em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 1px; padding-bottom: 2px; color: #fff; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content { letter-spacing: 0px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content ul { margin-top: 10px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top { background: rgba(255, 255, 255, 0.1); min-height: 148px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top .image { float: left; margin-right: 20px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top .name { padding-top: 10px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top .name a { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-weight: normal; text-transform: none; font-size: 20px; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top .field_directory_title { text-transform: uppercase; font-size: 0.933em; line-height: 1.714em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 1px; padding-bottom: 2px; color: #fff; font-weight: bold; text-transform: none; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .top .type { text-transform: uppercase; font-size: 0.933em; line-height: 1.714em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 1px; padding-bottom: 2px; color: #fff; font-weight: bold; text-transform: none; } .om-maximenu li.leaf-people .block-views-id-nodequeue_5-block .view-content .bottom { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; color: #fff; font-size: 16px; text-transform: none; clear: both; margin-top: 20px; } .om-maximenu li.leaf-news-events .view-footer, .om-maximenu li.leaf-news-events .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .views-row { margin-top: 15px; } .om-maximenu li.leaf-news-events .view-footer a, .om-maximenu li.leaf-news-events .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .views-row a { text-decoration: none; background: url(../images/arrow_right_dblue_small.png) no-repeat 0px 5px; padding: 0 0 0px 10px; display: block; font-size: 14px; line-height: 1em; } .om-maximenu li.leaf-news-events .view-footer a:hover, .om-maximenu li.leaf-news-events .pane-seminars-programs-panel-pane-1 .pane-content .views-row a:hover, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .views-row a:hover { color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat 0px 5px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block { background: none; width: 440px; padding-right: 3%; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block ul { margin: 0; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content { background: rgba(255, 255, 255, 0.5); min-height: 148px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content .views-field-field-images { float: left; padding-right: 22px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content .views-field-field-news-source { padding-top: 10px; font-size: 11px; color: #666666; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content .views-field-title a { color: #003e05; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; padding-left: 0px; text-transform: none; padding-right: 12px; background: url(../images/arrow_right_dblue_small.png) no-repeat right 14px; display: inline; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0; font-weight: bold; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content .views-field-title a:hover { color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 14px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-content .views-field-field-date-of-news-item { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; text-transform: none; color: #666666; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-footer, .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .views-row { clear: both; min-height: 40px; margin-top: 28px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .view-footer a, .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .block-views-id-nodequeue_3-block .views-row a { text-transform: uppercase; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block { background: url("../images/vertical_dotted_white_line.png") repeat-y scroll left top transparent; padding-bottom: 37px; width: 440px; padding-left: 1%; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block ul { margin: 0; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content { background: rgba(255, 255, 255, 0.5); padding: 14px 10px 10px 10px; margin-bottom: 25px; min-height: 128px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-field-event-type { text-transform: uppercase; font-size: 0.933em; line-height: 1.714em; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; letter-spacing: 1px; padding-bottom: 2px; color: #fff; color: #003e05; font-weight: bold; font-size: 14px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-field-images { float: left; margin-right: 20px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-field-date { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; text-transform: none; color: #666666; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-title a { color: #003e05; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; padding-left: 0px; text-transform: none; padding-right: 12px; background: url(../images/arrow_right_dblue_small.png) no-repeat right 14px; display: inline; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-title a:hover { color: #013e05; background: url(../images/arrow_right_lblue_small.png) no-repeat right 14px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-content .views-field-field-short-location { background: none; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; color: #003e05; font-weight: normal; font-size: 14px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-footer, .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .views-row { margin-top: 5px; } .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .view-footer a, .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .pane-seminars-programs-panel-pane-1 .pane-content .views-row a, .pane-seminars-programs-panel-pane-1 .pane-content .om-maximenu li.leaf-news-events .block-views-id-nodequeue_4-block .views-row a { text-transform: uppercase; } /*Style maximenu elements*/ .view-news-menu-news-block { padding-right: 20px; } .view-news-menu-news-block .view-content { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 12px; color: #ffffff; width: 300px; height: 190px; position: relative; left: -7px; top: -7px; } .view-news-menu-news-block .view-content .views-field-php { position: absolute; } .view-news-menu-news-block .view-content .views-field-nothing-1 { position: absolute; background: rbga(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.8); top: 30px; left: 0px; width: 193px; padding: 16px; padding-top: 6px; padding-left: 16px; padding-right: 16px; height: 138px; } .view-news-menu-news-block .view-content .title a { background: none; padding: 0px; color: white; font-size: 15px; line-height: 1.4em; } .view-news-menu-news-block .view-content .title a:hover { text-decoration: none; } .view-news-menu-news-block .view-content .created { font-family: Arial, Helvetica, sans-serif; background: url("../images/topdashedbg.png") top repeat-x; font-size: 14px; padding-top: 5px; margin-top: 8px; width: 108%; margin-left: -13px; padding-left: 13px; } .block-views-id-news_menu_issue_block-block h3, .block-views-id-news_menu_news_block-block h3 { padding-left: 10px; height: 50px; font-size: 14px; background: url(../images/arrow_right_yellow_small.png) no-repeat 0px 6px; margin-left: -5px; } #nav-b .view-news-menu-issue-block .view-header { display: none; } .section-events a[title="Events"] { background: #f9b158; color: #5b0707 !important; border-bottom: 1px solid #ba6d38; } .view-news-menu-issue-block { padding-right: 20px; } .view-news-menu-issue-block .last h3 { display: none; } .view-news-menu-issue-block .view-content { width: 300px; height: 190px; position: relative; } .view-news-menu-issue-block .view-content .views-row { /* this is actually the Lead field, I had to rewrite the title field for linking issues */ } .view-news-menu-issue-block .view-content .views-row a { background: none; } .view-news-menu-issue-block .view-content .views-row .views-field-field-slideshow-image { position: absolute; } .view-news-menu-issue-block .view-content .views-row .caption { position: absolute; top: 1px; left: 0px; background: rgba(0, 0, 0, 0.8); color: #ffffff; padding: 11px; padding-top: 3px; padding-bottom: 5px; padding-left: 15px; font-weight: bold; font-size: 13px; } .view-news-menu-issue-block .view-content .views-row .caption .lead { margin-top: 5px; } .view-news-menu-issue-block .view-content .views-row .caption .lead a { font-weight: normal; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-size: 14px; padding: 0px; line-height: 22px; } .view-news-menu-issue-block .view-content .views-row .views-field-field-newsletter-date { position: relative; background: rgba(0, 0, 0, 0.8); } .view-news-menu-issue-block .view-content .views-row .views-field-nothing { position: relative; background: rgba(0, 0, 0, 0.8); width: 140px; height: 40px; position: absolute; bottom: 0px; } .view-news-menu-issue-block .view-content .views-row .views-field-nothing a { display: block; font-size: 13px; padding-top: 14px; padding-top: 10px; padding-left: 15px; } .leaf-news-publications .om-maximenu-middle-right .block { width: 297px; float: left; } .om-maximenu-middle-right .block-cmi_blocks-id-section_news { margin-left: 10px; width: 280px; } .om-maximenu-middle-right .block-views-id-news_menu_news_block-block, .om-maximenu-middle-right .block-views-id-news_menu_issue_block-block { background: url("../images/blockborder.png") repeat-y right; margin-right: 10px; padding-right: 10px; } /* Hide and show local menu blocks based on width */ @media all and (min-width: 750px) { #block-cmi-blocks-local-menu-mobile { display: none; } #block-cmi-blocks-local-menu-mobile h3 { display: none; } } @media all and (max-width: 750px) { #block-cmi-blocks-local-menu-desktop { display: none; } } #nav-b .first.leaf-sections { background: url("../images/white-down-arrow.png") no-repeat center 37px; } #nav-b .first.leaf-sections:hover { background: url(../images/arrow_down_yellow.png) no-repeat center 37px; } /*Academic Programs menu block*/ li.leaf-academic-programs .block-menu_block-id-3 { width: 100%; } li.leaf-academic-programs .block-menu_block-id-3 ul > li { width: 30%; float: left; line-height: 1.83em; } li.leaf-academic-programs .block-menu_block-id-3 h3.title { display: none; } li.leaf-academic-programs .content { font-weight: bold; } li.leaf-academic-programs .content h3 { display: block; margin-bottom: 5px; text-transform: uppercase; /* font-size: 1.15em; */ font-size: 14px; line-height: 1.714em; /* background: url(../images/arrow_right_yellow_small.png) no-repeat 0px 9px; */ /* padding-left: 10px; */ margin-top: 0px; color: #FFFFFF; } li.leaf-academic-programs .content ul { width: 100%; } li.leaf-academic-programs .content ul li.menu-mlid-669 li.menu-mlid-670 { background: none; } li.leaf-academic-programs .content ul li.menu-mlid-662 { padding-right: 1px; } li.leaf-academic-programs .content ul li.menu-mlid-662, li.leaf-academic-programs .content ul li.menu-mlid-795 { display: block; width: 32.3%; margin-right: 1.8%; float: left; background: url(../images/vertical_dotted_white_line.png) no-repeat top right; background: url(../images/vertical_dotted_white_line.png) repeat-y top right; min-height: 223px; } li.leaf-academic-programs .content ul li.menu-mlid-662 a.active, li.leaf-academic-programs .content ul li.menu-mlid-795 a.active { color: #F9B158; } li.leaf-academic-programs .content ul li.menu-mlid-662 li, li.leaf-academic-programs .content ul li.menu-mlid-662 li.first, li.leaf-academic-programs .content ul li.menu-mlid-795 li, li.leaf-academic-programs .content ul li.menu-mlid-795 li.first { min-height: 0px; display: inline; width: 100%; padding: 0; margin: 0; background: none; } .leaf-research .om-maximenu-content h3 { /* background: url(../images/arrow_right_yellow_small.png) no-repeat 0px 9px; */ color: #FFFFFF; padding-left: 0px; } .leaf-research .om-maximenu-content .om-maximenu-middle-right { padding-top: 28px; } .leaf-research .om-maximenu-content .block { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-weight: bold; width: 30%; padding-left: 2.3%; float: left; min-height: 223px; background: url(../images/vertical_dotted_white_line.png) no-repeat top right; } .leaf-research .om-maximenu-content .block-menu_block-id-2 { padding-right: 5px; background: url(../images/vertical_dotted_white_line.png) repeat-y top right; } .leaf-research .om-maximenu-content .block-menu_block-id-2 ul li.menu-mlid-448 a { font-size: 14px; } .leaf-research .om-maximenu-content .block-menu_block-id-2 ul ul a { color: white; background: url("../images/arrow_right_white_small.png") no-repeat left 11px; font-size: 12px !important; } .leaf-research .om-maximenu-content .block-menu_block-id-2 ul ul a:hover { color: #b3f465; background: url(../images/arrow_right_green_small.png) no-repeat 0px 12px; } .leaf-research .om-maximenu-content .block.first { font-family: Arial, Helvetica, sans-serif; padding-left: 0px; width: 225px; margin-left: -1px; } .leaf-research .om-maximenu-content .block.last { padding-left: 1.2%; width: 695px !important; } .leaf-research .om-maximenu-content .block-cmi_blocks-id-research_labs { background: none; } .leaf-research .om-maximenu-content input[type="text"] { width: 220px; padding: 10px; height: 15px; margin-right: 5px; color: #666666; } .leaf-research .om-maximenu-content form { margin-top: 15px; } .leaf-research .om-maximenu-content .form-item { float: left; margin: 0; } .leaf-research .om-maximenu-content input[type="image"] { float: left; } .leaf-research .om-maximenu-content a.active { color: #F9B158; } .leaf-research .om-maximenu-content .block-cmi_blocks-id-faculty_search h3 { background: none; color: #FFFFFF; padding-left: 0px; letter-spacing: 1px; } #nav-c { z-index: 500000; background: url("../images/nav-c-bg.png") repeat-x; height: 33px; font-size: 12px; } @media all and (max-width: 750px) { #nav-c { height: 78px; } } @media all and (min-width: 750px) { #nav-c h3 { display: none; } } @media all and (max-width: 900px) { #nav-c { font-size: 10px; } } #nav-c .block { padding-top: 5px; text-align: center; } #nav-c .block ul { margin: 0px; padding: 0; } @media all and (max-width: 750px) { #nav-c .block ul { font-weight: bold; font-size: 11px; margin-top: 8px; margin-left: 0px; padding-left: 0px; } } #nav-c .block h3 { text-align: left; background: url("../images/mobile-navc-h3-border.png") repeat-x bottom; padding-bottom: 6px; padding-top: 6px; margin: 0; margin-left: 18px; margin-right: 13px; } #nav-c .block h3 a { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; color: #f8cb8d; font-weight: normal; text-decoration: none; } #nav-c .block li { list-style-type: none; display: inline; padding-left: 12px; padding-right: 12px; } @media all and (max-width: 900px) { #nav-c .block li { padding-left: 10px; padding-right: 10px; } } @media all and (max-width: 750px) { #nav-c .block li { border-right: 1px solid #602d2d; } } #nav-c .block li a { color: white; text-decoration: none; text-transform: uppercase; } #nav-c .block li a.active { color: #f9b158; background: url("../images/a-active-carat.png") no-repeat bottom center; padding-bottom: 16px; } @media all and (max-width: 750px) { #nav-c .block li a.active { padding-bottom: 22px; } } #nav-c .block .more { color: white; text-decoration: none; text-transform: uppercase; background: url("../images/white-down-arrow.png") no-repeat center bottom; padding-bottom: 9px; } #nav-c .block .more ul { display: block; position: absolute; z-index: 5000; text-align: left; font-weight: normal; display: none; width: 100%; background: url(../images/om_maximenu_bkgrnd.png); } #nav-c .block .more ul a { text-decoration: none; background: url(../images/arrow_right_green_small.png) no-repeat right center; padding: 10px 15px 10px 19px; display: block; margin-right: 15px; color: #F9B158; } #nav-c .block .more ul li { font-size: 12px; font-family: "Varela Round", sans-serif; text-transform: uppercase; list-style: none; list-style-image: none; list-style-type: none; border-bottom: 1px solid black; display: block; } .leaf-news-publications .last .content { padding-left: 18px; margin-top: -4px; line-height: 1.8em; font-weight: bold; } .om-maximenu-middle-right .block-views-id-news_menu_issue_block-block { padding-right: 13px; } .om-maximenu-middle-right .block-views-id-news_menu_issue_block-block .content { margin-top: -8px; } .om-maximenu-middle-right .block-views-id-news_menu_issue_block-block h3.title { padding-left: 16px !important; background: url(../images/arrow_right_yellow_small.png) no-repeat 5px 8px; letter-spacing: 0px; text-transform: none; } .om-maximenu .leaf-policies-resources.active { background: url("../images/p-r-nav-bg.png") 100% !important; } .om-maximenu .leaf-policies-resources.active a.active { color: #aa1515; } .om-maximenu .leaf-policies-resources.active ul a.active { color: #f9b158; } .om-maximenu .leaf-policies-resources.active:hover { background: url("../images/pattern_bkgrnd_menu.png") 100% !important; } .om-maximenu .leaf-policies-resources.active:hover a.active { color: #f9b158; } li.leaf-faculty-research .block-menu_block-id-8.first { background: none; } li.leaf-faculty-research .menu-block-8 ul.menu .menu-mlid-1069 { display: none; } li.leaf-faculty-research .menu-block-8 ul.menu li { float: left; background: url(../images/vertical_dotted_white_line.png) repeat-y top right; height: 300px; width: 235px; } li.leaf-faculty-research .menu-block-8 ul.menu li.menu-mlid-2971 { padding-left: 24px; } li.leaf-faculty-research .menu-block-8 ul.menu li.menu-mlid-595 a { margin: 0; width: 300px; } li.leaf-faculty-research .menu-block-8 ul.menu li.menu-mlid-1070 a { margin: 0 0 0 25px; width: 285px; } li.leaf-faculty-research .menu-block-8 ul.menu li.menu-mlid-1070 li a { margin: 0; width: auto; } li.leaf-faculty-research .menu-block-8 ul.menu li.last { background: none; } li.leaf-faculty-research .menu-block-8 ul.menu li.last a { margin: 0 0 0 0px; width: 274px; } li.leaf-faculty-research .menu-block-8 ul.menu li.last li a { margin: 0; width: 274px; } li.leaf-faculty-research .menu-block-8 ul.menu li a { margin: 0 0 0 25px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; max-width: 260px; } li.leaf-faculty-research .menu-block-8 ul.menu li li { float: none; background: none; margin: 0px 0px 0px 25px; height: auto; width: 155px; } li.leaf-faculty-research .menu-block-8 ul.menu li li a { margin: auto; color: #666666; background: url("../images/arrow-right-lgray.png") no-repeat 0px 11px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-weight: normal; font-size: 12px; } li.leaf-faculty-research .menu-block-8 ul.menu li li a:hover { background: url("/sites/all/themes/chemistry/images/linkarrow.gif") no-repeat 0px 11px; color: #ff9000; } li.leaf-education .block-menu_block-id-22 { padding-right: 40px; } li.leaf-education .block-cmi_blocks-id-education_menu_greeter { padding-left: 30px !important; width: 490px; float: left; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #666666; font-size: 16px !important; } li.leaf-education .block-cmi_blocks-id-education_menu_greeter p { font-size: 16px; } li.leaf-prospective-students .block-menu_block.first { background: none; margin-right: 38px; } li.leaf-prospective-students .block-menu_block.first ul.menu li.menu-mlid-966 { /*background: url(../images/vertical_dotted_white_line.png) repeat-y top right;*/ } li.leaf-prospective-students .block-menu_block.first ul.menu li.menu-mlid-967 { /*padding-left: 40px;*/ } li.leaf-prospective-students .block-menu_block.first ul.menu li.menu-mlid-972 { /*display:none;*/ } li.leaf-prospective-students .block-menu_block.first ul.menu li { /* width: 450px; float: left; height: 250px;*/ } li.leaf-prospective-students .block-menu_block.first ul.menu li li { width: auto; float: none; height: auto; } li.menu-mlid-967 ul { padding-left: 20px !important; } li.leaf-outreach .block-menu_block-id-10 { padding-right: 40px; } li.leaf-outreach .block-cmi_blocks-id-outreach_menu_greeter { width: 490px; padding-left: 40px; float: left; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #666666; font-size: 16px !important; } li.leaf-giving-alumni .block-menu_block-id-18 { padding-left: 20px; max-width: 21%; } li.leaf-giving-alumni .block-cmi_blocks-id-giving_menu_greeter { width: 490px; padding-right: 40px; float: left; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #666666; font-size: 16px !important; height: 200px; } /***************ACTIVE STATES****************/ .section-about li.leaf-about { background: url(../images/highlights.png) !important; } .section-about li.leaf-about a:om-link { color: #fff !important; } .section-research li.leaf-faculty-research { background: url(../images/highlights.png) !important; } .section-research li.leaf-faculty-research a:om-link { color: #fff !important; } .section-education li.leaf-education, .section-classes li.leaf-education { background: url(../images/highlights.png) !important; } .section-education li.leaf-education a:om-link, .section-classes li.leaf-education a:om-link { color: #fff !important; } .section-undergraduate-admissions li.leaf-prospective-students, .section-graduate-admissions li.leaf-prospective-students, .section-admitted-graduate-students li.leaf-prospective-students { background: url(../images/highlights.png) !important; } .section-undergraduate-admissions li.leaf-prospective-students a:om-link, .section-graduate-admissions li.leaf-prospective-students a:om-link, .section-admitted-graduate-students li.leaf-prospective-students a:om-link { color: #fff !important; } .section-education-outreach li.leaf-outreach { background: url(../images/highlights.png) !important; } .section-education-outreach li.leaf-outreach a:om-link { color: #fff !important; } .section-news-events li.leaf-news-events, .section-events li.leaf-news-events { background: url(../images/highlights.png) !important; } .section-news-events li.leaf-news-events a:om-link, .section-events li.leaf-news-events a:om-link { color: #fff !important; } .section-giving-alumni li.leaf-giving-alumni { background: url(../images/highlights.png) !important; } .section-giving-alumni li.leaf-giving-alumni a:om-link { color: #fff !important; } .om-maximenu-content .menu-mlid-968 a, .om-maximenu-content .menu-mlid-969 a, .om-maximenu-content .menu-mlid-970 a, .om-maximenu-content .menu-mlid-3002 a { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-weight: normal; color: #666; font-size: 12px !important; background: url("../images/arrow_right_gray_small.png") no-repeat scroll 0 13px transparent !important; } .om-maximenu-content .menu-mlid-968 a:hover, .om-maximenu-content .menu-mlid-969 a:hover, .om-maximenu-content .menu-mlid-970 a:hover, .om-maximenu-content .menu-mlid-3002 a:hover { color: #ff9000 !important; background: url("../images/arrow_right_red_bright_small.png") no-repeat scroll 0 13px transparent !important; } .om-maximenu-content .menu-block-26 { padding-right: 10px; } .om-maximenu-content .block-block-id-1 { width: 600px; line-height: 1.4em; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .om-maximenu-content .block-block-id-1 p a { display: inline !important; background: none !important; font-weight: normal; font-size: inherit !important; padding: 0; margin: 0; letter-spacing: 0; color: #003e05 !important; } .om-maximenu-content .block-block-id-1 p a:hover { color: #013e05 !important; } .om-maximenu-content .block-block-id-2 { width: 630px; line-height: 1.4em; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .om-maximenu-content .block-block-id-2 p a { display: inline !important; background: none !important; font-weight: normal; font-size: inherit !important; padding: 0; margin: 0; letter-spacing: 0; color: #003e05 !important; } .om-maximenu-content .block-block-id-2 p a:hover { color: #013e05 !important; } .om-maximenu-content .block-block-id-3 { width: 630px; line-height: 1.4em; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .om-maximenu-content .block-block-id-3 p a { display: inline !important; background: none !important; font-weight: normal; font-size: inherit !important; padding: 0; margin: 0; letter-spacing: 0; color: #003e05 !important; } .om-maximenu-content .block-block-id-3 p a:hover { color: #013e05 !important; } .om-maximenu-content .block-block-id-4 { width: 700px; padding-right: 20px; line-height: 1.4em; font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .om-maximenu-content .block-block-id-4 p a { display: inline !important; background: none !important; font-weight: normal; font-size: inherit !important; padding: 0; margin: 0; letter-spacing: 0; color: #003e05 !important; } .om-maximenu-content .block-block-id-4 p a:hover { color: #013e05 !important; } .om-maximenu-content .block .edit-block a { display: block !important; background: url(../images/icons.gif) 0 0 scroll no-repeat !important; } /** * @file * Views Styling */ /* * Views' admin tabs * * The views admin tabs use the same classes as the secondary tabs. We prevent * some of our tab styling from bleeding into (and breaking) the Views admin * pages. If your sub-theme isn't used for admin pages, you can remove this * entire section. */ .views-displays .secondary li { float: none; margin: 0 6px 0; } .views-displays .secondary a:link, .views-displays .secondary a:visited { text-shadow: none; padding: 2px 7px 3px; } .views-displays .secondary .open > a { -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px; border-radius: 7px 7px 0 0; } .views-displays .secondary .open > a:hover { color: #333; } .views-displays .secondary .action-list li { margin: 0; } .views-displays .secondary .action-list li:first-child { -moz-border-radius: 0 7px 0 0; -webkit-border-radius: 0; border-radius: 0 7px 0 0; } .views-displays .secondary .action-list li:last-child { -moz-border-radius: 0 0 7px 7px; -webkit-border-radius: 0; border-radius: 0 0 7px 7px; } .view-news-referencing-this-person .view-content .views-row { padding-bottom: 15px; } .node-unpublished { /* Unpublished nodes */ /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ } .node-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */ height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; } .node-type-news table#eaps-table-news { width: 100%; } .node-type-news table#eaps-table-news tr > td:first-child { position: relative; width: 260px; } .node-type-news table#eaps-table-news img { position: absolute; top: 5px; width: 250px; } /** * @file * Comment Styling */ .comments { /* Wrapper for the list of comments and its title */ margin: 1.5em 0; } .comment { /* Wrapper for a single comment */ } .comment.comment-preview { /* Preview of the comment before submitting new or updated comment */ background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */ } .comment .new { /* "New" marker for comments that are new for the current user */ color: #c00; } .comment .permalink { /* Comment's permalink wrapper */ text-transform: uppercase; font-size: 75%; } .indented { /* Nested comments are indented */ margin-left: 30px; /* Drupal core uses a 25px left margin */ } .comment-unpublished { /* Unpublished comments */ /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */ } .comment-unpublished p.unpublished { /* The word "Unpublished" displayed underneath the content. */ height: 0; overflow: visible; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; word-wrap: break-word; } /** * @file * Form Styling */ .form-item { /* Wrapper for a form element (or group of form elements) and its label */ margin: 1.5em 0; } .form-item input.error, .form-item textarea.error, .form-item select.error { /* Highlight the form elements that caused a form submission error */ border: 1px solid #c00; } .form-item label { /* The label for a form element */ display: block; font-weight: bold; } .form-item label.option { /* The label for a radio button or checkbox */ display: inline; font-weight: normal; } .form-item .form-required { /* The part of the label that indicates a required field */ color: #c00; } .form-item .description { /* The descriptive help text (separate from the label) */ font-size: 0.85em; } .form-checkboxes .form-item, .form-radios .form-item { /* Pack groups of checkboxes and radio buttons closer together */ margin: 0; /* Drupal core uses "0.4em 0" */ } .form-submit { /* The submit button */ } .container-inline div, .container-inline label { /* Inline labels and form divs */ display: inline; } .tips { /* Tips for Drupal's input formats */ } a.button { /* Buttons used by contrib modules like Media */ -moz-appearance: button; -webkit-appearance: button; } /* * Password confirmation */ .password-parent, .confirm-parent { margin: 0; } /* * Drupal's default login form block */ #user-login-form { text-align: left; /* LTR */ /* * OpenID * * The default styling for the OpenID login link seems to assume Garland's * styling of list items. */ } #user-login-form ul { /* OpenID creates a new ul above the login form's links. */ margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */ } html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* The "Log in using OpenID" link. */ margin-top: 1.5em; margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */ } #user-login-form li.user-link { /* The "Cancel OpenID login" link. */ margin-top: 1.5em; } #user-login ul { margin: 1.5em 0; } /* * Drupal admin tables * * We overrode these styles in normalize.css, but restore them for the admin * section of the site. */ form th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } form tbody { border-top: 1px solid #ccc; } form tr.even { background-color: #fff; } form table .item-list ul { margin: 0; } /* * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ td.menu-disabled { background: #ccc; } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ @media print { a:link, a:visited { /* underline all links */ text-decoration: underline !important; } #site-name a:link, #site-name a:visited { /* Don't underline header */ text-decoration: none !important; } #content a[href]:after { /* Add visible URL after links. */ content: " (" attr(href) ")"; font-weight: normal; font-size: 15px; } #content a[href^="javascript:"]:after, #content a[href^="#"]:after { /* Only display useful links. */ content: ""; } #content abbr[title]:after { /* Add visible title after abbreviations. */ content: " (" attr(title) ")"; } #content { /* Un-float the content */ float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body, #page, #main, #content { /* Turn off any background colors or images */ color: #000; background-color: transparent !important; background-image: none !important; } #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { /* Hide sidebars and nav elements */ visibility: hidden; display: none; } } /* End @media print */ /* *Putting all styles related to the panel styles here *so as not to have to deal with a css file for every style. *Note panel styles are located here: sites/all/themes/mitsos/plugins/styles * * Styles that are not associated with a particular panel style * are in pages.scss. This file and pages.scss is where most styles will be found. * Testing compass on the server */ /* * color variables reference (in _base.css) * $red: #830e0e; * $red-bright: #9d1414; * $red-dark: #5B0707; * $red-darker: #530606; * $red-very-dark:#460404; * $gray: #bfc3c3; * $gray-light: #ced0d0; * $gray-very-light: #e6eaea; * $gray-dark: #2e2f2f; * $gray-text: #3c3c3c; * $tan: #f8cb93; * $tan-dark: #f9b158; * $white: #FFFFFF; */ /* * font variables reference (in _base.css) * $varela-round * $varela */ .eventslist { background: #eeefef; } .eventslist h2.pane-title { background: url(../images/blue_hash_narrow.png); color: white; padding: 3px; padding-left: 10px; text-transform: uppercase; margin-bottom: 0px; } .eventslist .pane-content { float: left; } .eventslist .views-row .event-repeated { width: 366px; height: 105px; background: #ffffff; margin: 0 0 5px 0; color: #3c3c3c; padding: 16px 0 16px 12px; background: #f9f9f9; position: relative; } .eventslist .views-row .event-single-day { width: 366px; height: 105px; background: #ffffff; margin: 0 0 5px 0; color: #3c3c3c; padding: 16px 0 16px 12px; background: #f9f9f9; position: relative; } .eventslist .views-row .event-multiple-op { position: absolute; right: 0px; top: 0px; } .eventslist .views-row .event-multiple-op img { width: 30px; } .eventslist .views-row .event-single-day, .eventslist .views-row .event-repeated { position: relative; height: 118px; } .eventslist .views-row .event-single-day span.event-icon, .eventslist .views-row .event-repeated span.event-icon { width: 22px; height: 24px; background: url("../images/cal-icon.png"); float: left; margin-left: -30px; margin-top: 7px; position: absolute; } .eventslist .views-row .event-single-day .views-field-field-date-5, .eventslist .views-row .event-repeated .views-field-field-date-5 { display: none; } .eventslist .views-row .event-single-day .views-field-nothing, .eventslist .views-row .event-repeated .views-field-nothing { background: #303030; width: 124px; height: 63px; padding: 18px 8px 8px 8px; border-top: 1px solid #a1a2a2; color: white; float: left; margin-right: 20px; } .eventslist .views-row .event-single-day .views-field-nothing .monthday, .eventslist .views-row .event-repeated .views-field-nothing .monthday { display: block; font-size: 30px; font-weight: bold; text-transform: uppercase; } .eventslist .views-row .event-single-day .views-field-nothing .weekday, .eventslist .views-row .event-repeated .views-field-nothing .weekday { display: block; font-size: 14px; background: url("../images/event-date-border.png") repeat-x top; padding: 0px 0px 0px 8px; margin-left: -8px; margin-top: 12px; width: 130px; } .eventslist .views-row .event-single-day .views-field-nothing-1, .eventslist .views-row .event-repeated .views-field-nothing-1 { width: 190px; padding-left: 30px; padding-right: 10px; float: left; } .eventslist .views-row .event-single-day .views-field-nothing-1 .type, .eventslist .views-row .event-repeated .views-field-nothing-1 .type { text-transform: uppercase; font-weight: bold; font-size: 14px; display: block; clear: both; } .eventslist .views-row .event-single-day .views-field-nothing-1 .title, .eventslist .views-row .event-repeated .views-field-nothing-1 .title { color: #aa1515; } .eventslist .views-row .event-single-day .views-field-field-date-1, .eventslist .views-row .event-single-day .views-field-field-location, .eventslist .views-row .event-repeated .views-field-field-date-1, .eventslist .views-row .event-repeated .views-field-field-location { width: 100px; padding-left: 10px; float: left; font-size: 15px; color: #ff9900; } .eventslist .views-row .event-single-day .views-field-field-date-1 .views-label, .eventslist .views-row .event-single-day .views-field-field-location .views-label, .eventslist .views-row .event-repeated .views-field-field-date-1 .views-label, .eventslist .views-row .event-repeated .views-field-field-location .views-label { font-weight: bold; font-size: 14px; text-transform: uppercase; } .eventslist .views-row-last { background: #eeefef url("../images/thin-red-check-border.png") repeat-x bottom; margin-bottom: 20px; } .eventslist .views-row-first { padding-top: 25px; } /*Sidebar filters on events pages*/ .eventslistfilter { background: #ff9900; color: #f9b158; font-size: 15px; position: relative; } .eventslistfilter h2.pane-title { background: #44964a; color: #000; padding: 8px; padding-left: 10px; text-transform: uppercase; margin-bottom: 0px; } .eventslistfilter .views-exposed-widget { width: 100%; padding: 0px; background: url("../images/event-filter-label-bg.png") repeat-x bottom; } .eventslistfilter .views-widget-filter-field_attendees_tid { background: none; } .eventslistfilter .expanded { background: url("../images/event-filter-arrow-down.png") no-repeat 0px 16px; } .eventslistfilter label { display: block; padding-top: 10px; padding-bottom: 13px; margin-left: 12px; margin-right: 12px; font-weight: bold; text-transform: uppercase; font-size: 14px; background: url("../images/event-filter-arrow.png") no-repeat 0px 16px; padding-left: 17px; } .eventslistfilter .bef-checkboxes .form-item { height: 45px; margin-left: 30px; position: relative; line-height: 1.35em; } .eventslistfilter .jquery-checkbox { background: url("../images/checkbox.png"); width: 25px; height: 24px; display: block; float: left; clear: both; margin-right: 10px; position: absolute; top: 4px; left: -30px; } .eventslistfilter .jquery-checkbox img { display: none; } .eventslistfilter .jquery-checkbox.jquery-checkbox-checked { background: url("../images/checked.png"); } .eventslistfilter .views-widget { margin-left: 12px; margin-right: 12px; } .eventslistfilter .views-widget label { background: none; text-transform: none; font-size: 15px; padding: 0px; margin: 0px; } .eventslistfilter #edit-combine-wrapper label, .eventslistfilter #edit-keys-wrapper label { font-size: 14px; color: #bfc3c3; background: none; padding: 0px; padding-left: 11px; margin: 0px; margin-top: -7px; padding-bottom: 7px; } .eventslistfilter #edit-combine-wrapper input, .eventslistfilter #edit-keys-wrapper input { margin-bottom: 25px; font-size: 14px; color: #460404; padding: 10px; width: 200px; margin-top: 1px; padding-bottom: 9px; } .eventslistfilter .views-submit-button { position: absolute; top: 79px; left: 246px; background: url("../images/search-button.png") no-repeat top left; width: 43px; height: 39px; overflow: hidden; } .eventslistfilter .views-submit-button .form-submit { margin: 0px; } .eventslistfilter .views-submit-button input { padding-top: 39px; background: transparent; margin: 0; border: 0px; } .menuleft, .rightcol .pane-tags { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-left: 5px; background: url("../images/eapsweb.png"); /* .pane-menu-block-7{ .pane-content{ padding-left: 0; div.menu-block-wrapper.menu-block-7 { ul.menu { li.menu__item.is-active { background-color: white; width: 174px; border-left: 3px solid #004f06; height: 30px; padding-top: 10px; } li.menu__item.is-expanded.last.expanded > a { border-top: 1px solid black; border-bottom: 1px solid black; border-bottom-style: dotted; border-top-style: dotted; padding-top: 10px; padding-bottom: 10px; display: block; padding-left: 19px; margin-left: -20px; margin-right: -11px; margin-top: -12px; } li.menu__item.is-active.is-leaf.leaf.active.menu-mlid-2792 { height: 45px!Important; } li.menu__item.is-expanded.last { ul.menu{ background: url("../images/eapsweb.png"); margin-left: -20px; padding-top: 1px; padding-left: 25px; padding-bottom: 10px; margin-right: -11px; } } li.menu__item.is-expanded.last.active { ul.menu{ margin-left: -24px; margin-right: 0px; } } li.menu__item.is-active.is-active-trail.is-expanded.last > a.active { border-top: 1px solid black; border-bottom: 1px solid black; border-bottom-style: dotted; border-top-style: dotted; padding-top: 10px; padding-bottom: 10px; display: block; padding-left: 19px; margin-left: -20px; margin-right: 0px; margin-top: -10px; } } } } }*/ } .menuleft a, .rightcol .pane-tags a { color: #6a6b6a; padding-right: 12px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; /*background: url('../images/side_menu_arrow.png') no-repeat right 4px;*/ } .menuleft a:hover, .rightcol .pane-tags a:hover { color: #6a6b6a; /*background: url('../images/side_menu_arrow_hover.png') no-repeat right 4px;*/ } .menuleft a.active, .rightcol .pane-tags a.active { /*background: url(../images/side_menu_arrow_hover.png) no-repeat right 4px;*/ color: #6a6b6a; } .menuleft h2, .rightcol .pane-tags h2 { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #023d07; padding: 10px 0px 10px 12px; margin: 19px 0px 10px 0px; border-bottom: 1px solid black; border-top: 1px solid black; border-top-style: dotted; border-bottom-style: dotted; } .menuleft h2 a, .rightcol .pane-tags h2 a { padding-left: 2px; } .menuleft ul, .rightcol .pane-tags ul { margin: 0; padding: 0; } .menuleft ul li, .rightcol .pane-tags ul li { list-style-type: none; list-style-image: none; margin: 12px; margin-left: 0px; height: 28px; } .menuleft ul li ul li, .rightcol .pane-tags ul li ul li { padding-left: 5px; } .menuleft .pane-menu-block-8 h3, .rightcol .pane-tags .pane-menu-block-8 h3 { color: #c6c6c6; margin: 12px 0px 12px 0px; font-size: 11px; text-transform: uppercase; } .menuleft .pane-menu-block-8 ul li, .rightcol .pane-tags .pane-menu-block-8 ul li { padding: 0; } .menuleft .pane-menu-block-8 ul li li, .rightcol .pane-tags .pane-menu-block-8 ul li li { /*padding-left: 10px;*/ } .menuleft .pane-menu-block-8 ul li li li, .rightcol .pane-tags .pane-menu-block-8 ul li li li { padding-left: 0px; } .menuleft .pane-menu-block-8 ul ul, .rightcol .pane-tags .pane-menu-block-8 ul ul { border: none; border-top: 1px solid #dcdcdc; /*padding-left: 15px;*/ } .menuleft .pane-menu-block-8 ul ul ul, .rightcol .pane-tags .pane-menu-block-8 ul ul ul { width: auto; border: none; margin-left: 0px; padding-left: 0px; margin-top: 0px; } .menuleft .pane-menu-block-8 ul ul ul ul, .rightcol .pane-tags .pane-menu-block-8 ul ul ul ul { width: auto; border: none; } .menuleft .pane-menu-block-8 .menu-mlid-848, .rightcol .pane-tags .pane-menu-block-8 .menu-mlid-848 { margin-top: 10px; padding-top: 6px; border-top: 1px solid #dcdcdc; margin-right: 0px; } .menuleft .pane-menu-block-15 .pane-content, .rightcol .pane-tags .pane-menu-block-15 .pane-content { padding-left: 7px; } .menuleft .pane-menu-block-11, .rightcol .pane-tags .pane-menu-block-11 { /* li{ padding-left: 0; margin-right: 0px; }*/ } .menuleft .pane-menu-block-11 .menu-mlid-996, .rightcol .pane-tags .pane-menu-block-11 .menu-mlid-996 { border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; padding-left: 10px; } .rightcol .pane-tags { margin-left: 0; } .section-events .menuleft .pane-menu-block-11 li li, .node-type-event .menuleft .pane-menu-block-11 li li { padding-left: 10px; } .researcharea_top .view-images-attached-to-this-term { position: relative; } .researcharea_top .view-footer, .researcharea_top .pane-seminars-programs-panel-pane-1 .pane-content .views-row, .pane-seminars-programs-panel-pane-1 .pane-content .researcharea_top .views-row { position: absolute; bottom: 7px; } .researcharea_top .view-footer .leftbox, .researcharea_top .pane-seminars-programs-panel-pane-1 .pane-content .views-row .leftbox, .pane-seminars-programs-panel-pane-1 .pane-content .researcharea_top .views-row .leftbox { padding: 10px; height: 40px; background: url("../images/slideshow-caption-bg.png"); color: #ffffff; font-size: 14px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; float: left; width: 619px; } .researcharea_top .view-footer .rightbox, .researcharea_top .pane-seminars-programs-panel-pane-1 .pane-content .views-row .rightbox, .pane-seminars-programs-panel-pane-1 .pane-content .researcharea_top .views-row .rightbox { float: left; width: 61px; height: 60px; background: url("../images/fullscreen_icon.png") no-repeat bottom right; cursor: pointer; } .researcharea_top .view-footer .rightbox:hover, .researcharea_top .pane-seminars-programs-panel-pane-1 .pane-content .views-row .rightbox:hover, .pane-seminars-programs-panel-pane-1 .pane-content .researcharea_top .views-row .rightbox:hover { background: url("../images/fullscreen_icon.png") no-repeat top right; } .researcharea_title h2 { font-size: 28px; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #000000; background: #77fafe; padding: 12px; margin: 0; line-height: 1.25em; font-weight: normal; } .researcharea_bottomleft { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; } .researcharea_bottomleft h2.pane-title { display: none; } .researcharea_bottomright { margin-bottom: 10px; background: #ffffff; } .researcharea_bottomright h2 { font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; color: #666666; font-size: 13px; line-height: 1em; padding: 15px; margin: 0px; text-transform: uppercase; border-bottom: 1px solid #ebf3f3; } .researcharea_bottomright .pane-content { padding: 15px; } .researcharea_bottomright .pane-content a { font-family: "Varela-iefix", "Varela", Helvetica, sans-serif; font-size: 13px; color: #666666; padding-right: 10px; background: url("../images/small-gray-right-arrow.png") no-repeat right 5px; } .researcharea_bottomright .pane-content a:hover { color: #003919; background: url("../images/small-darkgreen-right-arrow.png") no-repeat right 5px; } .contextual-links-wrapper a { background: transparent url(../images/gear-select.png) no-repeat 2px 0 !important; } /***homepage***/ .homepage .middle .middleleft { top: 38px; position: relative; } .mission { background-color: #44964a; } .mission h2 { text-transform: uppercase; padding: 10px 0 9px 18px; margin: 0px; font-size: 14px; line-height: 1.5em; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; } .mission .pane-content { background-image: url(../images/blue_hash_wide.png); line-height: 28px; } .mission .pane-content .node { padding: 9px 26px 21px 17px; } .mission .pane-content .node p { font-size: 16px; margin: 0; padding: 0; line-height: 28px; font-weight: 600; } .under_mission { margin-top: 1px; background: #44964a; padding: 13px; } .under_mission li { list-style-type: none !important; list-style-image: url(../images/arrow_mission.png) !important; list-style-position: inside; } .under_mission li.menu-mlid-1070 { padding-bottom: 12px; } .under_mission li a { text-transform: uppercase; color: #000; font-size: 14px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; } .under_mission li a:hover { text-decoration: underline; } .twosidebar .left .pane-cmi-gallery-pane { margin-left: 15px; position: relative; } .twosidebar .left .pane-cmi-gallery-pane span.photo_gallery { display: block; background: url(/sites/all/themes/chemistry/images/photo_gallery_background.png) no-repeat; color: #013e05; text-decoration: none; margin: 0; position: absolute; left: 0px; width: 189px; height: 26px; line-height: 26px; padding-left: 10px; padding-top: 2px; margin-top: -33px; font-size: 16px; font-family: "varelaregular",Arial,sans-serif; } #modalContent { overflow: visible; position: fixed !important; top: 100px !important; font-family: "varela-round-iefix", "Varela Round", Helvetica, sans-serif; } #modalContent .popups-container { /* background: #262626; */ } #modalContent .ctools-modal-content { background: none; border: 0px; } #modalContent span.popups-close { display: block; height: 38px; width: 36px; background: url("../images/modal-close-button.png") no-repeat top left; overflow: hidden; position: absolute; right: 2px; top: 2px; z-index: 500; } #modalContent span.popups-close:hover { background: url("../images/modal-close-button.png") no-repeat bottom left; } #modalContent a.close { display: block; padding-top: 40px; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .view-content { margin: 0 auto; width: 621px; position: relative; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .view-content .views-field-php img { padding-bottom: 5px; background: url("../images/thin-red-check-border.png") repeat-x bottom; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .view-content .related_info { color: #eeefef !important; background: #2f2f2f; padding: 15px 20px 25px 20px; border-bottom: 1px solid black; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .view-content .related_info ul { padding: 0px; margin: 30px 0 0 0; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .view-content .related_info ul li { list-style-type: none; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top { background-color: #000000; text-align: center; width: 621px; position: absolute; z-index: 500; top: 418px; /* hide paause/resume */ } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top .views-slideshow-pager-field-item { width: 12px; height: 12px; margin: 12px 20px 4px 20px; background: url("../images/slideshow_dot_not_active.png") no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; } @media all and (max-width: 480px) { #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top .views-slideshow-pager-field-item { margin: 12px 10px 4px 10px; } } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top .active { background: url("../images/slideshow_dot_active.png") no-repeat; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top .views-slideshow-pager-fields { background: #000000; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-top .views_slideshow_controls_text_pause { display: none; } #modalContent .cmi-modal-leftside-modal-content .view-mobile-slideshow-gallery-replacement .views-slideshow-controls-bottom { width: 621px; position: absolute; top: 242px; z-index: 500; } #modalContent .views_slideshow_controls_text span { display: block; width: 50px; height: 52px; overflow: hidden; } #modalContent .views_slideshow_controls_text span a { display: block; padding-top: 75px; } #modalContent .views_slideshow_controls_text span.views-slideshow-controls-text-previous { background: url("../images/carousel-left.png") no-repeat top left; float: left; } #modalContent .views_slideshow_controls_text span.views-slideshow-controls-text-previous:hover { background: url("../images/carousel-left.png") no-repeat bottom left; } #modalContent .views_slideshow_controls_text span.views-slideshow-controls-text-next { background: url("../images/carousel-right.png") no-repeat top left; float: right; } #modalContent .views_slideshow_controls_text span.views-slideshow-controls-text-next:hover { background: url("../images/carousel-right.png") no-repeat bottom left; } #modalContent .views_slideshow_controls_text span.views-slideshow-controls-text-pause { display: none; } #modalContent .pager { display: none; } .pane-content .field-name-body a, .pane-people-image-area .pane-content a { color: #24862A; } .pane-content .field-name-body a:hover, .pane-people-image-area .pane-content a:hover { color: #ff9900; } .pane-content .field-name-body a:visited, .pane-people-image-area .pane-content a:visited { color: #24862A; } .pane-content .field-name-body a:visited:hover, .pane-people-image-area .pane-content a:visited:hover { color: #ff9900; } .sidebarleft .left .panel-pane.pane-cmi-gallery-pane { margin-left: 5px; } .sidebarleft .left .panel-pane.pane-cmi-gallery-pane img { width: 100%; } /* CALENDAR LOCALIST */ body.page-calendar .panel-pane .pane-content > h1{ margin-left: 12px; margin-bottom: -0.2em; } .localist_widget_wrapper .localist_widget_container li.lw_event_item{ margin-top: 35px; width: 755px; } .localist_widget_wrapper .localist_widget_container a.lw_event_item_image{ position: absolute; max-width: 70%; } .localist_widget_wrapper .localist_widget_container a.lw_event_item_image p{ display:none; } .localist_widget_wrapper .localist_widget_container div.lw_event_item_title{ margin-left: 150px; margin-top: 22px; font-size: 17pt; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .localist_widget_wrapper .localist_widget_container div.lw_event_item_description{ margin-left: 150px; height: 55px; overflow: hidden; font-size: 12pt; line-height: 18px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; } .localist_widget_wrapper .localist_widget_container div.lw_event_item_description + div { margin: 10px 0px -42px 155px; width: 250px; } .localist_widget_wrapper .localist_widget_container .lw_event_meta { float: none; margin: -67px 0 -8px -20px; width: 150px; } .localist_widget_wrapper .localist_widget_container span.lw_event_item_date{ position: relative; vertical-align: top; padding: 1px; margin-left: 169px; font-size: 13pt; line-height: 40px; background: none; color: #8c8b8b; font-weight: bold; bottom: 155px; } .localist_widget_wrapper .localist_widget_container a.lw_event_item_image img{ left: 74px; } .localist_widget_wrapper .localist_widget_container .lw_event_meta div.lw_event_item_location, .localist_widget_wrapper .localist_widget_container .lw_event_meta div.lw_event_item_time{ font-size: 15px; } .localist_widget_wrapper .localist_widget_container .pin{ margin-top: 14px; } .localist_minicalendar_nav{ margin-top: 15px; } .localist_minicalendar_nav + div{ display: none; } body.page-calendar .localist_minicalendar .localist_minicalendar_nav .right{ margin: 25px 0 0 -100px; position: absolute; } body.page-calendar #page{ min-height: 550px; } .localist_minicalendar .localist_minicalendar_minicalendar > caption{ visibility: hidden; } .localist_minicalendar{ position: absolute; margin-left: 790px; } .admin-menu .localist_minicalendar{ margin-left: 8000px; } body.page-calendar .admin-menu .localist_minicalendar{ margin-left: 82%; margin-top: 21px; } body.page-calendar .block-calendar-underneth-text { position: relative; top: 440px; border-top: 2px solid #ccc; left: 800px; padding: 10px 60px 0 0; margin-top: 40px; width: 260px; z-index: 99; } body.page-calendar .block-calendar-underneth-text p{ font-weight: bold; margin: 0; font-size: 14px; line-height: 20px; } body.page-calendar .block-calendar-underneth-text p a{ line-height: 30px; } body.page-calendar .block-calendar-underneth-text + div { margin-top: -100px; } #lclst_widget_footer, .lw_view_all_cta{ display: none; } body.page-calendar .block-caledar-footer{ margin: 20px 0 20px 15px; } body.page-calendar #content .sidebarleft .right{ width: auto; margin-right: 1px; } body.page-calendar #content .sidebarleft { margin-left: -174px; } .localist_widget_wrapper .localist_widget_container .action_button a { margin-top: 41px; } /*calendar responsive*/ @media all and (max-width: 1200px) { body.page-calendar #page{ width: 1290px; display:flex; flex-direction: column; flex-wrap: nowrap; } body.page-calendar #page #main{ width: 1290px; display:flex; flex-direction: column; flex-wrap: nowrap; padding-left: 10%; } body.page-calendar #header-wrapper{ width: 1290px; } body.page-calendar .region-header{ margin-left: -317px; } body.page-calendar #footer-wrapper { width: 1290px; } } @media all and (min-width: 768px) and (max-width: 992px) { body.page-calendar #page{ display:flex; flex-direction: column; flex-wrap: nowrap; } } @media all and (max-width: 767px) { body.page-calendar #page{ display:flex; flex-direction: column; } } @media all and (max-width: 992px) { body.page-calendar #content .sidebarleft { margin-left: -38px; } body.section-calendar #page .localist-widget{ display: flex; flex-direction: column-reverse; } body.section-calendar #page .localist_minicalendar{ position: unset; margin: 0; } body.page-calendar #page{ display:flex; flex-direction: column; } }