/* ************************************************* TATE Global CSS file, Tate 2012 Based on original CSS by Bureau for Visual Affairs http://www.bureau-va.com ************************************************* */ /*------------------------------------------- Reset -------------------------------------------*/ * { margin: 0; padding: 0; } /* html, body { height: 100%; } body {background:#fff url("/sites/all/themes/tatebase/images/tate-bg-dots.gif");}*/ body { font-size: 62.5%; line-height:1.75; font-family: Arial,Helvetica,sans-serif; color: #444; } object, img { vertical-align: bottom; } fieldset, img { border: 0; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } input, textarea { border: 1px solid #ccc; vertical-align: top; } label, input, textarea { font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; color: #444; } address { font-style: normal; } a { outline: none; } .zone {background:#fff; border-left:10px solid #fff; border-right:10px solid #fff; } .section-footer .zone {border-left:10px solid transparent; border-right:10px solid transparent; background:transparent; } .form-item, .form-actions, .ul, .item-list ul li, fieldset, .item-list ul {margin:0; padding:0;} .field .field-label, label {font-weight:normal; margin-bottom:3px;} /*------------------------------------------- GENERAL SELECTORS -------------------------------------------*/ #header, #main-wrapper, #footer {font-size:1.2em;} h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #2B2B2B; margin:0; } h1 {font-family:TateNewRegular, Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.1em; padding:11px 0 10px 0; } h2 { font-size: 1.4em; line-height: 1.3em; font-weight:bold; padding:11px 10px 10px 10px;} h3 { font-size: 1.2em; line-height: 1.5em; padding:11px 10px 0 10px; font-weight:bold;} h4 { font-size: 1em; padding: 11px 10px 0 10px; font-weight:bold; } h5 { font-size: 0.9em; line-height: 1.95em; padding: 11px 10px 0 10px; } h6 { font-size: 0.8em; padding: 12px 5px 0 5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#2B2B2B;} h4 a:hover, h5 a:hover, h6 a:hover {color:#0090b5;} p { line-height: 1.75em; padding: 11px 25px 10px 10px; margin:0; } p.no-indenting {padding:11px 15px 10px 0;} .field-name-field-standfirst p, .field-name-field-landing-standfirst p {color:#444; font-size:1.2em; line-height:1.5em;} .field-name-field-landing-standfirst p {padding:10px; margin:0;} .small { font-size: 0.9em; line-height: 1.95em; padding-top: 15px; } blockquote {padding: 11px 65px 10px 45px; color:#999; line-height:1.95em; } .context-context-comment blockquote {background: url(../images/quotes.png) no-repeat 0 -4px;} blockquote a {color:#999; border-bottom:#00aed3 1px solid;} blockquote a:hover {color:#00aed3;} blockquote p {padding:0; padding-bottom:11px; line-height:1.95em;} a, a:link, a:active, a:visited { text-decoration: none; } #block-tate-logorandomiser-logorandomiser h1 a, #block-tate-logorandomiser-logorandomiser h1 a:active, #block-tate-logorandomiser-logorandomiser h1 a:visited, #block-tate-logorandomiser-logorandomiser h1 a:hover {border:none;} .field-name-field-copyright-credit p {padding:0;} img {padding:5px; color:red;} .flexslider-wrapper img, #block-tate-logorandomiser-logorandomiser h1, #block-tate-blocks-logorandomiser h1 {padding:0;} /* Typogrify overrides */ .amp {font-family: Arial, Helvetica, sans-serif; font-style:normal;} .caps {font-size:1.0em;} /* Focus for links */ #page-wrapper a:focus, #feedbackemail a:focus, .social-labels label.focus span { color: #00aed3; } #main-menu a:focus, #secondary-menu a:focus { background:#00aed3!important; color:#fff!important; } #page-wrapper a:focus img#logo { border-bottom: 1px solid #00aed3; } #page-wrapper .block-tate-blocks-footer-bulletin-form input.submit:focus, #feedbackemail input:focus { background-color: #00aed3!important; } a:focus .column_title span { color: #00aed3; } /* Tate font */ @font-face { font-family: 'TateNewRegular'; src: url('tate-font/tatenew-regular-webfont.eot'); src: url('tate-font/tatenew-regular-webfont.woff') format('woff'), url('tate-font/tatenew-regular-webfont.ttf') format('truetype'), url('tate-font/tatenew-regular-webfont.svg#webfontBdOvKvLB') format('svg'); font-weight: normal; font-style: normal; } /* TEXT LINKS */ p a, #region-header-second a, .view-article-list-for-article-series a, .view-list-exhibitions a, .view-list-events a, .tags a, .field-name-field-title-rt a, .field-type-text-with-summary ul li a, .field-type-text-with-summary ol li a, .field-name-field-author-names a, .search-results .result-title h3 a, .node-type-project .project-info-wrapper a, .seealso ul li a, .view-list-events-for-exhib a, #search-back a, #block-tate-blocks-editor-picks a, .block-video-download-link a, .block-video-podcast-link a, .profile a, #block-tate-blocks-login-js a, .comment footer a, a.username, a.fieldset-title, .view-id-press_images a, .link-wrapper a, .comment ul.links a, .field-name-field-cis-show-id a, .field-name-field-series-exhibition a, #edit-revalidate a, #block-tate-facet-tate-facet-main h3 a, .view-event-series-children a, .field-group-format-wrapper a, .group-in-this-series .listed_node a, .group_events_in_this_series .listed_node a, .group_series_in_this_series .listed_node a, .group_related_events .listed_node a, .group_ex_in_this_series .listed_node a, #sharetwitter a, .form-item-mollom-captcha a, .field-name-field-exhibits a, .block-apachesolr-search a, .spelling-suggestions a, .listed_node .field-name-title a, .block-microsites-part-of-mlisting-rhs a, .field-type-taxonomy-term-reference a, .comment-source a, .view-authored-content a, .social-labels label span {color:#444; border-bottom:#00aed3 solid 1px;} p a:hover, #region-header-second a:hover, .view-article-list-for-article-series a:hover, .view-list-exhibitions a:hover, .view-list-events a:hover, .tags a:hover, .field-type-text-with-summary ul li a:hover, .field-type-text-with-summary ol li a:hover, .field-name-field-author-names a:hover, .search-results .result-title h3 a:hover, .seealso ul li a:hover, .view-list-events-for-exhib a:hover, #search-back a:hover, #block-tate-blocks-editor-picks a:hover, .block-video-download-link a:hover, .block-video-podcast-link a:hover, .profile a:hover, #block-tate-blocks-login-js a:hover, .comment footer a:hover, a.username:hover, a.fieldset-title:hover, .view-id-press_images a:hover, .link-wrapper a:hover, .comment ul.links a:hover, .field-name-field-cis-show-id a:hover, .field-name-field-series-exhibition a:hover, #edit-revalidate a:hover, #block-tate-facet-tate-facet-main h3 a:hover, .view-event-series-children a:hover, .field-group-format-wrapper a:hover, .group-in-this-series .listed_node a:hover, .group_events_in_this_series .listed_node a:hover, .group_series_in_this_series .listed_node a:hover, .group_related_events .listed_node a:hover, .group_ex_in_this_series .listed_node a:hover, .form-item-mollom-captcha a:hover, .field-name-field-exhibits a:hover, .block-apachesolr-search a:hover, .spelling-suggestions a:hover, .listed_node .field-name-title a:hover, .listed_node .field-name-field-title-rt a:hover, .field-type-taxonomy-term-reference a:hover, .social-labels label span:hover {color:#0090b5;} a.imagefield-imagelink, a.imagefield {border:none!important;} /* ACTION BUTTON */ .action_button a, a#edit-cancel, .webform-client-form button, input[type="reset"], input[type="submit"], input[type="button"], .social-connector-link, .action_button .light-action-button { width:auto; -webkit-appearance: none; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border-radius: 11px; background: #e5e2de url('../images/panel-button-bg.png') top right no-repeat; border:none; cursor: pointer; color: #444; font: normal 1em Arial, sans-serif; outline: 0; overflow: visible; padding:4px 30px 4px 15px; text-shadow: none; width: auto; display:auto; font-weight:normal!important; } .action_button a:hover, .action_button a:active, .action_button a:focus, a#edit-cancel:hover, a#edit-cancel:active, a#edit-cancel:focus, .webform-client-form button:hover, .webform-client-form button:focus, input:hover[type="reset"], input:hover[type="submit"], input:hover[type="button"], input:focus[type="reset"], input:focus[type="submit"], input:focus[type="button"], .social-connector-link:hover, .social-connector-link:active, .social-connector-link:focus, .light-action-button:hover, .light-action-button:active, .light-action-button:focus { background: #00aed3 url('../images/panel-button-bg-light.png') top right no-repeat; color: #fff!important; } /* ACTION BUTTON OVERRIDES */ .action_button { text-align:right; padding-top:10px; } .action_button a, a#edit-cancel { border:none!important; margin:0 5px; } .action_button a { background-color: #444; background-image: url('../images/panel-button-bg-light.png'); color:#fff } #block-tate-blocks-editor-picks .action_button a, .seealso ul li .action_button a { color: #fff; border-bottom: none; } .field-type-text-with-summary .action_button, .content > .action_button { text-align: left; padding: 10px 6px 7px; } .action_button .light-action-button { background-color: #e5e2de; background-image: url('../images/panel-button-bg.png'); color: #444; } .link-wrapper a, .comment ul.links a {margin:5px 10px 0 0;} .responsive-limit {width: 100%; font-size: 9pt; margin-left: auto; margin-right: auto; } /* general responsive limit, easier to override than inline if need be. */ /*------------------------------------------- HEADER -------------------------------------------*/ #region-user-first {height:120px; display:block;} /* GALLERY MENU */ .menu-name-menu-galleries .menu { float:right; padding:0; margin:0;} .menu-name-menu-galleries ul li { float:left; margin:0; padding:0; } .menu-name-menu-galleries ul li {width:119px; display:block; border-left: 1px solid #e5e2de; text-align:center; } .menu-name-menu-galleries ul li a {color: #444; display:block; padding:6px 0 9px 0;} .menu-name-menu-galleries ul li a:hover { color: #fff; background:#00aed3; } .block-search .form-item-search-block-form { padding: 0px; } #search-block-form .container-inline { position: relative; padding-right:5px;} #search-block-form .form-item input:focus { outline:none; background:#fff; border:1px solid #ccc; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} input:focus {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {color:#444; -moz-box-sizing:content-box; box-sizing: content-box; height: 20px;} #search-back {margin:10px;} #zone-user-wrapper #block-tate-blocks-login-js {float: right; overflow: hidden;padding-top: 21px; margin-right:20px;} #block-tate-blocks-login-js ul {overflow:hidden;} #block-tate-blocks-login-js li {float:left; margin:0 10px;} /* (PG July 2014) Will kick in once the js log-in block is moved to the menu zone */ #zone-menu #block-tate-blocks-login-js { position: absolute; overflow: hidden; padding-top: 6px; right: 0; top: 0; } #block-search-form { margin-top: 13px; margin-right: 5px; *margin-right: 10px; float: right; overflow: hidden;} #block-search-form label { display: none; } #block-search-form .container-inline { position: relative; width: 262px; *width: 252px; margin: 0; padding: 0; } #block-search-form input.form-text { background: none repeat scroll 0 0 #F7F6F5; border: 1px solid #E5E2DE; display: inline-block; font-size: 1em; height: 20px; padding: 5px; width: 217px; *width: 207px; padding-right:38px; } #block-search-form input.form-text:focus { background: #fff; } #block-search-form .form-submit { background: url("../images/search_submit.png") no-repeat scroll 0 0 transparent; border: none; display: block; height: 28px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 1px; text-indent: -99em; top: 2px; width: 31px; line-height:300px; } #block-search-form .form-submit:hover {background-position:0 -32px; cursor:pointer;} /* LOGIN CHOICES */ #loginchoice.popover {position: absolute; z-index:42; background: #fff; padding:10px 15px; margin-top:7px;} #loginchoice.popover {border:1px solid #999;} #loginchoice.popover ul, #loginchoice.popover ul li {list-style: none; float: none; margin: 0; padding: 0;} #loginchoice.popover ul li {display: block;} #loginchoice.popover .close {background: url(../images/close-remove.png) right 3px no-repeat; cursor: pointer; position: absolute; top: 0;right: 5px;overflow: hidden; height: 25px; width: 25px;} #loginchoice.popover .close a {padding-left: 25px; border: none; display: block; height: 25px;} #loginchoice.popover .close:hover {background: url(../images/close-remove.png) right -60px no-repeat;} #loginchoice.popover .close:hover a {color: #0090b5;} #loginchoice.popover .bg-border-arrow {width: 13px; height: 8px; background: url(../images/bg-arrow-login.png) ; position: absolute; top: 0; margin-top: -7px; left: 87px;} #loginchoice-obscure {background:url('../images/login-choice-obscure.png'); width:100%; height:100%; position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 41;} #loginchoice-obscure {*position: absolute;} /* star hack for older browsers that don't support position fixed. */ /* MAIN MENU & SECONDARY MENU */ .navigation { border:none; display:block; border-bottom:1px solid #e5e2de; } .navigation ul { margin:0;} .navigation ul li {float:left; margin:0; padding:0; overflow:hidden; border-right: 1px solid #e5e2de;} .navigation ul li a {color: #444; display:block; border-bottom:none; padding:7px 10px 7px 9px;} .navigation ul li a:hover {background:#00aed3; color:#fff;} .navigation ul#secondary-menu {background:#f7f6f5; margin:0; padding:0; display:block; border-top:1px solid #e5e2de;} #main-menu li a.active-trail, #secondary-menu li a.active-trail {background:#f7f6f5; color:#444; padding-top:3px; border-top:4px solid #00aed3;} #secondary-menu li a.active-trail {padding-top:7px; border-top:none; padding-bottom:3px; border-bottom:4px solid #00aed3;} #main-menu li a.active-trail:hover, #secondary-menu li a.active-trail:hover {background:#00aed3; color:#fff;} #main-menu li a.active:hover, #secondary-menu li a.active:hover {background:#f7f6f5; color:#444;} .navigation .last {border-right:none;} /* BREADCRUMBS */ #breadcrumb {margin:-1px 0px 0px 0px; /* border-bottom: 1px solid #E5E2DE; */ } #breadcrumb ul {overflow:hidden; padding:10px 7px; border-top:1px solid #e5e2de; } #breadcrumb ul li {float:left; padding-right:11px; margin-right:2px; background:url('../images/breadcrumb-arrow.png') top right no-repeat; display:block;} #breadcrumb ul li a {color:#444; border:none; padding:0 5px; background:#f7f6f5; line-height:21px; display:block; border:1px solid #e5e2de; border-right:none;} #breadcrumb ul li a:hover {text-decoration:underline; color:#444;} /* H1 PAGE TITLE ZONE */ #region-header-first, #region-header-second {margin: 0; } .region-header-first-inner, .region-header-second-inner {padding: 0px;} #region-header-second h1 { padding: 11px 10px 13px; border-bottom: 1px solid #E5E2DE;} #region-header-second p {padding:0;} #block-tate-blocks-venue-and-room, #block-tate-blocks-subtitle {font-weight:bold; color:#565656}, #block-tate-blocks-authors .field {float:left; margin-right:6px;} /* EXHIBITION TITLE ZONE */ .view-exhibition-second-title {padding:8px 10px; border-bottom:1px solid #e5e2de; overflow:hidden; } .view-exhibition-second-title .title span {font-family: TateNewRegular, Arial, Helvetica, sans-serif;font-size: 1.55em; line-height: 1.2em; v-align:middle; margin-bottom:10px; display:block;} .view-exhibition-second-title .field-venues {margin-right:6px;} .view-exhibition-second-title .field-price-full {clear:both;} .view-exhibition-second-title .field-booking-advice p, .view-exhibition-second-title .field-annoucement p {padding:0;} #region-header-second #block-tate-blocks-authors {clear:both;} #region-header-second .field-name-field-author-names {display:block;} #region-header-second .event-free, .view-exhibition-second-title .event-free, #block-views-event-prices-block .event-sold-out {color:#444; background:#CEE007; padding:0 5px; *padding:0; text-transform:uppercase; font-weight:bold; float:left; margin-bottom:3px;} #block-views-event-prices-block .event-sold-out {background:#ff0093; color:#fff} .field-name-field-series-exhibition {padding: 0 10px 10px 10px; background: white; margin-top: -1px; border-bottom: 1px solid #E5E2DE; } #block-tate-blocks-content-subcategories, #block-tate-blocks-content-categories, #block-tate-blocks-content-type-name {padding-top:5px; font-size:0.9em; line-height:1.95em; text-transform:uppercase; color: #565656; font-weight:bold;} /*------------------------------------------- MAIN WRAPPER -------------------------------------------*/ #zone-content { padding-bottom: 4px; min-height: 340px;} .ddblock-cycle-sixteencolvisit50p, .ddblock-cycle-homepage50p { padding-top: 3px; } /* PREFACE */ #zone-preface { font-size: 1.2em; } .region-preface-first, .region-preface-second { border-top: 1px solid #E5E2DE; margin-top: -1px; padding-top: 3px; } #zone-preface .messages { margin: 10px; background: #ff0093; padding: 10px; color: #efefef; } #zone-preface .error { background: #ef4136; } #zone-preface .status { background: #d5e04e; color: #444; } #zone-preface .messages a { color: #efefef; border-bottom: #ddd 1px solid; } #zone-preface .messages a:hover { color: #ddd; } #zone-preface .status a { color: #444; border-bottom: #666 solid 1px; } #zone-preface .status a:hover { color: #666; } /* PREFACE 2 - BIG IMAGE FOR EXHIBITIONS */ #block-views-exhibition-lead-image-block img { padding: 0; max-height: 600px; max-width: 100%; width: auto; } #block-views-exhibition-lead-image-block {width:100%; text-align:center; padding:0 0 4px 0; border-bottom:#e5e2de solid 1px;} #block-views-exhibition-lead-image-block .views-row { background: #131313; } .field-name-field-lead-image .field-item { padding: 5px; } .field-name-field-lead-image .field-item .field-item { padding: 0px; } .field-name-field-lead-image img { max-height: 600px; max-width: 100%; width: auto; height: auto; margin: auto; padding: 0px; } /* MAIN CONTENT */ #region-content {background:#fff; z-index:1;} /* COLORBOX OVERRIDES */ #cboxTitle { background: #fff; } /* SIDEBARS */ #region-sidebar-first {margin-right:-1px; border-right:#e5e2de 1px solid;} .region-sidebar-first-inner, .region-sidebar-second-inner {padding:11px 0 10px 0;} /* LHS MENU */ #block-book-navigation, #block-menu-block-1 {margin-left:-10px; } #block-menu-block-1 {margin-bottom:10px;} #zone-content .menu {padding:0; margin:0; margin-right:15px;} #zone-content .menu li {padding:0; margin:0; } #zone-content .menu li a { display:block; padding:3px 0 3px 15px; border-bottom:none; border-left:5px solid transparent; color: #444; } #zone-content .menu a.active { font-weight:bold; color: #444; border-left:5px solid #585b5c;} #zone-content .menu a:hover { color: #0090b5 ; border-left:5px solid #00aed3;} #zone-content .menu .active a:hover, #region-sidebar-first .menu a.active:hover { color: #0090b5 ; border-left:5px solid #585b5c;} #zone-content .menu .active ul li a:hover, #region-sidebar-first .menu ul li a.active:hover { color: #0090b5 ; border-left:5px solid #00aed3;} #zone-content .menu li ul { margin:0 0 0 0; padding:0;} #zone-content .menu li ul li { margin-left:0;} #zone-content .menu li ul li a { padding-left:30px; } #zone-content .menu li ul li ul li a { padding-left:45px; } #zone-content .menu li ul li ul li ul li a { padding-left:60px; } #zone-content .menu li ul li ul li ul li ul li a { padding-left:75px; } #zone-content .menu li ul li ul li ul li ul li ul li a { padding-left:90px; } #zone-content .menu li ul li ul li ul li ul li ul li ul li a { padding-left:105px; } #zone-content .menu li ul li ul li ul li ul li ul li ul li ul li a { padding-left:120px; } #block-book-navigation h2.block-title {display: block; font-weight: normal; margin:0; font-size:1em; line-height:1.75em; padding:0 25px 0 0 ;} #block-book-navigation h2.block-title a {display: block; padding:3px 0 3px 15px; border-bottom:none; border-left:5px solid transparent; color: #444;} #block-book-navigation h2.block-title a:hover {color: #0090b5 ; border-left:5px solid #00aed3;} #block-book-navigation h2.block-title a.active {font-weight:bold; color: #444; border-left:5px solid #585b5c;} #block-tate-blocks-exhibition-venue-link a, #region-sidebar-first .field-event-mts-id a {display: block; padding: 3px 0 3px 15px; border-bottom: none; border-left: 5px solid transparent; color: #444; margin-left:-10px;} #block-tate-blocks-exhibition-venue-link a:hover, #region-sidebar-first .field-event-mts-id a:hover {border-left:5px solid #00aed3; color: #0090b5} #region-sidebar-first .event-free-for-members, #region-sidebar-first .field-booking-advice, #region-sidebar-first .event-free, #region-sidebar-first .book-full {display:none;} /* BORDERS FOR COLUMNS */ .sidebar-first #region-content, .two-sidebars #region-content { margin-left: -1px !important; border-left: 1px solid #e5e2de; } .sidebar-second #region-content, .two-sidebars #region-content { margin-right: -1px !important; border-right: 1px solid #e5e2de; } /* BOOKING BLOCK */ #book-navigation-153679 {display:none;} .block-views-event-prices-block {position:absolute; bottom:0;} .block-event-prices-block-rhs {padding:0; border-bottom:1px solid #e5e2de; overflow:hidden; padding:0 10px 10px 10px} .block-views-event-prices-block .block-inner, .block-event-prices-block-rhs .block-inner {float:left; padding:0;} .block-views-event-prices-block .field-event-mts-id, .block-event-prices-block-rhs .field-event-mts-id, .block-views-event-prices-block .field-price-full, .block-event-prices-block-rhs .field-price-full {text-align:right;} .block-views-event-prices-block .field-price-full, .block-event-prices-block-rhs .field-price-full {display:none;} .block-views-event-prices-block .field-price-full, .block-event-prices-block-rhs .field-price-full {text-align:right; margin:0 5px 3px 0;} .block-views-event-prices-block .field-event-mts-id a, .block-event-prices-block-rhs .field-event-mts-id a, #block-views-event-prices-block-in-body .field-event-mts-id a {padding:8px 35px 8px 15px; background:#00aed3 url('../images/panel-button-bg-light.png') 154px 4px no-repeat ; color:#fff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin:0 0 10px 0; height:14px; line-height:14px; text-align:left; border:none; display:block; width:130px; float:right;} .block-views-event-prices-block .field-event-mts-id a:hover, .block-event-prices-block-rhs .field-event-mts-id a:hover, #block-views-event-prices-block-in-body .field-event-mts-id a:hover {background:#0090b5 url('../images/panel-button-bg-light.png') 154px 4px no-repeat;} .block-views-event-prices-block .event-free-for-members, .block-event-prices-block-rhs .event-free-for-members {display:block; float:right; margin-bottom:5px; margin-top:-1px; font-size:0.9em;} .block-views-event-prices-block .event-free-for-members a, .block-event-prices-block-rhs .event-free-for-members a { width:auto; -webkit-appearance: none; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border-radius: 11px; background:#e5e2de url('../images/panel-button-bg.png') top right no-repeat ; border:none; cursor: pointer; color: #444; font: normal Arial, sans-serif; outline: 0; overflow: visible; padding:4px 30px 4px 15px; text-shadow: none; width: auto; display:auto; margin-right:4px; } .block-views-event-prices-block .event-free-for-members a:hover, .block-event-prices-block-rhs .event-free-for-members a:hover, .block-views-event-prices-block .event-free-for-members a:hover, .block-event-prices-block-rhs .event-free-for-members a:hover {background:#00aed3 url('../images/panel-button-bg-light.png') top right no-repeat ; color:#fff;} .block-views-event-prices-block .event-free-for-members .event-ffm-label, .block-event-prices-block-rhs .event-free-for-members .event-ffm-label, .block-views-event-prices-block .event-free-for-members .event-ffm-label, .block-event-prices-block-rhs .event-free-for-members .event-ffm-label {padding-right:6px} .block-views-event-prices-block .field-name-field-tags-access a, .block-event-prices-block-rhs .field-name-field-tags-access a {border:none;} .block-views-event-prices-block .field-name-field-tags-access, .block-event-prices-block-rhs .field-name-field-tags-access {margin-top:-5px;} .block-views-event-prices-block .event-free, .block-event-prices-block-rhs .event-free {display:none;} #block-views-event-prices-block-in-body .field-event-mts-id a {margin-right:10px;} #block-views-event-prices-block-in-body .field-booking-advice {float:right; clear:both;} #block-views-event-prices-block-in-body .field-booking-advice p {padding-top:0;} /* BODY TEXT */ .field-type-text-with-summary ul.body-list {padding: 11px 25px 10px 10px; } .field-type-text-with-summary ul.body-list li, .field-name-field-body-tab-content ul.body-list li, .password-suggestions ul li { margin: 0 0 0 5px; padding-left: 15px; background: url('../images/rh-list-arrow.png') no-repeat 0 5px; } .field-type-text-with-summary ol {padding: 10px 25px 0 10px;} .field-type-text-with-summary ol li {list-style:decimal; margin-left:20px;} .field-name-field-landing-standfirst {max-width:540px;} .view-display-id-block_in_body .event-sold-out {display:none;} /* UL IMAGE OVERRIDE */ .field-type-text-with-summary .flexslider-wrapper ul img {padding:0;} /* ARTICLE / EVENT / EXHIBITION SERIES */ .field-name-field-cis-show-id {padding:10px;} .field-name-field-sponsor-logo {padding:5px; overflow:hidden; clear:both;} .field-name-field-sponsor-logo .field-item {float:left; padding-right:20px;} /* SECOND SIDE BAR ALL CONTENT */ .block-apachesolr-search {border-bottom:1px solid #e5e2de; padding-bottom:20px;} /* ARTICLE SERIES */ .group-in-this-series .listed_node, .group_events_in_this_series .listed_node, .group_series_in_this_series .listed_node, .group_related_events .listed_node, .group_ex_in_this_series .listed_node, .field-name-field-exhibits {padding:11px 10px 10px 10px;} .field-name-field-exhibits a {font-style: italic;} .group-in-this-series .listed_node .field-name-field-standfirst p {padding:11px 0; font-size: 1em; line-height: 1.75em;} /* COMMENTS */ .link-wrapper { padding: 10px 10px 15px 10px; } .content .link-wrapper, .block-comments-count { border-top: 1px solid #e5e2de; } .block-comments-count { margin-top: -1px; } .block-comments-count .link-wrapper { border-top: none; } form.comment-form { padding:0 10px 15px 10px;} form.comment-form textarea { padding:5px; height:150px;} .comment-form .form-wrapper {padding:0;} #comments {background:#fff; border-top: 1px solid #e5e2de; padding-top:0; margin-top:0;} #comments h2.title {padding:10px; border-bottom:1px solid #e5e2de;} #comments h3 { display:none; } #comments header {margin:0 10px;} #comments article {border-bottom: 1px solid #e5e2de; margin-bottom:10px;} #comments ul li:last-child article {border-bottom:none;} #comments article div {clear:both;} #comments footer {float:left; clear:none; display:block; min-height:30px; margin:5px 10px;} #comments .indented .indented .indented { /* let's reduce indent size after 5 inline replies */ border-left:10px solid #ededed; } #comments .indented .indented .indented .indented .indented .indented { /* let's reduce indent size after 5 inline replies */ border-left:7px solid #ededed; } #comments .indented .indented .indented .indented .indented .indented .indented .indented .indented .indented { /* let's stop indents alltogether after it gets silly */ border-left:none;} .comment .user-picture { float:left; padding:0 5px; clear:none;} .comment .user-picture img { max-width:60px; max-height:60px; } .bg .username { background:#555; } .bgpurple .username { background:#8d2681; } .bgred .username { background:#eb3027; } .bgpink .username { background:#ff2480; } .bggrey .username { background:#686a67; } .bgblue .username { background:#35b6c9; } .bggreen .username { background:#c5d80a; } .bgyellow .username { background:#ffee00; } .bgorange .username { background:#f67c17; } .comment .withpic time { margin-left:190px;} .comment div.field-name-comment-body { background:#fff; clear:left; padding:11px 25px 10px 10px; margin-top:10px;} .comment .comment-links { background:#fff; padding:0 10px 8px 10px; color:#999;} .comment .comment-links a, .description a {color:#999!important; border-bottom:1px solid #00aed3;} .description {margin-top:10px;} .comment .comment-links a:hover, .description a:hover {color:#00aed3!important;} .comment .comment-links ul { margin:0;} .comment-links ul { margin:0; padding:0;} .comment-links ul li { padding:0; display:inline-block;} .username {display:block;} .comment-username {font-weight:bold; display:block;} .comment-datetime {display:block;} #edit-comment-body, .comment {max-width:480px;} .comment h3 {padding-bottom:10px;} .comment footer {float:left;} legend {padding:10px 0;} fieldset.collapsed {height:32px!important;} #comment-confirm-delete {margin:10px;} #edit-actions { padding-top:10px; clear: left; } input.form-autocomplete {background-position:100% 40px;} .comment_forbidden a {margin:0!important;} #edit-notify-type .form-item-notify-type {margin-left:0; margin-right:20px;} .text-format-wrapper .description {padding:11px 0 10px 0; margin:0;} .comment-add, .comment_forbidden {padding:0; background:none;} #comments .item-list {overflow:hidden;} #comments .pager-item a {color: #444;} #comments .pager-item a:hover {color:#fff;} #comments .item-list .pager {padding-right:10px;} #comment-and-share-form-38085 a {color|:#fff!important; } /* AUTHOR PROFILE */ .profile {margin:0; padding:0;} .profile .user-picture img {height:auto!important; width:auto!important; max-width:60px; } .profile .user-picture a {border:none;} .profile .field-name-field-user-fullname {font-family:TateNewRegular, Arial, Helvetica, sans-serif; font-size: 1.6em; line-height: 1.2em; padding: 6px 10px 12px 10px;} .profile .field-name-field-user-bio {padding: 11px 25px 10px 10px;} .profile .field-name-field-user-profile-public {display:none;} .profile .view-authored-comments p, .profile p {padding:0; margin:0;} .profile h3 {border:none; font-weight:normal;} .profile .field-content, .profile .view-empty {padding: 0 25px 0 10px;} /* USER LOGIN / FORMS */ /* #user-login, #user-pass { margin:10px; } */ #user-register-form h1 { paddding: 10px 10px 11px; } input.form-text, textarea.form-textarea { padding: 5px; background: #fff; border: #cec8c1 1px solid; margin: 2px 0; } input.password-confirm, input.password-field, #edit-current-pass { width: 16em; } .password-placeholder { padding: 7px 5px; font-size: 1em; color: #444; background: none; z-index: 999; } .password-strength { margin-top: 7px; } #login-links a.lt-active, .toboggan-unified #login-links a, .login-forgot a { background: none; border: none; color: #444; border-bottom: 1px solid #00aed3; padding: 0; margin: 0 10px 0 0; } #login-links a.lt-active { display: none; } #login-links a.lt-active:hover, .toboggan-unified #login-links a:hover { background: none; color: #0090b5; border: none; border-bottom: 1px solid #00aed3; } .toboggan-unified #login-message { font-style:italic; font-size:1em;} .toboggan-unified #login-links {font-size:1em;} .form-item .description {font-size:0.9em; color:#999; line-height:1.95em;} #register-form .description a {color:#444; border-bottom:1px solid #00aed3;} #register-form .description a:hover, .login-forgot a:hover {color:#0090b5;} #login-message, #login-links { text-align:left; margin:10px 10px 0 10px; display:inline-block;} label { margin:5px 0; color:#666;} .regionless-page h1, .form-wrapper { padding: 10px; } .form-wrapper .form-wrapper { padding: 0px; } .form-item { padding: 0px 10px 7px; } .form-wrapper .form-item { padding: 0px 0px 7px; } #user-register-form .form-type-textfield label, #user-register-form .form-type-password label, #user-register-form .form-type-textarea label, #user-login .form-type-textfield label, #user-login .form-type-password label, #user-pass .form-type-textfield label, #user-pass .form-type-password label { display: inline-block; text-indent: -999em; width: 0px; float: left; } .form-type-checkbox, .form-type-checkbox label { vertical-align: middle; line-height: 20px; } .form-type-checkbox input.form-checkbox { margin-top: -3px; } .form-type-checkbox label { margin: 0px 5px; padding: 0px; } .form-item-remember-me, .login-forgot { float: left; } .login-forgot { display: block; padding: 0px 0px 7px; vertical-align: middle; line-height: 20px; } .form-item-remember-me { width: 188px; } #user-register-form .form-type-textfield .description, #user-register-form .form-type-textarea .description, #user-register-form .form-type-password .description, #user-login .form-type-textfield .description, #user-login .form-type-textarea .description, #user-login .form-type-password .description, #user-pass .form-type-textfield .description, #user-pass .form-type-textarea .description, #user-pass .form-type-password .description { display: none; font-size: 1em; } #edit-field-journ-address .description { display: block !important; color: #000; } .popDesc { display: none; position: absolute; top: 0px; left: 0px; z-index: 9999; background: url('../images/field-description-pointer.png') no-repeat 0px 5px; padding-left: 8px; } .popDesc > div { font-size: 1.2em; background: #cee007; max-width: 300px; padding: 6px 10px; -moz-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2); box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2); } .suggestion-wrapper { border: 0px; width: 100%; display: block; height: 0px; overflow-y: hidden; overflow-x: visible; } .suggestion-wrapper ul { position: relative; zoom: 1; } div.form-item div.password-suggestions { border: 0px; background: #cee007; padding: 6px 10px; color: #444; width: auto; margin: 0px; } div#edit-account.form-wrapper { padding-bottom: 0 !important; } /* Reshow the biography label */ #user-register-form .form-type-textarea.form-item-field-user-bio-und-0-value label { display: block; text-indent: 0; width: auto; float: none; } /* Hide the edit picture legend, until we do it programatically. */ #edit-picture legend { display: none; } /* Disabled until it works */ #user-register-form #edit-picture { display: none; } /* MEDIA ITEMS */ .inline-slideshow-nav-wrapper { width:100%; overflow:hidden; margin-top:25px;} .inline-slideshow-nav { margin:5px 5px 0 5px; padding:0; width:4000px; overflow:hidden; } .inline-slideshow-nav li { padding:0; float:left; opacity:0.8; display:block; border-bottom:5px solid white; margin:0 1px 1px 0;} .inline-slideshow-nav li:hover { opacity:1; border-bottom:5px #444 solid;} .inline-slideshow-nav li img{ max-height:60px; } .inline-slideshow-nav .audio { width:85px; height:60px; z-index:200; display:block; background:#EEE; overflow:hidden;} .inline-slideshow-nav .audio img { height:60px; margin:0 auto;} .inline-slideshow-nav .audio span { width:85px; height:60px; display:block;} .inline-slideshow-nav .audio:after { content:" "; width:inherit; height:inherit; background:url(../images/media-inline-nav-audiooverlay.png) no-repeat; background-position:center; position:relative; margin-top:-60px; z-index:300; display:block;} .inline-slideshow-nav .video { width:85px; height:60px; background:rgba(22,22,22,0.05); display:block; overflow:hidden;} .inline-slideshow-nav .video:after { content:" "; width:85px; height:60px; background:url(../images/media-inline-nav-videooverlay.png) no-repeat; background-position:center; position:relative; margin-top:-60px; z-index:300; display:block;} /* IMAGE CAPTIONS */ figcaption { padding:0 10px 10px 10px; } .media-item-inline .credit, .media-item-inline .context-caption, .region-content .lead-image-caption-wrapper, .region-content .field-name-field-lead-image .context-caption { color: #999; font-size: 0.95em; line-height: 1.5em; padding: 0 10px; } .field-name-field-caption-photo-credit p .field-name-field-copyright-credit p { padding: 0; color: #999; } .region-content .field-name-field-lead-image .context-caption {padding: 5px;} a.view-artwork, .view-artwork-p a, figcaption a, .lead-image-caption-wrapper a {color: #999!important;} /* DOWNLOAD FILE */ .download-file a {color:#444; border-bottom:#00aed3 solid 1px; line-height: 32px; vertical-align: middle!important;} .download-file a:hover {color:#0090b5; } /* TAGS */ .tags-wrapper {padding:11px 0;} .tags {margin:0 10px 10px 0px; overflow:hidden; font-size:0.9em; line-height:1.95em;} .tags li {float:left; padding:2px 8px; *float:none; background:#f7f6f5; *background:none; margin:1px 1px 0 0;} .tags li a {color:#565656;} .tags_title {float: left; font-size: 0.9em; line-height:1.95em; margin:0 10px; padding:2px 0;} /* ACCESS ICONS */ .acc_hearing_loop, .acc_bsl_interpretation, .acc_step-free_access, .acc_visual_description {height:22px; width:0; display:block; overflow:hidden; padding-left:22px; background:#fff url(../images/acc-hearing.png) no-repeat; border:none; float:left; } .acc_step-free_access {background:#fff url(../images/acc-wheelchair.png) no-repeat;} .acc_visual_description {background:#fff url(../images/acc-visual.png) no-repeat;} .acc_bsl_interpretation {background:#fff url(../images/acc-signlan.png) no-repeat;} /* LISTING PAGE */ .search-results {} .search-results li {margin:0; padding:0;} .search-results .tate-facet-search-result {clear:both; border-bottom: 1px solid #E5E2DE; border-top: 1px solid #E5E2DE; margin-bottom:-1px; width: 100%; position:relative; overflow:hidden; *margin-top:-4px;} .search-results #thumb-image {float: left; display: block; width: 180px; text-align: center;} .search-results #thumb-image img {max-width:170px; max-height:300px} .search-results .center-col-wrapper {margin-left:180px; padding:10px 10px 5px 10px;} .search-results .result-snipped-text p, .search-results .result-title h3, .search-results .result-date, .search-results .result-venue {padding:0; margin:0; font-weight:normal;} .type-of {font-size:0.9em; color:#999; line-height:1.95em;} .search-results .result-title h3 {color:#999; font-size:0.9em; line-height:1.95em;} .search-results .result-title h3 a {font-size:1.3em; line-height:1.5em; margin-right:3px;} .search-results .result-right-col {position:absolute; top:10px; right:10px;} .search-results .result-acc-icons, .search-results .acc_hearing_loop, .search-results .acc_bsl_interpretation, .search-results .acc_step-free_access, .search-results .acc_visual_description {float:right; display:block;} .search-results .result-pricing, .search-results .event-free, .search-results .result-cancelled, .search-results .event-sold-out {color:#444; background:#CEE007; padding:0 5px; *padding:0; text-transform:uppercase; font-weight:bold; float:right; margin-bottom:3px;} .search-results .result-cancelled {color: white; background: #EF4136;} .search-results .event-sold-out {background:#ff0093; color:#fff;} .event-cancelled {color:#fff; background:#ef4136; padding:0 5px; *padding:0; text-transform:uppercase; font-weight:bold; float:right; margin-bottom:3px;} #search-totals {padding:5px 10px; float:left;} .search-results .search-group-heading {padding:10px; border-top:1px solid #e5e2de; clear:both; font-size:1.2em;} #search-totals {padding:5px 10px; float:left;} #results-date-title, #results-date-content {float: left; margin-top: 10px; margin-left: 10px; font-size: 1.2em; } #results-date-content {font-weight:bold; margin-left:6px;} #results-date {overflow:hidden;} .result-file-icon {padding:0;} .result-file-icon, .result-file-size {display:none;} .page-search .search-form label { display: none; } .page-search .search-form .form-wrapper { position: relative; width: 260px; *width: 250px; margin: 0; padding: 0; } .page-search .search-form .form-type-textfield input {background: none repeat scroll 0 0 #F7F6F5; border: 1px solid #E5E2DE; display: inline-block; font-size: 1em; height: 20px; padding: 5px; width: 217px; *width: 207px; padding-right:38px; } .page-search .search-form .form-type-textfield input:focus { background: #fff; } .page-search .search-form .form-submit { background: url("../images/search_submit.png") no-repeat scroll 0 0 transparent; border: none; display: block; height: 28px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0px; text-indent: -99em; top: 1px; width: 31px; line-height:300px; } .page-search .search-form .form-submit:hover {background-position:0 -32px; cursor:pointer;} .search-results .tate-facet-search-result #thumb-image img {display:none;} .search-results .tate-facet-search-result #thumb-image a img {display:block;} /* FACETS */ #block-tate-facet-tate-facet-main ul { border-top: none; } #block-tate-facet-tate-facet-main ul li a { border-bottom: none; background: #fff; padding: 2px 10px 2px 10px; display: block; color:#444; line-height: 1.6em; height: auto; } #block-tate-facet-tate-facet-main ul li a:hover { background-color: #eee; } #block-tate-facet-tate-facet-main ul.facet-list ul a, #block-tate-facet-tate-facet-main ul.facet-list-archive ul a { min-height: 20px; } #block-tate-facet-tate-facet-main ul.facets-current { padding-bottom: 5px; } #block-tate-facet-tate-facet-main ul.facets-current li a { padding: 0px 18px 0px 10px; background: #eee url(../images/close-remove.png) right 1px no-repeat; margin-bottom: 1px; } #block-tate-facet-tate-facet-main ul.facets-current li a:hover { background-position: right -63px; background-color: #f7f6f5; } #block-tate-facet-tate-facet-main ul.facets-current li span.count { font-size: 0.9em; color: #666; font-weight: normal; } #block-tate-facet-tate-facet-main ul li h3 { font-weight: bold; color: #444; margin-bottom: 0px; padding: 21px 10px 10px 10px; } #block-tate-facet-tate-facet-main ul li ul { padding: 0; margin: 0; position: relative; background: #fff; overflow: hidden; } #block-tate-facet-tate-facet-main { margin-right:10px;} #block-tate-facet-tate-facet-main ul li ul li { margin: 0; padding: 0; border-bottom: 1px solid #e5e2de; } #block-tate-facet-tate-facet-main ul li ul li:first-child { border-top: 1px solid #e5e2de; } #block-tate-facet-tate-facet-main ul li ul li a:hover { color: #333; } #block-tate-facet-tate-facet-main ul li ul li span.count { font-size: 0.9em; color: #999; font-weight: normal; } #block-tate-facet-tate-facet-main p.facet-topic-link { background: whitesmoke; margin: 0; padding: 10px; } #block-tate-facet-tate-facet-main p.facet-topic-link a { color: #666; } #block-tate-facet-tate-facet-main .view-more-link { cursor: pointer; margin: 2px 10px; overflow: hidden; line-height: 23px; color: #999; display: block; padding: 0; line-height: 1.2; background: #fff; } #block-tate-facet-tate-facet-main .view-more-link:hover { color: #0090b5; background: #fff; } #block-tate-facet-tate-facet-main .facet-see-all, #block-tate-facet-tate-facet-main .facet-clear-all {padding:8px 35px 8px 15px; background:#00aed3 url('../images/panel-button-bg-light.png') 154px 4px no-repeat ; color:#fff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin:0 0 7px 0; height:14px; line-height:14px; text-align:left; border:none; display:block; width:130px; } #block-tate-facet-tate-facet-main .facet-see-all:hover, #block-tate-facet-tate-facet-main .facet-clear-all:hover {background:#0090b5 url('../images/panel-button-bg-light.png') 154px 4px no-repeat;} #block-tate-facet-tate-facet-main .facet-clear-all {display:none;} /* CALENDAR */ #ui-datepicker-div {font-size:1.1em; background:#fff; border:1px solid #e5e2de;} .ui-corner-all {moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} #datepicker .ui-corner-all, #ui-datepicker-div .ui-corner-all {moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;} #datepicker .ui-widget, #ui-datepicker-div .ui-widget {font-family: Arial, Helvetica, sans-serif;} #datepicker .ui-datepicker, #ui-datepicker-div .ui-datepicker {color:#444; width:auto;} #datepicker .ui-datepicker tbody, #ui-datepicker-div .ui-datepicker tbody {border:none;} #datepicker .ui-widget-content, #ui-datepicker-div .ui-widget-content {border:none; padding:10px 0;} #datepicker .ui-widget-header, #ui-datepicker-div .ui-widget-header {border:none; background:#Fff; font-weight:normal; color:#444; font-size:0.9em; line-height:1.95em;} #datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default, #datepicker .ui-widget-header .ui-state-default, #ui-datepicker-div .ui-state-default, #ui-datepicker-div .ui-widget-content .ui-state-default, #ui-datepicker-div .ui-widget-header .ui-state-default {border:1px solid #e5e2de; background:#F7F6F5; color:#444; padding-right:3px;} #datepicker .ui-state-default:hover, #datepicker .ui-widget-content .ui-state-default:hover, #datepicker .ui-widget-header .ui-state-default:hover, #ui-datepicker-div .ui-state-default:hover, #ui-datepicker-div .ui-widget-header .ui-state-default:hover, #ui-datepicker-div .ui-widget-content .ui-state-default:hover {background:#00aed3; border:1px solid #00aed3; color:#fff; text-decoration:none;} #datepicker .ui-datepicker-current-day .ui-state-default, #ui-datepicker-div .ui-datepicker-current-day .ui-state-default {background:#444; color:#fff;} #datepicker .ui-state-disabled .ui-state-default:hover, #ui-datepicker-div .ui-state-disabled .ui-state-default:hover {border:1px solid #e5e2de; background:#F7F6F5; color:#444;} #datepicker .ui-datepicker th, #ui-datepicker-div .ui-datepicker th {font-weight:normal;} #datepicker .ui-widget-header .ui-icon-circle-triangle-w, #ui-datepicker-div .ui-widget-header .ui-icon-circle-triangle-w {background:url(../images/cal-arrows.png) no-repeat -32px 0; margin-top:0;} #datepicker .ui-widget-header .ui-icon-circle-triangle-e, #ui-datepicker-div .ui-widget-header .ui-icon-circle-triangle-e {background:url(../images/cal-arrows.png) no-repeat 0 0; margin-top:0;} #datepicker a.ui-datepicker-next:hover, #ui-datepicker-div a.ui-datepicker-next:hover {cursor:pointer; background:none; border:none; right:2px; top:2px;} #datepicker a.ui-datepicker-prev:hover, #ui-datepicker-div a.ui-datepicker-prev:hover {cursor:pointer; background:none; border:none; left:2px; top:2px;} #ui-datepicker-div .ui-datepicker table, #datepicker .ui-datepicker table {width:97%; margin:0.1em;} /* PAGINATION */ .item-list .pager {float:right; margin:0; padding:0; overflow:hidden; clear:right; padding-top:4px;} .item-list .pager li {color:#3a3a3a; float:left; height:26px; display:block; background:#eee; padding:0; margin:2px;} .item-list .pager li a, .item-list .pager .pager-current {color:#3a3a3a; text-decoration:none; display:block; padding:3px; height:20px; min-width:20px;} .item-list .pager li a:hover {background:#00aed3; color:#fff;} .item-list .pager .pager-current {border-bottom:4px solid #00aed3;} .item-list .pager .pager-ellipsis {padding:0 7px;} .item-list .pager .pager-last, .item-list .pager .pager-next, .item-list .pager .pager-first, .item-list .pager .pager-previous {width:26px; overflow:hidden; } .item-list .pager .pager-last {background:#eee url(../images/pgr_ctrls.png) -26px -26px;} .item-list .pager .pager-next {background:#eee url(../images/pgr_ctrls.png) -26px 0;} .item-list .pager .pager-first {background:#eee url(../images/pgr_ctrls.png) -26px -78px;} .item-list .pager .pager-previous {background:#eee url(../images/pgr_ctrls.png) -26px -52px;} .item-list .pager .pager-last a:hover {background:none!important;} .item-list .pager .pager-next a:hover {background:none!important;} .item-list .pager .pager-first a:hover {background:none!important;} .item-list .pager .pager-previous a:hover {background:none!important;} .item-list .pager .pager-last:hover {background:#00aed3 url('../images/pgr_ctrls.png') 0 -26px!important;} .item-list .pager .pager-next:hover {background:#00aed3 url(../images/pgr_ctrls.png) 0 0!important;} .item-list .pager .pager-first:hover {background:#00aed3 url('../images/pgr_ctrls.png') 0 -78px!important;} .item-list .pager .pager-previous:hover {background:#00aed3 url('../images/pgr_ctrls.png') 0 -52px!important;} .item-list .pager .pager-last a, .item-list .pager .pager-next a, .item-list .pager .pager-first a, .item-list .pager .pager-previous a { margin-right:-100px; background:none;} /* PANELS / SLIDER */ .overlay-white-line-left, .overlay-white-line-right {position:absolute; height:100%; border-left:1px white solid; left:0; top:1px; z-index:300;} .overlay-white-line-right {left:auto; right:0;} #container-masonry {overflow:hidden; border-top: 1px solid #E5E2DE; margin: -1px 0 0 0;} .one_column_container {width:239px!important;} .three_column_container {width:479px!important;} .one_column_container, .three_column_container {padding:0 0 20px 0; margin-left:-1px; margin-top:-1px; border:1px #e5e2de solid; display:block; position:relative; *padding:0 0 10px 0;} #region-sidebar-second .one_column_container, #region-sidebar-second .three_column_container {padding:0;} .jcarousel-skin-tango .one_column_container {border-bottom:none;} .jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item {width:239px; margin-left:-1px; margin-top:-1px; border:1px #e5e2de solid; display:block; position:relative; padding:0; } .panel-size-1 .jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item {width:239px;} .panel-size-3 .jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item {width:479px;} .one_column_container h3, .three_column_container h3, .one_column_container h3 a, .three_column_container h3 a {padding:0; margin:0; border:none!important; display:block; text-align:center; font-weight:normal;} .one_column_container p, .three_column_container p { padding: 0; } .one_column_container h3 a:hover, .three_column_container h3 a:hover { color: #444; cursor: pointer; } .column_title { margin: 0 25px 0 10px; display: block; text-align: left; max-width: 610px; } .column_title span { line-height: 1.5em; font-weight: normal; color: #444; border-bottom: 1px solid #00aed3; clear: both; } .column_title span:hover { color: #0090b5; } .panel_type { line-height: 1.45em; margin: 5px 10px -5px 10px; font-size: 0.75em; font-weight: bold; color: #565656; text-transform:uppercase; display:block; min-height:30px; text-align:left;} .panel_img { width: 100%; text-align: center; } .column_dates {padding:11px 10px 0 10px; line-height:1.45em; color:#565656;} .column_body {padding:11px 10px 3px; color:#565656} .one_column_container img, .three_column_container img {display:block;} .jcarousel-item .one_column_container img {width:auto; height:auto; max-width:229px; max-height:270px; *max-height:200px; vertical-align: middle!important; display:inline;} .block-tate-panel-manager { position: relative; } #block-tate-panel-manager-pmb-rhsp-as-tate-paper, .block-tate-panel-manager-pmb-rhsp-any-venue-teachers {margin-top:21px;} .jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:80px; right:0; margin-right:-10px; *margin-right:0; background:#fff200 url(../images/slider-arrows.png) -80px 0 no-repeat; width:80px; height:80px; border-radius:40px; -moz-border-radius:40px; webkit-border-radius:40px; opacity:0.7; z-index:500} .jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:80px; left:0; margin-left:-10px; *margin-left:0; background:#fff200 url(../images/slider-arrows.png) no-repeat ; width:80px; height:80px; border-radius:40px; -moz-border-radius:40px; webkit-border-radius:40px; opacity:0.7; z-index:500} .jcarousel-skin-tango:hover .jcarousel-next-horizontal {background:#fff200 url(../images/slider-arrows.png) -80px 0 no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango:hover .jcarousel-prev-horizontal {background:#fff200 url(../images/slider-arrows.png) no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background:#fffe00 url(../images/slider-arrows.png) -80px 0 no-repeat;} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background:#fffe00 url(../images/slider-arrows.png) no-repeat;} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:active { cursor: default; border:none; background:none; z-index:500; *display:none; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:active { cursor: default; background:none; border:none; z-index:500; *display:none;} .jcarousel-skin-tango .jcarousel-container-horizontal li.jcarousel-item:first-child {border-left:none; padding-left:1px;} /* OVER-RIDES FOR JCAROSEL SLIDER */ .jcarousel-skin-tango .jcarousel-clip {overflow:hidden;} .jcarousel-skin-tango { margin-top:-1px; } .jcarousel-skin-tango .jcarousel-container-horizontal {padding:0; margin:0; } .jcarousel-skin-tango .jcarousel-container { border:none; border-top:1px #e5e2de solid; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background:#fff; clear:both;} .jcarousel-skin-tango .jcarousel-item-horizontal {padding:0; margin:0; } /* PANEL WIDGET */ div.slide-inner img, .block-ddblock img {padding:0;} /* PROJECT */ .node-type-project .field {clear:both;} .node-type-project .field .field-label {font-family: Arial,Helvetica,sans-serif; font-size:1em; padding:0; float:left; line-height:1.75em; margin-left:10px; width:170px;} .node-type-project .field .field-items {margin-left:180px;} .node-type-project .field-label-inline .field-items {float:none;} .node-type-project .field-name-body .field-items, .node-type-project .field-name-field-sponsor-logo .field-items {padding-bottom:21px;} .node-type-project .field-label-hidden .field-items {margin-left:0; } /* VIDEO */ .node-type-video .field {clear:both;} .node-type-video .field .field-label {padding:0; float:left; line-height:1.75em; margin-left:10px; width:170px;} .node-type-video .field-label-inline .field-items {float:none;} .node-type-video .field-name-field-brightcove-id .field-items, .node-type-video .field-name-body .field-items, .node-type-video .field-name-field-transcription .field-items {margin:0;} .node-type-video .field-name-field-transcription .field-items {padding-bottom:21px;} .node-type-video .field-name-field-transcription .field-label {padding:21px 25px 0 10px; margin:0; float:none;} .node-type-video .field-name-field-brightcove-id .field-item { padding:5px;} .block-video-download-link, .block-video-podcast-link {padding:5px 10px; border-top:1px solid #e5e2de; border-bottom:1px solid #e5e2de; margin-top:-1px;} .block-video-download-link .block-inner, .block-video-podcast-link .block-inner {margin:0; padding:0;} .media-item-inline.video {padding:5px 6px 5px 5px;} /* TATE PAPERS*/ .node-type-tatepaper #region-content {width:720px; margin-bottom:5px; } .node-type-tatepaper #region-content .media-item-inline { padding-top:21px; clear:both;} .node-type-tatepaper #region-content .media-diptych-left {clear:none;} .node-type-tatepaper #region-content .media-diptych-right {padding-left:5px;} .footnotes {border-top:none; margin:25px 10px 0 10px; color:#666;} .footnotes {margin-top: 5px;} .footnotes li {background:none!important; padding:0!important; margin:5px; line-height:1.75em;} .footnotes a {color:#666;} .footnotes a.footnote-label {border-bottom:none; } .footnotes .footnote-multi {display:none;} h3 a.see-footnote {font-size:0.6em; line-height:1em; margin:3px; color: #00AED3; border: none; font-weight:bold;} h3 a.see-footnote:hover {color:#0090b5; border-bottom:#00AED3 solid 1px;} .footnote-digits-2 {padding: 10px 25px 0 15px!important;} .footnote-digits-3, #zone-content #region-content .footnote-digits-4 {padding: 10px 25px 0 20px!important;} .see-footnote {margin:0 3px;} .node-type-tatepaper .media-diptych-wrapper .media-diptych-right {float:left!important;} /* PARAGRAPH COUNT */ p.paragraph-count:before { position: absolute; right: 100%; margin-right: -0.6em; display: inline-block; content: attr(data-pcount) "."; font-size: 0.8em; color: #aaa; } /* HORIZONTAL TABS */ div.horizontal-tabs { border: none; padding-right: 1px;} div.horizontal-tabs ul.horizontal-tabs-list { margin-top: 1.5em; border: none; outline: none; border-bottom: 1px solid #BEC1C2; height: 2.7em; background: #fff; padding: 0px 0px 1px; } .horizontal-tabs-pane>legend { display: none;} div.horizontal-tabs ul.horizontal-tabs-list li { background: #eee; margin-left: 1px; min-width: 5em; text-align: center; zoom: 1; border: solid #BEC1C2; border-width: 1px 1px 0px; -moz-background-clip: padding; -webkit-background-clip: padding; line-height: 2.7em; padding: 0px; _width: 150px; height: 2.7em; overflow: visible; -moz-box-shadow: inset 0 -8px 2px -5px #E2E2E2; -webkit-box-shadow: inset 0 -8px 2px -5px #E2E2E2; box-shadow: inset 0 -8px 2px -5px #E2E2E2; } div.horizontal-tabs ul.horizontal-tabs-list li.selected { background-color: #fff; padding: 0px;} div.horizontal-tabs ul.horizontal-tabs-list li a { text-align: center; display: block; color: #666; height: 2.7em; padding: 0 10px; background-color: transparent; border-bottom: 1px solid #BEC1C2; } div.horizontal-tabs ul.horizontal-tabs-list li a:hover { outline: none; background-color: transparent;} div.horizontal-tabs ul.horizontal-tabs-list li:hover, div.horizontal-tabs ul.horizontal-tabs-list li:focus { background-color: #fff;} div.horizontal-tabs ul.horizontal-tabs-list li a strong { font-weight:normal;} div.horizontal-tabs ul.horizontal-tabs-list li a:focus strong, div.horizontal-tabs ul.horizontal-tabs-list li a:active strong, div.horizontal-tabs ul.horizontal-tabs-list li a:hover strong { text-decoration: none; outline: none; background-color: transparent;} div.horizontal-tabs ul.horizontal-tabs-list li.selected a, div.horizontal-tabs ul.horizontal-tabs-list li.selected a:hover { text-decoration: none; position: relative; top: 0px; padding: 0px 10px; color: #666; background-color: #fff; cursor: default; border-bottom: 1px solid #fff; } div.horizontal-tabs ul.horizontal-tabs-list .selected strong { font-weight: bold; color: #42433E; } div.horizontal-tabs ul.horizontal-tabs-list .summary { display: block; } div.horizontal-tabs ul.horizontal-tabs-list .summary {line-height: normal; margin-bottom: 0; } /* SEARCH FORM PAGE */ .search-form {margin:10px;} .search-form legend a {line-height:1.75em; color:#444; border-bottom:1px solid #00aed3; margin-bottom:10px; } label[for="edit-keys"] {line-height:32px; margin-right:10px;} #search-back {padding:10px;} #search-back a {color:#444; border-bottom:1px solid #00aed3;} #search-back a:hover {color:#0090b5;} .search-results { display:block; clear:both;} .search-results .search-snippet-info {margin:0; padding:0;} #edit-advanced .criterion .form-type-textfield {padding:5px 0;} .search-results p {padding:5px 10px 0 10px;} .search-results p.search-info {padding-top:0; color:#666;} .webform-client-form {margin:10px;} .webform-client-form .webform-container-inline label {display:block; font-weight:normal; margin:5px 0;} .webform-client-form .webform-container-inline label.option {display:inline;} .webform-client-form .webform-component {padding:10px 0;} .webform-client-form .webform-component-radios, .webform-client-form .form-checkboxes {overflow:hidden;} .webform-client-form select {border:1px solid #e5e2de;} .webform-client-form .form-radios input.form-radio, .webform-client-form input.form-checkbox {float: left; margin-top: 2px; display:block;} .webform-client-form .form-radios .form-type-radio label.option, .webform-client-form .form-type-checkbox label.option {margin-left:20px; display:block;} .webform-client-form .form-type-radio, .webform-client-form .form-type-checkbox {min-width: 110px; max-width: 170px; float: left; padding-right:10px;} .webform-client-form .form-type-checkbox {width:170px;} .webform-client-form p { padding:0; } .webform-client-form .form-submit { margin:5px 5px 5px 0; } .webform-client-form button:active, input:active[type="reset"], input:active[type="submit"], input:active[type="button"] { outline:none; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid #ef4136; } button:focus, button:active, input:active, select:focus, select:active, textarea:focus, textarea:active { -moz-box-shadow: #00aed3 0 0 3px; -webkit-box-shadow: #00aed3 0 0 3px; box-shadow: #00aed3 0 0 3px; z-index: 1; /* For Opera */ } input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-size: 1em; color: #444; -moz-box-sizing: content-box; box-sizing: content-box; height: 20px; border-color: #CEC8C1; } /* IN PAGE IMAGES */ .media-diptych-wrapper {overflow:hidden;} .media-diptych-wrapper .media-item-inline {padding:0; margin:0; clear:none;} .media-diptych-wrapper .media-diptych-left {float:left; margin-left:5px;} .media-diptych-wrapper .media-diptych-right {float:right; margin-left:0; margin-right:5px;} .media-triptych-wrapper {overflow:hidden;} .media-triptych-wrapper .media-item-inline {padding:0; margin:0; clear:none;} .media-triptych-wrapper .media-triptych-first {float:left; margin-left:5px; margin-right:0;} .media-triptych-wrapper .media-triptych-second {float:left; margin-left:10px; margin-right:0;} .media-triptych-wrapper .media-triptych-third {float:right; margin-left:0; margin-right:5px;} .media-quadtych-wrapper {overflow:hidden;} .media-quadtych-wrapper .media-item-inline {padding:0; margin:0; clear:none;} .media-quadtych-wrapper .media-quadtych-first {float:left; margin-left:5px; margin-right:0;} .media-quadtych-wrapper .media-quadtych-second {float:left; margin-left:10px; margin-right:0;} .media-quadtych-wrapper .media-quadtych-third {float:left; margin-left:10px; margin-right:0;} .media-quadtych-wrapper .media-quadtych-fourth {float:right; margin-left:0; margin-right:5px;} .media-align-right {float:right; padding:16px 5px 10px 10px;} .media-align-left {float:left; padding:16px 10px 10px 5px;} .media-quadtych-wrapper img, .media-triptych-wrapper img, .media-diptych-wrapper img, .media-align-left img, .media-align-right img {padding:0;} /* RHS LISTING BLOCK */ #block-tate-microsites-microsites-part-of-mlisting-rhs {padding-bottom:20px;} .block-microsites-part-of-mlisting-rhs .more-link {margin-left:20px;} .block-microsites-part-of-mlisting-rhs .more-link {color: #999; padding: 0; line-height: 1.2; background: #fff; border:none;} .block-microsites-part-of-mlisting-rhs .more-link:hover {color:#0090b5} /* SEE ALSO LINKS */ .seealso_internal { /* margin-bottom: 21px; */ } .seealso ul li, .block-microsites-part-of-mlisting-rhs ul li, .block-apachesolr-search ul li { margin: 0 0 0 5px; padding-left: 15px; background:url('../images/rh-list-arrow.png') no-repeat 0px 5px; overflow: hidden; } .seealso ul .see-also-panel, #block-tate-panel-manager-pmb-rhsp-tate-etc { padding: 0 0 0px; margin: 0; background: none; float: left; border-bottom: 1px #e5e2de solid; border-top: 1px #e5e2de solid; } .seealso ul li:last-child { padding-bottom: 21px; } #region-sidebar-second .tate-panel { padding-bottom: 21px; } #region-sidebar-second .tate-panel .column_body { padding-bottom: 3px; } .one_column_container iframe, .three_column_container iframe, #region-sidebar-second .tate-panel iframe { margin-bottom: -15px; } .seealso ul .see-also-panel { margin-top: 21px; } .seealso ul .see-also-panel ~ .see-also-panel { margin-top: -1px; } .seealso ul li:first-child.see-also-panel { margin-top: 0px; border-top: none; } .seealso ul li:last-child.see-also-panel { padding-bottom: 0px; } .region-sidebar-second .panel_type { margin-top: 10px; } .seealso ul .see-also-panel a { border: 0; } #region-sidebar-second .one_column_container { border-right: none!important; border-bottom: none!important; margin-left: 0; } .region-sidebar-second-inner { border-top: 1px solid #e5e2de; margin-top: -1px; } /* SPONSERS BLOCK */ #block-tate-blocks-sponsors-lhs {margin-top:21px; border-top:1px solid #e5e2de; padding-top:5px;} #block-tate-blocks-sponsors-lhs:first-child {margin-top:0; border-top:0; padding-top:0;} #block-tate-blocks-sponsors-lhs .block-title {display:none;} #block-tate-blocks-sponsors-lhs h3 {font-size:1em; color:#888; line-height:1.75em; font-weight:normal;} #block-tate-blocks-sponsors-lhs p {font-size:0.9em; color:#888; padding:5px 25px 2px 10px; line-height:1.95em;} #block-tate-blocks-sponsors-lhs img {padding:7px 10px; display:block;} /* SOCIAL BUTTONS */ #block-tate-comment-and-share-tatesharebuttons { padding:8px 10px 0 10px; border-bottom:1px solid #e5e2de;} #block-tate-comment-and-share-tatesharebuttons #sharetwitter, #block-tate-comment-and-share-tatesharebuttons #sharefacebook, #block-tate-comment-and-share-tatesharebuttons #sharegoogle {display: block; margin: 0 0 10px 0; height: 20px; overflow: hidden; clear: both;} #block-tate-comment-and-share-tatesharebuttons ul li a {border:none;} /* MOLLOM */ .form-item-mollom-captcha #edit-mollom-captcha {margin: 5px; width: 300px;} /* PRESS OFFICE */ .field-name-field-press-images-available {margin:10px; text-align:right;} .field-name-field-press-images-available a { width:auto; -webkit-appearance: none; -moz-border-radius: 11px; -webkit-border-radius: 11px; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; border-radius: 11px; background:#e5e2de url('../images/panel-button-bg.png') top right no-repeat ; border:none; cursor: pointer; color: #444; font: normal 12px/1.2 Arial, sans-serif; outline: 0; overflow: visible; padding:4px 30px 4px 15px; text-shadow: none; width: auto; display:auto; margin-right:4px;} /* PRESS IMAGES */ .page-about-press-office-press-images #region-content {width:720px;} .page-about-press-office-press-images #region-sidebar-first {left:-720px;} .view-id-press_images {overflow:hidden; border-bottom:1px solid #e5e2de; } .view-id-press_images h3 {padding:10px; font-weight:normal; border-top:1px solid #e5e2de;} .view-id-press_images .views-field-field-press-image-file, .view-id-press_images .views-field-field-special-terms {padding:11px 10px 0 10px;} .view-id-press_images .views-field-field-special-terms {padding-top:0;} .view-press-images .views-row {overflow:hidden; clear:both;} .view-id-press_images .views-field {margin-left:190px; width:480px;} .view-id-press_images .views-field-field-press-image-small {float:left; width:190px; display:block; margin-left:0;} .views-field-field-press-image-caption p {padding:0 10px;} .view-id-press_images .views-row {padding-bottom:21px;} .page-about-press-office-press-images #region-content h1#page-title {margin:0!important; padding:11px 10px 10px 10px;} /*------------------------------------------- FOOTER -------------------------------------------*/ #footer { display: block; padding-bottom:80px; margin-bottom:-20px; background:#444!important; zoom:1; position:relative;} #section-footer .block-menu-block, #section-footer .block-footer-bulletin-form, #section-footer .block-visible { border-left:1px solid #555; margin-left:-1px; display:block; margin-top:30px; background:#444; } #zone-footer h2 { margin:0 0 0 15px; padding:0 10px 5px 0; color:#efefef; display:block; width:auto; font-weight:normal;} #zone-footer ul { margin:0; padding:0; line-height:2.1em; font-size:0.9em; } #zone-footer li { position:relative; margin:0; display:block;} #zone-footer li a { color:#ccc; padding:5px 15px; position:relative;} #zone-footer li a:hover { color:#efefef; text-decoration:none; border-left:5px solid #efefef; padding:5px 10px;} /* FOOTER 4TH - EMAIL SIGNUP */ #region-footer-forth h2 {color:#efefef;} #region-footer-forth form {padding:10px 15px; width:210px} #region-footer-forth input[type="email"] {display:block; width:180px; height:20px; border:1px #555 solid; background:#4a4a4a; margin:0 0 10px 0; color:#3f3f3f; padding:2px 5px; position:relative; } #region-footer-forth input[type="email"]:focus {background:#ccc;} #region-footer-forth input[type="submit"] {background:#555 url('../images/panel-button-bg-light.png') top right no-repeat; margin:0 ; color:#ccc;} #region-footer-forth input:hover[type="submit"] {background:#666 url('../images/panel-button-bg-light.png') top right no-repeat; color:#ccc} #region-footer-forth input:active[type="submit"] {outline:none;} #region-footer-forth p {padding:2px 15px; color:#dedede; font-size:0.9em; } /*------------------------------------------- ANYTHING ELSE? -------------------------------------------*/ /* HOMEPAGE */ .front #zone-header-wrapper {display:none;} .front #block-ddblock-17 h2.block-title {display:none;} .front #region-content {border:none; margin:0;} .node-type-landing-page .node-not-promoted {*display:none;} /* USER TABS */ #tabs li {float:left;} #tabs li a {display:block; height:25px; line-height:25px; margin:2px; background:#999; color:#fff; padding:0 5px;} #tabs li a:hover {text-decoration:underline;} /* OVERRIDES */ #persistanttopbar {display:none;} .field-utterly-empty {display:none;} /* This stops the lead image div rendering at the top of the content column */ .dquo { margin-left:0; } /*MOBILE OVERRIDE */ #zone-footer h2 + div, #zone-menu h2 + ul {display:block} /* Advanced search temp fix, put checkboxes into cols */ .search-advanced .form-checkboxes { width:420px; -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px } /* CONTENT MIN-HEIGHT to stop too short pages */ .region-content { min-height:200px;} /* facebook button iframe too wide, fix here */ .block-tate-share-buttons iframe { max-width:100%; } /* SKIP LINK */ #skip-link { position:fixed; top:0px; left:0px; z-index:100; float:left;} #skip-link a { font-size:1.2em; color:#fff; display:block; width:10em; padding:3px 10px; background:#444; text-decoration:underline;} /* FEEDBACK LINK */ #feedbackemail { display:inline-block; position:fixed; right:1em; bottom:0; font-size:1.2em; font-weight:normal; overflow:hidden; height:1.75em;} #feedbackemail.expanded { xoverflow:auto; height:14.5em;} #feedbackemail p { margin:0; padding:0 10px 5px 10px; } #feedbackemail a { display:inline-block; border-bottom:none; padding:1px 2px 1px 8px; color:#333; background:#d5dd5d; float:right; opacity:.8; min-width: 5em;} #feedbackemail a span { margin-left:3px; display:none; background:#444; color:#fff; padding: 3px 5px; line-height:1em;} #feedbackemail.expanded a span { display:inline-block;} #feedbackemail a:hover, #feedbackemail.expanded a { opacity:1;} #feedbackemail div { clear:right; display:block; background:#d5dd5d; color:#333 !important; padding:15px 10px 10px 0;} #feedbackemail input { display:inline; color:#333;} #feedbackemail label { display:inline; color:#333 !important;} #feedbackemail input { margin:4px 6px 0 0; display:inline-block; color:#fff;} /* fix minor offset on toolbar caused by environment indicator & kill drupal's toolbar shadow */ body #toolbar { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; filter: none; -ms-filter: none;} body #toolbar div.toolbar-menu { background:#444;} body.hide-drupal-elements #toolbar { top:-125px; left:-30px; overflow:hidden;} body #tabs { background:#fff; background:rgba(255,255,255,0.3);} body #tabs li a { background:#555; background:rgba(44,44,44,0.7);} body #tabs li a:hover { background:#222; background:rgba(44,44,44,0.9);} body.hide-drupal-elements #tabs { display:none;} body.hide-drupal-elements.toolbar { padding-top:0 !important;} /* please don't delete me, even though I seem pointless... thank you */ .ga-tracked {} .field-name-field-tracking-html {position:absolute; height:1px; width:1px; top:-9999px;} .beta-site-corner-logo { background:url(../images/beta-overlay.png); position:absolute; top:0; left:0; width:56px; height:56px; display:none;} .ga-highlight { outline: 1px dotted red !important; background-color:rgba(255,0,0,0.1) !important; } /* a quick fix for the terms and conditions on the journalist webform */ #webform-component-terms--conditions #edit-submitted-terms-conditions .form-type-checkbox, #webform-component-termsconditions #edit-submitted-termsconditions .form-type-checkbox { width: 20px; min-width: 20px; } /* WIDE LAYOUT */ body.responsive-layout-wide {margin-right:240px;} #section-footer .wide-sidebar.block {display:none;} .responsive-layout-wide #section-footer .wide-sidebar.block {display:block; position:fixed; width:240px; height:100%; padding:0; margin:0; background:#d3d3d3 url('../images/wide-sidebar-bg.png'); top:0; right:0; border:none; color:#444; font-size:1.3em;} .responsive-layout-wide #section-footer .wide-sidebar.block .block-inner {margin-top:40px;} .responsive-layout-wide #section-footer .wide-sidebar.block .block-inner h2, .responsive-layout-wide #section-footer .wide-sidebar.block .block-inner p {color:#444!important;} /* WOULD LIKE TO ADD */ body {background:#e4e4e4 url('../images/bg-grad.png') repeat-x; background-attachment: fixed; background-position: bottom; *background:#e4e4e4;} /* #page {background: url('/sites/all/themes/tatebase/images/bg-shadow.png') repeat-y; background-attachment: fixed; background-position: center;} */ #section-footer #region-footer-first .block {border-left:none;} blockquote {color:#565656; line-height:1.95em;} /* BLOG */ .node-type-blogarticle .region-content p { font-size: 1.2em; line-height: 1.5em; } .node-type-blogarticle .region-content .flexslider-wrapper p { font-size: 1em; line-height: 1.7em; } .node-type-blogarticle .region-content { padding-right: 0px; } .node-type-blogarticle .region-content a.view-artwork, .node-type-blogarticle .region-content .view-artwork-p a, .node-type-blogarticle .region-content .figcaption a, .node-type-blogarticle .region-content .lead-image-caption-wrapper a { font-size: 0.75em; } .node-type-blogarticle .region-content .field-name-field-copyright-credit p { font-size: 1em; } .node-type-blogarticle .region-content #comments p { font-size: 1em; } .node-type-blogarticle .region-content .context-caption, .node-type-blogarticle .region-content .credit { font-size: 0.9em; } /* DID YOU MEAN */ .spelling-suggestions {padding:0 10px;} /* MICRO SITES */ .microsites-promo .jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item {border:none; margin:0;} .delta-media-in-wide-content-col .microsites-promo .jcarousel-item img, .delta-content-plus-lh-sidebar .microsites-promo .jcarousel-item img, .delta-content-plus-rh-sidebar .microsites-promo .jcarousel-item img { max-width: 709px; max-height: 420px; width: auto; height: auto; text-align: center; } .delta-content-with-both-lh-and-rh-side .microsites-promo .jcarousel-item img {max-width:469px; max-height:320px;} .delta-content-with-no-sidebars .microsites-promo .jcarousel-item img {max-width:959px; max-height:540px;} .microsites-promo h3, .microsites-promo p {padding:0;} .microsites-promo .grid-16 {max-width:100%;} .microsites-promo .action_button {padding:10px;} .jcarousel-skin-tango .jcarousel-next-horizontal {top: -49px; margin-right:0; right: 5px; background: #444 url(../images/highlight-slider-arrow.png) 0 0 no-repeat; width: 42px;height: 42px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border:1px solid #d9d5cf; opacity:1} .jcarousel-skin-tango .jcarousel-prev-horizontal {top: -49px; right: 48px; left:auto; background: #444 url(../images/highlight-slider-arrow.png) 0px -42px no-repeat; width: 42px;height: 42px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; border:1px solid #d9d5cf; opacity:1} .jcarousel-skin-tango:hover .jcarousel-next-horizontal {background: #444 url(../images/highlight-slider-arrow.png) 0 0 no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango:hover .jcarousel-prev-horizontal {background: #444 url(../images/highlight-slider-arrow.png) 0px -42px no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango .jcarousel-next-horizontal:hover {background: #00aed3 url(../images/highlight-slider-arrow.png) 0 0 no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background: #00aed3 url(../images/highlight-slider-arrow.png) 0px -42px no-repeat; opacity:1; z-index:500} .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active, .jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:active { opacity:0.3; *display:none; background: #444 url(../images/highlight-slider-arrow.png) 0px -42px no-repeat; z-index:500; margin:0; border:1px solid #d9d5cf; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active, .jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:active { opacity:0.3; *display:none; background: #444 url(../images/highlight-slider-arrow.png) 0 0 no-repeat; z-index:500; margin:0; border:1px solid #d9d5cf;} .jcarousel-skin-tango .jcarousel-container-horizontal li.jcarousel-item:first-child {padding-left:0;} .field-name-field-subtitle {padding:10px 10px 0 10px;} #region-header-second .field-name-field-subtitle {padding:0;} .microsite-section-title {margin:5px; background:#e4e4e4; height:21px; font-family:TateNewRegular, Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #d9d5cf;} .node-type-mlandingpage .node-type-mlandingpage img { max-width: 100%; height: auto; } /* Fix to keep lead artworks within bounds */ /* AUDIO GROUPS */ .ui-widget {font-size:1em; font-family: Arial,Helvetica,sans-serif; color: #444; } .ui-corner-top, .ui-corner-bottom {moz-border-radius-topleft: 0px; -webkit-border-top-left-radius:0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .microsite-videogroup {padding-top:5px;} .ui-accordion {border-bottom:1px solid #e5e2de;} .ui-accordion .ui-accordion-header {padding:10px 0 11px 0; margin:0 0 -1px 0;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#fff; background:#444; border:1px solid #565656; border-left: none; border-right: none;} .ui-accordion h3.ui-state-hover {background:#00aed3; color:#fff;} .ui-accordion h3.ui-state-active {color:#444!important; background:#f7f6f5!important; border:1px solid #e5e2de; border-left: none; border-right: none; margin:5px 0 6px 0 ;} .ui-accordion h3.ui-state-hover .ui-icon {background-position: -32px -16px!important;} .ui-accordion .ui-accordion-content {padding:0;} .ui-widget-content {color:#444; border:none;} .ui-helper-reset {line-height:1.7;} .jp-audio {margin:0;} /* LISTED NODE PAGE */ .listed_node {padding:10px;} .listed_node .listed_node {padding:10px 0 11px 0;} .listed_node .field-name-title a, .listed_node .field-name-field-title-rt a {font-size:1.2em;} .listed_node p {font-size:1em; padding:0;} .node-mlisting .field-name-field-subtitle {padding:0 10px;} .listed_node .field-name-body p, .listed_node .field-name-field-subtitle {padding:10px 0 11px 0;} .listed_node .field-name-field-video-items, .listed_node .field-name-field-audio-items, .listed_node .field-name-field-lead-image {margin-left:-10px; margin-right:-10px;} .listed_node .field-name-field-video-items p, .listed_node .field-name-field-audio-items p {padding:10px 10px 11px 10px;} .listed_node .field-name-field-lead-image img {max-width:100%; height:auto;} .field-name-field-content-categories .field-item {float:left;} .field-name-field-content-sub-categories .field-item {float:left; margin-right:10px;} .field-name-title {clear:left;} /* Fix for the content category fields to display like [ tag: tag; tag ] or [ tag: tag ] or [ tag ] */ .field-name-field-content-categories + .field-name-field-content-sub-categories:before { content:":"; margin-right:10px; float:left; display:block;} .field-name-field-content-sub-categories .field-item:after { content:";";} .field-name-field-content-sub-categories .field-item:last-child:after { content:" ";} /* Fix for the field project type to display like [ tag: tag; tag ] or [ tag: tag ] or [ tag ] */ .field-name-field-type-project .field-item { float: left; } .field-name-field-type-project .field-item:after { content:";"; margin-right: 10px; } .field-name-field-type-project .field-item:last-child:after { content:" "; } /* EXTRA CHANGES */ #comments {background: #444; color: #fff; margin: 5px; border: none; padding-bottom: 10px; border-top:5px solid #00aed3;} #comments a {color:#fff;} #comments .comment-username {font-size:1.2em;} #comments h2.title, #comments .link-wrapper.links-top, #comments article {border-bottom:1px solid #555!important;} .link-wrapper .comment_forbidden {background: url('../images/comment.gif') 0 1px no-repeat; padding-left: 27px;} #block-tate-blocks-comments-count .link-wrapper span {background: url('../images/comment.gif') 0 1px no-repeat; padding: 3px 0 4px 27px;} #block-tate-blocks-comments-count .link-wrapper a {margin: 0;} #comments h2.title, .tate_comment_and_share_dynamic_form h2.title.comment-form a {font-family:TateNewRegular, Arial, Helvetica, sans-serif; color:#fff; font-weight:normal;} .comment div.field-name-comment-body {border-left:5px solid #00aed3; background:none;} .comment .comment-links {background:none;} .tate_comment_and_share_dynamic_form {background: #444; margin: -5px 5px 5px 5px; color: #fff;} .tate_comment_and_share_dynamic_form label {color:#fff;} #region-content h2.block-title, #region-sidebar-second h2.block-title, #region-content .block-title h2{margin:5px; background:#e4e4e4; font-family:TateNewRegular, Arial, Helvetica, sans-serif; font-weight:normal; border:1px solid #d9d5cf;} .seealso_external, .see-also-link {margin-right:20px!important;} /* FIXES TO OVERRIDE SOCIAL CHANGES IN THE REST OF THE SITE */ body.page-node #page-title { border: 0; margin-bottom: 3px; padding-left: 0; } body.page-node #region-header-second, body.page-node #region-header-first { border-bottom: 1px solid #E5E2DE; } body.page-node .region-header-second-inner .block { padding: 0 10px; } body.page-node .region-header-second-inner .block-breadcrumb { padding: 0; } /* FIX THE IN BODY DOWNLOAD LINK IMAGE PADDING */ img.in-body-download-icon { padding: 0; } /* IMAGE CAPTIONS */ .field-name-field-lead-image .field-item { padding: 10px; } .media-item-inline .credit, .media-item-inline .context-caption, .region-content .lead-image-caption-wrapper, .region-content .field-name-field-lead-image .context-caption, .region-content .field-name-field-lead-image .field-name-field-caption-photo-credit { color: inherit; font-size: 1em; line-height: inherit; padding: 0; } /* EXPANDABLE CAPTIONS */ .cc-link { position: absolute; right: 0; bottom: 0; } .cc-expandable { position: relative; overflow: hidden; display: block !important; } .cc-expandable ~ p { display: block !important; } /* PARAGRAPH NUMBERING */ p.paragraph-count:before { position: absolute; right: 100%; margin-right: -0.6em; display: inline-block; content: attr(data-pcount) "."; font-size: 0.8em; color: #aaa; } /* FOOTNOTES */ #zone-content #region-content .footnotes, #zone-content #region-content .footnote { font-size: 1em !important; } #zone-content #region-content .footnotes.footnote-digits-1 { margin-left: 0.5em; padding: 0 0 0 1.5em !important; } #zone-content #region-content .footnotes.footnote-digits-2 { margin-left: 1em; padding: 0 0 0 1.5em !important; } #zone-content #region-content .footnotes.footnote-digits-3 { margin-left: 1.5em; padding: 0 0 0 1.5em !important; } #zone-content #region-content .footnotes.footnote-digits-4 { margin-left: 2em; padding: 0 0 0 1.5em !important; } .footnotes a.footnote-label { text-align: right; display: block; width: 3em; left: -1.5em; } .mini-pager-ready { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; } .mini-pager-loading { opacity: 0.3; } /**************************************************************** * RECENT PERF ARTS CHANGES ****************************************************************/ #block-tate-facet-tate-facet-main ul li a { padding: 2px 10px 2px 10px; display: block; color: #444; line-height: 1.6em; height: auto; } #block-tate-facet-tate-facet-main ul li a:hover { background-color: #eee; } #block-tate-facet-tate-facet-main ul.facet-list-archive ul a { min-height: 20px; } /* CHANGES FOR BUG FIXES 03/06/2015 START HERE */ .node-type-tatepaper .block-tate-blocks-content-subcategories { display: none; } /* .node-type-tatepaper #region-header-second h1 { padding-top: 10px; } because of breadcrumb removal */ /* BUG 56609956 */ .node-type-articleseries .listed_node .field-name-field-subtitle { padding: 0; } /* BUG 51826533 */ /* NEW TODO CT TEST TEST TEST TODO LP: resize images etc... */ .one-sidebar.sidebar-second #region-content { width: 720px; } /* TODO LP make captions smaller */ .node-type-blogarticle #region-content { font-size: 1.2em; } .node-type-blogarticle #region-content p { font-size: 1em; line-height: 150%!important: } .node-type-blogarticle #region-content .field-name-field-standfirst p { font-size: 1.1em; } /* BUG 44730875 */ .node-type-articleseries .field-name-field-author.media-item-inline.artwork img, .media-item-inline.image img-names .field-item { display: inline; } .node-type-articleseries .field-name-field-author-names .field-item::before { content: ", " } .node-type-articleseries .field-name-field-author-names .field-item:last-child::before { content: " and " } .node-type-articleseries .field-name-field-author-names .field-item:first-child::before { content: "" } .field-name-field-subtitle { font-style: normal; } /* TODO PG wrap title in a title tag */ .node-type-articleseries .listed_node a { font-size: 1.4em; line-height: 120%; } .node-type-articleseries .listed_node .field-name-field-standfirst a { font-size: 1em; } /* IMAGE STYLES IN ARTICLES */ .media-item-inline.video { position: relative; padding-bottom: 51.5%; /* 16:9 */ padding-top: 25px; height: 0; clear: both; margin-left: 10px; } .media-item-inline.video object { position: absolute; top: 0; left: 0; width: 98%; height: 100%; } .media-item-inline.artwork, .media-item-inline.image { width: 97%; margin-left: 1%; } .media-item-inline.artwork a, .media-item-inline.image a { text-align: center; display: block; } .media-item-inline.image .credit, .media-item-inline.image .context-caption a { text-align: left; display: inline; } .media-item-inline.artwork img, .media-item-inline.image img { width: auto; height: auto; max-width: 100%; max-height: 540px; padding: 0; } .media-item-inline.artwork figure, .media-item-inline.image figure, .inlineslideshow figure { background: #efefef; text-align: center; margin-bottom: 5px; } .media-item-inline.artwork figcaption, .media-item-inline.image figcaption, .inlineslideshow figcaption { overflow: hidden; text-align: left; margin-top: 5px; } #region-content .field-name-body .numitems1 ul.slides li p { background: transparent; color: #666 } .media-item-inline.image figcaption *, .node-type-blogarticle .region-content .context-caption, .node-type-blogarticle .region-content .credit, .field-name-field-caption-photo-credit, .field-name-field-copyright-credit, .node-type-blogarticle .region-content a.view-artwork, .node-type-blogarticle .region-content .view-artwork-p a, .node-type-blogarticle .region-content .figcaption a, .node-type-blogarticle .region-content .lead-image-caption-wrapper a { padding: 0; font-size: 12px!important; font-size: 0.75rem!important; } .media-item-inline figcaption, .lead-image-caption-wrapper .field-name-field-caption-photo-credit, .field-name-field-copyright-credit { padding: 0 10px 10px 10px; } .lead-image-caption-wrapper { padding: 0; } .media-item-inline.artwork .view-artwork-p, .media-item-inline.image .view-artwork-p { padding: 0; margin: 0; overflow: hidden; padding-top: 10px; } .media-item-inline .credit, .media-item-inline .context-caption, #region-content .lead-image-caption-wrapper, #region-content .field-name-field-lead-image .context-caption { padding: 0; color: #666!important; } .media-item-inline.artwork .view-artwork, .media-item-inline.image .view-artwork, a.view-artwork, .view-artwork-p a, figcaption a, .lead-image-caption-wrapper a { color: #666!important; display: inline; border-color: #bbb; } .one-sidebar.sidebar-second .responsive-limit { text-align: center; } #region-content .group-caption { padding: 5px 10px 10px 10px; } #region-content .group-caption .media-item-inline figcaption, #region-content .group-caption .lead-image-caption-wrapper .field-name-field-caption-photo-credit, #region-content .group-caption .field-name-field-copyright-credit { padding-left: 0; padding-right: 0; } .one-sidebar.sidebar-second #region-content .field-name-body .flexslider.inlineslideshow ul.slides li p { color: #333; } .flexslider-wrapper figcaption { padding-top: 5px; } .field-name-field-caption-photo-credit p { padding: 0 } .media-diptych-wrapper .media-item-inline { max-width: 47.5%!important; float: left; padding: 1%; margin: 0; } .media-triptych-wrapper .media-item-inline { max-width: 31%!important; float: left; padding: 1%; margin: 0; } .media-item-inline.media-align-left { width: 46%!important; padding: 1% 2% 1% 1%;; margin: 0; } .media-item-inline.media-align-right { width: 46%!important; padding: 1% 2%; float: right; margin: 0; } .flexslider-wrapper { background: #efefef; width: 97%; margin: 1%; } .flexslider-fullscreen .flexslider-wrapper { margin: 0; } /* SEE WHAT PEOPLE THINK TO THIS */ #region-sidebar-second .see-also-panel img, #region-sidebar-second .tate-panel img { max-width: 60px; height: auto; float: left; } #region-sidebar-second .see-also-panel .column_title, #region-sidebar-second .see-also-panel .column_dates, #region-sidebar-second .tate-panel .column_title, #region-sidebar-second .tate-panel .column_dates { margin-left: 80px; margin-right: 0; padding: 0; } #region-sidebar-second .see-also-panel .column_title, #region-sidebar-second .tate-panel .column_title { font-size: 0.95em; line-height: 150%; } #region-sidebar-second .see-also-panel .column_dates, #region-sidebar-second .tate-panel .column_dates { padding-top: 5px; } #region-sidebar-second .see-also-panel .column_body, #region-sidebar-second .tate-panel .column_body { display: none; } #region-sidebar-second .see-also-panel .action_button, #region-sidebar-second .tate-panel .action_button { margin-left: 70px; text-align: left; } #region-sidebar-second .see-also-panel .action_button a:link, #region-sidebar-second .see-also-panel .action_button a:visited, #region-sidebar-second .see-also-panel .action_button a:active, #region-sidebar-second .see-also-panel .action_button a:focus, #region-sidebar-second .see-also-panel .action_button a:hover, #region-sidebar-second .tate-panel .action_button a:link, #region-sidebar-second .tate-panel .action_button a:visited, #region-sidebar-second .tate-panel .action_button a:active, #region-sidebar-second .tate-panel .action_button a:focus, #region-sidebar-second .tate-panel .action_button a:hover { background: #e5e5e5; color: #666; padding: 5px 20px; display: block; float: left; border-radius: 40px; } #region-sidebar-second .see-also-panel .action_button a:focus, #region-sidebar-second .see-also-panel .action_button a:hover, #region-sidebar-second .tate-panel .action_button a:focus, #region-sidebar-second .tate-panel .action_button a:hover { color: #666!important; background: #ccc; } #region-sidebar-second h2.block-title, #region-content .block-title h2 { background: none; border: none; font-size: 1.6em; border-bottom: 5px solid #eee; } #region-sidebar-second .seealso ul .see-also-panel, #block-tate-panel-manager-pmb-rhsp-tate-etc { border-bottom: none; } #region-sidebar-second .seealso ul .see-also-panel, #region-sidebar-second #block-tate-panel-manager-pmb-rhsp-tate-etc { margin-top: -1px; } #region-sidebar-second .seealso ul li { clear: both } .region-sidebar-second .panel_type { margin-bottom: 10px; min-height: 12px; } #region-sidebar-second .column_title, #region-sidebar-second .panel_img { margin-top: 12px; } /* TAGS UPDATE */ body:not(.usercollections) .tags li { border: 1px solid #dfdfdf; border-radius: 4px; margin: 0 4px 4px 0 } /* PROBLEM WITH PADDING IN BETWEEN SEE ALSO LISTS */ .seealso ul li:last-child { padding-bottom: 21px; } /* PAGE HEADER FIXES */ h1#page-title { font-size: 28px; font-size: 1.8rem; } #block-tate-blocks-content-categories { display: none; } #block-tate-blocks-content-subcategories { display: none; } #block-tate-blocks-performance-arts-title { font-size: 1.3em; font-family: TateNewRegular,Arial,Helvetica,sans-serif; margin-top: 10px; } .block-tate-paper-global-header, .block-perf-arts-global-header { position: absolute; right: 10px; bottom: 40px; padding: 0; text-align: right; font-size: 1.3em; color: #999; } .block-perf-arts-global-header { bottom: 10px; } #region-header-second-inner { padding-bottom: 10px; } /* EXHIBITION PAGE FIXES */ .view-id-exhibition_second_title .title { font-size: 1.2em } .view-id-exhibition_second_title .field-booking-advice, .view-id-exhibition_second_title .field-annoucement { font-size: 0.85em; } .view-id-exhibition_second_title .field-venues, .view-id-exhibition_second_title .field-date-exhibition { font-weight: bold; } .view-id-exhibition_second_title .field-date-exhibition { padding-bottom: 5px; } /* make font larger for main column, across the board (using the not class to avoid the em's stacking up from earlier)*/ /* body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content { font-size: 1.2em; } body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content p { font-size: 1em; line-height: 150%!important; } body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .field-name-field-standfirst p { font-size: 1.1em; } body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .context-caption, body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .credit, body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content a.view-artwork, body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .view-artwork-p a, body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .figcaption a, body.tatebase:not(.node-type-blogarticle):not(.node-type-landing-page):not(.node-type-mlandingpage) .region-content .lead-image-caption-wrapper a { padding: 0; font-size: 12px!important; font-size: 0.75rem!important; } #comment-form { font-size: 0.8em; } */ /* THIS BELOW IS FOR THE TATE PAPERS RESOURCE TYPE */ /* TABS */ .field-name-field-body-tab-titles { padding-top: 20px; overflow: hidden; margin: 0 10px; border-bottom: 1px solid #ddd; } .field-name-field-body-tab-titles .field-item { float: left; } .field-name-field-body-tab-titles .field-item { cursor: pointer; padding: 6px 20px; border-right: 1px solid #ddd; border-top: 5px solid #ddd; background: #fafafa } .field-name-field-body-tab-titles .title-active { border-top: 5px solid #00aed3; margin-bottom: -1px; display: block; background: #fff; border-bottom: none; } .field-name-field-body-tab-content .field-item { display: none; } .field-name-field-body-tab-content .field-item:first-child { display: block; } /* LEAD IMAGE */ .field-name-field-lead-image { padding: 0!important; background: #eee; margin: 10px; } .field-name-field-lead-image .field-item { padding: 0; } .field-name-field-lead-image img { max-width: 100%; max-height: 600px; width: auto!important; height: auto!important; display: inherit; } .field-name-field-lead-image .lead-image-caption-wrapper { padding: 10px; } .field-name-field-lead-image .responsive-limit { max-width: 100%!important; } /* THUMB LIST */ .listed_node { clear: left; overflow: hidden; } .listed_node .field-name-field-video-items, .listed_node .field-name-field-audio-items, .listed_node .field-name-field-lead-image { margin: 0 } .listed_node .listing-thumb { width: 160px; display: block; float: left; } .listed_node .field-name-field-content-sub-categories .field-item { float: none; clear: none; } .listed_node .field-name-published-date, .listed_node .field-name-field-meta-description, .listed_node .field-name-title, .listed_node .field-name-field-title-rt, .listed_node .field-name-field-content-categories, .listed_node .field-name-field-standfirst, .listed_node .field-name-field-resource-type, .listed_node .field-name-field-date-exhibition { margin-left: 170px; clear: none; } .subgroup-listing .listed_node .field-name-field-standfirst, .field-name-field-series-article .field-name-field-standfirst { margin: 0; } /* CASE STUDY RELATED */ #block-tate-blocks-related-nodes { border-top: 1px solid #e5e2de; } .related-content-group-items div[class^="related-content-item"] { width: 50%; float: left; } .related-content-group-items div[class^="related-content-item"]:nth-child(3n) { clear: both; } .related-content-group-title { clear: both; } /* CITATION BLOCK */ .block-views-citation-block-block { padding: 10px; background: #efefef; margin: 0 10px 10px 10px; } /* CASE STUDIES LANDING */ .view-filters { padding: 10px 10px 0 10px; } .views-exposed-widgets { margin: 0; } .page-node-306048 #block-system-main { display: none; } /* needs to be updated to node reference. */ label.nice-sort { float: left; margin-right: 10px; } /* TABS FOR DIMENSIONS */ .dimension-tabs { overflow: hidden; border-bottom: 1px solid #ddd; font-size: 14px; background: #efefef; } .dimension-tabs li { float: left; border-right: 1px solid #ddd; } .dimension-tabs li:last-child { border: none; } .dimension-tabs a { padding: 5px 20px; display: block; color: #333; } .dimension-tabs a:hover { text-decoration: underline; } .dimension-tabs li.tab-active a { background: #fff; } /* VIDEO PAGE */ .node-type-resourcearticle .field-name-field-media-item { padding: 10px; } /* RESOURCES LANDING */ .microsites-panels .tate-panel h3 { padding: 0; } /* BLOCKQUOTES */ .blockquote p { line-height: 150%; } /* TATE PAPERS CODE */ .node-type-articleseries.context-research #page-title, .context-research #page-title { font-size: 2em; margin-bottom: 10px; padding-bottom: 0; max-width: 780px; } .node-type-articleseries.context-research #block-tate-blocks-subtitle, .context-research #block-tate-blocks-subtitle, .context-research #block-tate-blocks-authors { font-size: 1.6em; font-weight: normal; font-family: TateNewRegular,Arial,Helvetica,sans-serif; } .field-name-field-in-series-article a { font-size: 1.2em; } .node-type-articleseries.context-research .listed_node a { font-size: 1.4em; } .node-type-articleseries.context-research .listed_node .field-name-field-standfirst a { font-size: 1em; } .node-type-articleseries.context-research .listed_node .field-name-field-subtitle { font-size: 1em; } /* TO DO MOVE TAG TO RIGHT HAND SIDE OR SOMETHING */ .node-type-articleseries.context-research #region-content h3 { font-size: 1.6em; } .view-id-tate_papers_list { position: absolute; bottom: 10px; right: 10px; } body.page-node.node-type-articleseries.context-research #region-header-second { display: block; border-bottom: #ddd solid 1px ; } .cc-link { margin-top: 5px; margin-right: 10px; position: absolute; top: 0; right: 0; padding: 0; border: 0; } .node-type-articleseries.context-research .group-title { font-size: 1.6em; } .node-type-articleseries.context-research #region-content h2 { font-size: 1.8em; } .node-type-articleseries.context-research .field-name-field-author-names { margin: 0; font-weight: bold } .node-type-articleseries.context-research .region-content .field-name-field-lead-image .cc-expandable.context-caption { font-size: 12px; font-size: 1rem; background: #eee; padding: 5px 10px; display: block; margin: 0 5px 1px 5px } .node-type-articleseries.context-research .media-item-inline .context-caption { font-size: 12px; font-size: 0.8rem; background: #eee; padding: 5px; } figcaption { padding: 0 } #region-content .thumbnail-cell { width: 238px; height: 310px; border-bottom: 1px solid #E5E2DE; border-left: 1px solid #E5E2DE; box-sizing: border-box; margin: -1px; background: transparent; } #region-content .thumbnail-cell .responsive-limit { padding: 0; /* Removed as they are causing issues on /research/publications/performance-art/case-studies (PG) width: 228px!important; max-width: 228px!important; */ } #region-content .thumbnail-cell .views-field-field-lead-image { height: 228px; display: table; text-align: center; } #region-content .thumbnail-cell .views-field-field-lead-image .listing-thumb { display: table-cell; vertical-align: middle; height: 228px; text-align: center } #region-content .thumbnail-cell img { max-width: 228px; height: auto; padding: 5px; display: inline-block; } .thumbnail-cell .views-field-title { padding: 5px; display: block; line-height: 150%; } .thumbnail-cell .views-field-title a { color: #212121; font-size: 14px; border-bottom: 1px solid #00aed3; } .performance-art-microsite .views-exposed-form { border-bottom: 1px solid #E5E2DE; margin-top: -5px; } .performance-art-microsite .views-exposed-form label { float: left; margin-right: 10px; } figcaption .field-name-field-caption-photo-credit { padding: 5px } /* TATE PAPER */ .node-type-tatepaper #region-sidebar-second { display: none; } .node-type-tatepaper #region-content { padding-left: 60px; font-size: 1em; } .node-type-tatepaper #region-content p, .node-type-tatepaper #region-content blockquote { line-height: 1.5; } .node-type-tatepaper.sidebar-second #region-content { border-right: 0; margin: 0; margin-right: 0!important; } p.paragraph-count::before { position: absolute; right: auto; margin-left: -40px; display: inline-block; content: attr(data-pcount) " "; font-size: 0.8em; color: #AAA; } .performance-art-microsite p.paragraph-count { margin-left: 40px; } .media-diptych-wrapper .media-item-inline { max-width: 48%!important; float: left; padding: 1%; margin: 0; } .media-quadtych-wrapper .media-item-inline { max-width: 23%!important; float: left; padding: 1%; margin: 0 } .node-type-tatepaper .block-tate-blocks-subtitle { position: absolute; right: 0; bottom: 64px; font-size: 1em; font-family: Arial,Helvetica,sans-serif; } /* TATE PAPER */ #block-views-related-nodes-block-1 { padding-bottom: 20px; border-top: 1px solid #e5e2de; } #block-views-related-nodes-block-1 .view-related-nodes .views-row { width: 50%; overflow: hidden; float: left; } #block-views-related-nodes-block-1 .view-related-nodes .views-row:nth-child(3n) { clear: both; } .in-body-download { color: #333; border-bottom: 1px solid #00aed3; margin-left: 5px } /* TATE PAPER LISTINGS */ .listed_node.vm-series .field-content { margin-bottom: 10px; border-top: 1px solid #E5E2DE; padding-top: 10px } .listed_node.vm-series:first-child .field-content { border: none; } .listed_node.vm-series .field-name-field-subtitle, .listed_node.vm-series .field-name-field-author-names, .listed_node.vm-series .field-name-field-standfirst { margin-left: 170px } .node-type-tatepaper .field-name-field-standfirst p { font-size: 1.3em; } /* QUOTES */ blockquote.quote-1 { padding-left: 25%; line-height: 150%; } blockquote.quote-2 { padding: 10px 20px ; line-height: 150%; width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } blockquote.quote-2 p { font-size: 1.8em; line-height: 150%; } blockquote.quote-3 { padding: 10px 20px; line-height: 150%; width: 50%; float: right; box-sizing: border-box; } blockquote.quote-3 p { font-size: 1.8em; line-height: 150%; } blockquote.quote-4 { padding-left: 25%; line-height: 150%; clear: both; } blockquote.quote-4 p { font-size: 1.8em; line-height: 150%; } /* BOOK LINKS */ body.performance-art-microsite li.book_add_child, body.performance-art-microsite li.book_printer { display: none; } /* IMAGE OVERRIDE */ .media-item-inline.artwork img, .media-item-inline.image img { max-height: 540px!important; } /* FOOTNOTES */ .node-type-tatepaper .footnotes-title { display: none; } .node-type-tatepaper #zone-content #region-content .footnotes { padding-top: 20px!important; border-top: 1px solid #e5e2de } /* Phil's Overriddes - these can be removed if required */ .media-item-inline.artwork img, .media-item-inline.image img { max-height: none !important; } .media-item-inline.media-full { overflow: hidden; } .microsites-blocks { overflow: hidden; } /* Liam's last minute overriddes */ .media-item-inline.artwork img, .media-item-inline.image img { max-height: 540px !important; } .node-type-articleseries.context-research #page-title, .context-research #page-title { max-width:720px; } .tate-panel .panel_img .responsive-limit { max-height: none!important; max-width: none!important; } /* Indent the bullet points on /user when logged out */ .block-block-15 ul li a { margin-left: 10px; }