Commit 0a047ffa authored by Nic's avatar Nic Committed by Aegir user

css tweaks/fixes

parent 07146c47
......@@ -332,7 +332,6 @@ a.greenbutton.small {
position: relative;
}
/* BOOTSTRAP FIXES */
/* provides bootstrap container to panels or pages without a container */
.bootstrapcon .bootstrap-twocol-stacked,
.node-type-strategic-initiative .bootstrap-twocol-stacked,
......@@ -473,13 +472,13 @@ div.pane-blog-taxonomy, div.cms {
margin-bottom: 20px;
}
.grey-box {
float: right;
padding: 15px;
border: 1px solid #dedede;
background: #efefef;
border-radius: 4px;
margin-left: 10px;
text-align: left;
float: right;
padding: 15px;
border: 1px solid #dedede;
background: #efefef;
border-radius: 4px;
margin-left: 10px;
text-align: left;
}
/* PAGE STRUCTURE */
......@@ -491,9 +490,6 @@ float: right;
section.main-body {
margin-bottom: 0px;
}
section.main-body > .container {
padding-top: 100px;
}
.CiviPage {
margin-top: inherit;
}
......@@ -1359,7 +1355,7 @@ a.feature-box:hover{
}
.node-type-conference .pane-node-field-register-link {
top: -110px;
width: 10)%;
width: 100%;
margin: 0 auto;
position: relative;
}
......@@ -1384,7 +1380,7 @@ a.feature-box:hover{
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.4);
z-index; 10;
z-index: 10;
}
.node-type-conference .field-name-field-image-credit {
font-size: 14px;
......@@ -1683,6 +1679,7 @@ p.sponsor-image.midler a {
text-transform: inherit;
padding: 11px 0px 9px;
cursor: pointer;
border-bottom: 3px solid transparent;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a:hover,
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a:focus {
......@@ -1693,7 +1690,7 @@ p.sponsor-image.midler a {
color: #82c459 !important;
font-weight: 400;
}
@media (max-width:1200px){
@media (max-width:1200px) {
.node-type-conference .col-lg-5 .pane-civicon-panel-pane-1 {
width: 100%;
}
......@@ -1727,32 +1724,34 @@ p.sponsor-image.midler a {
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li {
float: none;
display: flex;
padding: 0 5px;
}
}
@media (max-width:999px){
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 {
margin-bottom: 20px;
margin-bottom: 20px;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li {
padding: 0 5px;
}
}
@media (max-width:600px){
@media (max-width:700px){
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li {
display:table;
}
.view-civicon.view-id-civicon.view-display-id-panel_pane_1 ul li a {
padding: 0px;
}
}
/* CiviCamp Sub menu */
.node-type-event-detail-page .pane-node-title h2,
.page-civicamp-hartford-2017-sponsorship .page-header h1 {
font-family: inherit;
font-weight: 300;
text-transform: inherit;
margin: 0;
padding: 0;
color: #82c459;
font-family: inherit;
font-weight: 300;
text-transform: inherit;
margin: 0;
padding: 0;
color: #82c459;
}
.view-display-id-civicamp_menu_pane h1 {
font-size: 50px;
......@@ -1774,8 +1773,8 @@ display: inline-block;
}
.view-display-id-civicamp_menu_pane ul ul,
.view-display-id-panel_pane_1 ul ul{
display: inline-block;
padding: 0;
display: inline-block;
padding: 0;
}
.view-display-id-panel_pane_1 ul ul {
margin-top: 11px;
......@@ -1814,7 +1813,7 @@ margin-top: 11px;
.page-civicon .page-content,
.page-civicamp .page-content {
margin-top: 60px;
margin-top: 60px;
}
.page-civicon .view-content .gmap-gmap {
margin: 0 auto;
......@@ -1865,22 +1864,6 @@ ul.square {
.view-display-id-block_2.view-civicon.view-id-civicon ul a {
font-weight: 600;
}
@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;
}
}
.flexslider {
border: 0px solid transparent
}
......@@ -2006,18 +1989,38 @@ ul.flex-direction-nav li a {
}
.node-type-civicamp .field-name-field-header-image-credit {
font-size: 14px;
font-style: italic;
margin-top: 25px;
color: #888;
font-style: italic;
margin-top: 25px;
color: #888;
}
@media screen and (max-width: 1200px) {
.views-field-field-header-image .field-content {
margin: 0px -400px; }
margin: 0px -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;
}
ol.flex-control-nav {
display: none;
}
}
@media screen and (max-width: 800px) {
.views-field-field-header-image .field-content {
margin: 0px -600px;}
.flex-control-nav .flex-caption {top: -110px;}
margin: 0px -600px;
}
.flex-control-nav .flex-caption {
top: -110px;
}
.page-civicon .civicon-lead .links a {
margin-right: 10px;
}
......@@ -2032,13 +2035,13 @@ ul.flex-direction-nav li a {
.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 {
opacity: 0.9;
}
.views-field-field-header-image-cc > .field-content {
background-color: #000;
}
}
/* CIVICON/CAMP SPECIFIC PAGES */
......@@ -2105,29 +2108,28 @@ ul.flex-direction-nav li a {
cursor: default;
}
/*************
PAGE - WORKING GROUPS
***************/
.page-working-groups .pane-node-title h1 {
margin-top: 0px;
margin-top: 0px;
}
.page-working-groups .panel-panel.right {
border: 1px solid #dedede;
padding-bottom: 20px;
background: #efefef;
border-radius: 4px;
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;
margin-bottom: 10px;
}
.page-working-groups.node-type-page .region.region-header {
min-height: 500px;
height: 500px;
min-height: 500px;
height: 500px;
}
.page-working-groups .menu-block-9 {
position: fixed;
......@@ -2179,29 +2181,28 @@ ul.flex-direction-nav li a {
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;
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;
margin-top: 90px;
font-size: 48px;
}
.page-working-groups .region.region-header p {
width: 100%;
line-height:22px;
width: 100%;
line-height:22px;
}
.page-working-groups .views-field-field-team {
float: none;
margin-top: 0px;
margin-bottom: 13px;
float: none;
margin-top: 0px;
margin-bottom: 13px;
}
}
/*************
......@@ -2281,7 +2282,6 @@ ul.flex-direction-nav li a {
.node-type-feature .panel-panel.right .pane-menu-block {
margin-bottom: 40px;
}
.node-type-feature .field-name-field-documentation-link .field-item,
.node-type-feature .field-name-field-youtube .field-item,
.node-type-feature .field-name-field-mattermost .field-item {
......@@ -2505,11 +2505,11 @@ ul.flex-direction-nav li a {
color: #82c459;
}
div.cms, div.pane-blog-taxonomy {
border: 1px solid #dedede;
background: #efefef;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #dedede;
background: #efefef;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
}
.cms img {
width: 150px;
......@@ -2549,12 +2549,12 @@ div.cms, div.pane-blog-taxonomy {
line-height: 0.9;
}
@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 .col {
height: auto;
}
div.cms {
margin-top:20px;
}
}
.pane-extensions-directory .views-bootstrap-grid-plugin-style {
padding: 0px 0px 20px 0px;
......@@ -2614,17 +2614,6 @@ div.cms, div.pane-blog-taxonomy {
.page-extensions .view-extensions-directory .views-row h2 {
margin-top: 0px;
}
/*.page-partners-contributors .page-header,
.page-hosting-providers .page-header,
.page-service-providers .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,
.page-hosting-providers .page-header h1,
.page-service-providers .page-header h1,
......@@ -2793,7 +2782,7 @@ div.cms, div.pane-blog-taxonomy {
}
@media (max-width: 760px) {
.page-providers .tabs-left>.nav-tabs {
width: 100%;f
width: 100%;
padding-bottom: 0px;
}
}
......@@ -2818,7 +2807,7 @@ div.cms, div.pane-blog-taxonomy {
.page-download-list .btn-group {
margin: 15px 0px 25px;
}
detail-float-right h3 {
.detail-float-right h3 {
font-weight: 300;
padding: 0px 0px 0px 0px;
margin-bottom: 15px;
......@@ -2894,15 +2883,6 @@ detail-float-right h3 {
font-weight: 300;
font-size: 28px;
}
@media (max-width: 768px) {
.become-partner ul.checklist {
columns: 1;
width: 100%;
}
.page-support-us .stripe-banner {
height: 580px;
}
}
.become-partner ul.checklist li {
text-align: left;
width: 282px;
......@@ -2915,3 +2895,13 @@ detail-float-right h3 {
width: 120px;
margin: 0 10px;
}
@media (max-width: 768px) {
.become-partner ul.checklist {
columns: 1;
width: 100%;
}
.page-support-us .stripe-banner {
height: 580px;
}
}
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