Skip to content

Instantly share code, notes, and snippets.

@chrisegg
Last active August 29, 2015 13:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chrisegg/9849464 to your computer and use it in GitHub Desktop.
Save chrisegg/9849464 to your computer and use it in GitHub Desktop.
/*
Sales Page Template
-------------------------------------- */
.cegg-sales {
background: #f7f7f7;
}
.cegg-sales .head-wrap {
margin: 0;
}
.cegg-sales .site-inner {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.cegg-sales .entry {
border: none;
}
.cegg-sales h1,
.cegg-sales h2,
.cegg-sales h3,
.cegg-sales h4,
.cegg-sales h5,
.cegg-sales h6 {
text-align: center;
}
.cegg-sales h1 {
color: #1895DC;
margin-bottom: 2.4rem;
}
.cegg-sales h2 {
color: #000;
}
.cegg-sales .entry-content ul {
margin-left: 2rem;
}
.cegg-sales .entry-content ul li {
list-style: none;
background: url('images/checkmark-blue.png') no-repeat left 4px;
padding-left: 3rem;
margin-bottom: 2rem;
}
.cegg-sales .entry-content a {
color: #305891;
border-bottom: 1px dotted #ddd;
}
.cegg-sales .entry-content a:hover {
border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 1023px) {
.cegg-sales .entry {
padding: 40px 40px 24px;
padding: 4rem 4rem 2.4rem;
}
}
@media only screen and (max-width: 768px) {
.cegg-sales .site-inner {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 480px) {
.cegg-sales .site-inner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
}
/*
Sales page call to action widget area
------------------------------------------ */
.sales-cta {
background-color: #fff;
width: 100%;
display: block;
height: 500px;
}
.sales-cta .wrap {
margin: 0 auto;
color: #fff;
text-align: center;
width: 1140px;
padding-top: 100px;
padding-left: 20px;
}
.sales-cta h1 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 1.5;
margin: 0;
margin-bottom: 18px;
padding: 0;
}
.sales-cta h1.white {
font-size: 20px;
color: #fff;
}
.sales-cta h1.black {
font-size: 20px;
color: #000;
}
.tagline {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 60px;
margin-bottom: 3.75rem;
}
.tagline.large {
font-size: 60px;
font-size: 3.75rem;
line-height: 1.3;
padding: 0;
}
.tagline.small {
font-size: 30px;
font-size: 1.875rem;
line-height: 1;
padding: 0;
}
.tagline.black {
color: #000 !important;
}
.tagline.white {
color: #fff !important;
}
.tagline.blue {
color: #60b1ea !important;
}
@media only screen and (max-width: 768px) {
.sales-cta .wrap {
width: 100%;
text-align: center;
padding-top: 100px;
}
}
@media only screen and (max-width: 480px) {
.sales-cta {
height: 350px;
}
.sales-cta .wrap {
width: 100%;
text-align: center;
padding-top: 40px;
padding-left: 0;
}
.tagline.large {
font-size: 35px;
line-height: 1.5;
padding: 0;
}
.tagline.small {
font-size: 25px;
line-height: 1;
padding: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment