From f8a50f2ec2337b4895b01a93e166d2ef0ffb6aa5 Mon Sep 17 00:00:00 2001 From: Aegir user Date: Fri, 23 Dec 2016 22:14:53 +0000 Subject: [PATCH] css file reworking & bug-fixes --- themes/civicrm_bootstrap/css/new.css | 1095 +++++++++++++++----------- 1 file changed, 622 insertions(+), 473 deletions(-) diff --git a/themes/civicrm_bootstrap/css/new.css b/themes/civicrm_bootstrap/css/new.css index bc6ad836a..e4434e171 100644 --- a/themes/civicrm_bootstrap/css/new.css +++ b/themes/civicrm_bootstrap/css/new.css @@ -1,34 +1,232 @@ -/** FONTS **/ +/*************************************************************** + CIVICRM-ORG CUSTOM CSS + + Color: Green (heading) - #82c459 + Dark grey - #777 + Light grey tint - #eee + Light grey line - #e6e5e5 + + Fonts: Main heading - Oswald + Secondary headings - Source Sans Pro 700 & 300 uppercase + + Contents: Core Typography + Page elements + Navigation + Page - front + Page - explore CiviCRM + Page - user pages + Page - events various & civicons + Page - working groups + Pages - features + Page - blog + + NB: Media queries are inline wherever possible + + 23.12.2016 + +*****************************************************************/ + +/************* + CORE TYPE + ***************/ + +/* Imports */ @import 'https://fonts.googleapis.com/css?family=Oswald:700&subset=latin-ext'; @import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700,700i'; -/* FIXES */ +/* SPACING */ + +.page-header h1, +.page-node .page-header, +.page-header { + margin-top: 0px; +} +body.admin-menu header#page-header { + margin-top: 16px; +} +.page-local-events .page-header, +.page-webinars .page-header { + margin-top: 80px; +} +body.navbar-is-fixed-top.breadcrumbs.page-node-5424, +body.navbar-is-fixed-top.breadcrumbs, +body.navbar-is-fixed-top { + padding-top: 171px !important; +} + +@media (max-width: 999px) { + body.admin-menu header#page-header { + margin-top: -35px;} + body.page-working-groups header#page-header { + margin-top: 95px;} + .navbar.fixed.scrollable, + .menu-name-menu-events-sub-menu ul, + .menu-name-menu-top-navigation ul { + top: 121px !important; } + body.admin-menu .navbar.fixed.scrollable, + body.admin-menu .menu-name-menu-events-sub-menu ul, + body.admin-menu .menu-name-menu-top-navigation ul { + top: 140px !important;} +} +/* TYPE ELEMENTS */ + +.page-webinars .page-header h1, +.page-local-events .page-header h1, +.page-strategic-initiatives .page-header h1 { + font-family: 'Oswald',sans-serif; + font-weight: 700; + text-align: center; + font-size: 46px; + line-height: 1.03; + margin-top:100px +} +.page-webinars .view-header > p, +.page-local-events .view-header > p, +.page-strategic-initiatives .view-header > p { + width: 60%; + margin: 0 auto 40px; +} +ul.checklist li { + list-style: outside none none; + margin-bottom: 10px; +} +ul.checklist li::before { + content: "\f00c"; + font-family: fontawesome; + left: 0; + position: absolute; + color: #82C459; +} +ul.checklist { + position: relative; + padding-left: 30px; +} +a.bluebutton{ + background: #056085; + background: -moz-linear-gradient(top, #056085 0%, #0786b5 100%); + background: -webkit-linear-gradient(top, #056085 0%,#0786b5 100%); + background: linear-gradient(to bottom, #056085 0%,#0786b5 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056085', endColorstr='#0786b5',GradientType=0 ); + color: #fff; + font-size: 22px; + padding: 15px 30px; + display: inline-block; + margin-bottom: 15px; + border-radius: 3px; +} +a.bluebutton:hover, +a.bluebutton:active{ + background-image: none; + background-color: #056085; + text-decoration: none; +} +.field-name-field-register-link .field-item a, +.field-name-field-full-details-link .field-item a, +.field-name-field-register-here .field-item a, +.page-civicon .civicon-lead .links a, +.page-civicon .view-grouping-content h3 > span > a, +.page-civicon .views-field-field-sponsorship-payment a, +a.greenbutton { + background-color: #82c459; + border-radius: 3px; + color: #fff; + display: inline-block; + font-size: 22px; + margin-bottom: 15px; + padding: 15px 30px; +} +.field-name-field-register-link .field-item a:hover, +.field-name-field-register-link .field-item a:active, +.field-name-field-full-details-link .field-item a:hover, +.field-name-field-full-details-link .field-item a:active, +.field-name-field-register-here .field-item a:hover, +.field-name-field-register-here .field-item a:active, +.page-civicon .civicon-lead .links a:hover, +.page-civicon .civicon-lead .links a:active, +.page-civicon .view-grouping-content h3 > span > a:hover, +.page-civicon .view-grouping-content h3 > span > a:focus, +.page-civicon .views-field-field-sponsorship-payment a:focus, +.page-civicon .views-field-field-sponsorship-payment a:hover, +a.greenbutton:hover, a.greenbutton:active { + background-color: #64a13f; + background-image: none; + text-decoration: none; + color: #fff; +} + +/* BOOTSTRAP FIXES */ +/* provides bootstrap container to panels or pages without a container */ -.bootstrapcon .bootstrap-twocol-stacked { +.bootstrapcon .bootstrap-twocol-stacked, +.node-type-strategic-initiative .bootstrap-twocol-stacked, +.page-working-groups .bootstrap-twocol-stacked { margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; width: 1190px; margin-bottom: 25px; -} /* provides bootstrap container to panels or pages without a container */ +} +.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { + width: 1190px; + margin: 20px auto 40px; +} @media (max-width:1200px){ - .bootstrapcon .bootstrap-twocol-stacked {width:990px} + .bootstrapcon .bootstrap-twocol-stacked, + .page-working-groups .bootstrap-twocol-stacked, + .node-type-strategic-initiative .bootstrap-twocol-stacked {width:990px} + .node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { + width: 990px; + margin: 0 auto; + } } @media (max-width:992px){ - .bootstrapcon .bootstrap-twocol-stacked {width:770px} + .bootstrapcon .bootstrap-twocol-stacked, + .page-working-groups .bootstrap-twocol-stacked, + .node-type-strategic-initiative .bootstrap-twocol-stacked {width:770px} + .node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { + width: 770px; + margin: 0 auto; } } @media (max-width:768px){ - .bootstrapcon .bootstrap-twocol-stacked {width:100%} + .bootstrapcon .bootstrap-twocol-stacked, + .page-working-groups .bootstrap-twocol-stacked, + .node-type-strategic-initiative .bootstrap-twocol-stacked, + .node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) {width:100%} } -/* GENERIC */ +} +/* FORMS */ .form-item > label > input#edit-legal-accept { - margin: 5px 0px 0px -20px' + margin: 5px 0px 0px -20px; } .form-item > label > input#edit-legal-accept { - margin: 5px 0px 0px -20px' + margin: 5px 0px 0px -20px; +} +.page-node-5734 tr.civicrm_1_contribution_1 td:nth-child(2)::first-letter, +.page-node-5734 tr#wf-crm-billing-total td + td::first-letter { + color: #fff; + display: none; +} + +/************* + PAGE ELEMENTS + ***************/ + +/* PAGE STRUCTURE */ + +.CiviPage { + margin-top: inherit; +} + +/* COMMENTS */ +#comments h2 { + font-weight: 300; + margin: 100px 0px 10px 0px; +} +#comments h3 a { + color: #635d5e; } /* BREADCRUMBS */ @@ -44,9 +242,6 @@ .breadcrumb li a, .breadcrumb>li+li:before { color: #777; } -.page-header h1, .page-node .page-header, .page-header { - margin-top: 0px !important; -} .stripe-black { display: inherit; margin-top: 100px; @@ -54,38 +249,106 @@ .stripe-black .crumbs-current-page { display: none !important; } -/* NEW NAVBAR */ +.page-webinars .stripe-black, page-webinar .stripe-black, +.civicrm-events .stripe-black, +.page-local-events .stripe-black, +.node-type-conference .stripe-black, +.page-civicon .stripe-black, +.page-node-5424 .stripe-black, +.page-node-5424 .page-header, +.page-node-5424 .navbar-fixed-top .stripe-black { + display: none; +} +.page-working-groups .stripe-black, +.blog-listing .stripe-black, +.page-taxonomy-term .stripe-black, +.node-type-blog .stripe-black { + margin-top: 30px; +} + +/* FOOTER TOP */ + +.page-civicon .footer-top, +.page-local-events .footer-top, +.page-webinar .footer-top, +.page-strategic-initiatives .footer-top { + background-color: #eee; + text-align: center; + margin-top: 60px; +} +.page-civicon .footer-top .container, +.page-local-events .footer-top .container, +.page-webinar .footer-top .container, +.page-strategic-initiatives .footer-top .container { + padding: 50px 0px; +} +.footer-top .hire-expert .container { + padding: 0px !important; +} + +/* FOOTER BOTTOM */ + +.footer-bottom { + background: #363333 none repeat scroll 0 0; + color: #BBB7B7; + overflow: hidden; +} +.footer-bottom a{ + color: #BBB7B7; + text-decoration: underline; +} +.footer-bottom a:hover{ + color: #BBB7B7; + text-decoration: none; +} +.footer .container { + margin-bottom: 0; +} +.footer-bottom p { + font-size: 15px; +} +.region-footer-bottom .block { + margin-bottom: 40px; +} + +/************* + NAVIGATION + ***************/ + +/* TOP TOOLBAR SECONDARY NAVIGATION */ #topbar { background: #eee; } -.CiviPage { - margin-top: 38px; +.top-secondary-nav { + float: right; + font-size: 16px; } +/* TOP PRIMARY NAVBAR */ + section#block-menu-menu-top-navigation > ul { - margin: auto; display: table; + margin: auto; + display: table; } #navbar{ background: #fff; border-bottom: 1px solid #e6e5e5; } -#navbar.navbar-default .navbar-nav > li > a { - color: #231f20; -} -#navbar.navbar-default .navbar-nav > li > a:hover { - color: #82c459; -} -.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { +#navbar.navbar-default .navbar-nav > li > a, +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #231f20; } -.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus, +#navbar.navbar-default .navbar-nav > li > a:hover, + #navbar.navbar-default .navbar-nav > li > a.active { background-color: transparent; color: #82c459; } -#navbar.navbar-default .navbar-nav > li > a.active{ - color: #82c459; -} header #navigation > ul.navbar-nav { display: none; } @@ -95,7 +358,7 @@ header #navigation > ul.navbar-nav { margin-top: 0px; } .navbar-collapse.collapse.main { - width: calc(100% - 415px); + width: calc(100% - 215px); float: left; margin-top: 32px; } @@ -120,10 +383,9 @@ header #navigation > ul.navbar-nav { line-height: 1.5; color: #231f20; } - #navbar ul li a:hover, #navbar ul li a:active, -#navbar ul li.active a{ +#navbar ul li.active a { color: #82c459; background-color: transparent; } @@ -134,11 +396,7 @@ header #navigation > ul.navbar-nav { .top-primary-nav { font-size: 22px; } -.top-secondary-nav { - float: right; - font-size: 16px; -} -@media all and (max-width:999px){ +@media all and (max-width:999px) { #navbar ul li{ width: 100%; } @@ -165,25 +423,95 @@ header #navigation > ul.navbar-nav { .open > .dropdown-menu li a { line-height: 30px !important; } - .navbar.fixed.scrollable, .menu-name-menu-events-sub-menu ul, .menu-name-menu-top-navigation ul { - top: 120px !important; - } - .navbar-collapse.collapse.main { - width: 100% !important; - margin-top: 0px; + .navbar.fixed.scrollable, .menu-name-menu-events-sub-menu ul, .menu-name-menu-top-navigation ul { + top: 120px !important; + } + .navbar-collapse.collapse.main { + width: 100% !important; + margin-top: 0px; } section#block-menu-menu-top-navigation > ul { - margin: 0px; -} + margin: 0px; + } header#page-header .menu-block-wrapper .nav > li a { + color: #635d5e; + font-size: 15px; + height: 40px; + line-height: 40px; + padding: 0 6px; + } +} +/* NAVBAR - THIRD SUBMENU */ + +.navbar.fixed.scrollable, +.menu-name-menu-events-sub-menu ul, +.menu-name-menu-top-navigation ul { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + border-color: -moz-use-text-color -moz-use-text-color #e6e5e5; + border-color: #e6e5e5; + border-image: none; + border-style: none none solid; + border-width: medium medium 1px; + min-height: 0; + position: fixed; + text-align: center; + width: 100%; + top: inherit; + background-color: #fff; + z-index: 100; +} +.navbar.scrollable ul { + margin: 0; + padding: 0; +} +.navbar.scrollable ul li { + display: inline-block; + list-style: outside none none; +} +.navbar.scrollable li a { + border-left: 1px solid #e6e5e5; + color: #635d5e; + display: block; + height: 50px; + line-height: 50px; + padding: 0 15px; +} +.navbar.scrollable li a:hover, +.navbar.scrollable li a:active { + color: #82c459; + text-decoration: none; +} +.navbar.scrollable li:last-child a { + border-right: 1px solid #e6e5e5; +} +header#page-header .menu-block-wrapper .nav > li { + display: inline-block; +} +header#page-header .menu-block-wrapper .nav { + text-align: center; +} +header#page-header .menu-block-wrapper .nav > li a { color: #635d5e; font-size: 15px; - height: 40px; - line-height: 40px; - padding: 0 6px; + height: 50px; + line-height: 50px; + padding: 0 20px; } +header#page-header .menu-block-wrapper .nav > li a:hover, +header#page-header .menu-block-wrapper .nav > li a.active-trail { + color: #82c459; + background-color: transparent } + +/************* + PAGE - FRONT + ***************/ + /* HOME HERO SECTION */ + #banner .pane-1 { background: #231f20 url(/sites/all/themes/civicrm_bootstrap/images/bg-hero-banner.jpg) no-repeat scroll top center / cover; overflow: hidden; @@ -204,25 +532,6 @@ header #navigation > ul.navbar-nav { #banner .pane-1 .pane-content { color: #fff; } -a.bluebutton{ - background: #056085; - background: -moz-linear-gradient(top, #056085 0%, #0786b5 100%); - background: -webkit-linear-gradient(top, #056085 0%,#0786b5 100%); - background: linear-gradient(to bottom, #056085 0%,#0786b5 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#056085', endColorstr='#0786b5',GradientType=0 ); - color: #fff; - font-size: 22px; - padding: 15px 30px; - display: inline-block; - margin-bottom: 15px; - border-radius: 3px; -} -a.bluebutton:hover, -a.bluebutton:active{ - background-image: none; - background-color: #056085; - text-decoration: none; -} .support-line{ margin-bottom: 25px } @@ -260,7 +569,9 @@ a.bluebutton:active{ font-size: 18px; font-weight: bold; } + /* NEWS AND EVENTS HOME */ + .pane-homepage-news .views-field-title h3, .pane-civi-upcoming-events .views-field-title h3, .pane-homepage-news h2, @@ -322,7 +633,7 @@ a.bluebutton:active{ .pane-homepage-news .views-field-field-image img { margin-bottom: 25px; } -@media all and (max-width: 991px){ +@media all and (max-width: 999px){ .pane-news-and-events .col-md-8, .pane-news-and-events .col-md-4{ width: 100%; @@ -344,14 +655,11 @@ a.bluebutton:active{ .pane-partners-and-contributors { text-align: center; } -/* CIVICRM 101 */ -.page-node-5424 .page-header, -.page-node-5424 .navbar-fixed-top .stripe-black { - display: none; -} -body.navbar-is-fixed-top.breadcrumbs.page-node-5424{ - padding-top: 171px !important; -} + +/************* + PAGE - EXPLORE CIVICRM + ***************/ + .page-node-5424 #white > div.container { padding: 0; width: 100%; @@ -359,48 +667,11 @@ body.navbar-is-fixed-top.breadcrumbs.page-node-5424{ .page-node-5424 .pane-node-body{ margin:0; } -.navbar.fixed.scrollable, .menu-name-menu-events-sub-menu ul, -.menu-name-menu-top-navigation ul { - -moz-border-bottom-colors: none; - -moz-border-left-colors: none; - -moz-border-right-colors: none; - -moz-border-top-colors: none; - border-color: -moz-use-text-color -moz-use-text-color #e6e5e5; - border-color: #e6e5e5; - border-image: none; - border-style: none none solid; - border-width: medium medium 1px; - min-height: 0; - position: fixed; - text-align: center; - width: 100%; - top: 170px; - background-color: #fff; - z-index: 10; -} -.navbar.scrollable ul { - margin: 0; - padding: 0; +.page-node-5424.admin-menu .pane-content { + margin-top: -48px; } -.navbar.scrollable ul li { - display: inline-block; - list-style: outside none none; -} -.navbar.scrollable li a { - border-left: 1px solid #e6e5e5; - color: #635d5e; - display: block; - height: 50px; - line-height: 50px; - padding: 0 15px; -} -.navbar.scrollable li a:hover, -.navbar.scrollable li a:active { - color: #82c459; - text-decoration: none; -} -.navbar.scrollable li:last-child a { - border-right: 1px solid #e6e5e5; +.page-node-5424 .explore { + padding-top: 30px; } .civicrm-101.section, .getting-started.section { @@ -413,21 +684,6 @@ h2.focal { font-size: 60px; line-height: 1.03; } -ul.checklist li { - list-style: outside none none; - margin-bottom: 10px; -} -ul.checklist li::before { - content: "\f00c"; - font-family: fontawesome; - left: 0; - position: absolute; - color: #82C459; -} -ul.checklist { - position: relative; - padding-left: 30px; -} .civicrm-101 img { height: auto !important; max-width: 100% !important; @@ -538,32 +794,12 @@ a.feature-box:hover{ } } - -/* FOOTER BOTTOM - 06/06/16 */ -.footer-bottom { - background: #363333 none repeat scroll 0 0; - color: #BBB7B7; - overflow: hidden; -} -.footer-bottom a{ - color: #BBB7B7; - text-decoration: underline; -} -.footer-bottom a:hover{ - color: #BBB7B7; - text-decoration: none; -} -.footer .container { - margin-bottom: 0; -} -.footer-bottom p { - font-size: 15px; -} -.region-footer-bottom .block { - margin-bottom: 40px; -} +/************* + PAGES - USER + ***************/ /* User Dashboard Page Fixes */ + .pane-user-menus .nav > li > a:hover, .nav > li > a:focus { background-color: rgba(0, 0, 0, 0.3); } @@ -597,6 +833,7 @@ a.feature-box:hover{ } /* Logged-in Client Form Fixes */ + .logged-in .webform-client-form { max-width: 770px; } @@ -631,7 +868,13 @@ a.feature-box:hover{ .logged-in .CiviPage .checkbox-inline input[type="checkbox"]{ margin-left: -20px; } + +/************* + PAGE - EVENTS + ***************/ + /* MAIN EVENTS PAGE */ + .not-logged-in.civicrm-events header + section > div.container { display: none; } @@ -639,50 +882,17 @@ a.feature-box:hover{ display: none; } .civicrm-events .region.region-content { - margin-top: 10px; + margin-top: -1px; } .civicrm-events .row-stripe-white > *{ margin: 0; } - -/* menu */ -header#page-header .menu-block-wrapper .nav > li { - display: inline-block; -} -header#page-header .menu-block-wrapper .nav { - text-align: center; -} -header#page-header .menu-block-wrapper .nav > li a { - color: #635d5e; - font-size: 15px; - height: 70px; - line-height: 70px; - padding: 0 20px; -} -header#page-header .menu-block-wrapper .nav > li a:hover, -header#page-header .menu-block-wrapper .nav > li a.active-trail { - color: #82c459; - background-color: transparent -} - -/* civi events section */ .civicrm-events #white { background: #eee none repeat scroll 0 0; - padding: 60px 0; + padding: 110px 0px 60px 0px; } -a.greenbutton { - background-color: #82c459; - border-radius: 3px; - color: #fff; - display: inline-block; - font-size: 22px; - margin-bottom: 15px; - padding: 15px 30px; -} -a.greenbutton:hover, a.greenbutton:active { - background-color: #64a13f; - background-image: none; - text-decoration: none; +.civicrm-events .tabs--primary { + margin-bottom: 0px; } .view-conference-civicon-and-user-summit .link .greenbutton { margin-right: 10px; @@ -690,7 +900,8 @@ a.greenbutton:hover, a.greenbutton:active { .view-conference-civicon-and-user-summit .view-header { padding-right: 20px; } -.view-conference-civicon-and-user-summit .view-header, .view-conference-civicon-and-user-summit .view-content { +.view-conference-civicon-and-user-summit .view-header, +.view-conference-civicon-and-user-summit .view-content { float: left; width: 100%; } @@ -769,69 +980,58 @@ a.greenbutton:hover, a.greenbutton:active { display: none; } -/** EVENTS **/ +/** WEBINAR & LOCAL EVENTS **/ -.page-webinars .page-header h1, .page-local-events .page-header h1, -.page-strategic-initiatives .page-header h1 { - font-family: 'Oswald',sans-serif; - font-weight: 700; - text-align: center; - font-size: 46px; - line-height: 1.03; - margin-top:100px -} -.page-webinars .view-header > p, .page-local-events .view-header > p, -.page-strategic-initiatives .view-header > p { - width: 60%; - margin: 0 auto 40px; -} -.view-webinar tr, .page-local-events .view-local-events tr, -.view-webinar .table>tbody>tr>td.active, .page-local-events .view-local-events .table>tbody>tr>td.active { +.view-webinar tr, +.page-local-events .view-local-events tr, +.view-webinar .table>tbody>tr>td.active, +.page-local-events .view-local-events .table>tbody>tr>td.active { border: 0px solid tranpsarent; background: #eee; } -.view-webinar .views-field-title, .page-local-events .view-local-events .views-field-title -.view-webinar .views-field-text-link, .page-local-events .view-local-events .views-field-text-link { +.view-webinar .views-field-title, +.page-local-events .view-local-events .views-field-title +.view-webinar .views-field-text-link, +.page-local-events .view-local-events .views-field-text-link { font-weight: 600; font-size: 20px; } -.view-webinar .views-field-start-date, .page-local-events .view-local-events .views-field-start-date { +.view-webinar .views-field-start-date, +.page-local-events .view-local-events .views-field-start-date { font-weight: 600; font-size: 16px; vertical-align: middle; } -.view-webinar .table>tbody>tr>td, .page-local-events .view-local-events .table>tbody>tr>td { +.view-webinar .table>tbody>tr>td, +.page-local-events .view-local-events .table>tbody>tr>td { border-top: 5px solid #fff; padding: 25px; } -.page-webinars .stripe-black, page-webinar .stripe-black, -.civicrm-events .stripe-black, -.page-local-events .stripe-black, -.node-type-conference .stripe-black, -.page-civicon .stripe-black, -.page-node-5424 .stripe-black { - display: none; -} -.civicrm-events #white { - padding-top: 80px; -} -@media screen and (max-width: 1000px) { +@media screen and (max-width: 999px) { .civicrm-events .region.region-content { - margin-top: -40px; + margin-top: -55px; } } -/** EVENTS - CiviCon **/ +/** CIVICON HOME PAGE **/ .node-type-conference .CiviPage { overflow: auto; overflow: hidden; } .node-type-conference .panel-panel.top { - min-height: 540px; + min-height: 470px; } .node-type-conference .region.region-content { - margin: 19px 0px -19px 0px; + margin: 70px 0px -19px 0px; +} +body.admin-menu.node-type-conference .region.region-content { + margin: -1px 0px -19px 0px; } +@media (max-width: 999px) { + .node-type-conference .region.region-content { + margin: -1px 0px -19px 0px; + } +} .node-type-conference .field-name-field-logo { width: 60%; padding: 0px 0px 10px; @@ -868,57 +1068,7 @@ a.greenbutton:hover, a.greenbutton:active { margin: 50px auto; width: 500px; font-weight: 300; -} -.field-name-field-register-link .field-item a, -.field-name-field-full-details-link .field-item a, -.field-name-field-register-here .field-item a, -.page-civicon .civicon-lead .links a, -.page-civicon .view-grouping-content h3 > span > a, -.page-civicon .views-field-field-sponsorship-payment a { - background-color: #82c459; - border-radius: 3px; - color: #fff; - display: inline-block; - font-size: 22px; - margin-bottom: 15px; - padding: 15px 30px; -} -.field-name-field-register-link .field-item a:hover, -.field-name-field-register-link .field-item a:active, -.field-name-field-full-details-link .field-item a:hover, -.field-name-field-full-details-link .field-item a:active, -.field-name-field-register-here .field-item a:hover, -.field-name-field-register-here .field-item a:active, -.page-civicon .civicon-lead .links a:hover, -.page-civicon .civicon-lead .links a:active, -.page-civicon .view-grouping-content h3 > span > a:hover, -.page-civicon .view-grouping-content h3 > span > a:focus, -.page-civicon .views-field-field-sponsorship-payment a:focus, -.page-civicon .views-field-field-sponsorship-payment a:hover { - background-color: #64a13f; - background-image: none; - text-decoration: none; -} - -@media (min-width: 768px) { -.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { - width: 770px; - margin: 0 auto; -} -} -@media (min-width: 992px) { -.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { - width: 990px; - margin: 0 auto; -} -} -@media (min-width: 1200px) { -.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { - width: 1190px; -} -} -.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2) { - margin: 20px auto 40px; + text-shadow: 0 0 0.3em rgba(1,1,1,1); } .pane-node-field-register-link { width: 210px; @@ -932,7 +1082,7 @@ a.greenbutton:hover, a.greenbutton:active { text-transform: uppercase; font-weight: 700; font-size: 32px; -}} +} .node-type-conference .field-name-field-image-credit { font-size: 14px; font-style: italic; @@ -948,10 +1098,11 @@ a.greenbutton:hover, a.greenbutton:active { .page-civicon .civicon-lead { height: 490px; } -.page-civicon .civicon-lead h2 a { +.page-civicon .civicon-lead h2 > a { margin: -8px 0px 0px 0px; text-transform: uppercase; color: #82c459; + padding: 0px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 60px; @@ -966,14 +1117,19 @@ a.greenbutton:hover, a.greenbutton:active { margin:70px 0px 0px 0px; text-transform: uppercase; font-weight: bold; + text-shadow: 0 0 0.3em rgba(1,1,1,1); } -.page-civicon .civicon-teaser{ +.page-civicon .civicon-teaser { color: #fff; font-size: 38px; line-height: 38px; width: 500px; font-weight: 300; margin-bottom: 30px; + text-shadow: 0 0 0.3em rgba(1,1,1,1); +} +.view-CiviCamp .civicon-lead h2 a { + text-shadow: 0 0 0.4em #fff; } .page-civicon .civicon-lead a.full-details { background-color: #82c459; @@ -1004,7 +1160,15 @@ a.greenbutton:hover, a.greenbutton:active { padding-top: 30px; padding-bottom: 30px; } -/* CiviCon Sponsorship */ +.view-civicon.view-display-id-panel_pane_1 { + border-bottom: 1px solid #ddd; + padding-bottom: 10px; + min-height: 115px; + margin-top: 10px; +} + +/* CIVICON SPONSORSHIP */ + .page-civicon .views-field-field-sponsorship-payment a { margin-top: 15px; } @@ -1046,39 +1210,59 @@ margin-top: 15px; } /* CIVICON SUBMENU */ + .node-type-conference .view-civicon.view-id-civicon .view-content { height: 100px; } -.view-civicon.view-id-civicon ul { +.view-id-civicon.view-display-id-panel_pane_1 img { + max-height: 100px; + width: auto; +} +@media screen and (max-width: 1200px) { +.node-type-conference .view-civicon.view-id-civicon .view-content { + height: 150px; +} +} +@media screen and (max-width: 768px) { + .view-id-civicon.view-display-id-panel_pane_1 .views-field .field-content .col-sm-3 { + display: none; +} + .view-id-civicon.view-display-id-panel_pane_1 .views-field .field-content .col-sm-9 { + padding-right: 40px; +} +} +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul { list-style: none; padding: 0px; margin: 0px; float: right; } -.view-civicon.view-id-civicon ul li { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li { float: left; } -.view-civicon.view-id-civicon ul li a { -font-size: 20px; -color: #635d5e; -padding: 15px; -font-weight: 300; +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a { + font-size: 20px; + color: #635d5e; + padding: 15px; + font-weight: 300; + font-family: 'Source Sans Pro', sans-serif; + text-transform: inherit; } -.view-civicon.view-id-civicon ul li:last-child a, -.view-civicon.view-id-civicon ul li:last-child { -padding-right: 0px; +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li:last-child a, +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li:last-child { + padding-right: 0px; } -.view-civicon.view-id-civicon h4 > span { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 h4 > span { font-weight: 300; border-right: 1px solid #ddd; padding-right: 10px; margin-right: 5px; } -.view-civicon.view-id-civicon h4 { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 h4 { margin-top: 35px; margin-bottom: 10px; } -.view-civicon.view-id-civicon { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 { border-bottom: 1px solid #ddd; padding-bottom: 10px; min-height: 115px; @@ -1088,19 +1272,20 @@ padding-right: 0px; border-bottom: 0px solid transparent; border-top: 1px solid #ddd; padding: 10px 25px 0px; + margin-top: 6px; } -.view-civicon.view-id-civicon ul li a:active { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a:active { color: #82c459 !important; font-weight: 400; } -.view-civicon.view-id-civicon .col-sm-3 { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-3 { padding-left: 0px; } -.view-civicon.view-id-civicon .col-sm-9 { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .col-sm-9 { text-align: right; padding-right: 0px; } -.view-civicon.view-id-civicon .views-field-nothing .col-sm-3 a { +.view-civicon.view-id-civicon.view-display-id-panel_pane_1 .views-field-nothing .col-sm-3 a { text-transform: uppercase; color: #82c459; font-family: 'Oswald', sans-serif; @@ -1109,7 +1294,8 @@ padding-right: 0px; line-height: 58px; } -/* CIVICON INTERNAL PAGES */ +/* CIVICON INTENRAL PAGES */ + .page-civicon .page-content { margin-top: 60px; } @@ -1121,7 +1307,7 @@ padding-right: 0px; .page-civicon .views-bootstrap-grid-plugin-style .col, .views-bootstrap-grid-plugin-style .col .views-field { padding: 0px; -} +} /* THINK THIS CAN BE DELETED .page-civicon .civicon-promo { height: 230px; text-align: left; @@ -1218,6 +1404,12 @@ padding-right: 0px; .page-civicon .civicon-promo a.full-details:hover, .page-civicon .civicon-promo a.full-details:active { color: #64a13f; +}*/ + +/* CIVICON SLIDER */ + +.view-civicon.view-id-civicon ul { + float: inherit; } .flex-viewport .slides .views-field-nothing { position: relative; @@ -1235,13 +1427,19 @@ padding-right: 0px; height: 450px; } #flexslider-1 { - visibility: hidden; - margin-top: -20px; + visibility: hidden; + font-size: 1px; + margin-top: 56px; } -@media screen and (max-width: 800px) { -#flexslider-1 { - margin-top: -324px; +body.admin-menu #flexslider-1 { + margin-top: 106px; } +@media screen and (max-width: 800px) { + #flexslider-1 { + margin-top: -324px;} + .flex-control-nav .flex-caption { + font-size: 18px; + } } @media screen and (max-width: 1200px) { #flexslider-1 { @@ -1260,9 +1458,6 @@ padding-right: 0px; top: -56px; margin-bottom: -60px; } -.view-civicamp-list .flex-viewport { - top: 0px; -} .flex-direction-nav a { top: 40%; height: 50px; @@ -1285,25 +1480,18 @@ padding-right: 0px; color: #82c459; text-decoration: none; } - +ul.flex-direction-nav li a { + font-size: 1px !important; + color: transparent; +} +.flex-direction-nav a { + height: 80%; +} .flex-control-thumbs li { height: 140px; overflow: hidden; border-right: 1px solid #fff; } -.page-civicon .footer-top, .page-local-events .footer-top, -.page-webinar .footer-top, .page-strategic-initiatives .footer-top { - background-color: #eee; - text-align: center; - margin-top: 60px; -} -.page-civicon .footer-top .container, .page-local-events .footer-top .container, -.page-webinar .footer-top .container, .page-strategic-initiatives .footer-top .container { - padding: 50px 0px; -} -.footer-top .hire-expert .container { - padding: 0px !important; -} .page-civicon .footer-top { margin: 0px; } @@ -1321,7 +1509,8 @@ padding-right: 0px; padding-top: 30px; clear: both; } -.page-civicon-master #block-system-main p { +.page-civicon-master #block-system-main p, +.page-node-5689 #block-system-main p { text-align: center; width: 80%; margin: 0 auto; @@ -1338,10 +1527,10 @@ clear: both; border-radius: 150px; margin-right: 10px; margin-top: 8px; + margin-bottom: 20px; width: 140px; height: 140px; } - .page-civicon .bootstrap-twocol-stacked .panel-panel.right p > strong { padding-top: 35px; } @@ -1356,9 +1545,6 @@ clear: both; .views-field-field-header-image .field-content { margin: 0px -200px; } -#flexslider-1 { - margin-top: 0px; -} .node-type-civicamp .field-name-field-start-date .field-item { text-align: center; padding-top: 60px; @@ -1403,7 +1589,6 @@ clear: both; .page-civicon .civicon-lead .links a { margin-right: 10px; } - #flexslider-1 .flex-caption a { pointer-events: none; cursor: default; @@ -1428,25 +1613,11 @@ clear: both; .page-node .page-header { margin-top: 80px; } -/* STRATEGIC INITIATIVES */ -.node-type-strategic-initiative .bootstrap-twocol-stacked { - margin-right: auto; - margin-left: auto; - padding-left: 25px; - padding-right: 25px; - width: 1190px; - margin-bottom: 25px; -} -@media (min-width:768px){ - .node-type-strategic-initiative .bootstrap-twocol-stacked {width:770px} -} -@media (min-width:992px){ - .node-type-strategic-initiative .bootstrap-twocol-stacked {width:990px} -} -@media (min-width:1200px){ - .node-type-strategic-initiative .bootstrap-twocol-stacked {width:1190px} -} +/************* + PAGE - WORKING GROUPS + ***************/ +/* DELETE? .node-type-strategic-initiative .pane-node-title h1 { margin-top: 0px; } @@ -1495,8 +1666,105 @@ clear: both; } .view-strategic-initiatives .views-field-body { margin-bottom: 10px; +}*/ +.page-working-groups .pane-node-title h1 { + margin-top: 0px; +} +.page-working-groups .panel-panel.right { + border: 1px solid #dedede; + padding-bottom: 20px; + background: #efefef; + border-radius: 4px; +} +.page-working-groups.node-type-page .panel-panel.right { + margin: 30px 0px; +} +.page-working-groups .panel-panel.right .pane-entity-field { + margin-bottom: 10px; +} +.page-working-groups.node-type-page .region.region-header { + min-height: 500px; + height: 500px; +} +.page-working-groups .menu-block-9 { + position: fixed; + top: 171px; + z-index: 1; +} +.admin-menu.page-working-groups .menu-block-9 { + z-index: 1; + top: 191px; +} +.page-working-groups .region.region-header h1 { + margin: 200px 0px 0px 0px; + text-transform: uppercase; + color: #82c459; + font-family: 'Oswald',sans-serif; + font-weight: 700; + font-size: 60px; +} +.page-working-groups .region.region-header p { + color: #fff; + width: 60%; +} +.page-working-groups .bootstrap-twocol-stacked .views-field-title h2 { + color: #333; + font-weight: 700; +} +.page-working-groups .region.region-header { + background-color: #FFFFFF !important; + background-image: url(https://civicrm.org/sites/civicrm.org/files/styles/slider-full_width/public/team_build.jpg?itok=uDef_puK) !important; + background-repeat: no-repeat !important; + background-attachment: fixed !important; + background-position: center center !important; + background-size: auto auto !important; + -webkit-background-size: auto auto !important; + -moz-background-size: auto auto !important; + -o-background-size: auto auto !important; + height: 450px; + margin: -20px 0px 20px; +} +.page-working-groups .views-field-title { + border-bottom: 1px solid #ddd; + margin: 40px 0px 10px; + padding-bottom: 0px; +} +.page-working-groups .views-field-title h2 { + margin-bottom: 10px; +} +.page-working-groups .views-field-field-team { + float: right; + margin-top: -50px; +} + +@media (max-width: 999px) { +.page-working-groups .region.region-header { + background-size: auto 500px !important; + -webkit-background-size: auto 500px !important; + -moz-background-size: auto 500px !important; + -o-background-size: auto 500px !important; + margin-top: -40px; + background-attachment: inherit !important; + height: 470px; +} +.page-working-groups .region.region-header h1 { + margin-top: 90px; + font-size: 48px; +} +.page-working-groups .region.region-header p { + width: 100%; + line-height:22px; +} +.page-working-groups .views-field-field-team { + float: none; + margin-top: 0px; + margin-bottom: 13px; } -/* FEATURES */ +} + +/************* + PAGES - FEATURES + ***************/ .node-type-strategic-initiative .panel-panel.right { border-radius: 4px; @@ -1634,120 +1902,9 @@ clear: both; padding-top: 25px; } -/* Working Groups */ -.page-working-groups .bootstrap-twocol-stacked { - margin-right: auto; - margin-left: auto; - padding-left: 25px; - padding-right: 25px; - width: 1190px; - margin-bottom: 25px; -} -@media (min-width:768px){ - .page-working-groups .bootstrap-twocol-stacked {width:770px} -} -@media (min-width:992px){ - .page-working-groups .bootstrap-twocol-stacked {width:990px} -} -@media (min-width:1200px){ - .page-working-groups .bootstrap-twocol-stacked {width:1190px} -} -.page-working-groups .pane-node-title h1 { - margin-top: 0px; -} -.page-working-groups .panel-panel.right { - border: 1px solid #dedede; - padding-bottom: 20px; - background: #efefef; - border-radius: 4px; -} -.page-working-groups.node-type-page .panel-panel.right { - margin: 30px 0px; -} -.page-working-groups .panel-panel.right .pane-entity-field { - margin-bottom: 10px; -} -.page-working-groups.node-type-page .region.region-header { - min-height: 500px; - height: 500px; -} -.page-working-groups .region.region-header h1 { - margin: 200px 0px 0px 0px; - text-transform: uppercase; - color: #82c459; - font-family: 'Oswald',sans-serif; - font-weight: 700; - font-size: 60px; -} -.page-working-groups .region.region-header p { - color: #fff; - width: 60%; -} -.page-working-groups .bootstrap-twocol-stacked .views-field-title h2 { - color: #333; - font-weight: 700; -} -.page-working-groups .region.region-header { - background-color: #FFFFFF !important; - background-image: url(https://civicrm.org/sites/civicrm.org/files/styles/slider-full_width/public/team_build.jpg?itok=uDef_puK) !important; - background-repeat: no-repeat !important; - background-attachment: fixed !important; - background-position: center center !important; - background-size: auto auto !important; - -webkit-background-size: auto auto !important; - -moz-background-size: auto auto !important; - -o-background-size: auto auto !important; - height: 450px; - margin: -20px 0px 20px; -} -.page-working-groups .views-field-title { - border-bottom: 1px solid #ddd; - margin: 40px 0px 10px; - padding-bottom: 0px; -} -.page-working-groups .views-field-title h2 { - margin-bottom: 10px; -} -.page-working-groups .views-field-field-team { - float: right; - margin-top: -50px; -} -.page-node-5734 tr.civicrm_1_contribution_1 td:nth-child(2)::first-letter, -.page-node-5734 tr#wf-crm-billing-total td + td::first-letter { - color: #fff; - display: none; -} -.page-working-groups .stripe-black, -.blog-listing .stripe-black, -.page-taxonomy-term .stripe-black, -.node-type-blog .stripe-black { - margin-top: 30px !important; -} -@media (max-width: 999px) { -.page-working-groups .region.region-header { - background-size: auto 500px !important; - -webkit-background-size: auto 500px !important; - -moz-background-size: auto 500px !important; - -o-background-size: auto 500px !important; - margin-top: -40px; - background-attachment: inherit !important; - height: 470px; -} -.page-working-groups .region.region-header h1 { - margin-top: 90px; - font-size: 48px; -} -.page-working-groups .region.region-header p { - width: 100%; - line-height:22px; -} -.page-working-groups .views-field-field-team { - float: none; - margin-top: 0px; - margin-bottom: 13px; -} -} -/* BLOG */ +/************* + PAGE - BLOG + ***************/ .node-type-blog .pane-node-created span.pane-title, .node-type-blog .pane-node-author span.pane-title { @@ -1909,11 +2066,3 @@ div.pane-blog-taxonomy { .node-type-blog .comment-wrapper { border-top: 0px solid transparent; } -/* Comments */ -#comments h2 { - font-weight: 300; - margin: 100px 0px 10px 0px; -} -#comments h3 a { - color: #635d5e; -} -- GitLab