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

CMS pages css + other tweaks

parent b5b07408
......@@ -6,7 +6,7 @@
Light grey tint - #eee
Light grey line - #e6e5e5
Fonts: Main heading - Oswald
Fonts: Main heading - Oswald, 700, caps, green
Secondary headings - Source Sans Pro 700 & 300 uppercase
Contents: Core Typography
......@@ -45,6 +45,9 @@
body.admin-menu header#page-header {
margin-top: 16px;
}
.admin-menu.civicrm-events .region.region-content {
margin-top: -12px;
}
.page-local-events .page-header,
.page-webinars .page-header {
margin-top: 80px;
......@@ -54,6 +57,15 @@ body.navbar-is-fixed-top.breadcrumbs,
body.navbar-is-fixed-top {
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) {
body.admin-menu header#page-header {
......@@ -71,11 +83,20 @@ body.navbar-is-fixed-top {
body.admin-menu .menu-name-menu-top-navigation ul {
top: 140px !important;}
}
.admin-menu.civicrm-events .region.region-content {
margin-top: -12px;
}
/* TYPE ELEMENTS */
.views-field-body,
.pane-content p,
.pane-content li {
color: #231f20;
}
.page-webinars .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-weight: 700;
text-align: center;
......@@ -89,20 +110,53 @@ body.navbar-is-fixed-top {
width: 60%;
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;
margin-bottom: 10px;
}
ul.checklist li::before {
content: "\f00c";
ul.checklist li::before,
ul.arrow li::before {
font-family: fontawesome;
left: 0;
position: absolute;
color: #82C459;
}
ul.checklist {
position: relative;
padding-left: 30px;
ul.checklist li::before {
content: "\f00c";
}
ul.arrow li::before {
content: "\f061";
}
a.bluebutton{
background: #056085;
......@@ -251,11 +305,24 @@ a.greenbutton:hover, a.greenbutton:active {
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 */
.CiviPage {
margin-top: inherit;
}
.panel-panel.top {
background-size: cover !important;
}
/* COMMENTS */
#comments h2 {
......@@ -1310,105 +1377,7 @@ margin-top: 15px;
.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;
}
.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 */
.view-civicon.view-id-civicon ul {
......@@ -1614,56 +1583,7 @@ clear: both;
/*************
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 {
margin-top: 0px;
}
......@@ -1758,7 +1678,6 @@ clear: both;
margin-bottom: 13px;
}
}
/*************
PAGES - FEATURES
***************/
......@@ -1948,13 +1867,6 @@ background-color: #82c459;
.pane-blog-news h4 {
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 {
color: #82c459;
}
......@@ -2044,22 +1956,77 @@ background-color: #82c459;
float: none;
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;
background: #efefef;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
}
.pane-blog-news h2.pane-title,
.pane-blog-taxonomy h2.pane-title {
font-weight: 300;
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 31px;
text-transform: uppercase;
.cms img {
width: 150px;
height: auto;
margin: 0px 0px 10px;
}
.node-type-blog .comment-wrapper {
border-top: 0px solid transparent;
.cms p {
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