/* * @file * global.styles * * Styles you add here will load for all device sizes, they are "global", as * opposed to "responsive" styles, which only load for a given breakpoint (media * query) that you set in theme settings. See the README for more details. * * * How to use this file: * -------------------- * * There are many empty selectors and some basic styles to act as a guide. * Nothing is set in stone and you can change anything - even delete all of it * and start with your own clean slate. * * See global.base also which includes normalize.css and some additional * helper classes and base styles. */ /* ============================================================================= * Base * ========================================================================== */ /* * To preserve theme settings never apply font properties to the HTML element. * This is critically important if you are using the Responsive JavaScript * feature as this relies on being able to set a pseudo font family on the HTML * element. If you need to set default font properties of any kind use the BODY * element as these can be overridden using font theme settings. */ html { background: #fff; height: 100%; line-height: 1.6; } body { background: #fff; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 16px; color: #3d4952; height: 100%; } /* ============================================================================= * HTML Elements * ========================================================================== */ h1 { font-family:Produkt, serif; font-weight:400; font-style:normal; color: #000; font-size: 2.4em; margin: 0; line-height: 1.1; } .page-taxonomy-term.section-science-technology h1#page-title, .page-taxonomy-term.section-arts h1#page-title, .page-taxonomy-term.section-society-culture h1#page-title, .page-taxonomy-term.section-campus-community h1#page-title{ display: none; } h2 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } h2.block-title { background-color: #047c91; color: #ffffff; font-size: 16px; line-height: 18px; padding: 10px 10px 10px 30px; margin: 0; text-transform: uppercase; } h2.block-title span { font-family:Avenir, "Century Gothic", sans-serif; font-weight:600; font-style:normal; } span.fineprint { color: #888787; font-style: italic; font-size: 85%; } div.quote { padding-left: 44px; padding-right: 40px; margin-bottom: 15px; font-style: italic; background: url('../../../files/layout_images/pullquotes.gif') top left no-repeat; } pre, code, tt, samp, kbd, var { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } /* ============================================================================= * Lists * ========================================================================== */ ul { list-style-type: none; } .block-content ul, .block-content ol { padding: 0; margin: 0;} .block-content li { margin: 0; padding: 0; } .view ul li { list-style: none; margin: 0 0 20px 0; } /* ============================================================================= * Links * ========================================================================== */ a { text-decoration: none; outline: 0; } a:link, a:visited { color: #0076d6; outline: 0; } a:active, a.active { outline: 0;} a:hover, a:focus { text-decoration: underline; color: #0076d6; outline: 0; } a:hover img, a:active img a:focus img { opacity: 0.8; } /* ============================================================================= * Header * ========================================================================== */ #header-wrapper header { padding: 25px 0; margin: 0 10px; border-bottom: 4px solid #003660; } #branding { width: 30%; margin:0; float: left; } #logo img { vertical-align: bottom; } .region-header { width: 70%; float: right; } .region-header .region-inner { margin: 0; } /* front page date */ #block-block-12 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-top: 10px; } #block-block-12 span { color: black; font-weight: 600; } /*search form*/ #block-search-form { float: right; clear: right; margin-top: 15px; } #block-search-form .container-inline div { display: block; } #block-search-form .block-content { margin: 0; padding: 0; float: right; } #block-search-form input.form-text { background: url('../../../files/layout_images/search-box.gif') no-repeat; border: none; color: #b5b4b4; font-size: 80%; padding: 5px 10px 5px 10px; width: 127px; height: 19px; -webkit-appearance: textfield; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #block-search-form h2 { margin: 0; } #block-search-form .form-item-search-block-form { margin: 0; float: left; height: 29px; padding: 0; } #block-search-form .form-submit { float: right; margin: 0; overflow: auto; display: block; } #block-search-form .form-actions { float: right; } input[type=search] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } input:focus { outline: none; } #block-block-2 {/*ucsb link*/ text-align: right; font-size: 80%; letter-spacing: 1px; /*display: block;*/ font-weight: 600; float: right; margin-bottom: 34px; } #block-block-2 .block-content {/*ucsb link*/ padding: 5px 0 0 0; margin: 0; } #block-block-2 p { margin: 0; } #block-block-2 a:link, #block-block-2 a:visited { text-align: right; color: #5789bc; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } #block-block-2 span.ext{ display: none; } /*search results*/ .search-results-formatted h1.node-title { font-size:1.2em; } .search-results-formatted ul.links.inline { display:none; } .search-results-formatted .node-teaser { margin-bottom:0px; } .search-results-formatted .field-item p { margin-bottom: 0px; } .search-results-formatted .field-name-body { margin-top: 5px; } .search-results-formatted .search-results li { margin-bottom: 2em; } .search-results-formatted .search-result-date { font-style: italic; width: 125px; } /*social icons*/ #block-block-29 { float: right; margin: 13px 0 29px 0; } #block-block-29 .block-content { padding: 0; margin:0; } #block-block-29 .block-content ul li { float: left; margin: 0 0 0 4px; } #block-block-29 .block-content ul li a { display: block; width: 18px; height: 18px; text-indent: -999999px; } #block-block-29 ul li.facebook a { background: url('../../../files/layout_images/social-icons.gif') no-repeat 0 0; } #block-block-29 ul li.facebook a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat 0 -18px; } #block-block-29 ul li.twitter a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -18px 0; } #block-block-29 ul li.twitter a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -18px -18px; } #block-block-29 ul li.google-plus a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -36px 0; } #block-block-29 ul li.google-plus a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -36px -18px; } #block-block-29 ul li.vimeo a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -54px 0; } #block-block-29 ul li.vimeo a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -54px -18px; } #block-block-29 ul li.futurity a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -72px 0; } #block-block-29 ul li.futurity a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -72px -18px; } #block-block-29 ul li.linkedin a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -90px 0; } #block-block-29 ul li.linkedin a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -90px -18px; } #block-block-29 ul li.youtube a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -108px 0; } #block-block-29 ul li.youtube a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -108px -18px; } #block-block-29 ul li.uctv a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -126px 0; } #block-block-29 ul li.uctv a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -126px -18px; } #block-block-29 ul li.rss a { background: url('../../../files/layout_images/social-icons.gif') no-repeat -144px 0; } #block-block-29 ul li.rss a:hover { background: url('../../../files/layout_images/social-icons.gif') no-repeat -144px -18px; } #block-views-main-category-title-block-1, #block-views-main-category-title-block, #block-block-12 { width: 56%; float: left; text-align: center; margin-top:15px; } #block-views-main-category-title-block-1 .block-content, #block-views-main-category-title-block .block-content { padding: 0; margin: 0; } #block-views-main-category-title-block-1 .block-content .field-content, #block-views-main-category-title-block .block-content .field-content { color:#4c4c4c; text-transform: uppercase; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; font-size: 20px; text-align: center; } /* twitter quotes */ #block-block-7 { width: 35px; float: left; margin-bottom: 0; z-index: 100; } #block-block-7 p { margin: 0; } #quotes { position: relative; display: block; width: 36px; height: 47px; background: url('../../../files/layout_images/tab-twitter.png') no-repeat 0 -6px; text-indent: -999999px; } #quotes:hover { background: url('../../../files/layout_images/tab-twitter.png') no-repeat 0 0; -webkit-animation: bounce 1s infinite; -moz-animation: bounce 1s infinite; -o-animation: bounce 1s infinite; animation: bounce 1s infinite; } #block-block-7.open #quotes { background: url('../../../files/layout_images/tab-x.png') no-repeat; } /* make it bounce on hover */ @-webkit-keyframes bounce { 0%, 100% { height: 47px; background-position: 0 -6px; -webkit-animation-timing-function: ease-in; } 50% { height: 47px; background-position: 0 0; -webkit-animation-timing-function: ease-out; } } @-moz-keyframes bounce { 0%, 100% { height: 47px; background-position: 0 -6px; -moz-animation-timing-function: ease-in; } 50% { height: 47px; background-position: 0 0; -moz-animation-timing-function: ease-out; } } @-o-keyframes bounce { 0%, 100% { height: 47px; background-position: 0 -6px; -o-animation-timing-function: ease-in; } 50% { height: 47px; background-position: 0 0; -o-animation-timing-function: ease-out; } } @keyframes bounce { 0%, 100% { height:47px; background-position: 0 -6px; animation-timing-function: ease-in; } 50% { height: 47px; background-position: 0 0; animation-timing-function: ease-out; } } /* twitter slide carousel on all pages -- deprecated */ .region-leaderboard .region-inner { margin: 0; } #block-views-tweet-feed-block-1 .container { width:100%; } #block-views-tweet-feed-block-1 { background: url('../../../files/layout_images/blue-grad.jpg') repeat-x bottom; height:136px; margin:0; background-color: none; /*hack to allow jquery to format slideshow correctly */ position:absolute; left:-10000px; } #block-views-tweet-feed-block-1 .jcarousel-container-horizontal { padding: 0 40px 0 40px; height: auto; } #block-views-tweet-feed-block-1 li { width: 280px; padding: 10px 20px; height: 110px; font-family: 'Gentium Book Basic',Georgia,"Times New Roman",Times,serif; background: #00336D; color: #fff; } #block-views-tweet-feed-block-1 li a { color: #fff; } #block-views-tweet-feed-block-1 li span.ext { background: none; padding-right: 0; } #block-views-tweet-feed-block-1 .views-field-profile-image-url { float:left; display: block; margin-right: 5px; } #block-views-tweet-feed-block-1 .jcarousel-container-horizontal { width:95%; } .jcarousel-skin-default .jcarousel-next-horizontal, .jcarousel-skin-default .jcarousel-prev-horizontal { top: 35px; } #block-views-tweet-feed-block-1 .jcarousel-next-horizontal { right: 0; } #block-views-tweet-feed-block-1 .jcarousel-prev-horizontal { left: 0; } #block-views-tweet-feed-block-1 .jcarousel-clip-horizontal { width:100%; } #block-views-tweet-feed-block-1 .views-field-tweet { line-height: 1.3em; font-size: 85%; text-align: left; color: #cfdae6; margin-left: 65px; } #block-views-tweet-feed-block-1 .views-field { font-family: 'Dosis',sans-serif; } #block-views-tweet-feed-block-1 .views-field-created-at { font-size: .8em; margin: 0 0 0 65px; color: #5d8bc0; text-align: left; } #block-views-tweet-feed-block-1 .views-field-created-at span { } #block-views-tweet-feed-block-1 .jcarousel-item { border: none; } #block-views-tweet-feed-block-1 .views-field-screen-name { text-align: left; line-height: 1em; margin-bottom: 5px; margin-left: 65px; } #block-views-tweet-feed-block-1 .views-field-profile-image-url span { display: block; height: 48px; } #block-views-tweet-feed-block-1 .views-field-profile-image-url img { height: 48px; } /* button */ .jcarousel-skin-default .jcarousel-next-horizontal { background-position: -32px -32px; } .jcarousel-skin-default .jcarousel-prev-horizontal { background-position: -32px 0; } /* ============================================================================= * Main Layout * ========================================================================== */ #page-wrapper { min-height: 100%; position: relative; background: #f2f2f2; } #page .container { background: #fff; } #columns .content-inner { margin-top: 24px; } .page-node #main-content .field-name-body { border-bottom: 1px solid #05407B; margin-bottom: 10px;} #main-content { margin-left: 32px; padding-left: 10px; margin-right: 20px; padding-right: 10px; margin-bottom: 20px; } /* ============================================================================= * Articles * ========================================================================== */ .field-name-field-subtitle { color: #666; font-size: 18px; margin: 10px 0 15px 0; line-height: 1.4; } .field-name-field-byline { font-weight: 600; } .field-name-field-byline, .field-name-field-date, .field-name-field-location, .field-name-published-on { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .field-name-field-location { display: inline-block; } .field-name-field-date { margin-right: 20px; margin-bottom: 20px; float: left; } .field-name-published-on { margin-right: 20px; margin-bottom: 20px; } .field-name-field-main-image { overflow: auto; margin: 0 0 6px 0; clear: both; } .field-name-field-main-image-vertical, .field-name-body img { overflow: auto; margin: 0 20px 6px 0; float: left; clear: left; } .field-name-field-video { margin-top: 20px; clear: both; } .field-name-body { margin-top: 20px; } /* captions */ .field-name-field-main-image .full-caption, .video-embed-description, .field-slideshow-caption, .field-name-field-inline-image .field-name-field-caption, .view-slideshows .views-field-field-caption, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-caption { display: block; line-height: 1.2em; clear: left; } .field-name-field-main-image .full-caption br, .video-embed-description br, .field-slideshow-caption br, .field-name-field-inline-image .field-name-field-caption br, .view-slideshows .views-field-field-caption br, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-caption br { display: none; } .field-name-field-main-image .field-name-field-caption figure.field-item p, .field-name-field-main-image-vertical .field-name-field-caption figure.field-item p, .field-name-field-inline-image .field-name-field-caption figure.field-item p, .view-slideshows .views-field-field-caption p, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-caption p { font-size: 0.9em; margin: 10px 0; line-height: 1.1; } .field-name-field-main-image-vertical .field-name-field-caption { width: 260px; } .field-name-field-main-image figure, .field-name-field-main-image-vertical figure, .field-name-field-inline-image figure, .view-slideshows .views-slideshow-cycle-main-frame-row, .video-embed-description, .view-the-current-blogs .views-field-field-slideshow-image { border-bottom: 1px solid #CCD4DD; margin-bottom: 13px; padding-bottom: 2px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; line-height: 1.2em; } .field-name-field-main-image figure figure, .field-name-field-main-image-vertical figure figure, .field-name-field-inline-image figure figure { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .field-name-field-main-image .field-name-field-credit h2, .field-name-field-main-image-vertical .field-name-field-credit h2, .field-name-field-inline-image .field-name-field-credit h2, .view-slideshows .views-field-field-credit .views-label, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-credit h2 { font-size: .8em; line-height: 1.2em; font-weight: 600; clear: left; float: left; margin: 2px 0 4px 0; } .view-slideshows .views-field-field-credit .views-label { margin: 2px 3px 4px 0; line-height: 1.1em; } .field-name-field-main-image .field-name-field-credit figure, .field-name-field-main-image-vertical .field-name-field-credit figure, .field-name-field-inline-image .field-name-field-credit figure, .view-slideshows .views-field-field-credit .field-content, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-credit figure { text-transform: uppercase; font-size: .8em; border-bottom: none; margin: 2px 0 4px 0; } .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-credit figure { line-height: 1.2em; } .field-name-field-main-image .field-name-field-download-image figure, .field-name-field-main-image-vertical .field-name-field-download-image figure, .field-name-field-inline-image .field-name-field-download-image figure, .view-slideshows .views-field-field-download-image, .view-the-current-blogs .views-field-field-slideshow-image .field-name-field-download-image { margin: 0; line-height: 1.3; padding-bottom: 2px; font-size: .8em; border-bottom: none; clear: both; } /* related links */ .node-type-article .related-links { font-weight: 600; } /*page with animated gif*/ #node-13700 .field-name-field-main-image { display: none; } #node-13700 .field-name-body .field-name-field-main-image p { margin-bottom: 0; } #node-13700 .field-name-body .field-name-field-main-image { border-bottom: 1px solid #CCD4DD; margin-bottom: 30px; display: block; } #node-13700 .field-name-body .field-name-field-main-image .field-name-field-caption figure { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } #node-13700 .field-name-body .field-name-field-main-image .field-name-field-credit h2 { margin: 2px 3px 4px 0; } #block-system-main { position: relative; } .field-name-field-inline-image { width: 260px; clear: left; float: left; overflow: auto; margin: 20px 20px 10px 0; } .right .field-name-field-inline-image { float: right; margin: 20px 0 10px 20px; } /* Slideshows */ .view-slideshows .views-field-field-slideshow-image { position: relative; } .view-slideshows .views-field-field-slideshow-image .views-slideshow-controls-bottom { display: block; background: url('../../../files/layout_images/white-transp.png'); position: absolute; overflow: auto; padding: 3px 0; height: 26px; width: 100%; bottom: 0; z-index: 100; } .view-slideshows .views-slideshow-controls-bottom { display: none; } .views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; } .views_slideshow_cycle_main { width: 100%; } .views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; } .views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; } .field-name-field-slideshow-embed { margin-top: 20px; } .view-slideshows .views-field-field-slideshow-image { float: none; margin: 0; } .view-slideshows .views-slideshow-controls-text { float: right; margin: 0 0 0 10px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .view-slideshows .views-slideshow-slide-counter { float: right; margin: 3px 0 0 10px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .views-slideshow-controls-text-pause, .views-slideshow-controls-text-previous, .views-slideshow-controls-text-next { display: block; float: left; width: 12px; height: 15px; text-indent: -999999px; margin: 5px 7px 5px 0; } .views-slideshow-controls-text-pause { background: url('../../../files/layout_images/pause-button.png') no-repeat top center; } .views-slideshow-controls-text-previous { background: url('../../../files/layout_images/prev-button.png') no-repeat; } .views-slideshow-controls-text-next { background: url('../../../files/layout_images/next-button.png') no-repeat; } /* ============================================================================= * Related content on article page * ========================================================================== */ .node-type-article #related-topics { width:108px; float:left; padding-right:15px; } .node-type-article #related-topics li { display: block; border:1px solid #b2b2b2; font-size: .85em; margin-bottom:8px; padding: 3px 8px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; cursor:pointer; } .node-type-article #related-topics .active { background-color:#e8e8e8; } .node-type-article .related-articles { float: right; width: 205px; display: none; } .related-articles .related-body { padding-bottom: 12px; margin-bottom: 15px; border-bottom: 1px solid #b2b2b2; } /* ============================================================================= * Main Layout Category Landing Pages * ========================================================================== */ /* no longer used by Mihoko (JIRA: Change format of stories on section pages https://ucsbjira.atlassian.net/browse/CUR-57) #block-views-categories-block-1 .views-field-title { margin: 24px 0 0; } #block-views-categories-block-1 .views-field-field-subtitle { font-size: 1.2em; margin-bottom: 20px; margin-top: 0; line-height: 1.4; } #block-views-categories-block-1 .views-field-title a, #block-views-categories-block-1 .views-field-title a:visited { font-size: 2.4em; line-height: 1.1; } #block-views-categories-block-1 .views-field-title a:hover, #block-views-categories-block-1 .views-field-title a:focus { font-size: 2.4em; line-height: 1.1; color: #ff0000; text-decoration: none; } #block-views-categories-block-1 .views-field-body { margin-top: 20px; } */ /* category/emotion article lists */ .page-emotion #page-title { padding-bottom: 1em; } .view-id-emotion .view-content li, .view-id-categories .view-content li { border-bottom: 1px solid #05407b; overflow: auto; padding-bottom: 10px; } .view-id-categories .view-content li.views-row-last, .view-id-categories .view-content li.views-row-last { border-bottom: none; } .view-id-emotion .views-field-title a, .view-id-emotion .views-field-title a:visited, .view-id-categories .views-field-title a, .view-id-categories .views-field-title a:visited, #block-views-nodequeue-1-block .views-field-title a, #block-views-nodequeue-1-block .views-field-title a:visited { color: #005aa3; font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 26px; line-height: 1.2; } .view-id-emotion .views-field-title a:hover, .view-id-emotion .views-field-title a:focus, .view-id-categories .views-field-title a:hover, .view-id-categories .views-field-title a:focus, #block-views-nodequeue-1-block .views-field-title a:hover, #block-views-nodequeue-1-block .views-field-title a:focus { color: #0076d6; text-decoration: underline; } .view-id-categories .views-field-field-subtitle { line-height: 1.2; font-size: 1.1em; margin-top: 6px; color: #808080; } .view-id-categories.view-display-id-block_1 { border-bottom: 1px solid #05407b; margin-bottom: 20px; } /* ============================================================================= * Blogs on The Current * ========================================================================== */ #node-14165, /*road to commencement page*/ .node-type-blog-title .field-name-body /*all blog title nodes*/ { color: #666666; font-size: 1.2em; line-height: 1.4; margin: 0; } #main-content #node-14165 .field-name-body { border-bottom: 0; margin: 0; } /*blog nodes*/ .node-blog-post .field-name-field-video { clear: both; margin-top: 0; } /*posted by author block view*/ #block-views-the-current-blogs-block-1 .view-the-current-blogs .views-row { margin: 0; padding: 0; border-top: none; } /*views*/ .view-the-current-blogs.list-page { margin: 5px 0 0 0; } .view-the-current-blogs.list-page .views-row { border-top: 1px solid #05407B; margin: 0 0 40px 0; padding: 40px 0 0 0; } .view-the-current-blogs.list-page .views-row-first { border-top: 1px solid #CCD4DD; } .view-the-current-blogs.list-page .views-field-title { color: #4C4C4C; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 1.6em; line-height: 1.2em; margin: 0 0 10px 0; } .view-the-current-blogs.list-page .views-field-title a:link, .view-the-current-blogs.list-page .views-field-title a:visited { color: #4C4C4C; } .view-the-current-blogs.list-page .views-field-title a:hover, .view-the-current-blogs.list-page .views-field-title a:active{ color: #ff0000; text-decoration: none; } .view-the-current-blogs.list-page .views-field-body p:last-of-type { display: inline; } .view-the-current-blogs.list-page .views-field-field-video { float: none; margin-right: 0; clear: left; } .view-the-current-blogs.list-page .views-field-field-topics .views-label { font-weight: 600; } .view-the-current-blogs .views-field-created, .view-the-current-blogs .views-field-published-at { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; color: #939292; font-size: .9em; margin: 0 0 10px 0; } /*views captions*/ .view-the-current-blogs .views-field-field-main-image .field-name-field-caption, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-caption { display: block; line-height: 1.2em; clear: left; } .view-the-current-blogs .views-field-field-main-image .field-name-field-caption br, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-caption br { display: none; } .view-the-current-blogs .views-field-field-main-image .field-name-field-caption figure.field-item p, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-caption figure.field-item p { margin-bottom: 3px; } .view-the-current-blogs .views-field-field-main-image .field-content, .view-the-current-blogs .views-field-field-video .field-content, .view-the-current-blogs .views-field-field-main-image-vertical .field-content { border-bottom: 1px solid #CCD4DD; margin-bottom: 13px; padding-bottom: 2px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; line-height: 1.2em; } .view-the-current-blogs .views-field-field-main-image .field-name-field-credit h2, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-credit h2 { font-size: .8em; line-height: 1.2em; font-weight: 600; clear: left; float: left; margin: 2px 0 4px 0; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .view-the-current-blogs .views-field-field-main-image .field-name-field-credit figure, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-credit figure { text-transform: uppercase; font-size: .8em; border-bottom: none; margin: 2px 0 4px 0; line-height: 1.1em; } .view-the-current-blogs .views-field-field-main-image .field-name-field-download-image figure, .view-the-current-blogs .views-field-field-main-image-vertical .field-name-field-download-image figure { margin: 0; line-height: 1.3; padding-bottom: 2px; font-size: .8em; border-bottom: none; clear: both; } /*block with related blog posts*/ #block-views-the-current-blogs-block-2 .view-header p, #block-views-the-current-blogs-block-4 .view-header p { background: #eaeaea url('../../../files/layout_images/down-arrow-bg.png') no-repeat; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; background-position: 90% 50%; font-size: 115%; line-height: 1.5em; padding: 10px 10px 10px 30px; margin: 0 0 10px 0; } #block-views-the-current-blogs-block-2 .view-header p a:link, #block-views-the-current-blogs-block-2 .view-header p a:visited, #block-views-the-current-blogs-block-4 .view-header p a:link, #block-views-the-current-blogs-block-4 .view-header p a:visited { color: #4C4C4C; } #block-views-the-current-blogs-block-2 .view-header p a:hover, #block-views-the-current-blogs-block-2 .view-header p a:active, #block-views-the-current-blogs-block-4 .view-header p a:hover, #block-views-the-current-blogs-block-4 .view-header p a:active { color: #FF0000; text-decoration: none; } #block-views-the-current-blogs-block-2 .block-content, #block-views-the-current-blogs-block-4 .block-content { padding: 0; margin: 0; } #block-views-the-current-blogs-block-2 .view-content, #block-views-the-current-blogs-block-4 .view-content { margin-right: 20px; padding: 10px 10px 0 30px; } #block-views-the-current-blogs-block-2 .views-row, #block-views-the-current-blogs-block-4 .views-row { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCD4DD; line-height: 1.3em; } #block-views-the-current-blogs-block-2 .views-row-last, #block-views-the-current-blogs-block-4 .views-row-last { border-bottom: none; } #block-views-the-current-blogs-block-2 .views-field-title a:link, #block-views-the-current-blogs-block-2 .views-field-title a:visited, #block-views-the-current-blogs-block-4 .views-field-title a:link, #block-views-the-current-blogs-block-4 .views-field-title a:visited { font-size: 1.2em; color: #4C4C4C; } #block-views-the-current-blogs-block-2 .views-field-title a:hover, #block-views-the-current-blogs-block-2 .views-field-title a:active, #block-views-the-current-blogs-block-4 .views-field-title a:hover, #block-views-the-current-blogs-block-4 .views-field-title a:active { color: #FF0000; text-decoration: none; } #block-views-the-current-blogs-block-2 .view-the-current-blogs .views-field-created, #block-views-the-current-blogs-block-2 .view-the-current-blogs .views-field-published-at, #block-views-the-current-blogs-block-4 .view-the-current-blogs .views-field-created, #block-views-the-current-blogs-block-4 .view-the-current-blogs .views-field-published-at { font-size: .8em; margin: 0; } #block-views-the-current-blogs-block-2 .view-footer, #block-views-the-current-blogs-block-4 .view-footer { padding-bottom: 7px; border-bottom: 1px solid #D5D5D5; } #block-views-the-current-blogs-block-2 .view-footer p, #block-views-the-current-blogs-block-4 .view-footer p { background-color: #E8E8E8; margin-bottom: 0; text-align: right; } #block-views-the-current-blogs-block-2 .view-footer a.morebutton, #block-views-the-current-blogs-block-4 .view-footer a.morebutton { background-color: #E8E8E8; float: none; text-transform: lowercase; } .page-node-14241 #page-title, .page-node-14242 #page-title { width: 80%; } .page-node-14241 #block-views-the-current-blogs-block-4 .view-header p a, .page-node-14242 #block-views-the-current-blogs-block-4 .view-header p a { width: 75%; display: block; } /* ============================================================================= * Topic Glossary page * ========================================================================== */ .view-topics-glossary- .views-summary .link { margin: 0 5px 5px 0; text-align: center; font-size: 1.1em; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; display: inline-block; width: 30px; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; line-height: 1.8em; /*might be better way to align?*/ } .view-topics-glossary- .views-summary .result { background-color: #003660; color: white; transition: background 150ms, color 150ms; -webkit-transition: background 150ms, color 150ms; } .view-topics-glossary- .views-summary .result:hover { background-color:#FEBC11; text-decoration: none; color: #003660; } .view-topics-glossary- .views-summary .no-result { background-color: gray; } .view-topics-glossary- .view-content { padding-top: 20px; border-bottom: 1px solid black; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .view-topics-glossary- .view-content .views-row { display: inline-block; width: 185px; } .section-topics #content h2 { font-size: 1.17em; } /* hide ajax progress clock */ .view-topics-glossary- .ajax-progress-throbber { display: none; } /* ============================================================================= * Topics tag cloud * ========================================================================== */ #block-tagclouds-3 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin: 0 0 10px 0; } #block-tagclouds-3 span.tagclouds-term { padding: 0 5px 0 0; line-height: 1.4em; } #block-tagclouds-3 div.more-link { display: none; } #block-block-22 .block-content/*see all topics link*/ { padding: 0; margin: 10px 0 0 30px; border-top: 1px solid #039; text-align: right; font-weight: 600; } /* ============================================================================= * All Views * ========================================================================== */ .views-row { /*overflow: auto;*/ clear: both; } .view .video-embed-description { display: none; } .views-field-field-main-image, .views-field-field-main-image-vertical, .views-field-field-slideshow-image, .views-field-field-video, .views-field-field-featured-image { float: left; margin-right: 15px; } /* ============================================================================= * Sidebar Second * ========================================================================== */ .region-sidebar-second .block { margin-bottom: 30px; } .region-sidebar-second .region-inner { margin-right: 12px; margin-left: 0; } /* category menu */ .view-category-menu-block, .region-sidebar-second .block-menu-block { line-height: 1.8; } .view-category-menu-block a, .region-sidebar-second .block-menu-block a { color:#005aa3; font-family:Produkt, serif; font-weight:500; font-style:normal; } .view-category-menu-block a:hover, .view-category-menu-block a:focus, .view-category-menu-block a:active, .region-sidebar-second .block-menu-block a:hover, .region-sidebar-second .block-menu-block a:focus, .region-sidebar-second .block-menu-block a.active { color: #0076d6; text-decoration: underline; } .view-category-menu-block ul li, .region-sidebar-second .block-menu-block ul li{ list-style: none; list-style-image: none; margin: 0; } /* Archive Line */ .view-archive-line .views-row { margin-top: 40px; } .view-archive-line .views-row-1 { margin-top: 10px; } .related-articles a, .view-archive-line .views-field-title, .view-latest-in .views-field-title { margin-bottom: 10px; color: #4c4c4c; font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 18px; line-height: 1.1; } .view-archive-line .views-field-title a, .view-latest-in .views-field-title a { color: #4c4c4c; } .view-archive-line .views-field-field-subtitle, .view-latest-in .views-field-field-subtitle { line-height: 1.2; margin-top: 6px; } /*latest in*/ .view-latest-in .views-row { border-bottom: 1px solid #ccd4dd; padding-bottom: 15px; margin-bottom: 15px; } /* ============================================================================= * Subscribe Page * ========================================================================== */ #node-13701 .e2ma_signup_form_row { border: none; margin: 0 0 15px 0; } #node-13701 .e2ma_signup_form { width: 100%; } #node-13701 .e2ma_signup_form_label { float: left; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; padding-top: 5px; font-size: 110%; text-align: left; white-space: nowrap; width: 25%; } #node-13701 #e2ma_signup_form_container { overflow: auto; } #node-13701 .e2ma_signup_form_element { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-left: 100px; } #node-13701 .e2ma_signup_form input[type="text"], #node-13701 .e2ma_signup_form textarea, #node-13701 .e2ma_signup_form select { border: 1px solid #CCCCCC; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; color: #595959; padding: 10px; width: 85%; } #node-13701 .e2ma_signup_form_required_footnote { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-bottom: 5px; padding: 5px; } #node-13701 .e2ma_signup_form select#id_member_field_affiliation{ width: 90%; padding: 10px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ background-color: rgba(0,0,0,0); background: url('../images/select-form-arrow.gif') no-repeat right; text-indent: 0.01px; text-overflow: ''; } #node-13701 .e2ma_signup_form select::-ms-expand { display: none; } #node-13701 .e2ma_signup_form_required_asterix { color: #FF0000; } #node-13701 .e2ma_signup_form_button_row { float: left; clear: left; } #node-13701 .e2ma_signup_form_button { color: #595959; text-transform: uppercase; font-size: 90%; height: 35px; width: 100px; margin: 10px 5px 0 0; } .page-node-13701 #main-content .field-name-body { border-bottom: none; margin-bottom: 10px; } #node-13701 .field-name-body p { font-size: 1.2em; } /* ============================================================================= * Views exposed forms Select Dropdowns Global * ========================================================================== */ .views-exposed-form .form-item { margin: 0; } .views-exposed-form .form-item select { border: 1px solid #CCCCCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; color: #595959; padding: 5px; line-height: 1em; width: auto; margin: 0 5px 0 0; } .views-exposed-form select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .views-exposed-form input.form-submit { border: 1px solid #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #595959; text-transform: uppercase; font-size: 90%; height: auto; padding: 7px; width: 100px; margin: 0; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ } .views-exposed-form input.form-submit:hover { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ } .views-exposed-form .views-submit-button { padding: 17px 0 0 0; } .views-exposed-form label { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-bottom: 5px; font-size: 100%; } /* ============================================================================= * Footer * ========================================================================== */ #footer-wrapper { background: #003660; width: 100%; } #footer { background: #003660; color: #fff; padding: 55px 10px; } #footer .region-inner { margin: 0; } #footer .block-content { padding: 0; margin-right: 0; } #footer .block-content ul li { margin: 5px 0 16px 0; line-height: 14px; } #footer .block-content ul li.last { margin: 5px 0 0 0; } .block-region-footer a { color: #ffffff; } #footer h2.block-title { background: none; font-size: 20px; font-weight: normal; color: #fff; padding: 0; text-transform: none; margin-bottom: 26px; } /*explore and about*/ #block-block-4, #block-block-5 { width: 20%; float: left; padding-right:7px; } /*connect*/ #block-block-6 { width: 15%; float: left; } /*address*/ #block-block-3 { font-size: 14px; width: 42%; float: left; } #block-block-3 img.footer-wordmark { width: 280px; margin-bottom: 12px; } #block-block-3 a { font-size: 100%; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; } #block-block-3 p { margin-bottom: 8px; } /* ============================================================================= * Regions * ========================================================================== */ .region-inner { margin: 0 10px; } .region-two-33-66-first .region-inner { margin: 0 0 0 10px; } .region-two-33-66-second .region-inner { margin: 0 10px 0 3px; } .two-66-33 > .region-two-66-33-first, .two-33-66 > .region-two-33-66-second, .three-inset-right > .inset-wrapper > div.region-three-inset-right-middle, .three-inset-left > .inset-wrapper > div.region-three-inset-left-middle { width: 60% !important; } .two-66-33 > .region-two-66-33-second, .two-33-66 > .region-two-33-66-first, .three-inset-right > .inset-wrapper > div.region-three-inset-right-inset, .three-inset-left > .inset-wrapper > div.region-three-inset-left-inset, .three-3x33 > .region, .five-5x20 > .panel-row > .region { width: 40% !important; } /* ============================================================================= * Views * ========================================================================== */ .views-field-title { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .view-categories .views-field-title, .view-emotion .views-field-title { margin-bottom: 10px; } /* ============================================================================= * Block Styling * ========================================================================== */ .block { margin-bottom: 10px; } .block-inner { margin: 0; } .block-content { padding: 10px 10px 0 30px; margin-right: 20px; } /* ============================================================================= * Misc Global Styles * ========================================================================== */ /* * Aggregator feed source */ #aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; } .feed-details dt, .feed-details dd { display: inline; margin: 0; } /* * Generic styles for links. See the ul.links declaration in node and comment * stylesheets */ ul.links { margin: 0; padding: 0; } ul.links.inline { display: block; } ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; } /* * Search results are an ordered list so reset the margin */ .search-results { margin: 0; padding: 0; } /* ============================================================================= * Leaderboard (where twitter carousel lives) * ========================================================================== */ #leaderboard-wrapper { background: #003660; } #leaderboard-wrapper .container { width:100%; background: #003660; } #leaderboard-wrapper .content { padding:0; } /* ============================================================================= * Main Menu * ========================================================================== */ #nav-wrapper, #nav-wrapper .container { background: #003660; } #block-menu-block-2 { margin: 0; float: right; } #menu-bar { margin: 0; } #menu-bar .block { margin: 0; } #menu-bar .wordmark-wrapper { padding: 15px 0 0 15px; } #menu-bar ul.menu { font-size: 12px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; text-transform: uppercase; margin: 0; padding: 0; } #menu-bar ul.menu li { list-style: none; list-style-image: none; float: left; padding: 0; margin: 0; border-right: 1px solid #4e78a1; border-bottom: 1px solid #4e78a1; } #menu-bar ul.menu li.last { border-right: none; border-bottom: none; } #menu-bar ul.menu li.first { border-left: 1px solid #4e78a1; } #menu-bar ul.menu li a, #menu-bar ul.menu li a:visited { display: block; padding: 15px 15px; color: #fff; white-space: nowrap; } /* Calendar link on topbar #menu-bar ul.menu li.menu-item-1433 a { text-transform: none; font-weight: normal; font-size: 85%; padding: 17px 15px 16px 15px; } */ /*#menu-bar ul.menu li.menu-item-1433 a:hover, #menu-bar ul.menu li.menu-item-1433 a:focus { color: #ffd800; background: none; }*/ #menu-bar ul.menu li a:hover, #menu-bar ul.menu li a:focus { text-decoration: none; color: #003660; background: #FEBC11; } /* UCSB Wordmark in menubar*/ #menu-bar #block-block-35 { display: inline-block; } /* ============================================================================= * Menu Toggles * ========================================================================== */ .at-mt .at-menu-toggle, .at-mt .at-menu-toggle ul, .at-mt .at-menu-toggle ul.menu { margin-top: 0; margin-bottom: 0; padding: 0; } .at-mt .at-menu-toggle-button { margin: 0; } .at-mt .at-menu-toggle ul a { padding: 0 10px; white-space: nowrap; } /* ============================================================================= * Book navigation menu * ========================================================================== */ .book-navigation {} .book-navigation .page-links {} .book-navigation .page-previous {} .book-navigation .page-next {} .book-navigation .page-up { /* Prevent text wrapping to a new line, assumes the string is two chars */ min-width: 2em; white-space: nowrap; } .book-navigation .menu { margin-left: 0; } /* ============================================================================= * Homepage * ========================================================================== */ /* ============================================================================= * Main Visual on Homepage * ========================================================================== */ #block-views-nodequeue-4-block { background: #dcd6cc; } #block-views-nodequeue-4-block .block-content { padding: 25px 28px 10px 28px; margin-right: 0; } #block-views-nodequeue-4-block img { border: 2px solid #fff; } #block-views-nodequeue-4-block .views-field-body { line-height: 1.4; } #block-views-nodequeue-4-block div.embedded-video { border: 2px solid #fff; margin-bottom: 15px; } #block-views-nodequeue-4-block .views-field-title a, #block-views-nodequeue-4-block .views-field-title a:visited { color: #005aa3; font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 26px; line-height: 30px; width: 36%; float: left; margin-bottom: 30px; margin-right: 10px; } #block-views-nodequeue-4-block .views-field-title a:hover, #block-views-nodequeue-4-block .views-field-title a:focus { color: #0076d6; text-decoration: underline; } /* ============================================================================= * Top News on Homepage * ========================================================================== */ #block-views-nodequeue-1-block { margin-bottom: 15px; } #block-views-nodequeue-1-block .views-field-body { line-height: 1.2; font-size: 16px; margin: 0 0 5px 0; } #block-views-nodequeue-1-block .attachment li p { margin-bottom: 7px; } #block-views-nodequeue-1-block .view-content li { border-bottom: 1px solid #ccd4dd; overflow: auto; padding-bottom: 3px; margin-bottom: 7px; } #block-views-nodequeue-1-block .views-field-title { margin: 4px 0 10px 0; } .view-nodequeue-1 .views-field-field-main-image, .view-nodequeue-1 .views-field-field-slideshow-image, .view-nodequeue-1 .views-field-field-video, .view-nodequeue-1 .views-field-field-featured-image { display:block; float: left; margin: 0 10px 10px 0; } /* ============================================================================= * Visual Pick Desktop * ========================================================================== */ .view-nodequeue-3 .views-field-field-main-image, .view-nodequeue-3 .views-field-field-slideshow-image, .view-nodequeue-3 .views-field-field-video, .view-nodequeue-3 .views-field-field-featured-image { float: none; margin-right: 0; } .view-nodequeue-3 .views-field-title { margin-top: 5px; } .view-nodequeue-3 .views-field-title a { font-family:Produkt, serif; font-weight:400; font-style:normal; color: #4c4c4c; font-size: 1.3em; line-height: 1.1; } .view-nodequeue-3 .views-field-body { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; line-height: 1.2em; } /* ============================================================================= * Events on front page * ========================================================================== */ #block-views-events-front-page-block-1 { float: left; /*width: 351px; margin-right: 10px;*/ width: 58%; margin-right: 2%; } #block-views-events-front-page-block-1 .block-content { background-color: #dce1e5; margin: 5px 1px 0 0; padding: 10px 25px; } #block-views-events-front-page-block-1 .view-content li { border-bottom: 1px solid #ccd4dd; overflow: auto; padding-bottom: 12px; margin-bottom: 12px; } #block-views-events-front-page-block-1 .views-field-field-image { display: none; } #block-views-events-front-page-block-1 .views-row-1 .views-field-field-image { display: block; } #block-views-events-front-page-block-1 .views-field-title { margin-bottom: 5px; } #block-views-events-front-page-block-1 .views-field-body { line-height: 1.2; font-size: 14px; } #block-views-events-front-page-block-1 .views-field-title a, #block-views-events-front-page-block-1 .views-field-title a:visited { color: #005aa3; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; font-size: 18px; line-height: 24px; } #block-views-events-front-page-block-1 .views-field-title span.ext { display: none; } #block-views-events-front-page-block-1 .views-field-title a:hover, #block-views-events-front-page-block-1 .views-field-title a:active { color: #0076d6; text-decoration: underline; } #block-views-events-front-page-block-1 .views-field-body p { margin: 0; } #block-views-events-front-page-block-1 .views-field-field-event-date-2 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; } #block-views-events-front-page-block-1 .view-footer p { margin: 0 0 6px; } #block-views-events-front-page-block-1 .item-list { margin-bottom: 10px; } /* calendar link */ #block-views-nodequeue-9-block .view-footer p { margin: 0 0 6px; } #block-views-nodequeue-9-block .view-footer a { width: 60px; background-image: url('../images/calendar-icon.png'); } /** * Front button class */ .morebutton { display: block; height: 27px; padding: 7px 0 5px; background-color: #003660; font-family:Avenir, "Century Gothic", sans-serif; font-weight:400; font-style:normal; font-size: 14px; text-align: center; } .morebutton:link, .morebutton:visited, .morebutton:active { color: #ffffff; } .morebutton .fa-plus { padding-left: 7px; } /* ============================================================================= * Subscribe button on homepage * ========================================================================== */ #block-block-30 { clear: left; float: left; margin: 20px; width: 90%; } #block-block-30 .block-inner { border: 1px solid #CCCCCC; } #block-block-30 .block-content { font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; font-size: 20px; padding: 13px 10px 17px 10px; margin: 0; text-align: center; line-height: 22px; } #block-block-30 .block-content p { margin: 0; } #block-block-30 .block-content a:link, #block-block-30 .block-content a:visited { color: #9cbebe; } #block-block-30 .block-content a:hover, #block-block-30 .block-content a:active{ color: #9cb7df; text-decoration: none; } #block-block-30 .fa-envelope-square { color: #CCCCCC; padding-right: 8px; font-size: 30px; vertical-align: bottom; } /* ============================================================================= * Subscribe button on article pages * ========================================================================== */ #block-block-34 .block-inner { border: 1px solid #CCCCCC; } #block-block-34 .block-content { font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; font-size: 1.6em; line-height: 1em; padding: 13px 15px 17px 15px; margin: 0; text-align: center; } #block-block-34 .block-content p { margin: 0; } #block-block-34 .block-content a:link, #block-block-34 .block-content a:visited { color: #9cbebe; } #block-block-34 .block-content a:hover, #block-block-34 .block-content a:active{ color: #9cb7df; text-decoration: none; } #block-block-34 .fa-envelope-square { color: #CCCCCC; padding-right: 8px; font-size: 30px; vertical-align: bottom; } /* ============================================================================= * Sports on Homepage * ========================================================================== */ #block-views-sports-block { float: right; width: 40%; } #block-views-sports-block .block-title { background: none repeat scroll 0 0 #EAEAEA; padding-left: 12px; border-bottom: 2px solid #d9d9d9; } #block-views-sports-block .block-content { background-color: #F2F2F2; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-right: 0px; padding: 12px; } #block-views-sports-block .views-row { border-bottom: 1px solid #CCCCCC; padding-bottom: 14px; margin-bottom: 14px; } #block-views-sports-block .views-field-description-1 { font-size: 14pt; float: left; } #block-views-sports-block .views-field-timestamp { float: right; line-height:1.9em; } #block-views-sports-block .views-field-title { clear: both; display: block; } /* ucsbgauchos link */ #block-views-sports-block .view-footer p { margin-bottom: 8px; } #block-views-sports-block .view-footer a { width: 85px; padding-left:35px; background-image: url('../images/ucsbgauchos-icon.png'); } /* ============================================================================= * new twitter sports block * ========================================================================== */ #block-block-33 { float: right; width: 40%; } #block-block-33 .block-title { background-color: #9cbebe; color: #3d4952; } #block-block-33 .block-content { background-color: #dce1e5; margin: 5px 0; padding: 13px; } #block-block-33 .block-content .tweet-author a:link, #block-block-33 .block-content .tweet-author a:visited { color: #005aa3; } #block-block-33 li { border-bottom: 1px solid #CCCCCC; padding: 0 0 12px 0; margin: 0 0 12px 0; overflow: auto; } #block-block-33 .tweet-author { line-height: 1em; margin-bottom: 5px; } #block-block-33 div.tweet-authorphoto { margin: 0 7px 0 0; } #block-block-33 .tweet-authorphoto a { display: block; width: 40px; height: 40px; } #block-block-33 .tweet-text { line-height: 1.2; font-size: 14px; } /* ============================================================================= * Today in History on Homepage * ========================================================================== */ #block-pa-todayinhistory-block-pa-todayinhistory-block, #block-block-10 { float: left; width: 58%; } #block-pa-todayinhistory-block-pa-todayinhistory-block .block-inner { border: 1px solid #ccc; } #block-pa-todayinhistory-block-pa-todayinhistory-block h2.block-title, #block-block-10 h2.block-title { padding: 10px 10px 6px 13px; background: none; color: #3d4952; } #block-pa-todayinhistory-block-pa-todayinhistory-block .block-content, #block-block-10 .block-content { padding: 0 10px 0 13px; margin: 0 0 10px 0; line-height: 1.2; } #block-pa-todayinhistory-block-pa-todayinhistory-block .block-content a, #block-pa-todayinhistory-block-pa-todayinhistory-block .block-content a:visited, #block-block-10 .block-content a, #block-block-10 .block-content a:visited { color: #005aa3; } #block-pa-todayinhistory-block-pa-todayinhistory-block .block-content a:hover, #block-pa-todayinhistory-block-pa-todayinhistory-block .block-content a:focus, #block-block-10 .block-content a:hover, #block-block-10 .block-content a:focus { color: #0076d6; text-decoration: underline; } #block-pa-todayinhistory-block-pa-todayinhistory-block .attribution, #today-in-history .attribution { margin: 0; font-size: 75%; margin-top: 5px; } /* ============================================================================= * Editors Picks * ========================================================================== */ #block-views-nodequeue-2-block, #block-views-nodequeue-2-block-1 { padding-top: 8px; clear: both; margin-bottom: 25px; } #block-views-nodequeue-2-block h2.block-title, #block-views-nodequeue-2-block-1 h2.block-title { background-color: #ffffff; color: #047c91; font-size: 16px; line-height: 18px; font-weight: 200; padding: 10px 10px 10px 30px; margin: 0 0 7px 0; text-transform: uppercase; border-bottom: 1px solid #003660; } .block-nodequeue-2-block .block-content, .block-nodequeue-2-block-1 .block-content { margin: 0; } .view-id-nodequeue_2 ul li { width: 166px; margin-right: 26px; float: left; line-height: 1.3; } .view-id-nodequeue_2 ul li.views-row-last { margin-right: 0; } .view-id-nodequeue_2 .views-row { clear: none; overflow: hidden; } .view-id-nodequeue_2 ul li.views-row-first { margin-left: 3px; } .block-nodequeue-2-block .block-content .views-field-field-categories a, .block-nodequeue-2-block-1 .block-content .views-field-field-categories a { font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 12px; margin-bottom: 5px; display: block; } .block-nodequeue-2-block .block-content .views-field-field-categories a:hover, .block-nodequeue-2-block-1 .block-content .views-field-field-categories a:hover { text-decoration: underline; color: #0076d6; } .block-nodequeue-2-block .block-content .views-field-title a, .block-nodequeue-2-block-1 .block-content .views-field-title a { font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; color: #3d4952; font-size: 18px; line-height: 1.1; } .block-nodequeue-2-block .block-content .views-field-title a:hover, .block-nodequeue-2-block-1 .block-content .views-field-title a:hover { text-decoration: underline; color: #3d4952; } .view-id-nodequeue_2 .views-field-field-main-image, .view-id-nodequeue_2 .views-field-field-slideshow-image, .view-id-nodequeue_2 .views-field-field-video, .view-id-nodequeue_2 .views-field-field-featured-image { margin-right: 0; } /* ============================================================================= * Homepage Video Picks, News Plus, Student Blogs, Topics, Trending Around Town common stylings * ========================================================================== */ #block-views-homepage-videos-block, #block-pa-news-plus-pa-news-plus-block, #block-pa-student-blogs-pa-student-blogs-block, #block-views-topics-block-1, #block-views-popular-block, #block-views-news-plus-frontpage-block-1 { width: 32%; margin: 0 10px 35px 0; float: left; } #block-views-homepage-videos-block h2.block-title, #block-pa-news-plus-pa-news-plus-block h2.block-title, #block-pa-student-blogs-pa-student-blogs-block h2.block-title, #block-views-topics-block-1 h2.block-title, #block-views-popular-block h2.block-title, #block-views-news-plus-frontpage-block-1 h2.block-title { background-color: #5e707e; text-align: center; padding: 10px; } #block-views-homepage-videos-block .block-content, #block-pa-news-plus-pa-news-plus-block .block-content, #block-pa-student-blogs-pa-student-blogs-block .block-content, #block-views-topics-block-1 .block-content, #block-views-popular-block .block-content, #block-views-news-plus-frontpage-block-1 .block-content { background-color: #dcd6cc; margin: 0; padding: 10px 20px; } #block-views-topics-block-1 .block-content, #block-views-popular-block .block-content, #block-views-news-plus-frontpage-block-1 .block-content { background-color: #ffffff; } /* ============================================================================= * Homepage Video Picks * ========================================================================== */ #block-views-homepage-videos-block .view-homepage-videos { overflow: auto; } #block-views-homepage-videos-block .views-row { overflow: hidden; margin: 0 0 20px 0; } #block-views-homepage-videos-block .views-row-last { overflow: hidden; margin: 0; } #block-views-homepage-videos-block .views-field-field-video { margin: 0; } #block-views-homepage-videos-block .view-content { padding: 0; } #block-views-homepage-videos-block .views-field-field-video a { display: block; } #block-views-homepage-videos-block .views-field-title { line-height: 1.2; font-size: 16px; clear: left; } #block-views-homepage-videos-block .views-field-title a:link, #block-views-homepage-videos-block .views-field-title a:visited { color: #3d4952; font-family:Produkt, serif; font-weight:400; font-style:normal; } #block-views-homepage-videos-block .views-field-title a:hover, #block-views-homepage-videos-block .views-field-title a:focus { color: #3d4952; text-decoration: underline; } #block-views-homepage-videos-block .view-footer { padding-top: 20px; } /* ============================================================================= * News Plus on Homepage * ========================================================================== */ #block-pa-news-plus-pa-news-plus-block .block-content li a, #block-pa-news-plus-pa-news-plus-block .block-content li a:visited{ color: #005aa3; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 16px; line-height: 24px; } #block-pa-news-plus-pa-news-plus-block .block-content li a:hover, #block-pa-news-plus-pa-news-plus-block .block-content li a:focus { color: #0076d6; text-decoration: underline; } #block-pa-news-plus-pa-news-plus-block .block-content li { margin: 0 0 30px 0; border-bottom: 2px solid #C9C9C9; padding-bottom: 20px; line-height: 1.2; } #block-pa-news-plus-pa-news-plus-block .block-content li .feed-title { padding-top: 15px; font-size: 14px; } #block-pa-news-plus-pa-news-plus-block .view-footer p { margin: 0; } /* ============================================================================= * News Plus page with blocks * ========================================================================== */ .page-node-52 .block-aggregator .item-list { padding: 15px 0 0 0; } .page-node-52 .block-aggregator .item-list li { margin: 0 20px 10px 30px; padding: 0 0 10px 0; border-bottom: 1px solid #CCD4DD; line-height: 1.3em; } /* ============================================================================= * Student Blogs on Homepage * ========================================================================== */ #block-views-undergrad-research-blog-block .views-row, #block-pa-student-blogs-pa-student-blogs-block .views-row { margin: 0 0 30px 0; border-bottom: 2px solid #C9C9C9; padding-bottom: 20px; line-height: 1.2; overflow: auto; } #block-pa-student-blogs-pa-student-blogs-block li { margin: 0; padding: 0; } #block-views-undergrad-research-blog-block .views-field-timestamp p, #block-pa-student-blogs-pa-student-blogs-block .views-field-timestamp p { margin: 0; } #block-pa-student-blogs-pa-student-blogs-block li .blog-title { margin-bottom: 7px; } #block-pa-student-blogs-pa-student-blogs-block li .blog-title a, #block-pa-student-blogs-pa-student-blogs-block li .blog-title a:visited { color: #047c91; font-family:Avenir, "Century Gothic", sans-serif; font-weight:600; font-style:normal; font-size: 14px; line-height: 18px; } #block-pa-student-blogs-pa-student-blogs-block li .post-title a, #block-pa-student-blogs-pa-student-blogs-block li .post-title a:visited { color: #005aa3; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; line-height: 20px; } #block-pa-student-blogs-pa-student-blogs-block li .post-title a:hover, #block-pa-student-blogs-pa-student-blogs-block li .post-title a:active { color: #0076d6; text-decoration: underline; } #block-pa-student-blogs-pa-student-blogs-block li .timestamp { margin-top: 12px; font-size: 14px; } /* ============================================================================= * Topics block on hompeage * ========================================================================== */ #block-views-topics-block-1 { width: 20%; clear: left; } #block-views-topics-block-1 .views-field { padding-bottom: 12px; } #block-views-topics-block-1 .views-field a, #block-views-topics-block-1 .views-field a:visited { color: #005aa3; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; line-height: 20px; text-transform: lowercase; } #block-views-topics-block-1 .views-field a:hover, #block-views-topics-block-1 .views-field a:active { color: #0076d6; text-decoration: underline; text-transform: lowercase; } /* ============================================================================= * Trending on home page * ========================================================================== */ #block-views-popular-block { width: 38%; } #block-views-popular-block .view ul li { margin-bottom: 10px; line-height: 20px; } #block-views-popular-block .views-field-field-main-image, #block-views-popular-block .views-field-field-featured-image, #block-views-popular-block .views-field-field-slideshow-image { margin-right: 10px; margin-bottom: 20px; } #block-views-popular-block .views-field-title a, #block-views-popular-block .views-field-title a:visited { color: #3d4952; font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 14px; } #block-views-popular-block .views-field-title a:hover, #block-views-popular-block .views-field-title a:focus { color: #3d4952; text-decoration: underline; } /* ============================================================================= * Trending on article pages * ========================================================================== */ #block-views-popular-block-2 { line-height: 1.2em; } #block-views-popular-block-2 .views-row { overflow:hidden; margin: 0 0 5px 0; } #block-views-popular-block-2 a:link, #block-views-popular-block-2 a:visited { color: #4c4c4c; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } #block-views-popular-block-2 a:hover, #block-views-popular-block-2 a:focus { text-decoration: none; color: #003660; } #block-views-popular-block-2 .views-field-body { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } /* ============================================================================= * Local News on Homepage ("Around Town") * ========================================================================== */ #block-views-news-plus-frontpage-block-1 { width: 38%; } #block-views-news-plus-frontpage-block-1 .views-field-title-1 a, #block-views-news-plus-frontpage-block-1 .views-field-title-1 a:visited { color: #3d4952; font-family:Avenir, "Century Gothic", sans-serif; font-weight:500; font-style:normal; font-size: 18px; line-height: 24px; } #block-views-news-plus-frontpage-block-1 .views-field-title-1 a:hover, #block-views-news-plus-frontpage-block-1 .views-field-title-1 a:focus { color: #3d4952; text-decoration: underline; } #block-views-news-plus-frontpage-block-1 .views-field-title-1 img { margin-right: 10px; float: left; } #block-views-news-plus-frontpage-block-1 .views-field-title a, #block-views-news-plus-frontpage-block-1 .views-field-title a:visited { color: #3d4952; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } #block-views-news-plus-frontpage-block-1 .views-field-title a:hover, #block-views-news-plus-frontpage-block-1 .views-field-title a:focus { color: #3d4952; text-decoration: underline; } #block-views-news-plus-frontpage-block-1 .views-field-title { margin-left: 35px; } /* ============================================================================= * Facebook block on home page -- deprecated * ========================================================================== */ #block-fb-social-frontpage-feed { width: 250px; height: 385px; float: left; } .front .block-fb-social .block-content { padding:0; } .front .region-tertiary-content .block-fb-social { padding:0 10px 0 5px; } /* ============================================================================= * Vote block on home page -- deprecated * ========================================================================== */ #block-views-vote-block { width: 38%; float: left; margin-left:20px; } #block-views-vote-block .block-title { background: none repeat scroll 0 0 #f8c400; text-align: center; color: white; font-size: 1.1em; text-transform: uppercase; padding: 5px 15px; font-weight: 600; } #block-views-vote-block .block-title span { } #block-views-vote-block .block-content { text-align: center; padding: 20px 10px; margin: 8px 0 0 0; margin: 0 0 0 0; font-size: 18pt; line-height: 1.3em; /*box-shadow: 0 0 5px;*/ border-right: 1px solid #C9C9C9; border-left: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; } #block-views-vote-block .block-content img { margin: 15px; } /* ============================================================================= * Emoticons / "Rate" widget * ========================================================================== */ .rate-widget { border-top: 1px solid #B2B2B2; padding-top: 10px; } .rate-description { font-size:1.2em; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } .rate-widget-emotion .item-list ul li { width: 68px; text-align: center; margin: 5px; } .rate-widget-emotion .item-list ul li a.rate-btn { display: block; border: none; width: 68px; height: 13px; padding-top: 44px; background-repeat: no-repeat; font-size: 90%; background-color: rgba(0, 0, 0, 0); } .rate-widget-emotion a:visited, .rate-widget-emotion a:hover, .rate-widget-emotion a { color: #595959; } .rate-widget-emotion a[title="INDIGNANT"] { background: #fff url('../../../files/layout_images/emoticon-indignant-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="INDIGNANT"]:hover { background: #fff url('../../../files/layout_images/emoticon-indignant-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="SAD"] { background: #fff url('../../../files/layout_images/emoticon-sad-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="SAD"]:hover { background: #fff url('../../../files/layout_images/emoticon-sad-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="WORRIED"] { background: #fff url('../../../files/layout_images/emoticon-worried-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="WORRIED"]:hover { background: #fff url('../../../files/layout_images/emoticon-worried-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="SURPRISED"] { background: #fff url('../../../files/layout_images/emoticon-surprised-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="SURPRISED"]:hover { background-image: url('../../../files/layout_images/emoticon-surprised-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="AMUSED"] { background: #fff url('../../../files/layout_images/emoticon-amused-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="AMUSED"]:hover { background: #fff url('../../../files/layout_images/emoticon-amused-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="HAPPY"] { background: #fff url('../../../files/layout_images/emoticon-happy-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="HAPPY"]:hover { background: #fff url('../../../files/layout_images/emoticon-happy-sprite.gif'); background-position: 14px -62px; } .rate-widget-emotion a[title="IMPRESSED"] { background: #fff url('../../../files/layout_images/emoticon-impressed-sprite.gif'); background-position: 14px 0px; } .rate-widget-emotion a[title="IMPRESSED"]:hover { background: #fff url('../../../files/layout_images/emoticon-impressed-sprite.gif'); background-position: 14px -62px; } /*front page*/ #block-block-14 .block-content ul { padding: 0 0 0 3px; } #block-block-14 .block-content ul li { float: left; margin-right: 31px; } #block-block-14 .block-content { padding-top: 0; margin-right: 0; } /* "this article makes you feel" */ #block-pa-emotion-block-pa-emotion-block { border: 1px solid #CCD4DD; } #block-pa-emotion-block-pa-emotion-block h2 { background: none; text-align: center; padding: 0; } #article-emotion div{ margin-left: auto; margin-right: auto; text-align: center; } /* hide the rss thing */ .front #main-content [class="feed-icon"] { display: none; } /* big emotion icons */ #article-emotion .emotion, #block-block-14 ul li a { display: block; width: 62px; height: 62px; text-indent: -99999px; } #article-emotion .indignant, a.indignant, a.indignant:visited { background: url('../../../files/layout_images/emoticon-indignant.gif') no-repeat top left; } #article-emotion .sad, a.sad, a.sad:visited { background: url('../../../files/layout_images/emoticon-sad.gif') no-repeat top center; } #article-emotion .worried, a.worried, a.worried:visited { background: url('../../../files/layout_images/emoticon-worried.gif') no-repeat top center; } #article-emotion .surprised, a.surprised, a.surprised:visited { background: url('../../../files/layout_images/emoticon-surprised.gif') no-repeat top center; } #article-emotion .amused, a.amused, a.amused:visited { background: url('../../../files/layout_images/emoticon-amused.gif') no-repeat top center; } #article-emotion .happy, a.happy, a.happy:visited { background: url('../../../files/layout_images/emoticon-happy.gif') no-repeat top center; } #article-emotion .impressed, a.impressed, a.impressed:visited { background: url('../../../files/layout_images/emoticon-impressed.gif') no-repeat top center; } a.indignant:hover, a.indignant:focus { background: url('../../../files/layout_images/emoticon-indignant.gif') no-repeat bottom left; } a.sad:hover, a.sad:focus { background: url('../../../files/layout_images/emoticon-sad.gif') no-repeat bottom left; } a.worried:hover, a.worried:focus { background: url('../../../files/layout_images/emoticon-worried.gif') no-repeat bottom left; } a.surprised:hover, a.surprised:focus { background: url('../../../files/layout_images/emoticon-surprised.gif') no-repeat bottom left; } a.amused:hover, a.amused:focus { background: url('../../../files/layout_images/emoticon-amused.gif') no-repeat bottom left; } a.happy:hover, a.happy:focus { background: url('../../../files/layout_images/emoticon-happy.gif') no-repeat bottom left; } a.impressed:hover, a.impressed:focus { background: url('../../../files/layout_images/emoticon-impressed.gif') no-repeat bottom left; } /* ============================================================================= * emoticon blocks * ========================================================================== */ #block-block-15 .block-content, #block-block-16 .block-content, #block-block-17 .block-content, #block-block-18 .block-content, #block-block-19 .block-content, #block-block-20 .block-content, #block-block-21 .block-content { text-align: center; } /* ============================================================================= * Social follow us * ========================================================================== */ #block-block-8 { float: right; } #block-block-8 .block-inner { margin-bottom: 50px; } #block-block-8 li { float: left; margin-right: 6px; } #block-block-8 h2.block-title { background: none; padding-bottom: 5px; } #block-block-8 .block-content { padding-top: 0; } /* ============================================================================= * Visual Pick * ========================================================================== */ .view-nodequeue-3 .views-field-field-main-image, .view-nodequeue-3 .views-field-field-slideshow-image, .view-nodequeue-3 .views-field-field-video, .view-nodequeue-3 .views-field-field-featured-image { float: none; margin-right: 0; } .view-nodequeue-3 .views-field-title { margin-top: 5px; } .view-nodequeue-3 .views-field-title a, .view-nodequeue-3 .views-field-title a:visited { color: #005aa3; font-family:Produkt, serif; font-weight:400; font-style:normal; font-size: 24px; line-height: 1.2; } .view-nodequeue-3 .views-field-title a:hover, .view-nodequeue-3 .views-field-title a:focus { color: #0076d6; text-decoration: underline; } .view-nodequeue-3 .views-field-body { line-height: 1.2; font-size: 16px; } #block-views-nodequeue-3-block img { width: 100%; } /* ============================================================================= * Archive page * ========================================================================== */ .page-archive .content-inner { width: 100%; } .page-archive .view-content li { display: inline-block; vertical-align: top; width: 160px; margin-right: 19px; } .page-archive .views-field-field-main-image, .page-archive .views-field-field-main-image-vertical, .page-archive .views-field-field-slideshow-image, .page-archive .views-field-field-video, .page-archive .views-field-field-featured-image { float: none; margin: 0; } .page-archive #content .views-field-field-main-image, .page-archive #content .views-field-field-featured-image { min-height: 120px; min-width: 166px; } .view-archives .view-content ul { margin-top: 30px; } .view-archives .view-content .views-field-title a, .view-archives .view-content .views-field-title a:visited { font-family:Produkt, serif; font-weight:400; font-style:normal; color: #4c4c4c; line-height: 1.1; } .view-archives .view-content .views-field-title a:hover, .view-archives .view-content .views-field-title a:focus { text-decoration: none; color: #ff0000; } .view-archives .view-content .views-field-field-categories { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; text-transform: uppercase; color: #4c4c4c; font-size: 80%; margin-bottom: 0; display: block; } .view-archives .view-content .views-field-field-date-1 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: .8em; } .view-archives .view-filters { margin: 20px 0 50px 0; } /* ============================================================================= * Breadcrumbs * ========================================================================== */ #breadcrumb { margin: 10px 0; } /* If the label is set to show in theme settings the label class is added */ #breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; } #breadcrumb .breadcrumb-label:after { content: ":"; } #breadcrumb ol { margin: 0; padding: 0; } #breadcrumb .with-breadcrumb-label ol { display: inline; } #breadcrumb li { list-style: none; display: inline; } /* ============================================================================= * Campus Calendars Block * ========================================================================== */ #block-block-13 p { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 1.2em; line-height: 1.7; } #block-block-13 p br { display: none; } #block-block-13 p a, #block-block-13 p a:visited { color: #4C4C4C; border-bottom: 1px solid #CCD4DD; width: 100%; display: block; padding-bottom: 6px; padding-top: 3px; } #block-block-13 p a:hover, #block-block-13 p a:focus { color: #ff0000; text-decoration: none; } /* ============================================================================= * Calendar pages * ========================================================================== */ .section-calendar .views-field-field-image { float: left; padding: 0 10px 10px 0; } .section-calendar .views-field-body, .section-calendar .views-field-field-event-date, .section-calendar .views-field-field-event-date-1, .section-calendar .views-field-field-event-date-2 { float: left; } .node-type-event header { margin-bottom: 10px; } .node-type-event article img { margin-right: 20px; } /*list view*/ .view-calendar-main.view-display-id-page_4 .views-row { margin: 0 0 20px 0; padding: 0 0 20px 0; overflow: auto; border-bottom: 1px solid #05407B; } .view-calendar-main.view-display-id-page_4 .views-field-title { font-size: 130%; } .view-calendar-main.view-display-id-page_4 .views-field-field-event-date-1 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 110%; } /* ============================================================================= * Pagers * ========================================================================== */ ul.pager { clear: both; margin: 0; text-align: center; } .item-list ul.pager li { margin: 0; } ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; } ul.pager li.pager-current { font-weight: 700; } .block ul.pager li { margin: 0; } /* ============================================================================= * Skip Navigation * ========================================================================== */ #skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; } #skip-link a { background: #444; background: rgba(0,0,0,0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; } #skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0,0,0,0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; } #skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; } /* ============================================================================= * Tabs (local tasks) * ========================================================================== */ #tasks { margin-bottom: 15px; } ul.primary { border-bottom-color: #ccc; margin: 20px 0; padding: 0 0 0 5px; } ul.primary li { display: block; float: left; margin: 0 1px -1px; } ul.primary li a { background-color: #f5f5f5; border-color: #ccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; } ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ccc; } ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; } ul.secondary { border-bottom: 1px solid #ccc; margin: 1em 0 0; padding: 0 .3em 1em; } ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; } ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; } /* ============================================================================= * Action links * ========================================================================== */ ul.action-links { margin: 20px 0 0; list-style: none; } /* ============================================================================= * Field Styling * ========================================================================== */ .field-label-inline .field-label { margin: 0; } .field-name-field-contact-info { margin-bottom: 1.5em; } /* * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted * ineritance issues */ .field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; } /* * Taxonomy */ .field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; } .field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; } .field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; } /* * Centered setting */ .ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; } /* * Float right setting */ .ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; } /* ============================================================================= * Node Styling * ========================================================================== */ .node { margin-bottom: 20px; } .node .node-title { margin: 0; } /* ============================================================================= * Comment Styling - Comments, comment wrapper, comment form * ========================================================================== */ /* * Wrapper for the list of comments and its titles */ #comments { margin: 1.5em 0; } #comments h2.comment-title { margin: 0; } #comments h2.comment-form { margin: 0; } /* * Wrapper for a single comment */ .comment { margin-bottom: 20px; } /* * Comment title */ .comment-title { margin: 0; } /* * "New" marker for comments that are new for the current user */ .new { color: #c00; } /* * Nested comments are indented */ .indented { margin-left: 40px; } /* ============================================================================= * Forms * ========================================================================== */ /* * Wrapper for a form element (or group of form elements) and its label */ .form-item {} .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item label { font-weight: 700; } .form-item label.option {} /* * Highlight marks and form required mark */ .marker, .form-required { color: #c00; } .form-item .description { font-size: 0.85em; } .container-inline div, .container-inline label { display: inline; } /* * Define consistent borders */ fieldset { border: 1px solid #ccc; } /* * Buttons used by contrib modules like Media */ a.button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /* * Password confirmation */ .password-parent, .confirm-parent { margin: 0; } /* ============================================================================= * Tables * ========================================================================== */ table { margin: 10px 0; padding: 0; width: 100%; } table.sticky-header { z-index: 10; } table, thead, tbody, tr, th, td { border-color: #ccc; } table, td, th { vertical-align: middle; } caption, th, td { text-align: left; } thead tr { font-weight: 700; background-color: #e5e5e5; } td, th { border-bottom: 0; margin: 0; padding: 5px 7px; } tbody {} tbody tr { border-top: 1px solid #ccc; } tr.odd { background: #fff; } tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0; background-color: #f5f5f5; } tr.odd td.active { background-color: #eee; } tr.even td.active { background-color: #ebebeb; } /* * Forum tables * Core sets white-space to nowrap, which makes no sense */ #forum td {} #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; } /* ============================================================================= * Messages * ========================================================================== */ /* Left and right margin are set by the global gutter width */ div.messages { margin-bottom: 10px; margin-top: 10px; } div.messages ul { margin-top: 0; margin-bottom: 0; } .node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact,"Arial Narrow",Helvetica,sans-serif; font-size: 75px; font-weight: 600; height: 0; line-height: 1.2; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; } .lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * { position: relative; } /* ============================================================================= * Maintenance pages * ========================================================================== */ .maintenance-page {} .maintenance-page .container { padding: 40px 0; } .maintenance-page #site-name, .maintenance-page #page-title { margin: 0; } .db-offline {} .db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; } .db-offline div.messages { margin: 20px 0 0; } .db-offline #content { padding: 20px 0; } /* ============================================================================= * Misc overrides for contrib modules * ========================================================================== */ /* * Admin menu overrides */ #admin-menu { margin: 0; padding: 0; } /* * Devel Module */ .dev-query { background: #eee; padding: 30px; } /* * Styleguide module tweaks */ #styleguide-header { padding: 0 10px; } #styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; } /* ============================================================================= * ShareThis plugin * ========================================================================== */ .block-sharethis { border-top:1px solid #CCD4DD; padding-top: 10px; } .block-sharethis .block-title { float:left; background:none; padding-top: 16px; color:#3d4952; text-transform: none; } .block-sharethis .block-content { padding-right:0; margin-right:0; } .block-sharethis .block-title span { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } /* ============================================================================= * Print page block * * This is a tricky one. The print icon is supposed to look like it is part of * the "ShareThis" block. Given that we have little control over the ShareThis * block, there's no guarantee that this will always look exactly right. * ========================================================================== */ #block-block-28 { float: right; padding: 20px 24px 10px 0; margin: 0; z-index: 100; /* neighboring block sometimes overlaps this block */ } #block-block-28 .block-content { margin: 0; padding: 0; } /* ============================================================================= * Contact Page * ========================================================================== */ #node-13702 ul { margin: 0 0 40px 0; padding: 0 10px 0 0; overflow: auto; } #node-13702 #main-content .field-name-body { border-bottom: none; } #node-13702 ul li { margin: 0 0 30px 0; float: left; width: 32%; } #node-13702 ul li h2 { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin: 0 0 5px 0; font-size: 120%; } .page-node-13702 #main-content .field-name-body { border-bottom: none; margin-bottom: 10px; } /** *Files Icons * CSS and Icons taken from: * http://pooliestudios.com/projects/iconize/ */ a[href$='.doc'], a[href$='.docx'], a[href$='.rtf'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_doc.gif) no-repeat center right; } a[href$='.txt'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_txt.gif) no-repeat center right; } a[href$='.xls'], a[href$='.xlsx'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_xls.gif) no-repeat center right; } a[href$='.rss'], a[href$='.atom'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_feed.gif) no-repeat center right; } a[href$='.opml'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_opml.gif) no-repeat center right; } a[href$='.phps'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_phps.gif) no-repeat center right; } a[href$='.vcard'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_vcard.gif) no-repeat center right; } a[href$='.exe'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_exe.gif) no-repeat center right; } a[href$='.dmg'], a[href$='.app'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_dmg.gif) no-repeat center right; } a[href$='.pps'], a[href$='.ppt'], a[href$='.pptx']{ padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_pps.gif) no-repeat center right; } a[href$='.pdf'], a[href*='.pdf#page='] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_pdf.gif) no-repeat center right; } a[href$='.xpi'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_plugin.gif) no-repeat center right; } a[href$='.fla'], a[href$='.swf'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_flash.gif) no-repeat center right; } a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'], a[href$='.7z'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_archive.gif) no-repeat center right; } a[href$='.ical'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_ical.gif) no-repeat center right; } a[href$='.css'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_css.gif) no-repeat center right; } a[href$='.ttf'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_ttf.gif) no-repeat center right; } a[rel*='lightbox['] { padding: inherit; background: none; } a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_film.gif) no-repeat center right; } a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_music.gif) no-repeat center right; } a[href$='.torrent'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/icon_torrent.gif) no-repeat center right; } a[href$='.odt'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/odt.gif) no-repeat center right; } a[href$='.odp'] { padding: 5px 20px 5px 0; background: transparent url(../../../files/files_icons/odp.gif) no-repeat center right; } /* ============================================================================= * News by Department Page * ========================================================================== */ .view-articles-by-department #views-exposed-form-articles-by-department-page { margin: 20px 0 40px 0; } .view-articles-by-department .views-row { border-bottom: 1px solid #05407B; overflow: auto; padding-bottom: 20px; margin-bottom: 20px; } .view-articles-by-department p { margin: 0; } .view-articles-by-department .views-field-title a:link, .view-articles-by-department .views-field-title a:visited { color: #4C4C4C; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 1.6em; line-height: 1.2; } .view-articles-by-department .views-field-title a:hover, .view-articles-by-department .views-field-title a:active, .view-articles-by-department .views-field-title a:focus { color: #ff0000; text-decoration: none; } .view-articles-by-department .views-field-field-department { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin: 5px 0; font-size: .85em; text-transform: uppercase; } /* ============================================================================= * Series * ========================================================================== */ #block-views-series-block { margin: 0; } #block-views-series-block .block-content { padding: 0 0 0 34px; } #block-views-series-block .views-field-field-series { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; text-transform: uppercase; padding: 0 0 2px 0; margin: 0 0 8px 0; } /*list of other articles in series*/ #block-views-series-block-1 .view-header p{ background: #eaeaea; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; background-position: 90% 50%; font-size: 100%; line-height: 1.5em; padding: 10px 10px 10px 30px; margin: 0; } #block-views-series-block-1 .view-header p span.series { font-weight: 600; font-size: 115%; } #block-views-series-block-1 .block-content { padding: 0; margin: 0; } #block-views-series-block-1 .view-content { margin-right: 20px; padding: 10px 10px 0 30px; } #block-views-series-block-1 .views-row { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCD4DD; line-height: 1.3em; } #block-views-series-block-1 .views-field-title a:link, #block-views-series-block-1 .views-field-title a:visited { color: #4C4C4C; text-decoration: none; } #block-views-series-block-1 .views-field-title a:hover, #block-views-series-block-1 .views-field-title a:active { color: #FF0000; text-decoration: none; } /* ============================================================================= * Special Issue * ========================================================================== */ /*jfk*/ #block-block-23, #block-block-27, #block-block-32 /*commencement mortarboard*/ { background: #D9D9D9; } #block-block-27 img { border: 2px solid #fff; } #block-block-27 p, #block-block-27 h3 { margin: 0; } h3.specialissue a { margin: 0 0 50px 0; color: #4C4C4C; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 1.4em; line-height: 1.1; /*width: 30%; float: left;*/ float: left; width: 35%; } #block-block-27 h3.specialissue a { margin: 0 0 40px 0; color: #4C4C4C; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 1.4em; line-height: 1.1; /*width: 30%; float: left;*/ float: left; width: 35%; } p.specialissue { line-height: 1.5; } #block-block-23 .block-content { padding: 25px 28px 10px 23px; margin-right: 0; } #block-block-27 .block-content { padding: 25px 28px 10px 28px; margin-right: 0; } #block-block-32 .block-content /*commencement mortarboard on homepage*/{ padding: 25px 25px 10px 25px; margin-right: 0; } #block-block-32 .pe-thumbs { background: none; } #block-block-31 .pe-thumbs { background: none; } .pe-thumbs{ padding: 0; width: 552px; height: 378px; margin: 20px auto; position: relative; background: url('../../../files/special_issue/jfk.jpg') center center; border: 2px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } .pe-thumbs:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; /*background:rgba(160, 175, 203, 0.2);*/ } .pe-thumbs li{ float:left; position: relative; } .pe-thumbs li a, .pe-thumbs li a img{ display: block; position: relative; } .pe-thumbs li a img{ width: 69px; opacity: 0.8; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ zoom:1; filter: alpha(opacity=80); /* Older than Firefox 0.9 */ -moz-opacity:0.8; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0.8; transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition-property: transform,-moz-transform, -o-transform, -ms-transform, opacity; transition-duration: 1s; /* transition: transform 1s, opacity 1s; transition: -moz-transform 1s, opacity 1s; transition: -o-transform 1s, opacity 1s; transition: -ms-transform 1s, opacity 1s; */ -webkit-transition: -webkit-transform 1s, opacity 1s; } .pe-thumbs .over a img{ /*opacity: 1; */ } .pe-thumbs li a div.pe-description{ width: 250px; height: auto !important; background: rgba(14,48,99,0.8); *background: #0e3063; background: #0e3063\9; position: absolute; top: 0px; left: -200px; color: white; display: none; z-index: 1001; text-align: left; } .pe-description h3 { padding: 10px 15px 0px 15px; line-height: 20px; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: 22px; margin: 0px; } .pe-description p{ padding: 10px 0px 15px 0; margin: 10px 15px 0 15px; font-size: 90%; font-style: italic; border-top: 1px solid rgba(255,255,255,0.3); } /* hide caption on colorbox */ .front #cboxTitle { position: absolute; left: -10000px; } /*videos in right sidebar*/ .view-videos-in-sidebar .views-row { margin-bottom: 20px; } .view-videos-in-sidebar .video-embed-description { display: block; border-bottom: none; } /* Poll result block greylink: #4C4C4C */ #block-views-vote-result-blocks-block { } .node-poll a:visited, .node-poll a:link { color: #4C4C4C; } .node-poll a:hover { color: #FF0000; } .node-poll .node-header { font-size: 55%; } .node-poll .poll { font-size: 90%; font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; margin-top: 20px; } .node-poll .poll .bar { background-color: #EAEAEA; } .node-poll .poll .bar .foreground { background-color: #FCB040; } /*mlk images in text*/ #within-text-images { width: 237px; float: left; margin-right: 20px; font-size: 1.2em; font-style: italic; line-height: 1.3; overflow: auto; clear: left; } #within-text-images.right-image { float: right; margin-left: 20px; } #within-text-images p.credit{ font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; font-size: .9em; line-height: 1.1; margin-top: 5px; } #within-text-images p.credit span { font-weight: 600; } /*hide emoticons for IV shooting article*/ #rate-node-14194-1-1, #rate-node-14197-1-1, #rate-node-14196-1-1 { display: none; } /*commencement mortarboard article*/ #node-14275 .field-name-field-subtitle { display: none; } #node-14275 .field-name-field-byline { display: none; } #node-14275 .field-name-field-byline, #node-14275 .field-name-field-date, #node-14275 .field-name-field-location { display: none; } #node-14275 .field-name-field-location { display: none; } #node-14275 .field-name-field-date { display: none; } #node-14275 .field-name-field-main-image { display: none; } .page-node #main-content #node-14275 .field-name-body { border-bottom: none; } /*Cheadle Hall Monitor page: http://www.news.ucsb.edu/cheadle-monitor*/ body.page-cheadle-monitor #nav-wrapper, body.page-cheadle-monitor #footer-wrapper, body.page-cheadle-monitor #header-wrapper { display:none; } body.page-cheadle-monitor { font-family:Avenir, "Century Gothic", sans-serif; font-weight:200; font-style:normal; } body.page-cheadle-monitor #main-content { margin-bottom: 0; padding-bottom: 0; } body.page-cheadle-monitor #block-system-main { margin-bottom: 0; } body.page-cheadle-monitor .container { width: 100%; } body.page-cheadle-monitor .view-header { font-size: 40px; font-weight: 100; height: 66px; color: #757575; margin-top: 50px; } body.page-cheadle-monitor .view-header img { float: left; padding-right: 50px; width: 340px; } body.page-cheadle-monitor .view-header p { padding-top: 5px; } body.page-cheadle-monitor .view-content { margin: 100px 150px 100px 50px; height: calc(100vh - 360px); } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page { min-height: 500px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-main-image, body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-main-image-vertical, body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-slideshow-image, body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-video, body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-featured-image { float: left; margin-right: 4%; width: 55%; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-title { font-size: 62px; margin-bottom: 15px; float:right; width:38%; line-height: 60px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-published-at { color: #003660; text-transform: uppercase; font-weight: 600; float: right; width: 38%; border-bottom: 3px solid #febc11; padding-bottom: 5px; font-size: 20px; margin-bottom: 50px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-body, #views_slideshow_cycle_main_cheadle_monitor-page .views-field-field-short-summary { font-size: 42px; float:right; width:38%; line-height: 50px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-body p { margin-bottom: 0; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-nothing { float:right; width:38%; margin-top: 80px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-nothing .read-more-block { padding-left: 30px; background-color: #0ba89a; text-transform: uppercase; font-size: 28px; line-height: 28px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-nothing .read-more-block .read-more-call { display: block; background-color: #fff; padding-left: 15px; } body.page-cheadle-monitor #views_slideshow_cycle_main_cheadle_monitor-page .views-field.views-field-nothing .read-more-block .read-more-url { display: block; font-weight: 700; background-color: #fff; padding-left: 15px; } body.page-cheadle-monitor .view-footer { background-color: #003660; padding: 10px 0 7px 10px; margin-left: -40px; margin-right: -30px; margin-bottom: -20px; } body.page-cheadle-monitor .view-footer p { margin-bottom: 0; } body.page-cheadle-monitor .view-footer img { width: 200px; } /******** Localist widgets *********/ /* full page widget - event landing page */ .localist_minicalendar { width: 30%; float: right; } .localist_minicalendar .localist_minicalendar_pager a.disabled { background-color: #dce1e5 !important; } .localist_minicalendar .localist_minicalendar_pager a { background-color: #047c91 !important; color: #fff; } .localist_minicalendar .localist_minicalendar_page_heading h1 { font-weight: 700 !important; color: #047c91 !important; } .localist_minicalendar_minicalendar th, .localist_minicalendar_minicalendar td { padding: 0; } .localist_minicalendar_nav a { font-size: 14px; font-weight: 600; } .localist_widget_container { width: 67% !important; } .localist_widget_container li.lw_event_item { font-family: Avenir, "Century Gothic", sans-serif !important; } .localist_widget_container div.lw_event_content { padding: 10px 10px 10px 20px !important; } .localist_widget_container a.lw_event_item_image img { margin: 0; float: none; } .localist_widget_container span.lw_event_item_date { background-color: rgba(0, 0, 0, 0.8) !important; font-size: 14px !important; font-weight: 600; } .localist_widget_container div.lw_event_item_title { font-size: 18px !important; line-height: 30px !important; } .localist_widget_container li a { color: #005aa3 !important; } .localist_widget_container div.lw_event_item_description { font-size: 16px !important; } .localist_widget_container div.lw_event_item_location, .localist_widget_container div.lw_event_item_time { text-transform: none !important; font-size: 14px !important; } .localist_widget_container div.lw_event_item_location, .localist_widget_container div.lw_event_item_time { font-size: 16px !important; } .localist_widget_container .action_button a { background: #003660 !important; color: #fff !important; max-width: 120px !important; float: right !important; width: 120px !important; margin-top: 20px !important; } /* localist widget - homepage feature */ #block-block-36 { float: left; width: 58%; margin-right: 2%; } #block-block-36 .block-content { background-color: #dce1e5; margin: 5px 1px 0 0; padding: 10px 25px; } #block-block-36 p.clearfix { margin: 0 0 6px; } .localist-widget-hl ol { font-family: Avenir, "Century Gothic", sans-serif !important; } .localist-widget-hl .event-list>li { float: none !important; margin-bottom: 0px !important; width: 100% !important; } .localist-widget-hl .event-card { margin-bottom: 10px !important; font-size: 14px !important; color: #3d4952 !important; } .localist-widget-hl .event-title { background: rgba(0,0,0,0.8) left top !important; padding: 7px 10px 5px !important; font-size: 16px !important; font-family: Avenir, "Century Gothic", sans-serif !important; } .localist-widget-hl .event-card .event-short-date { background: #047c91 !important; } .localist-widget-hl .event-list .event-overview .content { padding: 12px 10px 9px !important; } .localist-widget-hl .event-card .content p { font-family: Avenir, "Century Gothic", sans-serif !important; }