Skip to content

Instantly share code, notes, and snippets.

@jasonhobbsllc
Last active May 2, 2017 22:23
Show Gist options
  • Save jasonhobbsllc/517ddfa67538cf949470f40e03306b6b to your computer and use it in GitHub Desktop.
Save jasonhobbsllc/517ddfa67538cf949470f40e03306b6b to your computer and use it in GitHub Desktop.
Copy and paste of the style.css showing when the landing page has the current theme as the selected theme for the landing page.
single single-landing_page postid-21730 logged-in admin-bar sixteen-nine-pro rmkr-admin-bar custom-header content-sidebar sixteen-nine-pro-theme-builder customize-support
/*
Layout and Common Classes
---------------------------------------------------------------------------------------------------- */
.site-container {
float: none;
margin: 0 auto;
max-width: 960px;
padding: 0;
width: auto;
}
.site-header {
left: auto;
margin: 0 auto;
padding: 0;
position: relative;
right: auto;
max-width: 960px;
width: 100%;
}
.site-header .wrap {
padding: 50px;
position: relative;
text-align: center;
}
.site-title {
margin-bottom: 20px;
margin-top: 0px;
}
.header-image .site-title {
text-indent: 0px;
}
.header-image .site-title > a {
display: inline;
height: auto;
text-indent: 0px;
}
.single-landing_page .site-description {
display: block;
height: auto;
text-indent: 0px;
}
.single-landing_page .content {
background: #fff;
padding: 50px;
clear: both;
float: none;
margin: 0 auto;
width: 100%;
}
.section {
margin-bottom: 50px;
}
.section-heading {
margin-bottom: 50px;
text-align: center;
}
.module {
margin-bottom: 50px;
}
.site-footer {
clear: both;
margin: 0;
padding: 40px 0;
text-align: center;
}
ul, ol {
padding: 0 40px 20px;
}
/*
Landing Page
---------------------------------------------------------------------------------------------------- */
.features ul,
.features ul li,
.testimonials ul,
.testimonials ul li,
.pricing ul,
.pricing ul li {
list-style: none;
margin: 0;
padding: 0;
}
/* Features
--------------------------------------------- */
.features ul li {
padding: 20px 20px 20px 80px;
}
.features ul li .feature-icon {
font-size: 50px;
}
.features ul li .feature-icon,
.features ul li img {
float: left;
margin-left: -80px;
max-width: 65px;
}
/* Testimonials
--------------------------------------------- */
.testimonials ul li {
padding: 0 0 50px;
}
.testimonials img {
border-radius: 50%;
margin: 0 35px 15px 0;
max-width: 100px;
}
.testimonials blockquote {
border: none;
margin: 0;
padding: 0;
}
.testimonials cite {
font-weight: bold;
display: block;
margin-top: 20px;
}
/* Opt-in form
--------------------------------------------- */
.optinform {
margin: 0 auto;
max-width: 500px;
}
.optinform .module-wrap h3 {
margin-bottom: 30px;
}
.optinform form input {
margin-bottom: 10px;
}
.optinform form input[type=submit] {
margin-bottom: 20px;
margin-top: 20px;
}
.optinform small {
display: block;
font-style: italic;
}
/* Video
--------------------------------------------- */
embed,
object,
video {
max-width: 100%;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 0; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video {
background: none;
border-radius: 5px;
line-height: 350px;
margin: 0 auto 50px;
position: relative;
text-align: center;
max-width: 960px;
}
.video .module-wrap {
padding: 0;
}
.video.small {
height: 350px;
}
.video .video-preview {
border-radius: 3px;
overflow: hidden;
position: absolute;
width: 100%;
}
.video .video-preview img {
left: 50%;
position: absolute;
top: 50%;
z-index: 0;
}
.video button {
position: relative;
top: 50%;
z-index: 1;
}
/* Plans & Pricing
--------------------------------------------- */
.price-section .section-heading {
margin-bottom: 80px;
}
.price-section .price-column.one-third {
margin-left: 2%;
width: 32%;
}
.price-section .price-column.one-fourth {
margin-left: 0.5%;
width: 24.6%;
}
.price-section .price-column.one-fifth {
margin-left: 0.5%;
width: 19.6%;
}
.price-section .price-column.first {
margin-left: 0;
}
.pricing {
background: #eee;
border-radius: 5px;
padding: 40px;
margin-top: 20px;
position: relative;
text-align: center;
width: 100%;
}
.full-width .pricing {
float: none;
margin: 0 auto;
padding: 40px;
width: 50%;
}
.one-third .pricing {
padding: 30px;
}
.one-fourth .pricing {
padding: 20px;
}
.one-fifth .pricing {
padding: 15px;
}
.pricing .name {
font-size: 24px;
font-weight: 300;
line-height: 1.3;
padding-bottom: 10px;
}
.pricing .price {
font-size: 45px;
font-weight: bold;
}
.pricing .signup small,
.pricing .price small {
font-size: 20px;
font-style: italic;
opacity: 0.6;
}
.pricing .signup small {
display: block;
font-size: 15px;
line-height: 1.3;
margin-top: 20px;
}
.pricing .features {
margin: 10px 0 20px;
}
.pricing .features p {
margin: 0;
padding: 10px 0 0 35px;
position: relative;
text-align: left;
}
.pricing .features p:before {
content: "\f147";
display: block;
font-family: "dashicons";
font-size: 24px;
position: absolute;
left: 0px;
top: 2px;
-webkit-font-smoothing: antialiased;
}
.pricing.most-popular {
background: #333;
color: #fff;
margin-top: -10px;
}
.pricing.most-popular .name {
font-size: 32px;
}
.popular-tag {
background: #999;
border-radius: 5px;
color: #fff;
display: block;
font-size: 16px;
margin: 0 auto;
padding: 10px 15px;
position: relative;
text-align: center;
width: 90%;
z-index: 99;
}
.pricing .button {
width: 100%;
}
/* Social
--------------------------------------------- */
.social {
text-align: center;
}
/*
Genesis Theme Styles
---------------------------------------------------------------------------------------------------- */
.eleven40-pro-theme-builder .site-description,
.minimum-pro-theme-builder .site-footer,
.parallax-pro-theme-builder .site-description,
.parallax-pro-theme-builder .site-footer,
.rainmaker-pro-theme-builder .site-description,
.the-411-pro-theme-builder .site-description {
color: #fff;
}
/* eleven40 */
.eleven40-pro-theme-builder .site-description {
color: #fff;
}
/* enterprise */
.enterprise-pro-theme-builder {
font-size: 16px;
font-weight: 500;
}
/* going-green */
.going-green-pro-theme-builder,
.going-green-pro-theme-builder h1,
.going-green-pro-theme-builder h2,
.going-green-pro-theme-builder h3,
.going-green-pro-theme-builder h4,
.going-green-pro-theme-builder h5,
.going-green-pro-theme-builder h6 {
font-weight: 500;
}
/* education */
.education-pro-theme-builder .site-title a,
.education-pro-theme-builder .site-title a:hover {
color: #444;
}
/* minimum */
.minimum-pro-theme-builder a.button {
color: #fff;
}
/* modern studio */
.modern-studio-pro-theme-builder .site-title,
.modern-studio-pro-theme-builder .site-title a {
background: none repeat scroll 0 0 transparent;
color: #000;
height: auto;
line-height: normal;
max-width: 100%;
width: 100%;
}
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
.content {
padding-left: 5%;
padding-right: 5%;
}
.site-container .price-section .price-column {
float: none;
margin-left: 0;
width: 100%;
}
.optinform,
.video {
width: 100%;
}
}
@media only screen and (max-width: 360px) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment