Skip to content

Instantly share code, notes, and snippets.

@DustonMcGroarty
Last active August 29, 2015 14:03
Show Gist options
  • Save DustonMcGroarty/d78fd4ff3ef55944ad7d to your computer and use it in GitHub Desktop.
Save DustonMcGroarty/d78fd4ff3ef55944ad7d to your computer and use it in GitHub Desktop.
Genesis Sales Page Template CSS Styles
/*
Sales Page Styles
---------------------------------------------------------------------------------------------------- */
.dm-sales {
background-color: #F6F8F8;
}
body.dm-sales {
font-family: 'Lato', 'Helvetica Neue', Arial;
font-size: 20px;
font-weight: normal;
}
.dm-sales h1,
.dm-sales h2,
.dm-sales h3,
.dm-sales h4,
.dm-sales h5,
.dm-sales h6 {
font-family: 'Lato', 'Helvetica Neue', Arial;
font-weight: bold;
margin-bottom: 2.6rem;
letter-spacing: -1px;
}
.dm-sales .site-inner {
width: 700px;
margin: 40px auto;
padding: 40px;
background-color: #FFFFFF;
border-radius: 5px;
box-shadow: 0 3px 0 #D7D7D5;
float: none;
}
.dm-sales .site-container {
max-width: 100%;
margin: 0;
}
.dm-sales .site-inner .content {
padding: 0;
width: 100%;
}
.dm-sales h1 {
font-size: 6rem;
line-height: 1.1;
letter-spacing: -3px;
font-weight: 700;
}
.dm-sales strong {
font-weight: 900;
}
.dm-sales h2 {
font-size: 40px;
}
.dm-sales h3 {
font-size: 20px;
font-weight: normal;
}
.dm-sales ul,
.dm-sales .entry-content ul li {
list-style-type: none;
}
.dm-sales ul li {
background: url('http://www.dustonmcgroarty.com/wp-content/uploads/2014/05/1.png') no-repeat;
margin-bottom: 40px;
padding-left: 44px;
}
.dm-sales .landing-footer {
width: 700px;
margin: 0 auto 40px;
font-size: 14px;
color: #34495e;
}
.dm-sales .landing-footer a {
color: #34495e;
}
.dm-sales .dm-top-bar {
height: 60px;
background-color: #34495E;
}
.dm-sales .top-bar-wrapper {
width: 700px;
margin: 0 auto;
}
.dm-sales .logo {
float: left;
width: 50%;
padding-top: 15px;
}
.dm-sales .dm-links {
float: right;
width: 50%;
text-align: right;
padding-top: 15px;
font-size: 16px;
}
.dm-sales h2.dm-logo {
font-size: 28px;
font-weight: 300;
color: #FFF;
margin: 0;
padding: 0;
line-height: 1;
}
.dm-sales .dm-links a {
color: #FFF;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment