Created
June 29, 2016 21:56
-
-
Save grahamd711/6135190d1b05d47ac40dbb90b92fa776 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.panel-cf-head-3col-split-lower .center-wrapper+.center-wrapper .inner { background-image: none; } | |
/**** Override site default styles ****/ | |
.clearfix:after { | |
visibility: hidden; | |
display: block; | |
font-size: 0; | |
content: " "; | |
clear: both; | |
height: 0; | |
} | |
body { border-top: 10px solid #0d345f; } | |
#header, #footer { display: none; } | |
#main { margin-bottom: 0; } | |
#navigation .inner {display: none; } | |
#content { min-height: 0; top: 40px; } | |
#navigation, #navigation .menu-name-main-menu>.wrap-menu-tree>ul.menu>li { background-image: none; } | |
#navigation .menu-name-main-menu>.wrap-menu-tree>ul.menu>li.menu__item { display: none; } | |
.panel-layout .center-wrapper, .panel-layout .full-page-width { padding: 0; } | |
h2.pane-title { display: none; } | |
.panel-pane { margin-bottom: 0; } | |
.panel-cf-head-3col-split-lower .center-wrapper+.center-wrapper, .view-mode-post_inset.node-webform, .view-mode-post_inset.node-webform form { background-image: none; } | |
#page { overflow: visible; } | |
/**** End override site default styles ****/ | |
/**** main content area ****/ | |
.pane-fpid-4145{ | |
background-color: #8ECAE9; | |
padding: 20px; | |
margin: 10px auto; | |
width: 90%; | |
border: 20px solid rgba(1, 86, 143, 0.8); | |
} | |
@media (min-width: 960px){ | |
.node-type-page #content .panel-main h2 { | |
font-size: 3.1em !important; | |
color:#fff !important; | |
} | |
} | |
.wjc-image-1{ | |
position: absolute; | |
right: 79%; | |
top: 50px; | |
-webkit-transform: rotate(-12deg); | |
-moz-transform: rotate(-12deg); | |
-ms-transform: rotate(12deg); | |
-o-transform: rotate(-12deg); | |
transform: rotate(-12deg); | |
} | |
.wjc-image-5{ | |
position: absolute; | |
left:80%; | |
top: 200px; | |
-webkit-transform: rotate(15deg); | |
-moz-transform: rotate(15deg); | |
-ms-transform: rotate(15deg); | |
-o-transform: rotate(15deg); | |
transform: rotate(15deg); | |
} | |
.wjc-image-4{ | |
width: 250px; | |
height: 167px; | |
position: absolute; | |
left: 75%; | |
top: 335px; | |
-webkit-transform: rotate(5deg); | |
-moz-transform: rotate(5deg); | |
-ms-transform: rotate(5deg); | |
-o-transform: rotate(5deg); | |
transform: rotate(5deg); | |
} | |
.wjc-image-3{ | |
width: 200px; | |
height: 300px; | |
position: absolute; | |
bottom: 30px; | |
right: 2%; | |
-webkit-transform: rotate(15deg); | |
-moz-transform: rotate(15deg); | |
-ms-transform: rotate(15deg); | |
-o-transform: rotate(15deg); | |
transform: rotate(15deg); | |
} | |
.wjc-image-2{ | |
width: 300px; | |
height: 200px; | |
position: absolute; | |
bottom: 25px; | |
-webkit-transform: rotate(-20deg); | |
-moz-transform: rotate(-20deg); | |
-ms-transform: rotate(-20deg); | |
-o-transform: rotate(-20deg); | |
transform: rotate(-20deg); | |
} | |
.wjc-border{ | |
border: 10px solid #fff; | |
border-radius: 4px; | |
} | |
p{ | |
line-height: 1.5em !important; | |
} | |
form label{ | |
color: #01568F !important; | |
} | |
/**** main content area ****/ | |
/**** page title ****/ | |
.node-type-page #content .panel-main h2 { | |
font-size: 1.6em; | |
text-align: center; | |
color: #0d345f; | |
font-weight: 400; | |
font-family: "Open Sans",Arial,Helvetica,sans-serif; | |
margin-bottom: 0.7em; | |
} | |
/**** end page title ****/ | |
/**** body copy ****/ | |
.field-body p { | |
color: #0d345f; | |
font-size: 1em; | |
font-family: "Open Sans",Arial,Helvetica,sans-serif; | |
} | |
/**** end body copy ****/ | |
.panel-layout-cf-head-3col-split-lower .panel-lower-left { width: 80%; } | |
/**** form styles ****/ | |
.view-mode-post_inset.node-webform form { margin-bottom: 0; padding-bottom: 0; } | |
.view-mode-post_inset.node-webform .form-item { display: block; margin-right: 9px; } | |
.view-mode-post_inset.node-webform .form-item.last-column { margin-right: 0; } | |
.field-featured-form form .form-item input.form-text { border: 1px solid #999; color: #999; } | |
.form-message { width: 87%; font-size: 1.5em; padding: 1em; } | |
@media (min-width: 420px) { | |
.form-message { width: 91%; font-size: 2em; padding: 1.6em; } | |
} | |
form .form-item{ | |
text-align:left !important; | |
} | |
.field-webform-header{ | |
font-size:1.5rem; | |
color:#0D345F; | |
} | |
/**** end form styles ****/ | |
/**** footer ****/ | |
.panel-cf-head-3col-split-lower .center-wrapper.center-wrapper-3 { background-color: #548bb1; max-width: 100%; padding: 1.2em 0; margin: 0 auto; display: none; } | |
#site-name a { background-image: url(/files/wysiwyg/cf-logo-white.png); background-position: 0 0; height: 47px; } | |
.panel-pane.pane-fpid-2151 { margin-bottom: 0; } | |
/**** end footer ****/ | |
@media (min-width: 700px) { | |
body { | |
background: #0D345F; | |
background: -webkit-linear-gradient(top, #0D345F 50%, #01568F 100%); | |
background: -linear-gradient(top, #0D345F 50%, #01568F 100%); | |
background: -moz-linear-gradient(top, #0D345F 50%, #01568F 100%); | |
} | |
.panel-layout-cf-head-3col-split-lower.no-left.no-right .panel-main { | |
width: 75%; | |
} | |
.panel-layout-cf-head-3col-split-lower .panel-lower-left, .node-type-page #content .panel-main { | |
margin: 30px auto; width: 75%; | |
} | |
.node-type-page #content .panel-main { | |
float: none; | |
} | |
form .form-item textarea{ | |
width: 106%; | |
} | |
/**** disclaimer ****/ | |
.panel-panel.panel-lower-full-site-bg.full-site-width-bg{ | |
width: 940px; | |
} | |
/**** end disclaimer ****/ | |
} | |
/* iPad mini in landscape */ | |
@media only screen | |
and (min-device-width : 768px) | |
and (max-device-width : 1024px) | |
and (orientation : landscape) | |
and (-webkit-min-device-pixel-ratio: 1) { | |
} | |
/* end iPad mini in landscape */ | |
/* iPad mini in portrait */ | |
@media only screen | |
and (min-device-width : 768px) | |
and (max-device-width : 1024px) | |
and (orientation : portrait) | |
and (-webkit-min-device-pixel-ratio: 1) { | |
} | |
/* end iPad mini in portrait */ | |
@media (min-width: 960px) { | |
.node-type-page #content .panel-main h2 { font-size: 2.1em; } | |
.node-type-page #content .panel-main { margin: 0 auto; width: 60%; } | |
.panel-layout-cf-head-3col-split-lower.no-left.no-right .panel-main { width: 100%; } | |
.panel-layout-cf-head-3col-split-lower .panel-lower-left { width: 60%; margin-left: 0; margin-right: 2.12766%; } | |
.node-type-page #content .panel-main { margin: 0 auto 40px; } | |
.panel-layout-cf-head-3col-split-lower .panel-lower-right { width: 37%; margin-bottom: 0; } | |
form label, .field-rs-display-title, .field-featured-form .field-rs-display-title { font-size: 20px; } | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment