Skip to content

Instantly share code, notes, and snippets.

@contolini
Created October 31, 2012 18:37
Show Gist options
  • Save contolini/3988976 to your computer and use it in GitHub Desktop.
Save contolini/3988976 to your computer and use it in GitHub Desktop.
.sans {
font-family: 'Source Sans Pro', Arial, sans-serif;
}
.serif {
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
}
.thin {
font-weight: 300;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.hide {
opacity: 0;
}
.uppercase {
text-transform: uppercase;
}
.naked {
text-decoration: none;
}
body {
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
background-color: #363940;
color: #fff;
font-weight: 400;
}
img {
max-width: 100%;
height: auto;
}
p {
font-size: 15px;
}
.subtype {
font-family: 'Source Sans Pro', Arial, sans-serif;
}
h1.title {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-style: italic;
letter-spacing: 1px;
margin-bottom: 5px;
}
#lumos-logo {
width: 640px;
position: absolute;
height: 661px;
top: -180px;
z-index: -99999;
left: -135px;
background: transparent url(/sites/all/themes/lumos/img/bg_lumos-logo.png) scroll no-repeat top left;
}
a#logo-link {
display: block;
height: 200px;
width: 270px;
text-indent: -99999px;
position: absolute;
top: 50px;
left: 150px;
z-index: 1;
}
.node-type-story #lumos-logo,
.node-type-video #lumos-logo {
width: 450px;
height: 450px;
top: -150px;
left: -60px;
display: block;
background: transparent url(/sites/all/themes/lumos/img/bg_lumos-logo_sm.png) scroll no-repeat top left;
}
.node-type-story a#logo-link,
.node-type-video a#logo-link {
display: block;
height: 200px;
width: 200px;
text-indent: -99999px;
top: 0px;
left: 50px;
}
.responsive-layout-mobile #lumos-logo {
z-index: -99999;
}
.responsive-layout-mobile #lumos-logo {
width: 450px;
height: 450px;
top: -200px;
left: -60px;
display: block;
background: transparent url(/sites/all/themes/lumos/img/bg_lumos-logo_sm.png) scroll no-repeat top left;
}
.responsive-layout-mobile a#logo-link {
display: block;
height: 100px;
width: 100px;
text-indent: -99999px;
top: 10px;
left: 150px;
}
.responsive-layout-mobile #zone-user {
display: none;
}
.block-menu-menu-main-lumos-menu {
margin: 5px 0;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
.block-menu-menu-main-lumos-menu ul.menu {
border-bottom: 1px solid #999;
}
.block-menu-menu-main-lumos-menu li.leaf {
display: inline-block;
margin: 0 15px;
}
.block-menu-menu-main-lumos-menu li.leaf a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 17px;
font-weight: 300;
}
.block-menu-menu-main-lumos-menu li.leaf.menu-635 {
margin-left: 0;
}
.block-menu-menu-main-lumos-menu li.leaf.menu-635 a {
color: #aa218b;
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
font-style: italic;
text-transform: capitalize;
font-size: 22px;
padding: 5px;
margin-bottom: 0;
}
.block-menu-menu-main-lumos-menu li.leaf.menu-636 {
float: right;
margin: 0;
padding: 0;
}
.block-menu-menu-main-lumos-menu li.leaf.menu-636 a {
color: #aa218b;
padding: 5px 10px 0;
background-color: #d1d2d4;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
font-style: italic;
text-transform: capitalize;
font-size: 22px;
padding: 6px;
margin-bottom: 0;
}
body.responsive-layout-normal .block-menu-menu-main-lumos-menu li.leaf,
body.responsive-layout-mobile .block-menu-menu-main-lumos-menu li.leaf {
margin: 0;
}
body.responsive-layout-mobile .block-menu-menu-main-lumos-menu ul.menu {
border: 0;
}
body.responsive-layout-mobile .block-menu-menu-main-lumos-menu li.leaf.menu-636 a {
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.region-data-menu-inner {
z-index: 2;
}
.region-data-menu-inner .visual-nav {
height: 265px;
overflow: hidden;
}
.region-data-menu-inner .visual-nav .grid-4 {
background: transparent url(/sites/all/themes/lumos/img/hr_countries.png) scroll no-repeat bottom center;
padding-bottom: 15px;
overflow: hidden;
height: 180px;
margin-top: -70px;
position: relative;
}
.region-data-menu-inner .visual-nav .grid-4.omega {
background-image: url(/sites/all/themes/lumos/img/hr_visualization.png);
}
.region-data-menu-inner .visual-nav #europe-map {
width: 350px;
height: 250px;
z-index: -9999;
}
.region-data-menu-inner .visual-nav #vis-carousel {
z-index: -9999;
}
body.node-type-story .visual-nav,
body.node-type-video .visual-nav,
body.front .visual-nav {
height: inherit;
margin-bottom: 15px;
}
body.node-type-story #region-data-menu,
body.node-type-video #region-data-menu {
position: relative;
height: 140px;
}
body.node-type-story #region-data-menu .visual-nav,
body.node-type-video #region-data-menu .visual-nav {
background-color: #363940;
border-radius: 10px;
z-index: 1;
position: absolute;
}
body.node-type-story #region-data-menu .visual-nav .grid-4,
body.node-type-video #region-data-menu .visual-nav .grid-4 {
margin-bottom: 10px;
}
.view-homepage-top .quote-horiz-teaser .quote {
height: 340px;
}
.view-homepage-top .video-small-teaser {
overflow: hidden;
height: 290px;
}
.view-homepage-top .video-small-teaser img {
width: 400px;
max-width: 1000px;
margin-left: -100px;
}
.homepage-placeholder {
height: 300px;
}
.big-teaser,
.medium-teaser,
.medium-narrow-teaser,
.small-teaser,
.video-medium-teaser,
.video-small-teaser {
position: relative;
margin-bottom: 20px;
color: #fff;
}
.big-teaser .teaser-title,
.medium-teaser .teaser-title,
.medium-narrow-teaser .teaser-title,
.small-teaser .teaser-title,
.video-medium-teaser .teaser-title,
.video-small-teaser .teaser-title {
position: absolute;
bottom: 0;
left: 0;
padding: 5px;
width: 140px;
background: #141414;
background: rgba(20,20,20,0.7);
font-style: italic;
font-size: 14px;
margin-bottom: 15px;
}
.big-teaser .medium-teaser-title,
.medium-teaser .medium-teaser-title,
.medium-narrow-teaser .medium-teaser-title,
.small-teaser .medium-teaser-title,
.video-medium-teaser .medium-teaser-title,
.video-small-teaser .medium-teaser-title {
width: 90%;
}
.big-teaser .big-teaser-title,
.medium-teaser .big-teaser-title,
.medium-narrow-teaser .big-teaser-title,
.small-teaser .big-teaser-title,
.video-medium-teaser .big-teaser-title,
.video-small-teaser .big-teaser-title {
width: 378px;
font-size: 20px;
padding-left: 15px;
}
.big-teaser:hover,
.medium-teaser:hover,
.medium-narrow-teaser:hover,
.small-teaser:hover,
.video-medium-teaser:hover,
.video-small-teaser:hover {
color: #fff;
-webkit-box-shadow: 0 0 10px #3e424a;
-moz-box-shadow: 0 0 10px #3e424a;
box-shadow: 0 0 10px #3e424a;
}
.isotope-element .big-teaser-title {
padding: 5px;
width: 140px;
font-size: 14px;
margin-bottom: 15px;
}
.isotope-element-1.isotope-element-big .big-teaser-title,
.isotope-element-3.isotope-element-big .big-teaser-title {
width: 90%;
}
.statistic-teaser {
text-align: right;
}
.statistic-teaser .top {
border-bottom: 1px solid #ccc;
font-style: italic;
font-weight: bold;
}
.statistic-teaser .bottom {
text-transform: uppercase;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
.quote-horiz-teaser {
text-align: left;
font-size: 24px;
font-style: italic;
}
.quote-horiz-teaser cite {
display: block;
}
.isotope-element {
height: 290px;
width: 176px;
overflow: hidden;
}
.isotope-element img {
height: 290px;
width: auto;
margin-left: -100px;
max-width: 99999px;
}
.isotope-element .quote {
height: 290px;
width: 176px;
}
.isotope-element-1.isotope-element-big,
.isotope-element-3.isotope-element-big {
height: 445px;
width: 372px;
}
.isotope-element-1.isotope-element-big img,
.isotope-element-3.isotope-element-big img {
margin-left: -195px;
height: 445px;
}
.isotope-element-1.isotope-element-big .quote,
.isotope-element-3.isotope-element-big .quote {
height: 445px;
width: 372px;
}
.isotope-element.isotope-element-video {
height: 290px !important;
width: 372px !important;
}
.isotope-element.isotope-element-video img {
margin-left: 0 !important;
margin-top: 0 !important;
height: 290px !important;
}
.isotope-element.isotope-element-video .medium-teaser-title {
padding: 5px;
width: 326px;
font-size: 14px;
margin-bottom: 15px;
}
#isotope-options ul#filters {
z-index: 10;
}
#isotope-options ul#filters li {
list-style-type: none;
}
#isotope-options ul#filters a {
text-transform: uppercase;
color: #fff;
font-style: italic;
text-decoration: none;
border-bottom: 1px solid #999;
display: block;
font-weight: 300;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 18px;
line-height: 19px;
padding: 4px 0 0 3px;
}
#isotope-options ul#filters a.selected {
background-color: #aa218b;
}
#isotope-options ul#filters .toggle {
float: right;
margin-right: 15px;
font-style: normal;
}
body.get-involved-page .panel-panel.top.left,
body.get-involved-page .panel-panel.top.right {
border-top: 1px solid #fff;
padding-top: 10px;
font-style: italic;
}
body.get-involved-page .top.right p {
font-size: 22px;
font-weight: 300;
}
.get-involved-box {
font-family: 'Source Sans Pro', Arial, sans-serif;
border-top: 1px solid #fff;
}
.get-involved-box h2 {
font-size: 20px;
font-weight: 300;
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
margin-bottom: 5px;
margin-top: 10px;
}
.fundraising-option-title {
border-bottom: 1px solid white;
margin-bottom: 20px;
font-size: 36px;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-style: italic;
}
.fundraising-box {
margin-bottom: 50px;
}
.fundraising-box h2 a {
color: #aa218b;
text-decoration: none;
}
.node-type-fundraising-option .zone-content .tabs {
display: none;
}
.node-type-fundraising-option .zone-content .block .tabs {
display: block;
}
#taxonomy-page .panel-panel.top.left,
#taxonomy-page .panel-panel.top.right {
border-top: 1px solid #fff;
padding-top: 1px;
font-style: italic;
}
#taxonomy-page .top.right p {
font-size: 22px;
font-weight: 300;
}
#taxonomy-page .pane-term-description p {
font-size: 22px;
font-weight: 300;
}
#taxonomy-page .view-taxonomy-descriptions-on-aggregate-pages .views-row {
display: none;
}
.view-related-stories .pager,
.view-videos-on-main-resources-page .pager,
view-videos-on-main-resources-page .pager {
height: 30px;
}
.view-related-stories .pager li.pager-next a,
.view-videos-on-main-resources-page .pager li.pager-next a,
view-videos-on-main-resources-page .pager li.pager-next a {
background: #363940 url(/sites/all/themes/lumos/img/icon_next.png) scroll no-repeat top center;
width: 16px;
height: 15px;
text-indent: -99999px;
padding: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.view-related-stories .pager li.pager-previous,
.view-videos-on-main-resources-page .pager li.pager-previous,
view-videos-on-main-resources-page .pager li.pager-previous {
float: right;
margin-right: 20px;
}
.view-related-stories .pager li.pager-previous a,
.view-videos-on-main-resources-page .pager li.pager-previous a,
view-videos-on-main-resources-page .pager li.pager-previous a {
background: #363940 url(/sites/all/themes/lumos/img/icon_prev.png) scroll no-repeat top center;
width: 16px;
height: 15px;
text-indent: -99999px;
padding: 0;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.view-related-stories .pager,
.view-videos-on-main-resources-page .pager {
background: transparent url(/sites/all/themes/lumos/img/hr_associated.png) scroll no-repeat top left;
}
.view-videos-on-main-resources-page .pager {
background: transparent url(/sites/all/themes/lumos/img/hr_videos.png) scroll no-repeat center 2px;
}
.view-videos-on-main-resources-page .pager li.pager-previous {
float: left;
}
html.js input.form-autocomplete,
.ajax-progress .throbber {
background-image: none;
display: none !important;
}
.progress-disabled {
-webkit-transform: translate(0px,-5px);
-moz-transform: translate(0px,-5px);
-ms-transform: translate(0px,-5px);
-o-transform: translate(0px,-5px);
transform: translate(0px,-5px);
}
.animate {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.animate-go {
-webkit-transform: translate(0px,-5px);
-moz-transform: translate(0px,-5px);
-ms-transform: translate(0px,-5px);
-o-transform: translate(0px,-5px);
transform: translate(0px,-5px);
}
.story-slideshow {
height: 520px;
width: 100%;
position: absolute;
overflow: hidden;
z-index: -100;
}
.story-slideshow .view-content div {
display: none;
position: absolute;
top: 0;
left: 0;
}
#story-page .panel-panel.title-section {
background: #141414;
background: rgba(20,20,20,0.7);
}
#story-page .panel-panel.title-section .inside {
padding: 15px 17px;
min-height: 85px;
}
#story-page .panel-panel.title-section .pane-node-title {
font-size: 24px;
font-weight: 700;
}
#story-page .panel-panel.title-section .pane-node-created {
font-family: 'Source Sans Pro', Arial, sans-serif;
}
#story-page .panel-panel.top.left {
min-height: 82px;
}
#story-page .bottom.right {
margin-top: 150px;
}
#story-page .field-name-body {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
padding: 15px 17px;
background: #141414;
background: rgba(20,20,20,0.7);
font-size: 16px;
}
#story-page .field-name-body .field-name-body {
padding: 0;
background: transparent;
}
#story-page .field-name-field-optional-in-depth-content {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
margin-top: 40px;
padding-top: 50px;
background: transparent url(/sites/all/themes/lumos/img/icon_in-depth.png) scroll no-repeat top left;
}
#story-page .field-name-field-pullquote {
font-size: 22px;
margin: 0 0 40px;
font-weight: 300;
font-style: italic;
}
#story-page .mini-teaser {
width: 180px;
height: 135px;
float: left;
margin-bottom: 20px;
}
#story-page .mini-teaser li {
margin: 0;
}
#story-page .mini-teaser.views-row-2,
#story-page .mini-teaser.views-row-5 {
margin-right: 20px;
margin-left: 20px;
}
#story-page .statistic-teaser {
text-align: left;
}
#story-page .statistic-teaser .top {
background: transparent url(/sites/all/themes/lumos/img/hr_statistics.png) scroll no-repeat top center;
border-bottom: none;
font-size: 80px;
padding-top: 10px;
margin-bottom: -10px;
font-style: italic;
}
#story-page .statistic-teaser .bottom {
font-size: 17px;
font-weight: 300;
padding-right: 120px;
}
#story-page .pane-related-stories-panel-pane-1 {
background: transparent url(/sites/all/themes/lumos/img/hr_explore.png) scroll no-repeat top center;
padding-top: 30px;
margin-top: 40px;
}
.video-page #story-page .bottom.right {
margin-top: 450px;
}
.page-resources-videos .pane-videos-on-main-resources-page-panel-pane-2 {
border-top: 1px solid white;
margin-top: 54px;
padding-top: 20px;
}
.faq-box {
background: transparent url(/sites/all/themes/lumos/img/hr_faqs.png) scroll no-repeat top center;
padding-top: 25px;
}
.faq-box .more-faqs {
font-size: 15px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-style: italic;
text-decoration: none;
color: #fff;
}
.faq-box .more-faqs span {
float: right;
padding-right: 10px;
}
.faq-box .view-footer {
margin-top: 20px;
}
.faq-block {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-size: 18px;
}
.faq-block .faq-question {
cursor: pointer;
text-indent: -14px;
margin-left: 14px;
display: inline-block;
}
.faq-block .faq-question.selected {
font-weight: 400;
}
.faq-block .faq-answer {
margin: 15px;
font-size: 16px;
display: none;
}
.faq-block.faq-video .faq-question {
background: transparent url(/sites/all/themes/lumos/img/icon_video.png) scroll no-repeat center right;
padding-right: 30px;
}
body.resources-page .panel-panel.top.left,
body.resources-page .panel-panel.top.right {
border-top: 1px solid #fff;
padding-top: 10px;
font-style: italic;
}
body.resources-page .top.right p {
font-size: 22px;
font-weight: 300;
}
body.resources-page .all-research {
background: transparent url(/sites/all/themes/lumos/img/hr_research.png) scroll no-repeat top center;
padding-top: 25px;
margin-top: 49px;
}
body.resources-page .all-faqs {
background: transparent url(/sites/all/themes/lumos/img/hr_faqs.png) scroll no-repeat top center;
padding-top: 25px;
margin-top: 49px;
}
body.resources-page .mini-teaser {
width: 180px;
height: 135px;
float: left;
margin-bottom: 20px;
}
body.resources-page .mini-teaser li {
margin: 0;
}
body.resources-page .mini-teaser.views-row-2,
body.resources-page .mini-teaser.views-row-6,
body.resources-page .mini-teaser.views-row-10,
body.resources-page .mini-teaser.views-row-14,
body.resources-page .mini-teaser.views-row-18,
body.resources-page .mini-teaser.views-row-22,
body.resources-page .mini-teaser.views-row-26,
body.resources-page .mini-teaser.views-row-30,
body.resources-page .mini-teaser.views-row-34,
body.resources-page .mini-teaser.views-row-38,
body.resources-page .mini-teaser.views-row-42 {
margin-right: 10px;
margin-left: 20px;
}
body.resources-page .mini-teaser.views-row-3,
body.resources-page .mini-teaser.views-row-7,
body.resources-page .mini-teaser.views-row-11,
body.resources-page .mini-teaser.views-row-15,
body.resources-page .mini-teaser.views-row-19,
body.resources-page .mini-teaser.views-row-23,
body.resources-page .mini-teaser.views-row-27,
body.resources-page .mini-teaser.views-row-31,
body.resources-page .mini-teaser.views-row-35,
body.resources-page .mini-teaser.views-row-39,
body.resources-page .mini-teaser.views-row-43 {
margin-right: 20px;
margin-left: 10px;
}
.research-box {
background: transparent url(/sites/all/themes/lumos/img/hr_research.png) scroll no-repeat top center;
padding-top: 25px;
}
.research-box .more-research {
font-size: 15px;
display: block;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-transform: uppercase;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-style: italic;
text-decoration: none;
color: #fff;
}
.research-box .more-research span {
float: right;
padding-right: 10px;
}
.research-box .view-footer {
margin-top: 20px;
}
.research-block {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-size: 18px;
}
.research-block a {
cursor: pointer;
color: #fff;
text-decoration: none;
}
body.about-page .panel-panel.top.left,
body.about-page .panel-panel.top.right {
border-top: 1px solid #fff;
padding-top: 10px;
font-style: italic;
}
body.about-page .top.right p {
font-size: 22px;
font-weight: 300;
}
body.about-page .about-page-directions {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 18px;
font-weight: 300;
}
.about-lumos-block {
font-family: 'Source Sans Pro', Arial, sans-serif;
border-top: 1px solid #fff;
}
.about-lumos-block h2 {
font-size: 20px;
font-weight: 300;
font-family: 'Droid Serif', Times, 'Times New Roman', serif;
margin-bottom: 5px;
margin-top: 10px;
}
.pane-user-name {
font-size: 22px;
}
.pane-user-field-job-title {
font-size: 18px;
font-style: italic;
}
.pane-user-field-public-bio {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-size: 16px;
margin-top: 10px;
}
.view-staff-member-photos .staff-headshot {
float: left;
margin-right: 17px;
margin-bottom: 17px;
}
.view-staff-member-photos .staff-headshot.views-row-3,
.view-staff-member-photos .staff-headshot.views-row-6,
.view-staff-member-photos .staff-headshot.views-row-9,
.view-staff-member-photos .staff-headshot.views-row-12,
.view-staff-member-photos .staff-headshot.views-row-15,
.view-staff-member-photos .staff-headshot.views-row-18,
.view-staff-member-photos .staff-headshot.views-row-21,
.view-staff-member-photos .staff-headshot.views-row-24,
.view-staff-member-photos .staff-headshot.views-row-27,
.view-staff-member-photos .staff-headshot.views-row-30,
.view-staff-member-photos .staff-headshot.views-row-33,
.view-staff-member-photos .staff-headshot.views-row-36,
.view-staff-member-photos .staff-headshot.views-row-39,
.view-staff-member-photos .staff-headshot.views-row-42 {
margin-right: 0;
}
.staff-member-page .pane-user-field-headshot {
float: left;
margin: 0 20px 5px 0;
}
.staff-member-page .mini-teaser {
width: 180px;
height: 135px;
float: left;
margin-bottom: 20px;
}
.staff-member-page .mini-teaser li {
margin: 0;
}
.staff-member-page .mini-teaser.views-row-2 {
margin-left: 20px;
margin-right: 10px;
}
.staff-member-page .mini-teaser.views-row-3 {
margin-left: 10px;
margin-right: 20px;
}
.staff-member-page .pane-user-s-stories-panel-pane-1 {
background: transparent url(/sites/all/themes/lumos/img/hr_authored-stories.png) scroll no-repeat top center;
padding-top: 30px;
margin-top: 40px;
}
body.responsive-layout-mobile #section-header {
margin-top: 80px;
margin-bottom: 20px;
}
body.responsive-layout-mobile #zone-data-menu-wrapper {
display: none;
}
@media all and (min-width: 740px) and (min-device-width: 740px),(max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) {
#story-page .panel-panel.top {
margin-bottom: 200px;
}
.video-page #story-page .panel-panel.top {
margin-bottom: 0;
}
}
@media all and (min-width: 980px) and (min-device-width: 980px),all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
#story-page .panel-panel.top {
margin-bottom: 230px;
}
.video-page #story-page .panel-panel.top {
margin-bottom: 0;
}
}
@media all and (min-width: 1220px) {
#story-page .panel-panel.top {
margin-bottom: 270px;
}
.video-page #story-page .panel-panel.top {
margin-bottom: 0;
}
}
#zone-user {
min-height: 30px;
}
#search-block-form {
float: right;
margin-top: 6px;
}
#search-block-form #edit-submit {
display: none;
}
#search-block-form input {
background-color: #7f7f80;
border: 0;
width: 180px;
height: 26px;
color: #fff;
}
#search-block-form input::-webkit-input-placeholder {
color: #fff;
}
#search-block-form input:-moz-placeholder {
color: #fff;
}
.search-block {
float: right;
margin-top: 6px;
}
.search-block label,
.search-block .form-submit {
display: none;
}
.search-block input#edit-keys {
background-color: #7f7f80;
border: 0;
width: 180px;
height: 26px;
color: #fff;
}
.search-block input#edit-keys::-webkit-input-placeholder {
color: #fff;
}
.search-block input#edit-keys:-moz-placeholder {
color: #fff;
}
.search-block .views-exposed-widget {
padding: 0;
}
.view-id-search_results .views-row {
margin-bottom: 20px;
}
.view-id-search_results .search-results-title a {
text-decoration: none;
color: #fff;
font-size: 21px;
font-weight: 700;
}
.view-id-search_results .search-results-body {
font-family: 'Source Sans Pro', Arial, sans-serif;
font-weight: 300;
font-size: 15px;
}
.view-id-search_results .search-results-more a {
color: #aa218b;
text-decoration: none;
font-family: 'Source Sans Pro', Arial, sans-serif;
font-size: 15px;
}
.in-depth-toggle {
float: right;
margin-top: 10px;
margin-left: 40px;
}
.in-depth-toggle #in-depth-toggle {
height: 18px;
width: 170px;
background: transparent url(/sites/all/themes/lumos/img/icon_in-depth-toggle.png) scroll no-repeat center left;
text-indent: -999999px;
cursor: pointer;
}
.in-depth-toggle #in-depth-toggle.active {
background-position-x: -179px;
}
body.responsive-layout-mobile .in-depth-toggle {
margin-left: 20px;
}
.lumos-admin-menu ul.menu {
margin-bottom: 10px;
}
a.admin-button {
border: 4px solid white;
display: block;
background-color: #CCC;
border-radius: 10px;
max-width: 80%;
text-align: center;
color: black;
text-decoration: none;
font-weight: bold;
font-family: 'Source Sans Pro', Arial, sans-serif;
padding: 20px 0;
font-size: 20px;
margin-bottom: 40px;
}
a.admin-button:hover {
background-color: #999;
}
a.admin-button-return {
color: white;
font-style: italic;
margin-bottom: 10px;
display: block;
}
.view-admin-view-stories table,
.view-homepage-top table {
font-family: 'Source Sans Pro', Arial, sans-serif;
color: black;
}
.view-admin-view-stories table a,
.view-homepage-top table a {
color: black;
}
.view-admin-view-stories table tr:hover td,
.view-admin-view-stories table tr.even:hover td.active,
.view-admin-view-stories table tr.odd:hover td.active,
.view-homepage-top table tr:hover td,
.view-homepage-top table tr.even:hover td.active,
.view-homepage-top table tr.odd:hover td.active {
background-color: none;
}
#ss-next,
#ss-prev {
background: transparent url(/sites/all/themes/lumos/img/icon_ss-controls.png) scroll no-repeat center right;
width: 100px;
height: 146px;
z-index: 10;
position: absolute;
right: 0;
top: 20px;
cursor: pointer;
}
#ss-prev {
background-position: center left;
left: 0;
}
#ss-index {
position: absolute;
bottom: 0;
left: 0;
}
#ss-index .ss-circle {
background: transparent url(/sites/all/themes/lumos/img/icon_ss-indicator.png) scroll no-repeat center right;
height: 9px;
width: 10px;
margin-right: 5px;
display: block;
float: right;
}
#ss-index .ss-circle.selected {
background-position: center left;
}
.responsive-layout-mobile #ss-index,
.responsive-layout-mobile .ss-control {
display: none;
}
.play-button {
background: transparent url(/sites/all/themes/lumos/img/icon_play-button.png) scroll no-repeat center center;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
}
.donation-form h3 {
float: left;
font-family: 'Source Sans Pro', Arial, sans-serif;
text-transform: uppercase;
}
.donation-form select.donation-curr {
float: right;
}
.donation-form .donation-submit {
background: transparent url(/sites/all/themes/lumos/img/icon_donate-now.png) scroll no-repeat top left;
display: block;
width: 375px;
height: 41px;
text-indent: -999999px;
}
.form-wrapper#edit-regions {
display: none;
}
.clear {
clear: both;
}
.tooltip-me {
position: relative;
}
.form-required:after {
content: " (Required)";
}
.form-required {
color: #aa218b !important;
}
.responsive-layout-mobile .homepage-placeholder {
display: none;
}
a.add-button,
a.lumos-edit-button,
.lumos-edit-button a,
ul.primary li a {
color: #fff;
text-decoration: none;
border-radius: 5px;
padding: 5px;
background: #aa218b;
border: 0;
}
a.add-button:hover,
a.lumos-edit-button:hover,
.lumos-edit-button a:hover,
ul.primary li a:hover {
color: #aa218b;
}
a.add-button.active,
a.lumos-edit-button.active,
.lumos-edit-button a.active,
ul.primary li a.active {
color: #aa218b;
border: 0;
}
ul.primary {
border: 0;
}
.jqvmap-label {
z-index: 9999;
}
.blank-divider {
height: 40px;
}
.blank-title-underline {
border-top: 1px solid #fff;
}
h1.title-underline {
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
div#infscr-loading {
position: fixed;
z-index: 100;
bottom: 10px;
width: 230px;
height: 37px;
padding: 3px 0;
right: 10px;
background: #aa218b;
color: #fff;
text-align: center;
}
div#infscr-loading div {
padding-top: 10px;
padding-left: 5px;
display: inline-block;
}
div#infscr-loading img {
display: inline-block;
}
.research-pdf {
background: transparent url(/sites/all/themes/lumos/img/pdf-icon.png) scroll no-repeat center right;
padding-right: 20px;
}
.views-field-editablefield .field-name-field-featured .description {
display: none;
}
#section-footer {
margin-top: 60px;
text-align: center;
color: white;
border-top: 1px solid #999;
font-family: 'Source Sans Pro', Arial, sans-serif;
}
#section-footer .footer-block {
padding: 5px 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment