Created
January 7, 2013 18:51
-
-
Save frightenedmonkey/4477418 to your computer and use it in GitHub Desktop.
Fan Converter Sample CSS
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
<style type="text/css"> | |
#wetpaint-fan-converter { | |
height: 230px; | |
box-shadow: 0px 0px 10px #888; | |
background: #a90329; /* Old browsers */ | |
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */ | |
background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */ | |
} | |
#wetpaint-fan-converter .wrapper { | |
padding: 20px; | |
height: 100px; | |
} | |
#wetpaint-fan-converter .cta { | |
float: left; | |
width: 60px; | |
} | |
#wetpaint-fan-converter .content { | |
float: right; | |
width: 310px; | |
} | |
#wetpaint-fan-converter .primary-message { | |
color: #fff; | |
font-size: 28px; | |
line-height: 34px; | |
font-family: arial, helvetica, sans-serif; | |
margin-top: -5px; | |
margin-bottom: 30px; | |
} | |
#wetpaint-fan-converter a{ | |
color: #fff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
#wetpaint-fan-converter a:hover{ | |
color: #fff; | |
text-decoration: none; | |
} | |
#wetpaint-fan-converter ul{ | |
color: #fff; | |
list-style: none; | |
overflow: hidden; | |
margin: 0; | |
padding: 80px 0 0; | |
font-size: 12px; | |
} | |
#wetpaint-fan-converter li:first-child{ | |
margin-left: 0; | |
} | |
#wetpaint-fan-converter li { | |
float: left; | |
list-style: disc; | |
margin-left: 22px; | |
} | |
#wetpaint-overlay { | |
height: 400px !important; | |
} | |
.fanConverterClipped { | |
height: 405px; | |
overflow: hidden; | |
margin-bottom: 10px; | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment