Commit f83dedd8 authored by Nic's avatar Nic Committed by Aegir user

integrate css-changes for demo, spark, make-it-happen, event tweaks and generics

parent bb5c0f0a
......@@ -36,7 +36,7 @@
@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';
/* GENERIC STYLES */
/* GENERIC TEXT STYLES */
body {
color: #231f20;
......@@ -49,62 +49,6 @@ a {
transition: all .2s ease-in-out;
cursor: pointer;
}
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,
ul.arrow li::before {
font-family: fontawesome;
left: 0;
position: absolute;
color: #82C459;
}
ul.checklist li::before {
content: "\f00c";
}
ul.arrow li::before {
content: "\f061";
}
ul.nav-list {
list-style: none;
padding-left: 0;
}
h3.clean-green {
color: #82c459;
margin-top: 6px;
margin-bottom: 6px;
}
img.mid-circle {
width: 120px;
height: 120px;
border-radius: 60px;
float: left;
margin: 0 10px 10px 0;
}
img.img-w-400 {
width: 400px;
height: auto;
}
img.img-h-150 {
height: 150px !important;
width: auto !important;
}
img.half {
width: 50%;
height: auto;
}
img.img-center {
margin: 0 auto;
}
.pane-title.light {
font-weight: 300;
font-size: 32px;
}
.intro {
font-size: 125%;
margin-bottom: 23px;
......@@ -124,11 +68,23 @@ img.img-center {
.thick {
font-weight: 700;
}
.white {
color: #fff !important;
}
.border {
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
margin-bottom: 16px;
}
.top50p {
margin-top: 50px !Important;
}
.top30p {
margin-top: 30px !Important;
}
.top10p {
margin-top: 10px !Important;
}
p.credit,
p.meta {
font-size: 75%;
......@@ -136,6 +92,22 @@ p.meta {
color: #555;
margin: 10px 0;
}
.green-lead {
margin: 0 0 10px 0;
color: #82c459;
font-family: 'Oswald',sans-serif;
font-weight: 700;
}
.green-lead a {
color: #82c459;
}
h1.green-lead {
font-size: 60px;
}
.pane-title.light {
font-weight: 300;
font-size: 32px;
}
h2.thin {
text-transform: inherit;
font-size: 28px;
......@@ -154,6 +126,11 @@ h3.thick {
h3.thin {
margin-top: 0;
}
h3.clean-green {
color: #82c459;
margin-top: 6px;
margin-bottom: 6px;
}
h4.clean-green {
color: #82c459;
margin-top: 6px;
......@@ -167,13 +144,24 @@ a.full-width {
padding: 7px;
margin: 7px 0;
}
h1.green-lead {
margin: 0 0 10px 0;
color: #82c459;
font-family: 'Oswald',sans-serif;
font-weight: 700;
font-size: 60px;
.float-left {
float: left !important;
padding: 0 10px 10px 0;
}
.float-right {
float: right !important;
padding: 0 0 10px 10px;
}
.text-left {
text-align: left !important;
}
.address {
color: #333;
font-size: 16px;
}
/* GENERIC BUTTONS & LISTS */
a.bluebutton{
background-color: #0786b5;
color: #fff;
......@@ -214,6 +202,34 @@ a.external-link:after {
font-family: fontawesome;
padding-left: 5px;
}
/* GENERIC LISTS */
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,
ul.arrow li::before {
font-family: fontawesome;
left: 0;
position: absolute;
color: #82C459;
}
ul.checklist li::before {
content: "\f00c";
}
ul.arrow li::before {
content: "\f061";
}
ul.nav-list {
list-style: none;
padding-left: 0;
}
.tag-list {
background-color: #a3a3a3;
padding: 4px 8px;
......@@ -245,16 +261,39 @@ a.external-link:after {
.tag-list.pink {
background-color: #da2e6b;
}
.float-left {
float: left !important;
/* GENERIC IMAGE STYLES */
.page-node .field-name-body img {
max-width: 100%;
height: auto;
}
.float-right {
float: right !important;
img.mid-circle {
width: 120px;
height: 120px;
border-radius: 60px;
float: left;
margin: 0 10px 10px 0;
}
.address {
color: #333;
font-size: 16px;
img.img-w-400 {
width: 400px;
height: auto;
}
img.img-h-150 {
height: 150px !important;
width: auto !important;
}
img.half {
width: 50%;
height: auto;
}
img.img-center {
margin: 0 auto;
}
img.shadowed {
box-shadow: 0px 0px 5px #555;
}
/* Bootstrap responsive code */
.embed-responsive {
......@@ -570,6 +609,21 @@ body.admin-menu section.main-body.with-subnav {
padding-top: 100px;
}
}
/* Front page */
body.front h2 {
font-weight: 300;
text-align: center;
}
body.front #support-us h2,
body.front .pane-2 h2 {
border-bottom: 1px solid #CCC;
padding-bottom: 20px;
margin-bottom: 36px;
}
body.front #news h2 {
text-align: center;
}
/* Grey box sidebar */
......@@ -587,11 +641,6 @@ div.pane-blog-taxonomy, div.cms {
border-radius: 4px;
text-align: left;
}
.float-right {
float: right;
margin-left: 10px;
}
/* PAGE STRUCTURE */
.page-header,
......@@ -1547,6 +1596,7 @@ a.feature-box:hover{
}
.node-type-conference .field-name-field-header-image img {
height: 500px;
width: 100%;
object-fit: cover;
}
.node-type-conference .field-name-field-header-image:after {
......@@ -1712,7 +1762,7 @@ a.feature-box:hover{
.pane-sponsorship-levels {
margin-bottom: 50px;
}
div.sponsor-block {
div.civispon-block {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
......@@ -2222,25 +2272,23 @@ ul.flex-direction-nav li a {
margin-top: 25px;
color: #888;
}
#block-block-70 ul {
padding-left: 0;
text-align: center;
}
@media screen and (max-width: 1200px) {
.views-field-field-header-image .field-content {
margin: 0 -400px;
}
}
@media screen and (max-width: 760px) {
.flex-control-nav .flex-caption {
font-size: 18px;
}
.flex-viewport .slides li {
height: 425px;
}
.page-civicon .civicon-teaser {
width: 100%;
font-size: 24px;
line-height: 24px;
@media (min-width: 1000px) {
#block-block-70 {
float: right;
border-left: 1px solid #dedede;
}
ol.flex-control-nav {
display: none;
#block-block-70 ul {
padding-left: 5px;
text-align: left;
}
}
@media screen and (max-width: 800px) {
......@@ -2261,7 +2309,11 @@ ol.flex-control-nav {
#flexslider-1 .flex-caption a:focus {
color: #fff;
}
.node-type-conference .field-name-field-date-teaser-line .field-item, .node-type-conference .pane-node-title h1, .node-type-conference .field-name-field-conference-teaser-line .field-item, .page-civicon .civicon-teaser, .node-type-civicamp .field-name-field-teaser-line .field-item {
.node-type-conference .field-name-field-date-teaser-line .field-item,
.node-type-conference .pane-node-title h1,
.node-type-conference .field-name-field-conference-teaser-line .field-item,
.page-civicon .civicon-teaser,
.node-type-civicamp .field-name-field-teaser-line .field-item {
text-shadow: 0 0 0.5em rgba(0,0,0,0.2);
}
.views-field-field-header-image-cc > .field-content > img {
......@@ -2271,6 +2323,45 @@ ol.flex-control-nav {
background-color: #000;
}
}
@media screen and (max-width: 760px) {
.flex-control-nav .flex-caption {
font-size: 18px;
}
.flex-viewport .slides li {
height: 425px;
}
.page-civicon .civicon-teaser {
width: 100%;
font-size: 24px;
line-height: 24px;
}
ol.flex-control-nav {
display: none;
}
.node-type-conference .field-name-field-conference-teaser-line .field-item,
.node-type-conference .field-name-field-date-teaser-line .field-item {
text-align: left;
font-size: 32px;
}
.node-type-conference .pane-node-title h1 {
font-size: 48px;
text-align: left;
max-wdith: 500px;
}
.node-type-conference .pane-node-title {
max-width:500px;
}
.node-type-conference .pane-node-field-date-teaser-line,
.node-type-conference .pane-node-title,
.node-type-conference .pane-node-field-conference-teaser-line,
.node-type-conference .pane-node-field-register-link {
text-align: left; /* edit*/
padding-left: 20px;
}
.event-sub-menu {
text-align: left;
}
}
/* CIVICON/CAMP SPECIFIC PAGES */
......@@ -2303,6 +2394,18 @@ ol.flex-control-nav {
.crm-container #printer-friendly {
display: none;
}
/* CiviCamp SF for https://civicrm.org/civicrm/event/register?reset=1&id=1194 */
#editrow-custom_258 .content input {
display: block;
}
#editrow-custom_258 .content input#custom_258_2 {
margin-top: -15px;
}
#editrow-custom_258 .content label {
margin: -17px 0 10px 20px;
display: block;
}
/* Schedule */
......@@ -2747,7 +2850,7 @@ div.cms, div.pane-blog-taxonomy {
line-height: 15px;
}
.pane-partners-and-contributors {
text-align: left;
text-align: left;
}
.pane-extensions-directory h2.pane-title {
margin-top: 40px;
......@@ -3044,6 +3147,9 @@ a.grey {
.page-case-studies .directory-detail .view-content {
padding: 0 25px;
}
.page-case-studies .main-body {
overflow-x: hidden;
}
.cs-developers img {
float: right;
max-width: 80%;
......@@ -3253,14 +3359,17 @@ a.grey {
padding: 15px;
}
.page-demo .row {
margin-left: -15px;
margin-right: -15px;
margin-left: -15px;
margin-right: -15px;
}
.page-demo .grey-box {
margin-bottom: 30px;
}
.page-demo .pane-partner-offered-demo-sites .pane-title {
display: none;
}
.page-demo .grey-box p {
font-size: 84%:
font-size: 84%;
}
.page-demo .stripe-blue h2 {
text-align: center;
......@@ -3301,6 +3410,108 @@ a.grey {
margin: 0 auto 60px;
}
/* Make it Happen */
.field-name-field-deadline {
padding-bottom: 20px;
}
.view-id-make_it_happen .col-md-4.text-center {
text-align: left;
padding: 0 25px 15px 25px;
}
.views-field-field-lead {
font-style: italic;
font-size: 90%;
padding-bottom: 8px;
}
.views-label-field-lead {
float: left;
padding-right: 5px;
}
.views-field-field-summary {
padding: 10px 0 15px !important;
}
.crm-contribute-widget {
font-size:16px;
padding:0;
border-radius: 0;
border:0px solid transparent;
width:100%;
min-width: 33%;
background-color: #fff; /* background color */
border-color:#fff; /* border color */
}
.crm-contribute-widget h5,
.crm-contribute-widget .crm-amount-low,
.crm-contribute-widget .crm-amount-high,
.crm-contribute-widget .crm-home-url {
display: none;
}
.crm-contribute-widget .crm-percentage {
margin:0;
text-align:left;
font-size: 30px;
padding-bottom: 5px;
font-weight: bold;
color: #2786C2;
}
.crm-contribute-widget .crm-percentage:after {
font-weight: normal;
color: #231f20;
font-size: 22px;
content: " raised";
}
.crm-contribute-widget .crm-amount-bar {
background-color:#dedede;
width:100%;
display:block;
border:0 solid transparent;
border-radius: 0;
margin-bottom: 10px;
text-align:left;
}
.crm-contribute-widget .crm-amount-fill {
background-color:#2786C2;
height:1.7em;
display:block;
border-radius:0;
text-align:left;
}
.crm-contribute-widget .crm-amount-raised-wrapper {
margin-bottom: 8px;
}
.crm-contribute-widget .crm-amount-raised {
font-weight:normal;
font-size: 18px;
}
.page-make-it-happen .crm-amount-raised {
font-size: 24px;
}
.crm-contribute-widget .crm-logo {
text-align:center;
}
.crm-contribute-widget .crm-comments,
.crm-contribute-widget .crm-donors,
.crm-contribute-widget .crm-campaign {
font-size:14px;
margin-bottom:8px;
color: #000;
}
.crm-contribute-widget .crm-contribute-button {
background-color: #82c459;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 22px;
margin-bottom: 15px;
padding: 15px 30px;
cursor: pointer;
}
.crm-contribute-widget .crm-contribute-button,
.crm-contribute-widget .crm-contribute-button-wrapper a {
color: #fff;
}
/* Become partner block */
.become-partner ul.checklist {
......@@ -3358,6 +3569,77 @@ a.grey {
height: 580px;
}
}
/* CIVICRM Spark */
.front #get-started,
.page-demo #extra-white,
.page-node-5424 #extra-white {
background-image: url('https://civicrm.org/sites/civicrm.org/files/jakub-skafiriak-567.jpg') !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: middle center !important;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.https://civicrm.org/sites/civicrm.org/files/jakub-skafiriak-567.jpg',sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://civicrm.org/sites/civicrm.org/files/jakub-skafiriak-567.jpg',sizingMethod='scale')";
text-align: left;
}
.front #get-started a.white,
#spark-promo a.white {
font-size: 22px;
padding-left: 20px;
text-shadow: 0px 0px 8px #000;
}
.spark-promo section.main-body {
margin-top: -80px;
}
.spark-promo #banner {
margin-bottom: 40px;
}
.spark-promo #banner h2,
.front .spark-promo h2 {
font-size: 40px;
line-height: 48px;
width: 66%;
text-shadow: 0px 0px 8px #000;
color: #fff;
text-align: left;
}
.spark-promo h1 {
margin-top: 50px;
}
.spark-promo #banner .container .row {
height: 550px !important;
padding-top: 110px;
}
@media (max-width:768px) {
.spark-promo #banner .container .row {
padding-top: 30px;
}
.spark-promo h1 {
margin-top: 20px;
}
.spark-promo .green-lead.white {
font-size: 40px;
}
.spark-promo #banner {
background-position: top left !important;
}
.spark-promo #banner h2,
.front .spark-promo h2 {
font-size: 28px;
line-height: 30px;
width: 100%;
}
a.bluebutton {
font-size: 18px;
padding: 15px;
}
}
/*************
CIVICRM FRONT END
*******************/
......
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