Last active
August 29, 2015 14:03
-
-
Save DustonMcGroarty/d78fd4ff3ef55944ad7d to your computer and use it in GitHub Desktop.
Genesis Sales Page Template CSS Styles
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
/* | |
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