Created
June 15, 2011 22:11
-
-
Save kirbysayshi/1028267 to your computer and use it in GitHub Desktop.
css lint test 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
@font-face { | |
font-family: 'NevisBold'; | |
src: url('../font/nevis-webfont.eot'); | |
src: url('../font/nevis-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../font/nevis-webfont.woff') format('woff'), | |
url('../font/nevis-webfont.ttf') format('truetype'), | |
url('../font/nevis-webfont.svg#nevisBold') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
/* normalize.css: http://necolas.github.com/normalize.css/ */ | |
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} | |
audio[controls],canvas,video{display:inline;zoom:1;} | |
html{font-size:100%;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} | |
body,button,input,select,textarea{font-family:sans-serif;} | |
img{border:0;-ms-interpolation-mode:bicubic;} | |
a{color:#00e;} | |
a:visited{color:#551a8b;} | |
a:focus{outline:thin dotted;} | |
a:hover,a:active{outline:0;} | |
abbr[title]{border-bottom:1px dotted;} | |
b,strong{font-weight:700;} | |
blockquote{margin:1em 40px;} | |
dfn{font-style:italic;} | |
mark{background:#ff0;color:#000;} | |
pre,code,kbd,samp{font-family:monospace, monospace;_font-family:'courier new', monospace;font-size:1em;} | |
pre{white-space:pre-wrap;word-wrap:break-word;} | |
q{quotes:none;} | |
q:before,q:after{content:none;} | |
small{font-size:75%;} | |
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} | |
sup{top:-.5em;} | |
sub{bottom:-.25em;} | |
ul,ol{margin:0;padding:0;list-style:none;} | |
dd{margin:0;} | |
nav ul,nav ol{list-style:none;} | |
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;} | |
button,input{line-height:normal;overflow:visible;} | |
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;} | |
input[type=checkbox],input[type=radio]{box-sizing:border-box;} | |
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} | |
input[type=search]::-webkit-search-decoration{-webkit-appearance:none;} | |
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;} | |
textarea{overflow:auto;vertical-align:top;} | |
table{border-collapse:collapse;border-spacing:0;} | |
th,td{text-align:left;vertical-align:middle;padding:0;} | |
body,figure,form,p{margin:0;} | |
/* end normalize.css */ | |
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } | |
* html .clearfix { height:1px; } | |
.clearfix { display:block; min-width:0; } | |
/* Common elements */ | |
body, select, input, textarea { color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } | |
h1, h2, h3, h4, h5, h6 { color: #aa1b0f; font-family: NevisBold, Arial, Helvetica, Sans-Serif; margin: 0; } | |
a { color: #607890; text-decoration: none; outline: none; } | |
a:hover { color: #036; } | |
.hidden { display: none; } | |
.left { float: left; } | |
.right { float: right; } | |
.center { text-align: center; } | |
.upper { text-transform: uppercase; } | |
.white, .white a { color: #fff; } | |
.nevis { font-family: NevisBold, Arial, Helvetica, Sans-Serif; } | |
h3 { font-size: 20px; } | |
body { background: #230e04; } | |
.page { width: 960px; margin: auto; background: url(../img/bgWood.jpg) 0 0 no-repeat; position: relative; } | |
header { height: 105px; position: relative; } | |
header h1, header h2 { position: absolute; left: -9999px; } | |
header .right { padding: 8px; } | |
header .right .gmLink { background: url(../img/arrowWhiteRight.png) 0 1px no-repeat; padding-left: 10px; font-size: 10px; } | |
header .banner { position: absolute; top: 5px; width: 100%; height: 214px; background: url(../img/bgBanner.png) 50% 0 no-repeat; } | |
header a.home { display: block; position: absolute; width: 620px; height: 110px; left: 172px; top: 58px; z-index: 10; } | |
header a.gmLink { display: block; position: absolute; width: 130px; height: 60px; left: 397px; top: 8px; z-index: 10; } | |
footer { clear: both; text-align: center; padding: 20px 0; color: #9c4e09; font-size: 10px; } | |
footer p { margin: 0; } | |
footer a { color: #9c4e09; } | |
footer a:hover { text-decoration: underline; } | |
footer .upper { font-weight: bold; padding-bottom: 3px; font-size: 11px; } | |
.fsSignInBtn { display: block; width: 305px; height: 53px; margin: auto; background: url(../img/btnFourSquare.png) no-repeat 0 0; overflow: hidden; text-indent: -9000px; } | |
.flagThingy { position: absolute; top: 15px; left: 0; width: 183px; height: 38px; background: url(../img/bgRibbon.png) 0 0 no-repeat; color: #fff; font-size: 16px; } | |
.flagThingy .nevis { font-size: 26px; } | |
.flagThingy p { padding: 4px 10px; } | |
.grillStar { position: absolute; left: 0; top: -45px; width: 100%; height: 85px; background: url(../img/icnGrillStar.png) 50% 0 no-repeat; } | |
#main { width: 924px; margin: auto; background: url(../img/bgPoster.jpg) 0 0 no-repeat; padding: 10px; } | |
#main .mainWrapper { border: 5px solid #260e05; padding-top: 60px; } | |
#grillMatesTouts { width: 718px; height: 127px; margin: 20px auto; background: url(../img/toutBg.jpg) 0 0 no-repeat; } | |
#grillMatesTouts section { width: 215px; float: left; padding: 10px; } | |
#grillMatesTouts section .img { float: left; width: 75px; text-align: center; } | |
#grillMatesTouts section .text { margin-left: 85px; font-size: 11px; } | |
#grillMatesTouts section .text h4 { font-size: 13px; color: #fed18b; text-shadow: none; font-family: Helvetica, Arial, Sans-Serif; } | |
#grillMatesTouts section .text a { color: #fff; text-decoration: underline; } | |
/*home page*/ | |
.floweryLong { background: url(../img/bgFloweryLong.png) 50% 0 no-repeat; } | |
.floweryShort { background: url(../img/bgFloweryShort.png) 50% 0 no-repeat; } | |
.homeHero { padding: 15px 0 30px; color: #462213; } | |
.homeHero .cols { padding-top: 28px; } | |
.homeHero .col { float: left; width: 50%; } | |
.homeHero .col h3 { padding-bottom: 10px; } | |
.homeHero .col p { padding: 0 10px 24px; line-height: 16px; } | |
.homeHero .col #flashHolder { } | |
.homeHero .floweryShort { padding-bottom: 25px; } | |
.homePage .badges { background: url(../img/bgFloweryRedDouble.png) 50% 0 no-repeat; padding-top: 40px; position: relative; } | |
.homePage .badges .leftGrad { position: absolute; background: url(../img/gradLeftFade.png) 0 0 no-repeat; width: 119px; height: 94px; left: 20px; top: 31px; z-index: 20; } | |
.homePage .badges .rightGrad { position: absolute; background: url(../img/gradRightFade.png) 0 0 no-repeat; width: 119px; height: 94px; right: 20px; top: 37px; z-index: 20; } | |
#badgeMarquee { position: relative; margin: auto; overflow: hidden; width: 800px; height: 100px; background: url(../img/bgFloweryRed.png) 50% bottom no-repeat; } | |
#badgeMarquee ul { position: absolute; top: 0; left: 0; width: 2300px; } | |
#badgeMarquee ul li { width: 72px; padding: 0 15px; height: 100px; float: left; cursor: pointer; background: url(../img/badge.png) 0 0 no-repeat; } | |
.homePage #leaderboard { width: 745px; height: 410px; margin: 35px auto 0; background: #c6944c; background: -moz-radial-gradient(center 45deg, ellipse cover, #d7af6a 0%, #c6944c 100%); text-align: center; } | |
.homePage #leaderboard h3 { font-size: 36px; color: #482314; } | |
.homePage #leaderboard p { color: #482314; } | |
/*Registration page*/ | |
#regForm { width: 750px; margin: auto; } | |
#regForm fieldset { border: none; margin: 0; padding: 0; } | |
#regForm .cols { position: relative; background: #7e0804 url(../img/gradRegForm.png) 0 0 repeat-x; color: #fff; font-weight: bold; padding: 25px; } | |
#regForm .cols h4 { color: #fff; font-size: 22px; text-align: center; } | |
#regForm .col { float: left; width: 300px; } | |
#regForm .firstCol { padding-right: 50px; margin-right: 49px; border-right: 1px dashed #fff; } | |
#regForm .item { font-size: 11px; } | |
#regForm .item label { text-transform: uppercase; } | |
#regForm .item .field { width: 275px; } | |
#regForm .item .field .input { background: #97140a url(../img/bgRegInputLeft.png) 0 0 no-repeat; padding-left: 10px; } | |
#regForm .item .field .input .wrapper { background: url(../img/bgRegInputRight.png) right 0 no-repeat; padding: 9px 10px 5px 0; } | |
#regForm .item .field .input .wrapper input { background: none; border: none; display: block; width: 100%; margin: 0; padding: 0; color: #fff; } | |
#regForm button { background: url(../img/btnStartGrilling.png) 0 0 no-repeat; border: none; width: 305px; height: 53px; text-indent: -9999px; margin: 35px 0; } | |
.registerPage .welcome { background: url(../img/bgFloweryShort.png) 50% bottom no-repeat; padding-bottom: 15px; } | |
.registerPage .welcome { font-size: 32px; } | |
.registerPage .welcome img { width: 26px; height: 26px; } | |
.registerPage .regDesc { padding: 15px 185px 55px; } | |
.registerPage .regDesc h3 { color: #462213; background: url(../img/bgGrayDivider.png) 50% bottom no-repeat; padding-bottom: 10px; margin-bottom: 5px; } | |
.registerPage .regDesc p { line-height: 16px; } | |
.registerPage .selectWrapper { } | |
.registerPage .selectWrapper .dropdown { overflow: hidden; position: absolute; display: none; top: 0; left: 0; } | |
.registerPage .selectWrapper .dropdown .scroll { } | |
.registerPage .selectWrapper ul { background: #014871; } | |
.registerPage .selectWrapper li { cursor: pointer; } | |
.registerPage .selectWrapper li:hover, #register .selectWrapper li.on { background: #2b89bf; } | |
.js .registerPage select { position: absolute; left: -9999px; } | |
/* | |
* jScrollPane | |
*/ | |
.jspContainer { overflow: hidden; position: relative; } | |
.jspPane { position: absolute; } | |
.jspVerticalBar { position: absolute; top: 0; right: 2px; width: 5px; height: 100%; } | |
.jspVerticalBar * { margin: 0; padding: 0; } | |
.jspCap { display: none; } | |
.jspTrack { background: #dde; position: relative; } | |
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } | |
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } | |
.jspArrow.jspDisabled { cursor: default; background: #80808d; } | |
.jspVerticalBar .jspArrow { height: 16px; } | |
.jspVerticalBar .jspArrow:focus { outline: none; } | |
.jspCorner { background: #eeeef4; float: left; height: 100%; } | |
/* Yuk! CSS Hack for IE6 3 pixel bug :( */ | |
* html .jspCorner { margin: 0 -3px 0 0; } | |
/* Temporary badge styles */ | |
.tmpBadgeHolder { width: 450px; } | |
.tmpUserBadge { position: relative; float: left; width: 75px; height:75px; margin: 10px; border-radius: 45px; border-width: 5px; border-style: solid; color: #FFFFFF; font-size: 25px; text-align: center; } | |
.tmpUserBadge span { cursor: default; } | |
.tmpUserBadge .tooltip { position: absolute; top: -70px; width: 200px; padding: 20px; font-size: 14px; background-color: #333333; z-index: 9000; } | |
.tmpUserBadge .tooltip h1 { padding: 0px; margin: 0px; font-size: 12px; } | |
.tmpUserBadge .tooltip p { margin: 0px; padding: 0px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment