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

download page, generic styles, schedule v0.1

parent f8723141
......@@ -73,6 +73,9 @@ body.admin-menu.page-civicon #block-views-civicamp-block-4,
body.admin-menu.page-civicon #block-views-civicon-block-4 {
margin: -12px 0px -19px 0px !important;
}
body.admin-menu.node-type-conference .region.region-content {
margin: -1px 0px -19px 0px;
}
.page-node-4855 .CiviPage > section,
.blog-listing .page-header {
margin-top: 80px;
......@@ -97,63 +100,15 @@ body.admin-menu.page-civicon #block-views-civicon-block-4 {
.admin-menu.civicrm-events .region.region-content {
margin-top: -12px;
}
/* TYPE ELEMENTS */
.views-field-body,
.pane-content p,
.pane-content li {
color: #231f20;
}
.stripe-blue .pane-content p,
.stripe-blue .pane-content li,
.stripe-green .pane-content p,
.stripe-green .pane-content li {
color: #fff;
}
.page-webinars .page-header h1,
.page-local-events .page-header h1,
.page-strategic-initiatives .page-header h1,
.banner .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;
}
.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 6px 0px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 27px;
text-transform: none;
border-bottom: 1px solid #ccc;
}
.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;
/* GENERIC STYLES */
a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
ul.checklist, ul.arrow {
position: relative;
......@@ -196,6 +151,59 @@ img.mid-circle {
font-size: 125%;
margin-bottom: 23px;
}
.big.intro {
font-size: 150%;
}
.capital {
text-transform: uppercase;
}
.lower {
text-transform: inherit;
}
.thin {
font-weight: 300;
}
.thick {
font-weight: 700;
}
h2.thin {
text-transform: inherit;
font-size: 28px;
line-height: 32px;
}
h2.thin.border {
border-bottom: 1px solid #CCC;
padding-bottom: 10px;
margin-bottom: 16px;
}
h3.thick {
font-size: 24px;
margin-bottom: 6px;
}
h3.thin {
margin-top: 0px;
}
h4.clean-green {
color: #82c459;
margin-top: 6px;
margin-bottom: 6px;
font-size: 31px;
line-height: 38px;
}
a.full-width {
width: 100%;
text-align: center;
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;
}
a.bluebutton{
background: #056085;
background: -moz-linear-gradient(top, #056085 0%, #0786b5 100%);
......@@ -215,6 +223,65 @@ a.bluebutton:active{
background-color: #056085;
text-decoration: none;
}
/* COMMON TYPE ELEMENTS */
.views-field-body,
.pane-content p,
.pane-content li {
color: #231f20;
}
.stripe-blue .pane-content p,
.stripe-blue .pane-content li,
.stripe-green .pane-content p,
.stripe-green .pane-content li {
color: #fff;
}
.page-webinars .page-header h1,
.page-local-events .page-header h1,
.page-strategic-initiatives .page-header h1,
.banner .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;
}
.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 6px 0px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 27px;
text-transform: none;
border-bottom: 1px solid #ccc;
}
.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;
}
.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,
......@@ -369,9 +436,9 @@ a.greenbutton:hover, a.greenbutton:active {
/* Grey box sidebar */
div.pane-blog-taxonomy, div.cms {
border: 1px solid #dedede;
background: #efefef;
border-radius: 3px;
border: 1px solid #dedede;
background: #efefef;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
}
......@@ -381,6 +448,9 @@ div.pane-blog-taxonomy, div.cms {
.CiviPage {
margin-top: inherit;
}
.CiviPage > section:first-of-type {
margin-bottom: 20px;
}
.panel-panel.top {
background-size: cover !important;
}
......@@ -1170,34 +1240,31 @@ a.feature-box:hover{
overflow: hidden;
}
.node-type-conference .panel-panel.top {
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
min-height: 470px;
background-size: cover !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
min-height: 470px;
position: relative;
}
.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,
.node-type-conference .pane-node-field-register-link {
position: absolute;
width: 100%;
text-align: center;
}
.node-type-conference .region.region-content {
margin: 40px 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;
}
@media (max-width:1200px) {
.node-type-conference .field-name-field-logo {
width: 40%;
}
.node-type-civicamp .panel-panel.top {
background-size: cover !important;
}
.node-type-conference .pane-node-field-date-teaser-line {
top: 20px;
}
.node-type-conference .field-name-field-date-teaser-line .field-item {
text-align: center;
......@@ -1209,6 +1276,9 @@ body.admin-menu.node-type-conference .region.region-content {
line-height: 32px;
margin: 0px;
}
.node-type-conference .pane-node-title {
top: 110px;
}
.node-type-conference .pane-node-title h1 {
margin: -8px 0px 0px 0px;
text-align: center;
......@@ -1218,6 +1288,9 @@ body.admin-menu.node-type-conference .region.region-content {
font-weight: 700;
font-size: 60px;
}
.node-type-conference .pane-node-field-conference-teaser-line {
top: 160px;
}
.node-type-conference .field-name-field-conference-teaser-line .field-item {
text-align: center;
color: #fff;
......@@ -1228,9 +1301,10 @@ body.admin-menu.node-type-conference .region.region-content {
font-weight: 300;
text-shadow: 0 0 0.3em rgba(1,1,1,1);
}
.pane-node-field-register-link {
width: 210px;
margin: 0 auto;
.node-type-conference .pane-node-field-register-link {
top: 320px;
width: 210px;
margin: 0 auto;
}
.pane-node-field-full-details-link {
width: 190px;
......@@ -1241,6 +1315,20 @@ body.admin-menu.node-type-conference .region.region-content {
font-weight: 700;
font-size: 32px;
}
.node-type-conference .field-name-field-header-image img {
height: 500px;
object-fit: cover;
}
.node-type-conference .field-name-field-header-image:after {
position: absolute;
top: 0;
left: 0;
content: "";
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.25);
z-index; 10;
}
.node-type-conference .field-name-field-image-credit {
font-size: 14px;
font-style: italic;
......@@ -1253,6 +1341,28 @@ body.admin-menu.node-type-conference .region.region-content {
.node-type-conference .pane-node-field-event-start-date {
margin-top: 15px;
}
@media (max-width: 800px) {
.node-type-conference .field-name-field-header-image img {
height: 420px;
}
.node-type-conference .panel-panel.top {
min-height: 420px;
}
}
@media (max-width: 999px) {
.node-type-conference .region.region-content {
margin: -1px 0px -19px 0px;
}
}
@media (max-width:1200px) {
.node-type-conference .field-name-field-logo {
width: 40%;
}
.node-type-civicamp .panel-panel.top {
background-size: cover !important;
}
}
.page-civicon .civicon-lead {
height: 490px;
}
......@@ -1427,7 +1537,7 @@ p.sponsor-image img {
margin: 0 auto;
}
p.sponsor-image.Full img {
width: 160px;
width: 220px;
height: auto;
}
p.sponsor-image.Full .sponsor-name,
......@@ -1511,6 +1621,7 @@ p.sponsor-image.midler a {
padding: 0px;
margin: 0px;
float: right;
border-bottom: 1px solid #dedede;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li {
float: left;
......@@ -1594,6 +1705,13 @@ p.sponsor-image.midler a {
.node-type-conference .panel-panel.right.col-lg-offset-1 {
margin-top: auto;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 {
border-bottom: 0px solid transparent !important;
min-height: 135px;
}
.view-civicon.view-id-civicon ul.event-menu {
margin-right: 0px;
}
}
@media (max-width:992px){
.node-type-conference .col-lg-5 .pane-civicon-panel-pane-1 {
......@@ -1605,6 +1723,22 @@ p.sponsor-image.midler a {
.node-type-conference .view-civicon.view-id-civicon /* edit */ {
border-bottom: 0px solid transparent;
}
.node-type-conference .bootstrap-twocol-stacked .row:nth-of-type(n+2),
.node-type-conference .col-lg-5 .pane-civicon-panel-pane-1 {
width: 100%;
}
.view-id-civicon.view-display-id-panel_pane_1 .views-field .field-content .col-sm-9 {
padding: 0px;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a {
padding: 7px 7px 3px 7px;
}
.view-civicon-st-louis-schedule .schedule a.active {
font-weight: 700;
color: #333;
pointer-events: none;
cursor: default;
}
}
@media (max-width:768px){
.node-type-conference .col-lg-5 .pane-civicon-panel-pane-1 {
......@@ -1629,40 +1763,6 @@ p.sponsor-image.midler a {
.views-bootstrap-grid-plugin-style .col .views-field {
padding: 0px;
}
/* CIVICON/CAMP CIVI PAGES */
/* [ML] (bgm) for https://civicrm.org/civicrm/profile/create?gid=35&reset=1 */
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .crm-button {
display: inline-block;
margin-bottom: 0;
font-weight: 700;
text-align: center;
vertical-align: middle;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 18px;
line-height: 1.42857143;
text-transform: uppercase;
padding: 1px 5px;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
color: #fff;
background-image: none;
background-color: #056186;
border-color: #044f6d;
}
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .help {
background-color: #f1f1f1;
border: none;
}
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .button.cancel {
display: none;
}
.crm-container #printer-friendly {
display: none;
}
/* CIVICON SLIDER */
......@@ -1889,6 +1989,72 @@ ul.flex-direction-nav li a {
background-color: #000;
}
/* CIVICON/CAMP SPECIFIC PAGES */
/* [ML] (bgm) for https://civicrm.org/civicrm/profile/create?gid=35&reset=1 */
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .crm-button {
display: inline-block;
margin-bottom: 0;
font-weight: 700;
text-align: center;
vertical-align: middle;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 18px;
line-height: 1.42857143;
text-transform: uppercase;
padding: 1px 5px;
font-size: 16px;
line-height: 1.5;
border-radius: 0;
color: #fff;
background-image: none;
background-color: #056186;
border-color: #044f6d;
}
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .help {
background-color: #f1f1f1;
border: none;
}
.crm-container .crm-profile-name-Montreal_meetups_and_announcements_35 .button.cancel {
display: none;
}
.crm-container #printer-friendly {
display: none;
}
/* Schedule */
.page-civicon-st-louis-2017-schedule h3,
.view-civicon-st-louis-schedule h3 {
text-transform: uppercase;
font-size: 22px;
text-align: center;
border-bottom: 6px solid #dedede;
width: 40%;
margin: 40px auto 20px;
padding-bottom: 4px;
font-family: 'Oswald', sans-serif;
}
.view-civicon-st-louis-schedule .schedule {
text-align: center;
font-size: 21px;
}
.view-civicon-st-louis-schedule .schedule a
.view-civicon-st-louis-schedule .schedule a:hover,
.view-civicon-st-louis-schedule .schedule a:focus {
border-bottom: 3px solid #82c459;
text-decoration: none;
}
.view-civicon-st-louis-schedule .schedule a.active {
font-weight: 700;
color: #333;
pointer-events: none;
cursor: default;
}
}
/*************
PAGE - WORKING GROUPS
***************/
......@@ -2081,11 +2247,11 @@ ul.flex-direction-nav li a {
.node-type-feature .field-name-field-mattermost .field-item a::before {
content:"\f02d";
font-family: fontawesome;
left: 30px;
position: absolute;
color: #056186;
left: 30px;
position: absolute;
color: #056186;
font-size: 32px;
margin-top: -8px;
margin-top: -8px;
}
.node-type-feature .field-name-field-documentation-link .field-item a:hover::before,
.node-type-feature .field-name-field-documentation-link .field-item a:focus::before,
......@@ -2171,6 +2337,9 @@ ul.flex-direction-nav li a {
margin-top: 20px;
color: #231f20;
}
.node-type-blog .field-name-field-image {
margin-bottom: 10px;
}
.view-blog-news .views-row {
border-top: 0px solid transparent;
}
......@@ -2187,9 +2356,9 @@ ul.flex-direction-nav li a {
.pane-blog-news .views-field-created,
.view-blog-news .views-field-created {
font-size: 18px;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
font-weight: 300;
line-height: 1;
text-transform: uppercase;
}
.pane-blog-news-panel-pane-1 .view-blog-news .views-field-created,
.page-taxonomy .views-field-created {
......@@ -2389,7 +2558,12 @@ div.cms, div.pane-blog-taxonomy {
.page-partners-contributors .page-header,
.page-hosting-providers .page-header,
.page-service-providers .page-header,
.page-project-sponsors .page-header {
.page-project-sponsors .page-header,
.page-node-5174 .page-header,
.page-node-58 .page-header,
.page-node-4854 .page-header,
.page-node-5171 .page-header,
.page-node .page-header {
margin-top: 80px;
}
.page-partners-contributors .page-header h1,
......@@ -2561,4 +2735,43 @@ div.cms, div.pane-blog-taxonomy {
width: 100%;f
padding-bottom: 0px;
}
}
/* Download Page */
.page-node-6008 .page-header h1,
.page-node-6009 .page-header h1{
margin: 100px 0 0 0;
text-transform: uppercase;
color: #82c459;
font-family: 'Oswald',sans-serif;
font-weight: 700;
font-size: 60px;
}
.page-node-6008 .intro {
width: 70%;
}
.page-download-list .page-header > h1 {
display: none;
}
.page-download-list .btn-group {
margin: 15px 0px 25px;
}
detail-float-right h3 {
font-weight: 300;
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
margin-top: 5px;
font-size: 31px;
text-transform: uppercase;
}
.grey-box {
float: right;
padding: 15px;
border: 1px solid #dedede;
background: #efefef;
border-radius: 4px;
margin-left: 10px;
text-align: left;
}
\ 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