Commit 893686bd authored by Nic's avatar Nic Committed by Aegir user

CMS pages css + other tweaks

parent b5b07408
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
Light grey tint - #eee Light grey tint - #eee
Light grey line - #e6e5e5 Light grey line - #e6e5e5
Fonts: Main heading - Oswald Fonts: Main heading - Oswald, 700, caps, green
Secondary headings - Source Sans Pro 700 & 300 uppercase Secondary headings - Source Sans Pro 700 & 300 uppercase
Contents: Core Typography Contents: Core Typography
...@@ -45,6 +45,9 @@ ...@@ -45,6 +45,9 @@
body.admin-menu header#page-header { body.admin-menu header#page-header {
margin-top: 16px; margin-top: 16px;
} }
.admin-menu.civicrm-events .region.region-content {
margin-top: -12px;
}
.page-local-events .page-header, .page-local-events .page-header,
.page-webinars .page-header { .page-webinars .page-header {
margin-top: 80px; margin-top: 80px;
...@@ -54,6 +57,15 @@ body.navbar-is-fixed-top.breadcrumbs, ...@@ -54,6 +57,15 @@ body.navbar-is-fixed-top.breadcrumbs,
body.navbar-is-fixed-top { body.navbar-is-fixed-top {
padding-top: 171px !important; padding-top: 171px !important;
} }
body.front.admin-menu .CiviPage {
margin-top: 60px;
}
body.admin-menu.node-type-conference .region.region-content {
margin: -12px 0px -19px 0px;
}
body.admin-menu #flexslider-1 {
margin-top: 95px;
}
@media (max-width: 999px) { @media (max-width: 999px) {
body.admin-menu header#page-header { body.admin-menu header#page-header {
...@@ -71,11 +83,20 @@ body.navbar-is-fixed-top { ...@@ -71,11 +83,20 @@ body.navbar-is-fixed-top {
body.admin-menu .menu-name-menu-top-navigation ul { body.admin-menu .menu-name-menu-top-navigation ul {
top: 140px !important;} top: 140px !important;}
} }
.admin-menu.civicrm-events .region.region-content {
margin-top: -12px;
}
/* TYPE ELEMENTS */ /* TYPE ELEMENTS */
.views-field-body,
.pane-content p,
.pane-content li {
color: #231f20;
}
.page-webinars .page-header h1, .page-webinars .page-header h1,
.page-local-events .page-header h1, .page-local-events .page-header h1,
.page-strategic-initiatives .page-header h1 { .page-strategic-initiatives .page-header h1,
.banner .page-header h1 {
font-family: 'Oswald',sans-serif; font-family: 'Oswald',sans-serif;
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
...@@ -89,20 +110,53 @@ body.navbar-is-fixed-top { ...@@ -89,20 +110,53 @@ body.navbar-is-fixed-top {
width: 60%; width: 60%;
margin: 0 auto 40px; margin: 0 auto 40px;
} }
ul.checklist li { .page-civicon-master #block-system-main p,
.page-node-5689 #block-system-main p,
.page-node-5684 #block-system-main p {
text-align: center;
width: 80%;
margin: 0 auto;
}
.pane-blog-news h2.pane-title,
.pane-blog-taxonomy h2.pane-title,
.cms-experts.pane-partners-and-contributors h2,
.pane-extensions-directory h2.pane-title {
font-weight: 300;
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 31px;
text-transform: uppercase;
}
.pane-blog-news h4 a,
.pane-extensions-directory h2.field-content a {
font-family: oswald,sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
margin: 0px 0px 8px 0px;
text-align: left;
}
ul.checklist, ul.arrow {
position: relative;
padding-left: 30px;
}
ul.checklist li, ul.arrow li {
list-style: outside none none; list-style: outside none none;
margin-bottom: 10px; margin-bottom: 10px;
} }
ul.checklist li::before { ul.checklist li::before,
content: "\f00c"; ul.arrow li::before {
font-family: fontawesome; font-family: fontawesome;
left: 0; left: 0;
position: absolute; position: absolute;
color: #82C459; color: #82C459;
} }
ul.checklist { ul.checklist li::before {
position: relative; content: "\f00c";
padding-left: 30px; }
ul.arrow li::before {
content: "\f061";
} }
a.bluebutton{ a.bluebutton{
background: #056085; background: #056085;
...@@ -251,11 +305,24 @@ a.greenbutton:hover, a.greenbutton:active { ...@@ -251,11 +305,24 @@ a.greenbutton:hover, a.greenbutton:active {
PAGE ELEMENTS PAGE ELEMENTS
***************/ ***************/
/* Grey box sidebar */
div.pane-blog-taxonomy, div.cms {
border: 1px solid #dedede;
background: #efefef;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
}
/* PAGE STRUCTURE */ /* PAGE STRUCTURE */
.CiviPage { .CiviPage {
margin-top: inherit; margin-top: inherit;
} }
.panel-panel.top {
background-size: cover !important;
}
/* COMMENTS */ /* COMMENTS */
#comments h2 { #comments h2 {
...@@ -1310,105 +1377,7 @@ margin-top: 15px; ...@@ -1310,105 +1377,7 @@ margin-top: 15px;
.page-civicon .views-bootstrap-grid-plugin-style .col, .page-civicon .views-bootstrap-grid-plugin-style .col,
.views-bootstrap-grid-plugin-style .col .views-field { .views-bootstrap-grid-plugin-style .col .views-field {
padding: 0px; padding: 0px;
} /* THINK THIS CAN BE DELETED }
.page-civicon .civicon-promo {
height: 230px;
text-align: left;
}
.page-civicon .civicon-promo .civicon-date-teaser {
font-size: 24px;
line-height: 38px;
margin: 0px 0px 0px 50px;
padding-top: 40px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
.page-civicon .civicon-promo h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 36px;
text-align: left;
margin: -10px 0px 0px 50px;
}
.page-civicon .civicon-promo h3 a {
color: #82c459;
}
.page-civicon .civicon-promo h3 a:hover,
.page-civicon .civicon-promo h3 a:focus {
color: #64a13f;
}
.page-civicon .civicon-promo .civicon-coming-soon {
color: #fff;
font-size: 28px;
line-height: 28px;
text-align: left;
font-weight: 300;
margin: 20px 0px 0px 50px;
}
.page-civicon .civicon-promo a.full-details {
font-size: 22px;
color: #82c459;
padding: 20px 0px 0px 0px;
margin-left: 50px;
padding-top: 20px;
float: left;
}
.page-civicon .civicon-promo a.full-details:hover,
.page-civicon .civicon-promo a.full-details:active {
color: #64a13f;
}.page-civicon .views-bootstrap-grid-plugin-style,
.page-civicon .views-bootstrap-grid-plugin-style .col,
.views-bootstrap-grid-plugin-style .col .views-field {
padding: 0px;
}
.page-civicon .civicon-promo {
height: 230px;
text-align: left;
}
.page-civicon .civicon-promo .civicon-date-teaser {
font-size: 24px;
line-height: 38px;
margin: 0px 0px 0px 50px;
padding-top: 40px;
text-transform: uppercase;
font-weight: bold;
text-align: left;
}
.page-civicon .civicon-promo h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 36px;
text-align: left;
margin: -10px 0px 0px 50px;
}
.page-civicon .civicon-promo h3 a {
color: #82c459;
}
.page-civicon .civicon-promo h3 a:hover,
.page-civicon .civicon-promo h3 a:focus {
color: #64a13f;
}
.page-civicon .civicon-promo .civicon-coming-soon {
color: #fff;
font-size: 28px;
line-height: 28px;
text-align: left;
font-weight: 300;
margin: 50px 0px 0px 50px;
}
.page-civicon .civicon-promo a.full-details {
font-size: 22px;
color: #82c459;
padding: 50px 0px 0px 0px;
margin-left: 50px;
float: left;
}
.page-civicon .civicon-promo a.full-details:hover,
.page-civicon .civicon-promo a.full-details:active {
color: #64a13f;
}*/
/* CIVICON SLIDER */ /* CIVICON SLIDER */
.view-civicon.view-id-civicon ul { .view-civicon.view-id-civicon ul {
...@@ -1614,56 +1583,7 @@ clear: both; ...@@ -1614,56 +1583,7 @@ clear: both;
/************* /*************
PAGE - WORKING GROUPS PAGE - WORKING GROUPS
***************/ ***************/
/* DELETE?
.node-type-strategic-initiative .pane-node-title h1 {
margin-top: 0px;
}
.node-type-strategic-initiative .pane-1 h3 {
font-weight: 300;
}
.node-type-strategic-initiative .panel-panel.right {
border: 1px solid #dedede;
padding-bottom: 20px;
background: #efefef;
border-radius: 4px;
}
.node-type-strategic-initiative.node-type-page .panel-panel.right {
margin: 30px 0px;
}
.node-type-strategic-initiative .panel-panel.right .pane-entity-field {
margin-bottom: 10px;
}
.page-strategic-initiatives .view-filters {
width: calc(25% - 30px);
float: right;
margin: 5px 0px 0px 30px;
}
.page-strategic-initiatives .footer-top {
padding-top: 30px;
}
.node-type-strategic-initiative.node-type-page .region.region-header {
min-height: 500px;
height: 500px;
}
.node-type-strategic-initiative .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;
}
.node-type-strategic-initiative .region.region-header p {
color: #fff;
width: 60%;
}
.node-type-strategic-initiative .bootstrap-twocol-stacked .views-field-title h2 a {
color: #333;
font-weight: 700;
}
.view-strategic-initiatives .views-field-body {
margin-bottom: 10px;
}*/
.page-working-groups .pane-node-title h1 { .page-working-groups .pane-node-title h1 {
margin-top: 0px; margin-top: 0px;
} }
...@@ -1758,7 +1678,6 @@ clear: both; ...@@ -1758,7 +1678,6 @@ clear: both;
margin-bottom: 13px; margin-bottom: 13px;
} }
} }
/************* /*************
PAGES - FEATURES PAGES - FEATURES
***************/ ***************/
...@@ -1948,13 +1867,6 @@ background-color: #82c459; ...@@ -1948,13 +1867,6 @@ background-color: #82c459;
.pane-blog-news h4 { .pane-blog-news h4 {
margin-top: 5px; margin-top: 5px;
} }
.pane-blog-news h4 a {
font-family: oswald,sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
margin: 0px 0px 8px 0px;
}
.node-type-blog .pane-blog-news h4 a { .node-type-blog .pane-blog-news h4 a {
color: #82c459; color: #82c459;
} }
...@@ -2044,22 +1956,77 @@ background-color: #82c459; ...@@ -2044,22 +1956,77 @@ background-color: #82c459;
float: none; float: none;
clear: both; clear: both;
} }
div.pane-blog-taxonomy { .node-type-blog .comment-wrapper {
border-top: 0px solid transparent;
}
/*************
PAGE - CMSs
***************/
.banner header#page-header {
height: 350px;
}
.banner .stripe-black {
display: none;
}
.banner .page-header h1 {
text-align: left;
}
div.cms, div.pane-blog-taxonomy {
border: 1px solid #dedede; border: 1px solid #dedede;
background: #efefef; background: #efefef;
border-radius: 3px; border-radius: 3px;
padding: 10px; padding: 10px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.pane-blog-news h2.pane-title, .cms img {
.pane-blog-taxonomy h2.pane-title { width: 150px;
font-weight: 300; height: auto;
padding: 0px 0px 0px 0px; margin: 0px 0px 10px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 31px;
text-transform: uppercase;
} }
.node-type-blog .comment-wrapper { .cms p {
border-top: 0px solid transparent; text-align: center;
}
.cms h2 {
text-align: center;
line-height: 30px;
width: 80%;
margin: 20px auto 10px;
}
.cms h2 span.small {
line-height: 15px;
}
.pane-extensions-directory h2.pane-title {
margin-top: 40px;
}
.pane-extensions-directory .row {
margin: 0px;
}
.pane-extensions-directory .text-center {
text-align: left;
}
.pane-extensions-directory .views-bootstrap-grid-plugin-style .col {
padding: 0px 15px 0px 0px;
height: 280px;
}
@media (max-width: 1200px) {
.pane-extensions-directory .views-bootstrap-grid-plugin-style .col {
height: auto;
}
div.cms {
margin-top:20px;
}
}
.pane-extensions-directory .views-bootstrap-grid-plugin-style {
padding: 0px 0px 20px 0px;
}
.cms-experts .views-field-current-employer p {
margin-left: -20000px;
}
.cms-news h2.pane-title {
margin-top: 40px;
} }
.cms-news h4 {
margin-bottom: 2px;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment