Skip to content

Instantly share code, notes, and snippets.

@grahamd711
Created June 29, 2016 21:56
Show Gist options
  • Save grahamd711/6135190d1b05d47ac40dbb90b92fa776 to your computer and use it in GitHub Desktop.
Save grahamd711/6135190d1b05d47ac40dbb90b92fa776 to your computer and use it in GitHub Desktop.
<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