Created
November 19, 2014 04:00
-
-
Save cluppi/e00e64d5972b525e15db to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Global */ | |
| /* Global: reset */ | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| b, u, i, center, | |
| dl, dt, dd, ol, ul, li, | |
| fieldset, form, label, legend, | |
| table, caption, tbody, tfoot, thead, tr, th, td, | |
| article, aside, canvas, details, figcaption, figure, | |
| footer, header, menu, nav, section, summary, | |
| time, mark, audio, video { | |
| margin: 0; | |
| padding: 0; | |
| border: 0; | |
| outline: 0; | |
| font-size: 100%; | |
| font: inherit; | |
| vertical-align: baseline; | |
| } | |
| /* HTML5 display-role reset for older browsers */ | |
| article, aside, details, figcaption, figure, | |
| footer, header, menu, nav, section { | |
| display: block; | |
| } | |
| body { | |
| line-height: 1.5; | |
| } | |
| ol, ul { | |
| list-style: none; | |
| } | |
| blockquote, q { | |
| quotes: none; | |
| } | |
| blockquote:before, blockquote:after, | |
| q:before, q:after { | |
| content: ''; | |
| content: none; | |
| } | |
| ins { | |
| text-decoration: none; | |
| } | |
| del { | |
| text-decoration: line-through; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .js noscript { | |
| display: none; | |
| } | |
| noscript { | |
| background: #F13937; | |
| color: #fff; | |
| padding: 10px; | |
| } | |
| /* Prevent font scaling in landscape */ | |
| /* This corrects the iPhone/iPad behavior, without changing desktop behavior. */ | |
| html { | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| /* Base */ | |
| body { | |
| background: #fff; | |
| color: #333; | |
| font-family: "FS Albert Web Regular", Arial, sans-serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| p, | |
| .block .field-name-body ul, | |
| .block .field-name-body ol { | |
| line-height: 22px; | |
| margin: 0 0 20px 0; | |
| } | |
| a, | |
| li a.active { | |
| color: #0093D0; | |
| cursor: pointer; | |
| font-weight: normal; | |
| } | |
| li a:visited, | |
| a:visited, | |
| a:hover { | |
| color: #0093D0; | |
| } | |
| a span, | |
| .icon-double-right-angle { | |
| font-size: 130%; | |
| color: #f8971d; | |
| } | |
| strong, | |
| b { | |
| font-weight: bold; | |
| } | |
| h2 strong { | |
| font-weight: normal; | |
| } | |
| /* Global: headings */ | |
| h1, h2, h3, h4, h5, h6 { | |
| font-weight: normal; | |
| } | |
| h1#page-title { | |
| font-size: 200%; | |
| margin: 0 0 30px 0; | |
| } | |
| h2 { | |
| font-size: 150%; | |
| margin: 0 0 20px 0; | |
| } | |
| h3 { | |
| font-size: 130%; | |
| margin: 0 0 6px 0; | |
| } | |
| blockquote { | |
| background: #fff; | |
| border-left: 4px solid #F8971D; | |
| font-size: 100%; | |
| font-weight: bold; | |
| line-height: 30px; | |
| margin: 35px 20px; | |
| padding: 0 20px; | |
| } | |
| @media all and (min-width: 481px) { | |
| blockquote { | |
| font-size: 130%; | |
| margin: 35px 40px; | |
| } | |
| } | |
| blockquote p { | |
| display: inline; | |
| } | |
| .media-image { | |
| max-width: 100%; | |
| } | |
| .block .field-name-body ul { | |
| list-style-type: disc; | |
| margin: 0 0 20px 20px; | |
| } | |
| .block .field-name-body ol { | |
| list-style-type: decimal; | |
| margin: 0 0 20px 20px; | |
| } | |
| ul.disc { | |
| list-style-type: disc; | |
| } | |
| ul.circle { | |
| list-style-type: circle; | |
| } | |
| ul.square { | |
| list-style-type: square; | |
| } | |
| ol.upper-roman { | |
| list-style-type: upper-roman; | |
| } | |
| ol.lower-alpha { | |
| list-style-type: lower-alpha; | |
| } | |
| /* System overrides */ | |
| ul.primary { | |
| margin: 20px 0; | |
| } | |
| div.messages { | |
| margin: 0 0 20px 0; | |
| } | |
| .menu-dropdown .content > .menu > .expanded > a { | |
| display: block; | |
| } | |
| .media-thumbnail-frame { | |
| margin: 0 0 20px 0; | |
| } | |
| .tabs { | |
| margin-right: 20px; | |
| } | |
| ul li.expanded, | |
| ul li.collapsed, | |
| ul li.leaf { | |
| list-style-type: none; | |
| } | |
| ul ul li.expanded, | |
| ul ul li.collapsed, | |
| ul ul li.leaf { | |
| list-style-type: none; | |
| } | |
| ul ul ul li.expanded, | |
| ul ul ul li.collapsed, | |
| ul ul ul li.leaf { | |
| list-style-type: none; | |
| } | |
| .block-comment .item-list li + li, | |
| .menu ul li + li, | |
| .menu ul li + li.collapsed, | |
| .menu ul li + li.expanded { | |
| margin-top: 0; | |
| } | |
| ul li.expanded, | |
| ul li.leaf, | |
| ul li.collapsed { | |
| list-style-image: none !important; /* IE8 */ | |
| list-style-type: none; | |
| } | |
| .item-list ul, | |
| .action-links { | |
| padding: 0; | |
| } | |
| .sidebar h2 { | |
| font-size: 100%; | |
| line-height: 1.5; | |
| margin: 0; | |
| } | |
| .rb-textbox-type-header { | |
| font-size: inherit; | |
| font-weight: normal; | |
| } | |
| .rb-textbox-wrapper { | |
| float: left; | |
| clear: left; | |
| } | |
| .responsive-flex .box { | |
| padding: 0 !important; | |
| } | |
| #navigation .megamenu .level-1 > .menu { | |
| visibility: visible !important; | |
| display: block !important; | |
| } | |
| #block-system-main-menu { | |
| height: 61px; | |
| } | |
| #block-system-main-menu .menu.megamenu { | |
| margin: 0 0 5px 0; | |
| } | |
| #block-workbench-block { | |
| margin: 0 0 20px 0; | |
| } | |
| /* Forms */ | |
| .form-item { | |
| margin: 0 0 10px 0; | |
| } | |
| button, | |
| input[type="reset"], | |
| input[type="submit"], | |
| input[type="button"] { | |
| -moz-box-sizing: content-box; | |
| -webkit-box-sizing: content-box; | |
| box-sizing: content-box; | |
| padding: 11px 19px; | |
| } | |
| 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"] { | |
| -moz-border-radius: 0; | |
| -webkit-border-radius: 0; | |
| border-radius: 0; | |
| -moz-box-shadow: none !important; | |
| -webkit-box-shadow: none !important; | |
| box-shadow: none !important; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| background-color: #fff; | |
| border: 1px solid #bdbdbd; | |
| color: #999; | |
| font-family: "FS Albert Web Regular", Arial, sans-serif; | |
| font-size: 100%; | |
| margin: 0; | |
| padding: 6px; | |
| } | |
| button:focus, | |
| a.button:focus, | |
| button:active, | |
| a.button:active, | |
| input:focus, | |
| input:active, | |
| select:focus, | |
| select:active, | |
| textarea:focus, | |
| textarea:active { | |
| -moz-box-shadow: #06f 0 0 4px; | |
| -webkit-box-shadow: #06f 0 0 4px; | |
| box-shadow: #06f 0 0 4px; | |
| z-index: 1; /* For Opera */ | |
| } | |
| input[type="file"]:focus, | |
| input[type="file"]:active, | |
| input[type="radio"]:focus, | |
| input[type="radio"]:active, | |
| input[type="checkbox"]:focus, | |
| input[type="checkbox"]:active { | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| select[disabled], | |
| textarea[disabled], | |
| input[type="date"][disabled], | |
| input[type="datetime"][disabled], | |
| input[type="datetime-local"][disabled], | |
| input[type="email"][disabled], | |
| input[type="month"][disabled], | |
| input[type="number"][disabled], | |
| input[type="password"][disabled], | |
| input[type="search"][disabled], | |
| input[type="tel"][disabled], | |
| input[type="text"][disabled], | |
| input[type="time"][disabled], | |
| input[type="url"][disabled], | |
| input[type="week"][disabled] { | |
| background-color: #eee; | |
| } | |
| input[type="text"], | |
| input[type="password"], | |
| select { | |
| border: 1px solid #bdbdbd; | |
| color: #999; | |
| height: auto; | |
| position: relative; | |
| } | |
| @media all and (min-width: 640px) { | |
| input[type="text"], | |
| input[type="password"], | |
| select { | |
| font-size: 90%; | |
| padding: 8px 5px; | |
| } | |
| } | |
| input[type="text"], | |
| textarea, | |
| input[type="submit"] { | |
| -webkit-appearance: none; | |
| -webkit-border-radius: 0px; | |
| } | |
| /* Global: hide elements */ | |
| .front #main .meta { | |
| display: none; | |
| } | |
| /* Global: default overrides */ | |
| .region-header .page-element, | |
| .region-header .block { | |
| width: auto; | |
| } | |
| .block + .block, | |
| .wrapper-content .block + .block, | |
| .form-item, .form-actions, | |
| .block .menu, | |
| .views-row, | |
| .wrapper-content, | |
| .node .field + .field, | |
| .node-teaser, | |
| .block ul { | |
| margin: 0; | |
| } | |
| .block ul, | |
| .wrapper-content .stack, | |
| .wrapper-footer .stack, | |
| .stack .box, | |
| th:first-child, | |
| td:first-child { | |
| padding: 0; | |
| } | |
| .container-inline div, | |
| .container-inline label, | |
| .horizontal .expanded .menu { | |
| display: block; | |
| } | |
| .block, | |
| .region-header .block { | |
| clear: none; | |
| } | |
| #header-inner .col-c { | |
| overflow: visible; | |
| } | |
| /* Layout */ | |
| .page-width { | |
| width: auto; | |
| } | |
| .stack-width { | |
| padding: 0 20px; | |
| } | |
| #header-inner .stack-width, | |
| #navigation .stack-width, | |
| #breadcrumb .stack-width { | |
| padding: 0; | |
| } | |
| @media all and (min-width: 640px) { | |
| #header-inner .stack-width { | |
| padding: 0 20px; | |
| } | |
| } | |
| @media all and (min-width: 960px) { | |
| .page-width { | |
| width: 960px; | |
| } | |
| #header-inner .stack-width, | |
| #navigation .stack-width, | |
| #breadcrumb .stack-width, | |
| .stack-width { | |
| padding: 0 10px; | |
| } | |
| #navigation .stack-width { | |
| padding: 0; | |
| } | |
| } | |
| #header-inner, | |
| #navigation, | |
| #content-inner, | |
| #footer { | |
| position: relative; | |
| } | |
| #copyright { | |
| display: none; | |
| } | |
| .front #content { | |
| margin-top: 20px; | |
| } | |
| @media all and (min-width: 940px) { | |
| .front #content { | |
| margin: 0; | |
| } | |
| } | |
| #header-region { | |
| float: left; | |
| margin: 5px 0; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #header-inner .block .inner { | |
| margin: 15px 0; | |
| } | |
| } | |
| #header-inner #block-locale-language { | |
| clear: right; | |
| margin: 0; | |
| } | |
| #header-inner #block-locale-language ul li { | |
| float: left; | |
| margin: 0 0 0 20px; | |
| } | |
| #block-menu-menu-header-menu { | |
| clear: right; | |
| float: right; | |
| padding: 4px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 960px) { | |
| #block-menu-menu-header-menu { | |
| clear: none; | |
| } | |
| #block-search-form, | |
| #block-menu-menu-header-menu { | |
| padding: 0; | |
| } | |
| } | |
| #breadcrumb { | |
| margin: 0 0 30px 0; | |
| padding: 0; | |
| } | |
| #breadcrumb a { | |
| color: #fff; | |
| } | |
| @media all and (min-width: 640px) { | |
| #breadcrumb .box { | |
| padding: 10px 22px; | |
| width: auto; | |
| } | |
| } | |
| .region-header .page-element.logo-wrapper { | |
| float: none; | |
| margin: 15px auto; | |
| overflow: hidden; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| .region-header .page-element.logo-wrapper { | |
| float: left; | |
| margin: 0; | |
| width: 100px; | |
| } | |
| } | |
| .logo { | |
| margin: 0; | |
| } | |
| #logo, | |
| #logo img { | |
| display: block; | |
| float: none; | |
| margin: 0 auto; | |
| width: 150px; | |
| } | |
| @media all and (min-width: 640px) { | |
| #logo img { | |
| float: left; | |
| width: 80px; | |
| } | |
| } | |
| .mobile-menu-icon, | |
| .mobile-menu ul ul, | |
| .mobile-breadcrumb { | |
| display: block; | |
| } | |
| @media all and (min-width: 640px) { | |
| .mobile-menu-icon, | |
| .mobile-menu ul ul, | |
| .mobile-breadcrumb { | |
| display: none; | |
| } | |
| } | |
| .mobile-menu { | |
| bottom: 0; | |
| display: block; | |
| float: left; | |
| height: 100%; | |
| left: -100px; | |
| overflow: scroll; | |
| position: fixed; | |
| top: 0; | |
| -moz-transition: all 300ms; | |
| -webkit-transition: all 300ms; | |
| transition: all 300ms; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| .mobile-menu { | |
| display: none; | |
| } | |
| } | |
| body.menu-active .mobile-menu { | |
| left: 0; | |
| } | |
| body.menu-active .mobile-menu ul { | |
| left: 0; | |
| opacity: 1; | |
| } | |
| .mobile-menu .level-1 > .menu { | |
| display: none; | |
| } | |
| .mobile-menu .menu-link-4141 { | |
| border-bottom: 1px solid #80C9E8; | |
| } | |
| #page { | |
| background-color: #fff; | |
| -moz-box-shadow: -3px 0 6px #4a5562; | |
| -webkit-box-shadow: -3px 0 6px #4a5562; | |
| box-shadow: -3px 0 6px #4a5562; | |
| height: 100%; | |
| left: 0; | |
| overflow: scroll; | |
| /*position: fixed;*/ | |
| top: 0; | |
| -moz-transition: all 300ms; | |
| -webkit-transition: all 300ms; | |
| transition: all 300ms; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #page { | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| left: auto; | |
| overflow: inherit; | |
| position: relative; | |
| top: auto; | |
| } | |
| } | |
| body.menu-active #page { | |
| left: 60%; | |
| } | |
| .mobile-menu-icon { | |
| float: left; | |
| width: 15%; | |
| } | |
| .mobile-menu-icon .mobile-menu-link { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-mobile-menu.png) no-repeat; | |
| cursor: pointer; | |
| display: block; | |
| height: 50px; | |
| text-indent: -9999px; | |
| width: 50px; | |
| } | |
| .mobile-menu ul li a { | |
| background: #0093D0; | |
| color: #fff; | |
| display: block; | |
| font-size: 140%; | |
| height: auto !important; | |
| padding: 10px; | |
| } | |
| .mobile-menu ul li a:hover { | |
| background: #40aedc; | |
| text-decoration: none; | |
| } | |
| .mobile-menu ul.menu.tabs { | |
| border-bottom: 1px solid #80C9E8; | |
| } | |
| .field-name-field-main-content { | |
| float: left; | |
| } | |
| .region-content { | |
| padding-bottom: 60px; | |
| } | |
| .sidebar, | |
| .sidebar.right, | |
| .field-name-field-sidebar-content { | |
| float: none; | |
| margin: 0 0 20px 0; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| .sidebar, | |
| .sidebar.right, | |
| .field-name-field-sidebar-content { | |
| float: right; | |
| margin: 58px 0 20px 20px; | |
| width: 300px; | |
| } | |
| } | |
| #footer-inner .col { | |
| border-top: 1px solid #ccc; | |
| padding: 20px 0; | |
| } | |
| #block-menu-menu-footer-menu { | |
| border-bottom: 1px solid #ccc; | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-menu-menu-footer-menu { | |
| border: none; | |
| float: left; | |
| width: 68%; | |
| } | |
| } | |
| #block-block-1 { | |
| color: #b6b6b6; | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| text-align: center; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-block-1 { | |
| clear: none; | |
| float: left; | |
| text-align: left; | |
| width: 30%; | |
| } | |
| } | |
| #block-menu-menu-footer-menu ul li { | |
| float: none; | |
| font-size: 120%; | |
| list-style-type: none; | |
| margin: 0 0 15px 0; | |
| text-align: center; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-menu-menu-footer-menu ul li, | |
| #block-block-1 { | |
| font-size: 100%; | |
| } | |
| #block-menu-menu-footer-menu ul li { | |
| float: left; | |
| margin: 0 25px 15px 0; | |
| } | |
| } | |
| #block-menu-menu-footer-menu ul li a { | |
| color: #0093D0; | |
| font-weight: normal; | |
| } | |
| #block-menu-menu-header-menu h2, | |
| #block-menu-menu-footer-menu h2, | |
| #block-block-1 h2 { | |
| display: none; | |
| } | |
| #block-menu-menu-header-menu ul.menu li { | |
| float: left; | |
| list-style-image: none; | |
| list-style-type: none; | |
| margin: 0 20px 0 0; | |
| } | |
| #block-menu-menu-header-menu ul.menu li.last { | |
| margin: 0; | |
| } | |
| @media all and (min-width: 960px) { | |
| #block-menu-menu-header-menu ul.menu li.last { | |
| margin: 0 20px 0 0; | |
| } | |
| } | |
| #block-menu-menu-header-menu ul.menu li a { | |
| color: #0093D0; | |
| display: block; | |
| font-weight: normal; | |
| text-decoration: none; | |
| } | |
| #block-menu-menu-header-menu ul.menu li a:hover { | |
| text-decoration: underline; | |
| } | |
| /* Search */ | |
| #block-search-form { | |
| background-color: #f9f9f9; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-search-form { | |
| background: none; | |
| margin: 0 0 15px 0; | |
| width: 260px; | |
| } | |
| } | |
| #search-block-form { | |
| float: left; | |
| margin: 0; | |
| width: 85%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #search-block-form { | |
| float: right; | |
| width: 222px; | |
| } | |
| } | |
| #search-block-form .container-inline { | |
| padding: 7px 5px; | |
| overflow: hidden; | |
| } | |
| @media all and (min-width: 640px) { | |
| #search-block-form .container-inline { | |
| padding: 0; | |
| } | |
| } | |
| #block-search-form .form-item { | |
| margin: 0 !important; /* IE8 */ | |
| width: 65%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-search-form .form-item { | |
| width: 165px; | |
| } | |
| } | |
| #block-search-form .form-item, | |
| #block-search-form .form-actions { | |
| float: left; | |
| } | |
| #block-search-form .form-text { | |
| padding: 7px 5px; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-search-form .form-text { | |
| padding: 3px 3px 4px 3px; | |
| } | |
| } | |
| #block-search-form .form-submit { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/btn-search-form-67x34.png) center center no-repeat; | |
| background-color: #0093D0; | |
| border: none; | |
| cursor: pointer; | |
| display: block; | |
| height: 34px; | |
| margin: 0; | |
| min-height: 25px; | |
| padding: 0; | |
| text-indent: -9999px; | |
| text-transform: capitalize; | |
| width: 67px; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-search-form .form-submit { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/btn-search-form-50x25.png) center center no-repeat; | |
| background-color: #0093D0; | |
| height: auto; | |
| width: 50px; | |
| } | |
| } | |
| #block-search-form .form-submit:hover { | |
| background-color: #40AEDC; | |
| } | |
| #block-search-form .form-actions { | |
| margin-left: 3%; | |
| position: relative; | |
| } | |
| /* Search page */ | |
| .page-search #page-title span { | |
| color: #F8971D; | |
| } | |
| .search-info { | |
| color: #999; | |
| font-weight: bold; | |
| } | |
| .search-results { | |
| padding-bottom: 40px; | |
| } | |
| .search-results .title { | |
| font-size: 150%; | |
| margin: 0; | |
| } | |
| .search-results .title a { | |
| font-weight: bold; | |
| } | |
| .search-results p { | |
| margin-top: 0; | |
| } | |
| .search-snippet { | |
| margin: 0 0 10px 0; | |
| } | |
| .search-info a { | |
| display: none; | |
| } | |
| .search-results .search-info { | |
| color: #ccc; | |
| font-size: 120%; | |
| font-weight: normal; | |
| } | |
| .search-results .title a { | |
| font-weight: normal; | |
| } | |
| /* Search page pager */ | |
| .page-search .item-list .pager { | |
| text-align: left; | |
| } | |
| .page-search .item-list .pager li { | |
| padding: 0; | |
| } | |
| .page-search .pager a { | |
| padding: 3px; | |
| text-transform: capitalize; | |
| } | |
| .page-search .pager .pager-item a { | |
| background-color: #0093D0; | |
| color: #fff; | |
| } | |
| .page-search .item-list .pager .pager-current { | |
| background-color: #F8971D; | |
| color: #fff; | |
| padding: 3px; | |
| } | |
| .page-search .pager-next { | |
| border-left: 1px solid #e5e5e5; | |
| margin: 0 5px; | |
| } | |
| .page-search .pager-next a { | |
| padding: 0 0 0 10px; | |
| } | |
| .page-search .pager-last { | |
| border-left: 1px solid #e5e5e5; | |
| } | |
| .page-search .pager-first { | |
| border-right: 1px solid #e5e5e5; | |
| } | |
| .page-search .pager-first a { | |
| padding: 0 10px 0 0; | |
| } | |
| .page-search .pager-previous { | |
| border-right: 1px solid #e5e5e5; | |
| margin: 0 5px 0 0; | |
| } | |
| .page-search .pager-last a, | |
| .page-search .pager-previous a { | |
| padding: 0 10px; | |
| } | |
| .pager-current { | |
| font-weight: normal; | |
| } | |
| /* Front page */ | |
| @media all and (min-width: 640px) { | |
| .front #banner { | |
| margin: 0 0 30px 0; | |
| } | |
| } | |
| .front #page-title { | |
| display: none; | |
| } | |
| .front .block-views { | |
| float: left; | |
| position: relative; | |
| } | |
| .front .block-rotating-banner { | |
| background: #75D1E0; | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| .front .block-rotating-banner { | |
| float: left; | |
| width: 66%; | |
| } | |
| } | |
| .front .block-rotating-banner .image { | |
| max-height: 290px; | |
| } | |
| .front .block-rotating-banner img { | |
| height: auto; | |
| } | |
| @media all and (min-width: 940px) { | |
| .front .block-rotating-banner img { | |
| height: auto; | |
| } | |
| } | |
| .front #block-views-front-small-panels-block { | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| .front #block-views-front-small-panels-block { | |
| clear: none; | |
| float: left; | |
| min-height: 86px; | |
| margin: 0 0 0 20px; | |
| width: 30.5%; | |
| } | |
| } | |
| @media all and (min-width: 860px) { | |
| .front #block-views-front-small-panels-block { | |
| width: 32.5%; | |
| } | |
| } | |
| @media all and (min-width: 940px) { | |
| .front #block-views-front-small-panels-block { | |
| width: 31.9%; | |
| } | |
| } | |
| .front .block-rotating-banner .middle h2, | |
| .front #block-views-front-small-panels-block .middle h2 { | |
| display: none; | |
| } | |
| .front .view-front-small-panels .views-row { | |
| background-color: #00A950; | |
| margin: 0 0 20px 0; | |
| min-height: 86px; | |
| padding: 20px; | |
| width: auto; | |
| } | |
| .front .view-front-small-panels .views-row-last h3 { | |
| display: none; | |
| } | |
| .layout-wrapper.bottom-left { | |
| background-color: #75D1E0; | |
| bottom: 0; | |
| margin: 0; | |
| width: 100%; | |
| } | |
| .rotating-banner .rb-link:hover, | |
| .rotating-banner .rb-link:visited, | |
| .rotating-banner .rb-link:link, | |
| .rotating-banner .rb-link:active { | |
| color: #fff; | |
| font-size: 150%; | |
| line-height: 1.3; | |
| } | |
| @media all and (min-width: 640px) { | |
| .rotating-banner .rb-link:hover, | |
| .rotating-banner .rb-link:visited, | |
| .rotating-banner .rb-link:link, | |
| .rotating-banner .rb-link:active { | |
| font-size: 140%; | |
| line-height: 1.3; | |
| } | |
| } | |
| @media all and (min-width: 940px) { | |
| .rotating-banner .rb-link:hover, | |
| .rotating-banner .rb-link:visited, | |
| .rotating-banner .rb-link:link, | |
| .rotating-banner .rb-link:active { | |
| font-size: 190%; | |
| line-height: 1.1; | |
| } | |
| } | |
| .rotating-banner .controls { | |
| background-color: #75D1E0; | |
| padding: 16px 18px; | |
| text-align: right; | |
| } | |
| .controls.buttons a.activeSlide { | |
| background-color: #F8971D; | |
| } | |
| .rb-slide { | |
| min-height: 300px; | |
| width: auto !important; | |
| } | |
| @media all and (min-width: 940px) { | |
| .rb-slide { | |
| min-height: 400px; | |
| } | |
| } | |
| .rb-textbox-type-text { | |
| padding: 0 20px; | |
| } | |
| .rb-textbox-type-header { | |
| padding: 20px 20px 0 20px; | |
| } | |
| .rb-textbox { | |
| white-space: pre-wrap; | |
| white-space: -moz-pre-wrap; | |
| word-wrap: break-word; | |
| } | |
| .rb-link span { | |
| color: #fff; | |
| } | |
| .rotating-banner { | |
| height: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| .rotating-banner { | |
| height: 432px; | |
| } | |
| } | |
| @media all and (min-width: 940px) { | |
| .rotating-banner { | |
| height: auto; | |
| } | |
| } | |
| .front .view-front-large-panels .views-row { | |
| float: left; | |
| margin: 0 10px 0 0; | |
| padding: 0; | |
| width: 100%; | |
| } | |
| .view-front-large-panels .views-field-field-front-large-panel-image, | |
| .view-front-large-panels .views-field-field-front-large-panel-image .field-content { | |
| float: left; | |
| width: 100%; | |
| } | |
| .front .view-front-large-panels img { | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| .front .view-front-large-panels .title { | |
| float: left; | |
| min-height: 126px; | |
| padding: 20px; | |
| } | |
| @media all and (min-width: 940px) { | |
| .front .view-front-large-panels .title { | |
| min-height: 96px; | |
| } | |
| } | |
| .front .view-front-large-panels a, | |
| .front .view-front-large-panels a span { | |
| color: #fff; | |
| } | |
| .front .view-front-large-panels a span { | |
| font-size: 100%; | |
| padding: 0 10px; | |
| } | |
| .front .view-front-small-panels p { | |
| line-height: 100%; | |
| margin: 0; | |
| } | |
| .front .view-front-small-panels .views-field-title { | |
| margin: 0 0 10px 0; | |
| } | |
| .front .view-front-small-panels .views-row-3 .views-field-title { | |
| display: none; | |
| } | |
| .view-front-large-panels .title a { | |
| font-size: 180%; | |
| line-height: 1.2; | |
| } | |
| @media all and (min-width: 940px) { | |
| .view-front-large-panels .title a { | |
| font-size: 220%; | |
| line-height: 1.5; | |
| } | |
| } | |
| .twitter-timeline.twitter-timeline-rendered { | |
| height: 110px; | |
| } | |
| @media all and (min-width: 640px) and (max-width: 939px) { | |
| .rotating-banner { | |
| height: auto; | |
| } | |
| .twitter-timeline.twitter-timeline-rendered { | |
| height: 110px; | |
| } | |
| } | |
| @media all and (min-width: 480px) and (max-width: 639px) { | |
| .twitter-timeline.twitter-timeline-rendered { | |
| height: 70px; | |
| } | |
| } | |
| @media all and (max-width: 479px) { | |
| .twitter-timeline.twitter-timeline-rendered { | |
| height: 80px; | |
| } | |
| } | |
| .views-row.views-row-3.views-row-odd.views-row-last { | |
| max-height: 125px; | |
| } | |
| .view-front-small-panels .views-field-title a, | |
| .twitter-feed-title { | |
| color: #fff; | |
| display: block; | |
| line-height: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| .view-front-small-panels .views-field-title a, | |
| .twitter-feed-title { | |
| font-size: 120%; | |
| } | |
| } | |
| @media all and (min-width: 940px) { | |
| .view-front-small-panels .views-field-title a, | |
| .twitter-feed-title { | |
| font-size: 130%; | |
| } | |
| } | |
| .js .twitter-feed-content { | |
| display: none; | |
| } | |
| .front .view-front-small-panels .views-row, | |
| .front .view-front-small-panels .views-row a { | |
| color: #fff; | |
| } | |
| .front .view-front-small-panels .views-row-1 { | |
| background: #F26649; | |
| } | |
| .front .view-front-small-panels .views-row-2 { | |
| background: #F8971D; | |
| } | |
| .front .view-front-small-panels .views-row-3 { | |
| background: #002596; | |
| max-height: 120px; | |
| } | |
| @media all and (min-width: 640px) { | |
| .front .view-front-small-panels .views-row-3 { | |
| max-height: 99px; | |
| } | |
| } | |
| .front .view-front-small-panels .views-row-3 .ext { | |
| display: none; | |
| } | |
| /* Front page: basic content */ | |
| #block-views-front-page-basic-content-block { | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-views-front-page-basic-content-block { | |
| float: left; | |
| width: 620px; | |
| } | |
| } | |
| #block-views-front-page-basic-content-block .middle > h2 { | |
| display: none; | |
| } | |
| .view-front-page-basic-content .views-row { | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| padding: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| .view-front-page-basic-content .views-row { | |
| clear: none; | |
| float: left; | |
| margin: 0 20px 0 0; | |
| width: 48%; | |
| } | |
| } | |
| .view-front-page-basic-content .views-row.views-row-2 { | |
| margin: 0; | |
| } | |
| .view-front-page-basic-content .title { | |
| font-size: 150%; | |
| font-weight: normal; | |
| line-height: 125%; | |
| margin: 0 0 20px 0; | |
| } | |
| /* Front: latest news */ | |
| #block-views-latest-news-block { | |
| clear: left; | |
| float: none; | |
| margin: 0 0 20px 0; | |
| width: auto; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-views-latest-news-block { | |
| clear: none; | |
| } | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-views-latest-news-block { | |
| margin: 0 20px 0 0; | |
| width: 45%; | |
| } | |
| } | |
| @media all and (min-width: 940px) { | |
| .front #block-views-latest-news-block, | |
| .front #block-block-21 { | |
| float: left; | |
| margin: 0 0 0 20px; | |
| padding: 0; | |
| width: 285px; | |
| } | |
| } | |
| #block-views-latest-news-block .middle h2 { | |
| font-size: 150%; | |
| font-weight: normal; | |
| line-height: 125%; | |
| margin: 0 0 20px 0; | |
| } | |
| #block-views-latest-news-block .views-row, | |
| .view-latest-news .view-footer { | |
| clear: left; | |
| margin: 0 0 25px 0; | |
| } | |
| #block-views-latest-news-block .title a { | |
| color: #0093D0; | |
| } | |
| #block-views-latest-news-block .post-date { | |
| color: #b6b6b6; | |
| } | |
| .stack-precontent h2 { | |
| margin: 0; | |
| } | |
| .pfizer-quote-symbol-exchange { | |
| font-size: 80%; | |
| } | |
| .pfizer-quote-symbol-exchange .symbol, | |
| .pfizer-quote-symbol-exchange .exchange { | |
| color: #666; | |
| } | |
| .pfizer-quote-symbol-exchange, | |
| .pfizer-stocklast-stockchange { | |
| color: #999; | |
| margin: 0 0 10px 0; | |
| } | |
| .pfizer-stocklast-stockchange .stocklast, | |
| .pfizer-stocklast-stockchange .stockchange { | |
| color: #666; | |
| font-size: 300%; | |
| } | |
| .pfizer-stocklast-stockchange .stockchange { | |
| color: #00BE00; | |
| font-size: 130%; | |
| } | |
| .pfizer-lastupdate { | |
| color: #b6b6b6; | |
| font-size: 90%; | |
| } | |
| /* Global: call to action */ | |
| .field-name-field-call-to-action .field-items > .field-item { | |
| border-bottom: 1px solid #ccc; | |
| margin-bottom: 20px; | |
| padding-bottom: 20px; | |
| } | |
| @media all and (min-width: 480px) { | |
| .field-name-field-call-to-action .field-items > .field-item { | |
| border: none; | |
| float: left; | |
| margin: 0 20px 20px 0; | |
| width: 300px; | |
| } | |
| .field-name-field-call-to-action .field-item:nth-child(3n) { | |
| margin: 0 0 20px 0; | |
| } | |
| } | |
| .field-name-field-call-to-action .field-item .field-item { | |
| border-bottom: none; | |
| } | |
| .node-type-media-page .field-name-field-call-to-action .field-item { | |
| min-height: 100%; | |
| width: 300px; | |
| } | |
| @media all and (min-width: 480px) { | |
| .node-type-media-page .field-name-field-call-to-action .field-item { | |
| margin: 0 20px 20px 0; | |
| } | |
| .node-type-media-page .field-name-field-call-to-action .field-item .field-item, | |
| .node-type-media-page .field-name-field-call-to-action .field-item .field-item .field-item { | |
| width: 100%; | |
| } | |
| } | |
| .node-type-media-page .field-name-field-call-to-action .field-item.odd { | |
| margin: 0 0 20px 0; | |
| } | |
| .field-name-field-call-to-action .field-item .field-item { | |
| display: table; | |
| float: none; | |
| margin: 0; | |
| padding: 0; | |
| min-height: 100%; | |
| width: 100%; | |
| } | |
| .node-teaser h2 { | |
| display: none; | |
| } | |
| .node-teaser .field-name-field-call-to-action-image a { | |
| display: block; | |
| } | |
| .node-teaser .field-name-field-call-to-action-image img { | |
| height: 150px; | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| .node .field-name-field-call-to-action-image { | |
| margin: 0 0 20px 0; | |
| } | |
| .node-teaser .field-name-field-call-to-action-image { | |
| height: 150px; | |
| margin: 0; | |
| } | |
| .node-about-us-page.node-promoted.node-teaser .field-type-text-with-summary { | |
| min-height: 150px; | |
| } | |
| .node .field + .field-name-field-call-to-action-button.field-type-link-field { | |
| margin: 0 0 20px 0; | |
| } | |
| .node.node-media-page .field + .field-name-field-call-to-action-button.field-type-link-field { | |
| margin: 0; | |
| } | |
| .field-name-field-call-to-action-button a { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-double-right-angle-white-24x24.png) no-repeat 93% 50%; | |
| background-color: #0093D0; | |
| color: #fff; | |
| display: table-cell; | |
| height: 65px; | |
| padding: 0 50px 0 20px; | |
| text-decoration: none; | |
| vertical-align: middle; | |
| } | |
| .field-name-field-call-to-action-button a:hover { | |
| background-color: #40C2F3; | |
| } | |
| ul.links.inline { | |
| display: none !important; /* IE8 */ | |
| } | |
| /* Global: page */ | |
| .node-page .field-name-field-basic-page-image { | |
| margin: 0 0 25px 0; | |
| } | |
| .node .field-name-body, | |
| .node .field + .field-name-body, | |
| .node .field-name-field-accordion, | |
| .node .field + .field-name-field-accordion { | |
| margin: 0; | |
| } | |
| /* Global: leadership team */ | |
| .node .field-name-body ul.leadership-team { | |
| list-style-type: none; | |
| margin: 0; | |
| } | |
| ul.leadership-team li { | |
| float: left; | |
| height: 250px; | |
| margin: 0 25px 25px 0; | |
| width: 166px; | |
| } | |
| ul.leadership-team h3 { | |
| color: #0093D0; | |
| } | |
| ul.leadership-team .media-thumbnail-frame { | |
| margin: 0; | |
| } | |
| /* Global: main menu */ | |
| /* Hide menus */ | |
| #block-menu-menu-header-menu, | |
| #navigation { | |
| display: none; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-menu-menu-header-menu, | |
| #navigation { | |
| display: block; | |
| } | |
| } | |
| #block-system-main-menu .menu { | |
| display: table; | |
| margin: 0; | |
| padding: 0; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu { | |
| width: 100%; | |
| } | |
| #block-system-main-menu .content .menu > li { | |
| display: table-cell; | |
| float: none; | |
| padding: 0; | |
| position: relative; | |
| } | |
| #block-system-main-menu .menu li a { | |
| display: block; | |
| padding: 5px; | |
| white-space: pre; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-system-main-menu .menu li a { | |
| font-size: 140%; | |
| } | |
| } | |
| #block-system-main-menu .menu > li > a { | |
| display: block; | |
| font-size: 125%; | |
| font-weight: normal; | |
| padding: 10px; | |
| text-align: center; | |
| text-decoration: none; | |
| } | |
| @media all and (min-width: 640px) { | |
| #block-system-main-menu .menu > li > a { | |
| font-size: 110%; | |
| } | |
| } | |
| @media all and (min-width: 960px) { | |
| #block-system-main-menu .menu > li > a { | |
| font-size: 125%; | |
| } | |
| } | |
| #block-system-main-menu .menu .menu > li > a { | |
| color: #fff; | |
| } | |
| .js #block-system-main-menu .menu > li > a { | |
| color: #0093D0; | |
| } | |
| @media all and (min-width: 940px) { | |
| #block-system-main-menu .menu > li > a { | |
| font-size: 150%; | |
| padding: 10px; | |
| } | |
| #block-system-main-menu .content > .menu > li.first > a { | |
| text-align: left; | |
| } | |
| #block-system-main-menu .content > .menu > li.last > a { | |
| padding: 10px 0; | |
| text-align: right; | |
| } | |
| } | |
| #block-system-main-menu .menu .menu a { | |
| font-size: 100%; | |
| padding: 10px; | |
| text-align: left; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu a { | |
| padding: 6px 8px; | |
| white-space: pre-wrap; | |
| } | |
| #block-system-main-menu li:hover > .menu, | |
| #block-system-main-menu li.clicked > .menu { | |
| /* Display the dropdown on hover */ | |
| left: 0; /* Bring back on-screen when needed */ | |
| z-index: 10; | |
| } | |
| #block-system-main-menu li.clicked > .menu { | |
| } | |
| /* Device */ | |
| #block-system-main-menu li .menu.closed { | |
| left: -9999px !important; | |
| } | |
| #block-system-main-menu .menu .menu { | |
| left: -9999px; | |
| min-width: 200px; | |
| position: absolute; | |
| top: 30px; | |
| z-index: 5; | |
| } | |
| @media all and (min-width: 940px) { | |
| #block-system-main-menu .menu .menu { | |
| top: 39px; | |
| } | |
| } | |
| /*#block-system-main-menu .menu .menu:hover { | |
| display: block; | |
| }*/ | |
| #block-system-main-menu .menu .menu li { | |
| float: left; | |
| list-style-type: none; | |
| width: 100%; | |
| } | |
| #block-system-main-menu .menu .menu li a:hover { | |
| background-color: #F8971D; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu li a:hover { | |
| background: none; | |
| text-decoration: underline; | |
| } | |
| #block-system-main-menu .menu .menu .menu { | |
| left: -9999px; | |
| min-width: 200px; | |
| position: absolute; | |
| top: 0; | |
| z-index: 1; | |
| } | |
| #block-system-main-menu .menu .menu li:hover .menu { | |
| /* Display the dropdown on hover */ | |
| left: 240px; /* Bring back on-screen when needed */ | |
| } | |
| .horizontal .menu li { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| /* Megamenu */ | |
| #block-system-main-menu .menu.megamenu > li { | |
| position: static; | |
| } | |
| #block-system-main-menu .menu.megamenu li.block { | |
| width: 225px; | |
| } | |
| #block-system-main-menu .menu.megamenu .sub-menu li.block { | |
| width: 200px; | |
| } | |
| #block-system-main-menu .menu .menu li a.active-trail.active { | |
| background-color: #F8971D; | |
| color: #fff !important; | |
| cursor: pointer; | |
| } | |
| #block-system-main-menu li.block .menu { | |
| box-shadow: none; | |
| left: 0; | |
| } | |
| #block-system-main-menu .menu .menu li.block:hover .menu { | |
| left: 0; | |
| } | |
| /* Main menu: sub level */ | |
| #block-system-main-menu .menu.megamenu .menu .menu { | |
| display: block; | |
| left: 0; | |
| } | |
| .megamenu h2 { | |
| font-size: 100%; | |
| font-weight: bold; | |
| margin: 0; | |
| } | |
| #block-system-main-menu .menu.megamenu li ul.menu li h2 a { | |
| font-weight: 700; | |
| } | |
| #block-system-main-menu .menu.megamenu li > .menu, | |
| #block-system-main-menu .menu.megamenu li > .menu li > .menu { | |
| margin: 0 0 0 15px; | |
| } | |
| #block-system-main-menu .menu.megamenu li > .menu.level-2 { | |
| margin: 0; | |
| } | |
| #block-system-main-menu .menu .menu .block .menu { | |
| position: relative; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu li { | |
| border: none; | |
| } | |
| .megamenu-wrapper { | |
| -moz-box-shadow: 0 5px 5px 0 #4a5562; | |
| -webkit-box-shadow: 0 5px 5px 0 #4a5562; | |
| box-shadow: 0 5px 5px 0 #4a5562; | |
| margin: 22px 0 0 0; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| @media all and (min-width: 960px) { | |
| .megamenu-wrapper { | |
| margin: 22px 10px 0 10px; | |
| } | |
| } | |
| #block-system-main-menu .menu.megamenu li.block.top-level-link { | |
| float: none; | |
| } | |
| /* Action links */ | |
| .action-links { | |
| display: none; | |
| float: right; | |
| } | |
| @media all and (min-width: 640px) { | |
| .action-links { | |
| display: block; | |
| } | |
| } | |
| .megamenu-wrapper .action-links { | |
| margin: 10px 22px; | |
| } | |
| .action-links a { | |
| display: block !important; | |
| float: left; | |
| height: 25px; | |
| margin-left: 20px; | |
| padding: 0 !important; | |
| text-decoration: none; | |
| text-indent: -9999px; | |
| width: 40px !important; | |
| } | |
| .action-links a.mailto { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-mailto-40x40.png) no-repeat center center; | |
| } | |
| .action-links a.print { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-print-40x40.png) no-repeat center center; | |
| } | |
| /* Breadcrumb megamenu */ | |
| h2.breadcrumb-header { | |
| display: none; | |
| float: left; | |
| font-size: 95%; | |
| font-style: italic; | |
| font-weight: normal; | |
| margin: 0 10px 0 0; | |
| padding: 1px 0; | |
| } | |
| .megamenu h2.breadcrumb-header { | |
| color: #fff; | |
| } | |
| @media all and (min-width: 640px) { | |
| h2.breadcrumb-header { | |
| display: block; | |
| } | |
| } | |
| #block-system-main-menu .menu .megamenu-breadcrumb { | |
| color: #fff; | |
| float: left; | |
| padding: 10px 22px; | |
| position: relative; | |
| width: 65%; | |
| z-index: 2; | |
| } | |
| @media all and (min-width: 960px) { | |
| #block-system-main-menu .menu .megamenu-breadcrumb { | |
| width: 75%; | |
| } | |
| } | |
| #block-system-main-menu .menu .megamenu-breadcrumb a { | |
| color: #fff !important; | |
| display: inline-block; | |
| } | |
| #block-system-main-menu .menu .megamenu-breadcrumb .breadcrumb-intro { | |
| font-style: italic; | |
| } | |
| #block-system-main-menu .menu .megamenu-header { | |
| float: left; | |
| width: 100%; | |
| } | |
| #block-system-main-menu .menu .megamenu-body { | |
| clear: left; | |
| min-height: 250px; | |
| overflow: hidden; | |
| padding: 22px; | |
| position: relative; | |
| } | |
| .megamenu-body .sub-menu { | |
| float: left; | |
| width: 225px; | |
| } | |
| .destination { | |
| font-style: italic; | |
| margin: 0 0 15px 0; | |
| } | |
| .caret-up { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/sprite-megamenu.png) no-repeat center 0; | |
| display: none; | |
| height: 30px; | |
| margin-top: -12px; | |
| width: 100%; | |
| z-index: 4; | |
| } | |
| #block-system-main-menu .menu > li.active-trail .caret-up, | |
| #block-system-main-menu .menu > li.expanded:hover .caret-up, | |
| #block-system-main-menu .menu > li.is_active .caret-up { | |
| display: block; | |
| } | |
| /* Main menu */ | |
| .js #block-system-main-menu .tabs-content li a, | |
| #block-system-main-menu .menu li ul.menu li a { | |
| font-size: 100%; | |
| font-weight: normal; | |
| } | |
| @media all and (min-width: 641px) { | |
| .js #block-system-main-menu .tabs-content li a { | |
| font-size: 90%; | |
| } | |
| } | |
| /* Default / About us */ | |
| .js #block-system-main-menu .menu li:hover > a, | |
| #block-system-main-menu .menu li.menu-item-active, | |
| #block-system-main-menu .menu li.active-trail, | |
| #block-system-main-menu .menu li .destination { | |
| color: #0093D0; | |
| } | |
| #block-system-main-menu .menu li > .menu, | |
| #block-system-main-menu .menu li .megamenu-header { | |
| background-color: #0093D0; | |
| } | |
| #block-system-main-menu .menu li .megamenu-wrapper { | |
| background-color: #E5F4FA; | |
| } | |
| #block-system-main-menu .menu li .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li .breadcrumb { | |
| color: #BFE4FE; | |
| } | |
| #block-system-main-menu .menu li .megamenu-header { | |
| border-bottom: 10px solid #40AEDC; | |
| } | |
| #block-system-main-menu .menu li > .menu li > .menu { | |
| background-color: #40C2F3; | |
| } | |
| #block-system-main-menu .menu li:nth-child(1) .caret-up { | |
| background-position: 25px 0; | |
| } | |
| /* Communities */ | |
| #block-system-main-menu .menu li:nth-child(2) > .active-trail, | |
| .js #block-system-main-menu .menu li:nth-child(2):hover > a, | |
| .js #block-system-main-menu .menu li:nth-child(2).is_active a, | |
| #block-system-main-menu .menu li.menu-item-active:nth-child(2), | |
| #block-system-main-menu .menu li.active-trail:nth-child(2), | |
| #block-system-main-menu .menu li:nth-child(2) .destination { | |
| color: #F26649; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) > .menu, | |
| #block-system-main-menu .menu li:nth-child(2) .megamenu-header { | |
| background-color: #F26649; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) .megamenu-wrapper { | |
| background-color: #FEEFEC; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) .caret-up { | |
| background-position: center -30px; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li:nth-child(2) .breadcrumb { | |
| color: #FEEFEC; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) .megamenu-header { | |
| border-bottom: 10px solid #F58C77; | |
| } | |
| #block-system-main-menu .menu li:nth-child(2) > .menu li > .menu { | |
| background-color: #F58C77; | |
| } | |
| /* Products */ | |
| #block-system-main-menu .menu li:nth-child(3) > .active-trail, | |
| .js #block-system-main-menu .menu li:nth-child(3):hover > a, | |
| .js #block-system-main-menu .menu li:nth-child(3).is_active > a, | |
| #block-system-main-menu .menu li.menu-item-active:nth-child(3), | |
| #block-system-main-menu .menu li.active-trail:nth-child(3), | |
| #block-system-main-menu .menu li:nth-child(3) .destination { | |
| color: #7EBA00; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) > .menu, | |
| #block-system-main-menu .menu li:nth-child(3) .megamenu-header { | |
| background-color: #7EBA00; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) .megamenu-wrapper { | |
| background-color: #F2F8E5; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) .caret-up { | |
| background-position: center -60px; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li:nth-child(3) .breadcrumb { | |
| color: #F2F8E5; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) .megamenu-header { | |
| border-bottom: 10px solid #9ECB40; | |
| } | |
| #block-system-main-menu .menu li:nth-child(3) > .menu li > .menu { | |
| background-color: #9ECB40; | |
| } | |
| /* Research */ | |
| #block-system-main-menu .menu li:nth-child(4) > .active-trail, | |
| .js #block-system-main-menu .menu li:nth-child(4):hover > a, | |
| .js #block-system-main-menu .menu li:nth-child(4).is_active > a, | |
| #block-system-main-menu .menu li.menu-item-active:nth-child(4), | |
| #block-system-main-menu .menu li.active-trail:nth-child(4), | |
| #block-system-main-menu .menu li:nth-child(4) .destination { | |
| color: #4A245E; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) > .menu, | |
| #block-system-main-menu .menu li:nth-child(4) .megamenu-header { | |
| background-color: #4A245E; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) .megamenu-wrapper { | |
| background-color: #EDE9EF; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) .caret-up { | |
| background-position: center -90px; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li:nth-child(4) .breadcrumb { | |
| color: #EDE9EF; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) .megamenu-header { | |
| border-bottom: 10px solid #775B86; | |
| } | |
| #block-system-main-menu .menu li:nth-child(4) > .menu li > .menu { | |
| background-color: #775B86; | |
| } | |
| /* Collaboration */ | |
| #block-system-main-menu .menu li:nth-child(5) > .active-trail, | |
| .js #block-system-main-menu .menu li:nth-child(5):hover > a, | |
| .js #block-system-main-menu .menu li:nth-child(5).is_active > a, | |
| #block-system-main-menu .menu li.menu-item-active:nth-child(5), | |
| #block-system-main-menu .menu li.active-trail:nth-child(5), | |
| #block-system-main-menu .menu li:nth-child(5) .destination { | |
| color: #CC292B; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) > .menu, | |
| #block-system-main-menu .menu li:nth-child(5) .megamenu-header { | |
| background-color: #CC292B; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) .megamenu-wrapper { | |
| background-color: #FAE9E9; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) .caret-up { | |
| background-position: center -120px; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li:nth-child(5) .breadcrumb { | |
| color: #FAE9E9; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) .megamenu-header { | |
| border-bottom: 10px solid #D95F60; | |
| } | |
| #block-system-main-menu .menu li:nth-child(5) > .menu li > .menu { | |
| background-color: #D95F60; | |
| } | |
| /* Media */ | |
| #block-system-main-menu .menu li:nth-child(6) > .active-trail, | |
| .js #block-system-main-menu .menu li:nth-child(6):hover > a, | |
| .js #block-system-main-menu .menu li:nth-child(6).is_active > a, | |
| #block-system-main-menu .menu li.menu-item-active:nth-child(6), | |
| #block-system-main-menu .menu li.active-trail:nth-child(6), | |
| #block-system-main-menu .menu li:nth-child(6) .destination { | |
| color: #002596; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) > .menu, | |
| #block-system-main-menu .menu li:nth-child(6) .megamenu-header { | |
| background-color: #002596; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) .megamenu-wrapper { | |
| background-color: #E5E9F4; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) .caret-up { | |
| background-position: 12px -150px; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) .megamenu-breadcrumb h2.breadcrumb-header, | |
| #block-system-main-menu .menu li:nth-child(6) .breadcrumb { | |
| color: #E5E9F4; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) .megamenu-header { | |
| border-bottom: 10px solid #405CB0; | |
| } | |
| #block-system-main-menu .menu li:nth-child(6) > .menu li > .menu { | |
| background-color: #405CB0; | |
| } | |
| #block-system-main-menu .menu.megamenu li > .menu, | |
| #block-system-main-menu .menu.megamenu li > .menu li > .menu { | |
| background: none; | |
| } | |
| .js #block-system-main-menu .megamenu li.is_active .menu .megamenu-body a, | |
| .js #block-system-main-menu .megamenu .menu li:hover > a { | |
| color: #0093D0 !important; | |
| } | |
| .js #block-system-main-menu .megamenu li.is_active .menu .megamenu-body a.active-trail { | |
| color: #fff !important; | |
| } | |
| #block-system-main-menu .close-link { | |
| color: #0093D0 !important; | |
| display: none; | |
| font-size: 150%; | |
| height: 25px; | |
| position: absolute; | |
| right: 35px; | |
| text-align: center; | |
| text-decoration: none; | |
| top: 120px; | |
| width: 2px; | |
| z-index: 7; | |
| } | |
| /* Global: tabs */ | |
| .field-name-field-tabs, | |
| .node .field + .field-name-field-tabs { | |
| margin: 0 0 25px 0; | |
| } | |
| .field-name-field-tabs .field-item { | |
| margin: 0 0 10px 0; | |
| } | |
| .field-name-field-tabs h2 { | |
| font-size: 100%; | |
| margin: 0; | |
| } | |
| .field-name-field-tabs h2 a { | |
| background-color: #0093D0; | |
| color: #fff; | |
| display: block; | |
| padding: 20px; | |
| } | |
| .field-name-field-tabs .meta { | |
| display: none; | |
| } | |
| .field-name-field-tabs .node .content { | |
| background-color: #BFE4F4; | |
| padding: 25px; | |
| } | |
| .js .field-name-field-tabs .field-items { | |
| clear: left; | |
| } | |
| .js .field-name-field-tabs ul { | |
| border-bottom: 10px solid #0093D0; | |
| float: left; | |
| width: 100%; | |
| } | |
| .js .field-name-field-tabs ul li { | |
| float: left; | |
| margin: 0 10px 10px 0; | |
| } | |
| .js .field-name-field-tabs ul li.tab-active { | |
| margin: 0 10px 0 0; | |
| } | |
| .js .field-name-field-tabs .tab-active a { | |
| background-color: #0093D0; | |
| height: 34px; | |
| } | |
| .js .field-name-field-tabs .field-item { | |
| margin: 0; | |
| } | |
| /* Global: Accordion */ | |
| .sign-plus { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-sign-plus.png) no-repeat; | |
| height: 20px; | |
| width: 18px; | |
| } | |
| .sign-minus { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-sign-minus.png) no-repeat; | |
| height: 20px; | |
| width: 18px; | |
| } | |
| .field-name-field-accordion .meta { | |
| display: none; | |
| } | |
| .field-name-field-accordion .field-item { | |
| margin: 0 0 10px 0; | |
| } | |
| .field-name-field-accordion h2 { | |
| margin: 0; | |
| position: relative; | |
| } | |
| .field-name-field-accordion h2 a { | |
| background-color: #BFE4F4; | |
| display: block; | |
| font-size: 75%; | |
| padding: 12px 20px; | |
| } | |
| @media all and (min-width: 480px) { | |
| .field-name-field-accordion h2 a { | |
| font-size: 90%; | |
| } | |
| } | |
| .field-name-field-accordion h2 a:visited, | |
| .field-name-field-accordion h2 a span { | |
| color: #0093D0; | |
| } | |
| .field-name-field-accordion h2 a.is_active { | |
| color: #333; | |
| } | |
| .field-name-field-accordion h2 a span { | |
| font-weight: normal; | |
| } | |
| .field-name-field-accordion h2 a span.sign-minus { | |
| color: #F8971D; | |
| } | |
| .field-name-field-accordion .content { | |
| background-color: #E5F4FA; | |
| padding: 10px 20px; | |
| } | |
| .js .field-name-field-accordion .content { | |
| display: none; | |
| } | |
| @media all and (min-width: 480px) { | |
| .js .field-name-field-accordion h2 a span { | |
| top: 15px; | |
| } | |
| } | |
| .js .field-name-field-accordion h2 a span { | |
| position: absolute; | |
| right: 20px; | |
| top: 20px; | |
| } | |
| /* Global: search */ | |
| .page-search .region-content .search-form, | |
| .page-search .region-content h2 { | |
| display: none; | |
| } | |
| /* Global: products */ | |
| .block-products h2 { | |
| display: none; | |
| } | |
| #block-system-main .alpha-pager { | |
| float: left; | |
| margin: 20px 0 35px 0; | |
| } | |
| .alpha-pager li { | |
| float: left; | |
| margin: 0 4px 4px 0; | |
| } | |
| .alpha-pager li.last { | |
| border: none; | |
| } | |
| .alpha-pager li a { | |
| background-color: #ccc; | |
| color: #fff; | |
| display: block; | |
| padding: 8px 14px; | |
| text-align: center; | |
| width: 16px; | |
| } | |
| .alpha-pager li.has-products a { | |
| background-color: #0093D0; | |
| } | |
| .alpha-pager li a:hover, | |
| .alpha-pager li.active a { | |
| background-color: #F8971D; | |
| text-decoration: none; | |
| } | |
| .view-product-glossary { | |
| float: left; | |
| margin: 0 0 20px 0; | |
| } | |
| .view-product-glossary h2 { | |
| margin: 0; | |
| } | |
| .view-product-glossary .view-header, | |
| .view-product-glossary .view-content { | |
| clear: left; | |
| float: left; | |
| width: 100%; | |
| } | |
| .view-product-glossary .views-summary { | |
| display: none; | |
| } | |
| #block-views-brands-block { | |
| margin: 0 0 40px 0; | |
| } | |
| .view-brands ul li { | |
| border: 1px solid #d7d7d7; | |
| list-style-type: none; | |
| margin: 0 20px 20px 0; | |
| float: left; | |
| } | |
| @media all and (min-width: 940px) { | |
| .view-brands ul li.views-row-4 { | |
| margin: 0 0 20px 0; | |
| } | |
| } | |
| .view-brands ul li a { | |
| display: block; | |
| height: 88px; | |
| width: 218px; | |
| } | |
| /* Global: sidebar related links */ | |
| #block-views-related-links-block .content, | |
| #block-block-16 .content { | |
| margin: 0 0 20px 0; | |
| } | |
| #block-views-related-links-block .view-related-links { | |
| margin-top: 20px; | |
| } | |
| #block-views-related-links-block h2 { | |
| display: none; | |
| } | |
| #block-views-related-links-block .view-content h2, | |
| #block-block-16 h2 { | |
| background-color: #BFE4F3; | |
| border-top: 10px solid #0093D0; | |
| border-bottom: none; | |
| color: #555; | |
| display: block; | |
| padding: 10px 20px; | |
| } | |
| #block-views-related-links-block .related-links-description, | |
| #block-views-related-links-block .related-links-content, | |
| #block-block-16 .content { | |
| background: #E5F4FA; | |
| overflow: hidden; | |
| padding: 20px 20px 0 20px; | |
| } | |
| .related-links-description { | |
| padding: 0 0 10px 0; | |
| } | |
| .related-links-description p { | |
| margin: 0; | |
| } | |
| #block-views-related-links-block .view-content ul li, | |
| #block-block-16 .content ul li, | |
| .view-product-glossary .view-content ul li { | |
| background-image: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-list-item-orange-square.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| margin: 0 0 20px 0; | |
| padding: 0 0 0 20px; | |
| } | |
| .view-product-glossary .view-content ul li { | |
| margin: 0 0 10px 0; | |
| } | |
| .view-external { | |
| width: 300px; | |
| } | |
| span.ext { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-extlink-replace-10x10.png) right center no-repeat; | |
| padding: 0 8px; | |
| } | |
| span.mailto { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-mailto-replace-10x10.png) right center no-repeat; | |
| padding: 0 8px; | |
| } | |
| /* Global: latest news list */ | |
| .view-latest-news ul li.views-row { | |
| clear: left; | |
| float: left; | |
| margin: 0 0 20px 0; | |
| } | |
| .view-latest-news .post-date { | |
| color: #b6b6b6; | |
| float: left; | |
| margin: 0; | |
| width: 135px; | |
| } | |
| @media all and (min-width: 640px) { | |
| .view-latest-news .post-date { | |
| margin: 0 25px 0 0; | |
| } | |
| } | |
| .view-latest-news .title { | |
| clear: left; | |
| float: left; | |
| width: 100%; | |
| } | |
| @media all and (min-width: 640px) { | |
| .view-latest-news .title { | |
| clear: none; | |
| width: 50%; | |
| } | |
| } | |
| .front .view-latest-news .title { | |
| width: 95%; | |
| } | |
| /* Global: sidebar external links */ | |
| .view-external .views-field-field-call-to-action-image { | |
| overflow: hidden; | |
| } | |
| .view-external img { | |
| height: auto; | |
| max-width: 100%; | |
| width: 100%; | |
| } | |
| #block-views-external-block .item-list ul li { | |
| margin: 0 0 20px 0; | |
| } | |
| #block-views-external-block .middle h2, | |
| #block-views-external-block-1 .middle h2, | |
| #block-views-external-block-2 .middle h2, | |
| #block-views-external-block-3 .middle h2, | |
| #block-views-external-block-4 .middle h2, | |
| #block-views-external-block-5 .middle h2 { | |
| display: none; | |
| } | |
| #block-views-external-block .views-field-field-call-to-action-image, | |
| #block-views-external-block-1 .views-field-field-call-to-action-image, | |
| #block-views-external-block-2 .views-field-field-call-to-action-image, | |
| #block-views-external-block-3 .views-field-field-call-to-action-image, | |
| #block-views-external-block-4 .views-field-field-call-to-action-image, | |
| #block-views-external-block-5 .views-field-field-call-to-action-image { | |
| height: 160px; | |
| } | |
| #block-views-external-block .views-field-field-call-to-action-button a, | |
| #block-views-external-block-1 .views-field-field-call-to-action-button a, | |
| #block-views-external-block-2 .views-field-field-call-to-action-button a, | |
| #block-views-external-block-3 .views-field-field-call-to-action-button a, | |
| #block-views-external-block-4 .views-field-field-call-to-action-button a, | |
| #block-views-external-block-5 .views-field-field-call-to-action-button a { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-external-link-32x32.png) no-repeat 95% 50%; | |
| background-color: #0093D0; | |
| color: #fff; | |
| display: block; | |
| padding: 20px 50px 20px 20px; | |
| } | |
| #block-views-external-block .views-field-field-call-to-action-button a:hover, | |
| #block-views-external-block-1 .views-field-field-call-to-action-button a:hover, | |
| #block-views-external-block-2 .views-field-field-call-to-action-button a:hover, | |
| #block-views-external-block-3 .views-field-field-call-to-action-button a:hover, | |
| #block-views-external-block-4 .views-field-field-call-to-action-button a:hover, | |
| #block-views-external-block-5 .views-field-field-call-to-action-button a:hover { | |
| background-color: #40C2F3; | |
| text-decoration: none; | |
| } | |
| #block-views-external-block .views-field-field-call-to-action-button a:visited, | |
| #block-views-external-block-1 .views-field-field-call-to-action-button a:visited, | |
| #block-views-external-block-2 .views-field-field-call-to-action-button a:visited, | |
| #block-views-external-block-3 .views-field-field-call-to-action-button a:visited, | |
| #block-views-external-block-4 .views-field-field-call-to-action-button a:visited, | |
| #block-views-external-block-5 .views-field-field-call-to-action-button a:visited { | |
| color: #fff; | |
| } | |
| /* Global: external link modal */ | |
| #colorbox { | |
| -moz-box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.2); | |
| -webkit-box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.2); | |
| } | |
| @media all and (max-width: 480px) { | |
| #colorbox { | |
| left: 0 !important; | |
| width: 100% !important; | |
| } | |
| } | |
| #cboxWrapper { | |
| -moz-border-radius: 0; | |
| -webkit-border-radius: 0; | |
| border-radius: 0; | |
| height: auto !important; | |
| width: auto !important; | |
| } | |
| #cboxContent, | |
| #cboxLoadedContent { | |
| width: auto !important; | |
| } | |
| #cboxLoadedContent { | |
| margin-bottom: 0; | |
| } | |
| #cboxMiddleLeft, | |
| #cboxMiddleRight { | |
| width: 0; | |
| } | |
| #cboxTopLeft, | |
| #cboxTopCenter, | |
| #cboxTopRight { | |
| height: 0; | |
| width: 0; | |
| } | |
| #cboxClose { | |
| bottom: auto; | |
| right: 20px; | |
| top: 20px; | |
| } | |
| .extlink-extra-leaving { | |
| padding: 25px; | |
| } | |
| .field-name-body .menu li.level-1 { | |
| border-bottom: 1px solid #ccc; | |
| list-style-type: disc; | |
| margin: 0 0 15px 0; | |
| } | |
| .field-name-body .menu li.level-1 > .menu > li { | |
| list-style-type: circle; | |
| } | |
| .field-name-body .menu li.level-1 .menu .menu > li { | |
| list-style-type: square; | |
| } | |
| .field-name-body .menu li.level-1.last { | |
| border: none; | |
| } | |
| .field-name-body .menu a { | |
| color: #0093D0; | |
| } | |
| .breadcrumb { | |
| display: none; | |
| } | |
| @media all and (min-width: 640px) { | |
| .breadcrumb { | |
| display: block; | |
| } | |
| } | |
| #block-system-main-menu .menu.megamenu .menu .breadcrumb a { | |
| padding: 0; | |
| } | |
| /* Mobile breadcrumb */ | |
| @media all and (min-width: 940px) { | |
| .mobile-breadcrumb { | |
| margin: 0 0 30px 0; | |
| } | |
| } | |
| .mobile-breadcrumb .icon { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-mobile-breadcrumb-item.png) no-repeat 0 50%; | |
| display: inline; | |
| padding: 10px; | |
| } | |
| .mobile-breadcrumb ul li .crumb, | |
| .mobile-breadcrumb ul li a.crumb:visited { | |
| display: block; | |
| font-size: 120%; | |
| font-weight: normal; | |
| padding: 13px 20px; | |
| text-align: left; | |
| text-decoration: none; | |
| } | |
| .mobile-breadcrumb ul li:first-child .crumb .icon { | |
| display: none; | |
| } | |
| /* About us, Basic page, Search page */ | |
| .mobile-breadcrumb ul li:first-child .crumb, | |
| .node-type-about-us-page .mobile-breadcrumb ul li:first-child .crumb, | |
| .node-type-page .mobile-breadcrumb ul li:first-child .crumb, | |
| .page-search .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #00AEEF; | |
| color: #fff; | |
| } | |
| .mobile-breadcrumb ul li .crumb, | |
| .node-type-about-us-page .mobile-breadcrumb ul li .crumb, | |
| .node-type-page .mobile-breadcrumb ul li .crumb, | |
| .page-search .mobile-breadcrumb ul li .crumb { | |
| background-color: #40C2F3; | |
| color: #fff; | |
| } | |
| #breadcrumb .box { | |
| background-color: #0093D0; | |
| color: #BFE4F3; | |
| } | |
| @media all and (min-width: 640px) { | |
| #breadcrumb .col { | |
| float: left; | |
| width: 75%; | |
| } | |
| } | |
| #breadcrumb h2 { | |
| color: #BFE4F3; | |
| } | |
| /* Communities */ | |
| .node-type-communities-page .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #F26649; | |
| color: #fff; | |
| } | |
| .node-type-communities-page .mobile-breadcrumb ul li .crumb { | |
| background-color: #F58C77; | |
| color: #fff; | |
| } | |
| .node-type-communities-page #breadcrumb .box { | |
| background-color: #F26649; | |
| color: #FCD9D1; | |
| } | |
| .node-type-communities-page #breadcrumb h2 { | |
| color: #FCD9D1; | |
| } | |
| /* Media theme */ | |
| .node-type-media-page .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #002597; | |
| color: #fff; | |
| } | |
| .node-type-media-page .mobile-breadcrumb ul li .crumb { | |
| background-color: #405CB0; | |
| color: #fff; | |
| } | |
| .node-type-media-page #breadcrumb .box { | |
| background-color: #002597; | |
| color: #BFC8E5; | |
| } | |
| .node-type-media-page #breadcrumb h2 { | |
| color: #BFC8E5; | |
| } | |
| /* Products theme */ | |
| .page-products .mobile-breadcrumb ul li:first-child .crumb, | |
| .node-type-products-page .mobile-breadcrumb ul li:first-child .crumb, | |
| .node-type-products-landing-page .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #7DBA00; | |
| color: #fff; | |
| } | |
| .page-products .mobile-breadcrumb ul li .crumb, | |
| .node-type-products-page .mobile-breadcrumb ul li .crumb, | |
| .node-type-products-landing-page .mobile-breadcrumb ul li .crumb { | |
| background-color: #9ECB40; | |
| color: #fff; | |
| } | |
| .page-products #breadcrumb .box, | |
| .node-type-products-page #breadcrumb .box, | |
| .node-type-products-landing-page #breadcrumb .box { | |
| background-color: #7DBA00; | |
| color: #DEEEBF; | |
| } | |
| .page-products #breadcrumb h2, | |
| .node-type-products-page #breadcrumb h2, | |
| .node-type-products-landing-page #breadcrumb h2 { | |
| color: #DEEEBF; | |
| } | |
| /* Research theme */ | |
| .node-type-research-page .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #4A245E; | |
| color: #fff; | |
| } | |
| .node-type-research-page .mobile-breadcrumb ul li .crumb { | |
| background-color: #775A86; | |
| color: #fff; | |
| } | |
| .node-type-research-page #breadcrumb .box { | |
| background-color: #4A245E; | |
| color: #D2C8D7; | |
| } | |
| .node-type-research-page #breadcrumb h2 { | |
| color: #D2C8D7; | |
| } | |
| /* Collaboration theme */ | |
| .node-type-collaboration-page .mobile-breadcrumb ul li:first-child .crumb { | |
| background-color: #CC292B; | |
| color: #fff; | |
| } | |
| .node-type-collaboration-page .mobile-breadcrumb ul li .crumb { | |
| background-color: #D95F60; | |
| color: #fff; | |
| } | |
| .node-type-collaboration-page #breadcrumb .box { | |
| background-color: #CC292B; | |
| color: #F2C9CA; | |
| } | |
| .node-type-collaboration-page #breadcrumb h2 { | |
| color: #F2C9CA; | |
| } | |
| /* IE 8 conditional styles */ | |
| #gardens_ie8 .node-page .field-name-field-call-to-action .field-item { | |
| margin: 0 13px 13px 0; | |
| } | |
| #gardens_ie8 .node-page .field-name-field-call-to-action .field-item .field-item { | |
| margin: 0; | |
| } | |
| #gardens_ie8 .field-name-field-call-to-action-button a { | |
| display: block; | |
| height: 30px; | |
| line-height: 120%; | |
| padding: 20px 40px 20px 20px; | |
| } | |
| /* Communities */ | |
| .node-type-communities-page .field-name-field-call-to-action-button a, | |
| #block-views-external-block-1 .views-field-field-call-to-action-button a, | |
| .node-type-communities-page .field-name-field-tabs .tab-active a { | |
| background-color: #F26649; | |
| color: #fff; | |
| } | |
| .node-type-communities-page .field-name-field-tabs ul { | |
| border-color: #F26649; | |
| } | |
| .node-type-communities-page .field-name-field-call-to-action-button a:hover, | |
| #block-views-external-block-1 .views-field-field-call-to-action-button a:hover { | |
| background-color: #F58C77; | |
| } | |
| .node-type-communities-page #block-views-related-links-block .view-content h2, | |
| .node-type-communities-page #block-block-16 h2 { | |
| background-color: #F2C9CA; | |
| border-top: 10px solid #F26649; | |
| } | |
| .node-type-communities-page .field-name-field-accordion h2 a { | |
| background-color: #F58C77; | |
| } | |
| .node-type-communities-page #block-views-related-links-block .related-links-description, | |
| .node-type-communities-page #block-views-related-links-block .related-links-content, | |
| .node-type-communities-page #block-block-16 .content, | |
| .node-type-communities-page .field-name-field-accordion .content, | |
| .node-type-communities-page .field-name-field-tabs .node .content { | |
| background: #FEEFEC; | |
| } | |
| /* Products theme */ | |
| #block-views-external-block-2 .views-field-field-call-to-action-button a, | |
| .page-products .field-name-field-tabs .tab-active a, | |
| .node-type-products-page .field-name-field-tabs .tab-active a { | |
| background-color: #7DBA00; | |
| color: #fff; | |
| } | |
| .page-products .field-name-field-tabs ul, | |
| .node-type-products-page .field-name-field-tabs ul { | |
| border-color: #7DBA00; | |
| } | |
| #block-views-external-block-2 .views-field-field-call-to-action-button a:hover { | |
| background-color: #9ECB40; | |
| } | |
| .page-products #block-views-related-links-block .view-content h2, | |
| .node-type-products-page #block-views-related-links-block .view-content h2, | |
| .page-products #block-block-16 h2, | |
| .node-type-products-page #block-block-16 h2 { | |
| background-color: #DEEEBF; | |
| border-top: 10px solid #7DBA00; | |
| } | |
| .page-products .field-name-field-accordion h2 a, | |
| .node-type-products-page .field-name-field-accordion h2 a { | |
| background-color: #F2F8E5; | |
| } | |
| .page-products #block-views-related-links-block .related-links-description, | |
| .page-products #block-views-related-links-block .related-links-content, | |
| .page-products #block-block-16 .content, | |
| .page-products .field-name-field-accordion .content, | |
| .page-products .field-name-field-tabs .node .content, | |
| .node-type-products-page #block-views-related-links-block .related-links-description, | |
| .node-type-products-page #block-views-related-links-block .related-links-content, | |
| .node-type-products-page #block-block-16 .content, | |
| .node-type-products-page .field-name-field-accordion .content, | |
| .node-type-products-page .field-name-field-tabs .node .content { | |
| background: #F2F8E5; | |
| } | |
| /* Research theme */ | |
| .node-type-research-page .field-name-field-call-to-action-button a, | |
| #block-views-external-block-3 .views-field-field-call-to-action-button a, | |
| .node-type-research-page .field-name-field-tabs .tab-active a { | |
| background-color: #4A245E; | |
| color: #fff; | |
| } | |
| .node-type-research-page .field-name-field-tabs ul { | |
| border-color: #4A245E; | |
| } | |
| .node-type-research-page .field-name-field-call-to-action-button a:hover, | |
| #block-views-external-block-3 .views-field-field-call-to-action-button a:hover { | |
| background-color: #775B86; | |
| } | |
| .node-type-research-page #block-views-related-links-block .view-content h2, | |
| .node-type-research-page #block-block-16 h2 { | |
| background-color: #D2C8D7; | |
| border-top: 10px solid #4A245E; | |
| } | |
| .node-type-research-page .field-name-field-accordion h2 a { | |
| background-color: #EDE9EF; | |
| } | |
| .node-type-research-page #block-views-related-links-block .related-links-description, | |
| .node-type-research-page #block-views-related-links-block .related-links-content, | |
| .node-type-research-page #block-block-16 .content, | |
| .node-type-research-page .field-name-field-accordion .content, | |
| .node-type-research-page .field-name-field-tabs .node .content { | |
| background: #EDE9EF; | |
| } | |
| /* Collaboration theme */ | |
| .node-type-collaboration-page .field-name-field-call-to-action-button a, | |
| #block-views-external-block-4 .views-field-field-call-to-action-button a, | |
| .node-type-collaboration-page .field-name-field-tabs .tab-active a { | |
| background-color: #CC292B; | |
| color: #fff; | |
| } | |
| .node-type-collaboration-page .field-name-field-tabs ul { | |
| border-color: #CC292B; | |
| } | |
| .node-type-collaboration-page .field-name-field-call-to-action-button a:hover, | |
| #block-views-external-block-4 .views-field-field-call-to-action-button a:hover { | |
| background-color: #D95F60; | |
| } | |
| .node-type-collaboration-page #block-views-related-links-block .view-content h2, | |
| .node-type-collaboration-page #block-block-16 h2 { | |
| background-color: #F2C9CA; | |
| border-top: 10px solid #CC292B; | |
| } | |
| .node-type-collaboration-page .field-name-field-accordion h2 a { | |
| background-color: #FAE9E9; | |
| } | |
| .node-type-collaboration-page #block-views-related-links-block .related-links-description, | |
| .node-type-collaboration-page #block-views-related-links-block .related-links-content, | |
| .node-type-collaboration-page #block-block-16 .content, | |
| .node-type-collaboration-page .field-name-field-accordion .content, | |
| .node-type-collaboration-page .field-name-field-tabs .node .content { | |
| background: #FAE9E9; | |
| } | |
| /* Media theme */ | |
| .node-type-media-page .field-name-field-call-to-action-button a, | |
| #block-views-external-block-5 .views-field-field-call-to-action-button a, | |
| .node-type-media-page .field-name-field-tabs .tab-active a { | |
| background-color: #002596; | |
| color: #fff; | |
| } | |
| .node-type-media-page .field-name-field-tabs ul { | |
| border-color: #002596; | |
| } | |
| .node-type-media-page .field-name-field-call-to-action-button a { | |
| margin: 0; | |
| } | |
| .node-type-media-page .field-name-field-call-to-action-button a:hover, | |
| #block-views-external-block-5 .views-field-field-call-to-action-button a:hover { | |
| background-color: #405CB0; | |
| } | |
| .node-type-media-page #block-views-related-links-block .view-content h2, | |
| .node-type-media-page #block-block-16 h2 { | |
| background-color: #BFC8E5; | |
| border-top: 10px solid #002596; | |
| } | |
| .node-type-media-page .field-name-field-accordion h2 a { | |
| background-color: #E5E9F4; | |
| } | |
| .node-type-media-page #block-views-related-links-block .related-links-description, | |
| .node-type-media-page #block-views-related-links-block .related-links-content, | |
| .node-type-media-page #block-block-16 .content, | |
| .node-type-media-page .field-name-field-accordion .content, | |
| .node-type-media-page .field-name-field-tabs .node .content { | |
| background: #E5E9F4; | |
| } | |
| /** | |
| * @file | |
| * territory selector styles, colors etc | |
| */ | |
| .default-territory { | |
| display: block; | |
| width: auto; | |
| } | |
| .territory-select-list { | |
| border-top: 1px solid #ccc; | |
| clear: left; | |
| list-style-type: none; | |
| padding: 20px 0 !important; | |
| margin: 0; | |
| -webkit-column-count: 3; | |
| -moz-column-count: 3; | |
| column-count: 3; | |
| } | |
| .territory-select-list li { | |
| line-height: 1; | |
| margin: 0 0 10px 0; | |
| padding: 2px 0; | |
| white-space: pre-wrap; | |
| width: 90%; | |
| -ms-word-wrap: break-word; | |
| word-wrap: break-word; | |
| } | |
| .col-4-ie9 { | |
| float: left; | |
| margin-right: 10px; | |
| width: 125px; | |
| } | |
| .territory-list-container { | |
| background-color: #f2f2f2; | |
| border: 1px solid #40add6; | |
| height: auto; | |
| padding: 5px 10px; | |
| position: absolute; | |
| width: 860px; | |
| z-index: 99; | |
| } | |
| .default-territory:hover { | |
| cursor: pointer | |
| } | |
| .territory-select-list a { | |
| text-decoration: none; | |
| } | |
| .block-territory-selector { | |
| display: none; | |
| } | |
| @media all and (min-width: 640px) { | |
| .block-territory-selector { | |
| display: block; | |
| } | |
| } | |
| .block-territory-selector h2 { | |
| display: none; | |
| } | |
| .territory-main-container { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-territory-selector-dropdown.png) no-repeat right 55%; | |
| color: #0093D0; | |
| padding: 0 15px 0 0; | |
| } | |
| .territory-list-container-header { | |
| float: left; | |
| width: 100%; | |
| } | |
| .territory-list-container-header .territory-current-header, | |
| .territory-list-container-header .default-territory, | |
| .territory-list-container-header .territory-languages { | |
| float: left; | |
| margin: 0 20px 0 0; | |
| } | |
| .territory-list-container-header .territory-languages .active { | |
| color: #f8971d; | |
| } | |
| .territory-list-container-header .default-territory { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/bg-territory-selector-divider.png) no-repeat right center; | |
| color: #666; | |
| padding: 0 20px 0 0; | |
| } | |
| .territory-list-container-header .territory-language { | |
| margin: 0 20px 0 0; | |
| } | |
| .territory-select-list .territory-name { | |
| color: #666; | |
| } | |
| .js .block-locale { | |
| display: none; | |
| } | |
| .js .territory-main-container .block-locale { | |
| display: block; | |
| } | |
| .territory-main-container .block-locale .active { | |
| color: #f8971d; | |
| } | |
| .territory-main-container .caret-up { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/icon-caret-up-white.png) no-repeat; | |
| background-position: 0 0; | |
| border: none; | |
| height: 25px; | |
| margin-top: -5px; | |
| position: absolute; | |
| top: 47px; | |
| width: 85px; | |
| z-index: 200; | |
| } | |
| .territory-main-container.active .caret-up, | |
| .default-territory:hover .caret-up { | |
| display: block; | |
| } | |
| .territory-list-container { | |
| background-color: #fff; | |
| border: 1px solid #ebebeb; | |
| -moz-box-shadow: 0 3px 5px 0 #999; | |
| -webkit-box-shadow: 0 3px 5px 0 #999; | |
| box-shadow: 0 3px 5px 0 #999; | |
| padding: 20px; | |
| left: 0; | |
| top: 35px; | |
| } | |
| @media all and (min-width: 640px) { | |
| .territory-list-container { | |
| left: 3%; | |
| top: 59px; | |
| } | |
| } | |
| .territory-current-header { | |
| color: #ccc; | |
| display: inline; | |
| font-style: italic; | |
| } | |
| .territory-select-list a:hover { | |
| text-decoration: underline; | |
| } | |
| .territory-select-list-item .territory-flag, | |
| .default-territory .default-territory-flag { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/sprite-icons-flags.png) no-repeat; | |
| float: left; | |
| height: 12px; | |
| margin: 6px 5px 0 0; | |
| width: 17px; | |
| } | |
| .territory-select-list-item .territory-flag { | |
| margin: 2px 10px 0 0; | |
| } | |
| li.com .territory-flag, | |
| .default-territory-com .default-territory-flag { | |
| background-position: -66px -144px; | |
| } | |
| li.ar .territory-flag, | |
| .default-territory-ar .default-territory-flag { | |
| background-position: 0 0; | |
| } | |
| li.au .territory-flag, | |
| .default-territory-au .default-territory-flag { | |
| background-position: 0 -12px; | |
| } | |
| li.at .territory-flag, | |
| .default-territory-at .default-territory-flag { | |
| background-position: 0 -24px; | |
| } | |
| li.be .territory-flag, | |
| .default-territory-be .default-territory-flag { | |
| background-position: 0 -36px; | |
| } | |
| li.br .territory-flag, | |
| .default-territory-br .default-territory-flag { | |
| background-position: 0 -48px; | |
| } | |
| li.ca .territory-flag, | |
| .default-territory-ca .default-territory-flag { | |
| background-position: 0 -60px; | |
| } | |
| li.cn .territory-flag, | |
| .default-territory-cn .default-territory-flag { | |
| background-position: 0 -72px; | |
| } | |
| li.co .territory-flag, | |
| .default-territory-co .default-territory-flag { | |
| background-position: 0 -84px; | |
| } | |
| li.cz .territory-flag, | |
| .default-territory-cz .default-territory-flag { | |
| background-position: 0 -96px; | |
| } | |
| li.dk .territory-flag, | |
| .default-territory-dk .default-territory-flag { | |
| background-position: 0 -108px; | |
| } | |
| li.fi .territory-flag, | |
| .default-territory-fi .default-territory-flag { | |
| background-position: 0 -120px; | |
| } | |
| li.fr .territory-flag, | |
| .default-territory-fr .default-territory-flag { | |
| background-position: -17px 0; | |
| } | |
| li.de .territory-flag, | |
| .default-territory-de .default-territory-flag { | |
| background-position: -17px -12px; | |
| } | |
| li.gr .territory-flag, | |
| .default-territory-gr .default-territory-flag { | |
| background-position: -17px -24px; | |
| } | |
| li.hk .territory-flag, | |
| .default-territory-hk .default-territory-flag { | |
| background-position: -17px -36px; | |
| } | |
| li.hu .territory-flag, | |
| .default-territory-hu .default-territory-flag { | |
| background-position: -17px -48px; | |
| } | |
| li.india .territory-flag, | |
| .default-territory-india .default-territory-flag { | |
| background-position: -17px -60px; | |
| } | |
| li.Indonesia .territory-flag, | |
| .default-territory-Indonesia .default-territory-flag { | |
| background-position: -17px -72px; | |
| } | |
| li.ie .territory-flag, | |
| .default-territory-ie .default-territory-flag { | |
| background-position: -17px -84px; | |
| } | |
| li.il .territory-flag, | |
| .default-territory-il .default-territory-flag { | |
| background-position: -17px -96px; | |
| } | |
| li.it .territory-flag, | |
| .default-territory-it .default-territory-flag { | |
| background-position: -17px -108px; | |
| } | |
| li.jp .territory-flag, | |
| .default-territory-jp .default-territory-flag { | |
| background-position: -17px -120px; | |
| } | |
| li.kr .territory-flag, | |
| .default-territory-kr .default-territory-flag { | |
| background-position: -34px 0; | |
| } | |
| li.my .territory-flag, | |
| .default-territory-my .default-territory-flag { | |
| background-position: -34px -12px; | |
| } | |
| li.mx .territory-flag, | |
| .default-territory-mx .default-territory-flag { | |
| background-position: -34px -24px; | |
| } | |
| li.nl .territory-flag, | |
| .default-territory-nl .default-territory-flag { | |
| background-position: -34px -36px; | |
| } | |
| li.nz .territory-flag, | |
| .default-territory-nz .default-territory-flag { | |
| background-position: -34px -48px; | |
| } | |
| li.no .territory-flag, | |
| .default-territory-no .default-territory-flag { | |
| background-position: -34px -60px; | |
| } | |
| li.pk .territory-flag, | |
| .default-territory-pk .default-territory-flag { | |
| background-position: -34px -72px; | |
| } | |
| li.ph .territory-flag, | |
| .default-territory-ph .default-territory-flag { | |
| background-position: -34px -84px; | |
| } | |
| li.pl .territory-flag, | |
| .default-territory-pl .default-territory-flag { | |
| background-position: -34px -96px; | |
| } | |
| li.pt .territory-flag, | |
| .default-territory-pt .default-territory-flag { | |
| background-position: -34px -108px; | |
| } | |
| li.ru .territory-flag, | |
| .default-territory-ru .default-territory-flag { | |
| background-position: -34px -120px; | |
| } | |
| li.sk .territory-flag, | |
| .default-territory-sk .default-territory-flag { | |
| background-position: -51px 0; | |
| } | |
| li.za .territory-flag, | |
| .default-territory-za .default-territory-flag { | |
| background-position: -51px -12px; | |
| } | |
| li.es .territory-flag, | |
| .default-territory-es .default-territory-flag { | |
| background-position: -51px -24px; | |
| } | |
| li.se .territory-flag, | |
| .default-territory-se .default-territory-flag { | |
| background-position: -51px -36px; | |
| } | |
| li.ch .territory-flag, | |
| .default-territory-ch .default-territory-flag { | |
| background-position: -51px -48px; | |
| } | |
| li.tw .territory-flag, | |
| .default-territory-tw .default-territory-flag { | |
| background-position: -51px -60px; | |
| } | |
| li.th .territory-flag, | |
| .default-territory-th .default-territory-flag { | |
| background-position: -51px -72px; | |
| } | |
| li.tr .territory-flag, | |
| .default-territory-tr .default-territory-flag { | |
| background-position: -51px -84px; | |
| } | |
| li.uk .territory-flag, | |
| .default-territory-uk .default-territory-flag { | |
| background-position: -51px -96px; | |
| } | |
| li.us .territory-flag, | |
| .default-territory-us .default-territory-flag { | |
| background-position: -51px -108px; | |
| } | |
| li.sg .territory-flag, | |
| .default-territory-sg .default-territory-flag { | |
| background-position: -51px -120px; | |
| } | |
| li.ve .territory-flag, | |
| .default-territory-ve .default-territory-flag { | |
| background-position: -68px 0px; | |
| } | |
| /* Print */ | |
| @media print { | |
| /* Hide screen specific elements */ | |
| .contextual-links-region-proxy, | |
| .contextual-links-region-proxy-outline, | |
| #skip-to-content, | |
| .region-page-top, | |
| #toolbar, | |
| #header .block, | |
| #navigation, | |
| #breadcrumb, | |
| .tabs.primary, | |
| .skip-to-link, | |
| .field-name-field-call-to-action-link, | |
| #footer-inner { | |
| display: none; | |
| } | |
| .header-inner { | |
| float: left; | |
| } | |
| .field-name-field-call-to-action-button a { | |
| padding: 0; | |
| } | |
| .field-name-field-call-to-action-button, .node .field + .field-name-field-call-to-action-button { | |
| margin: 0; | |
| } | |
| h1 { | |
| font-size: 24pt; | |
| } | |
| h2 { | |
| font-size: 14pt; | |
| margin-top: 25px; | |
| } | |
| body { | |
| background: #fff; | |
| color: #000; | |
| line-height: 1.2; | |
| } | |
| p, table, ul, ol, dl, blockquote, pre, code, form { | |
| margin: 0 0 1em; | |
| } | |
| } | |
| /* Hide block that contains stylesheet link */ | |
| #preheader-first-region { | |
| display: none; | |
| } | |
| /* This appeared in IE11 emulator??? */ | |
| #gardens_ie7 .horizontal .menu > li > .menu li { | |
| width: auto !important; | |
| } | |
| /* Megamenu background example */ | |
| /*li:nth-child(1) .megamenu-body { | |
| background: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Dev/master/images/megamenu/bg-megamenu-communities-400x250.png) no-repeat right center; | |
| }*/ | |
| /* | |
| * Slideshow theming. | |
| * START | |
| */ | |
| #block-views-slideshow-block { | |
| display: block; | |
| height: 375px; | |
| margin: 0 0 20px 0; | |
| position: relative; | |
| width: 100%; | |
| } | |
| @media screen and (min-width: 480px) { | |
| #block-views-slideshow-block { | |
| height: 400px; | |
| } | |
| } | |
| @media screen and (min-width: 640px) { | |
| #block-views-slideshow-block { | |
| width: 65%; | |
| } | |
| } | |
| @media screen and (min-width: 960px) { | |
| #block-views-slideshow-block { | |
| height: 458px; | |
| width: 620px; | |
| } | |
| } | |
| #block-views-slideshow-block #fadeDuration, | |
| #block-views-slideshow-block #slideDuration, | |
| #block-views-slideshow-block .views-field-field-background-colour, | |
| #block-views-slideshow-block .views-field-field-background-transparency { | |
| display: none; | |
| } | |
| #block-views-slideshow-block .views-row { | |
| height: 100%; | |
| width: 100%; | |
| overflow: hidden; | |
| left: 0; | |
| opacity: 0; | |
| position: absolute; | |
| top: 0; | |
| -webkit-transform: translate3d(0, 0, 0); | |
| -moz-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| #block-views-slideshow-block .views-row-1 { | |
| opacity: 1; | |
| } | |
| #block-views-slideshow-block .views-row .field-content > a { | |
| display: block; | |
| } | |
| #block-views-slideshow-block .views-row .views-field-field-front-large-panel-image img { | |
| height: 100%; | |
| max-height: 458px; | |
| max-width: 100%; | |
| } | |
| #block-views-slideshow-block .views-row .views-field-field-slide-text { | |
| bottom: 0; | |
| display: block; | |
| height: 140px; | |
| overflow: hidden; | |
| position: absolute; | |
| width: 100%; | |
| } | |
| #gardens_ie8 #block-views-slideshow-block .views-row .views-field-field-slide-text { | |
| padding-right: 30px; | |
| } | |
| #block-views-slideshow-block .views-row .views-field-field-slide-text a { | |
| color: #fff; | |
| display: block; | |
| font-size: 150%; | |
| line-height: 120%; | |
| padding: 10px 15px; | |
| text-decoration: none; | |
| } | |
| #block-views-slideshow-block .views-row .views-field-field-slide-text a:hover { | |
| text-decoration: underline; | |
| } | |
| @media screen and (min-width: 960px) { | |
| #block-views-slideshow-block .views-row .views-field-field-slide-text a { | |
| font-size: 180%; | |
| } | |
| } | |
| /* Elements generated by Slideshow theme JS */ | |
| #slideshow-pager { | |
| position: absolute; | |
| bottom: 10px; | |
| right: 10px; | |
| } | |
| #slideshow-pager a { | |
| text-decoration: none; | |
| } | |
| #slideshow-pager .pager-button { | |
| background-color: #FFFFFF; | |
| border-radius: 9999px; | |
| display: inline-block; | |
| height: 20px; | |
| margin: 0 5px; | |
| width: 20px; | |
| } | |
| #slideshow-pager .pager-button:last-child { | |
| margin-right: 0; | |
| } | |
| #slideshow-pager .pager-button.active { | |
| background-color: #F8971D; | |
| cursor: default; | |
| } | |
| /* | |
| * Slideshow theming. | |
| * END | |
| */ | |
| /* Megamenu content */ | |
| .megamenu-content { | |
| float: left; | |
| width: 440px; | |
| } | |
| .megamenu-content.published { | |
| display: block; | |
| } | |
| .megamenu-content.unpublished { | |
| display: none; | |
| } | |
| .megamenu-body ul.with-megamenu-content { | |
| float: left; | |
| width: 455px; | |
| } | |
| @media all and (max-width: 960px) { | |
| .megamenu-body ul.with-megamenu-content { | |
| float: left; | |
| width: 340px; | |
| } | |
| } | |
| .megamenu-content .image-left, | |
| .megamenu-content .image-right, | |
| .megamenu-content .link, | |
| .megamenu-content .body { | |
| float: left; | |
| width: 200px; | |
| margin: 0 20px 20px 0 !important; | |
| } | |
| .megamenu-content .link { | |
| font-size: 140%; | |
| } | |
| .megamenu-content .body { | |
| color: #333; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu .megamenu-content .link a { | |
| padding: 0; | |
| } | |
| #block-system-main-menu .menu.megamenu .menu .megamenu-content .link a:after { | |
| content: '\00bb'; | |
| font-size: 80%; | |
| padding: 0 10px; | |
| } | |
| /* CR #Q1410809 */ | |
| .node-type-media-page #block-views-contact-contact .views-field-field-contact-body { | |
| padding-bottom:1px; | |
| padding-left: 19px; | |
| padding-top: 20px; | |
| } | |
| .node-type-media-page #block-views-contact-contact h2 { | |
| background-color: #BFC8E5; | |
| border-top: 10px solid #002596; | |
| } | |
| .node-type-media-page #block-views-contact-contact .content, | |
| .node-type-media-page .field-name-field-tabs .node .content { | |
| background: #E5E9F4; | |
| } | |
| #block-views-contact-contact .content { | |
| margin: 0 0 20px 0; | |
| } | |
| #block-views-contact-contact h2 { | |
| background-color: #BFE4F3; | |
| border-top: 10px solid #0093D0; | |
| border-bottom: none; | |
| color: #555; | |
| display: block; | |
| padding: 10px 20px; | |
| } | |
| #block-views-contact-contact .content { | |
| background: #E5F4FA; | |
| overflow: hidden; | |
| padding: 0px 0px 0 0px; | |
| } | |
| #block-views-contact-contact .content ul li { | |
| background-image: url(https://s3-eu-west-1.amazonaws.com/sfactorycorp/Prod/master/images/icon-list-item-orange-square.png); | |
| background-position: left center; | |
| background-repeat: no-repeat; | |
| margin: 0 0 20px 0; | |
| padding: 0 0 0 20px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment