Chuck Norris in CSS???
Posted: Mon Jun 26, 2006 8:48 pm
Does this seriously draw a Chuck Norris??? 
Do I just include this in a HTML page or is this some special CSS or something???
Do I just include this in a HTML page or is this some special CSS or something???
Code: Select all
/*
When Chuck Norris sends in his taxes, he sends blank forms and includes
only a picture of himself, crouched and ready to attack. Chuck Norris has not had to pay taxes. Ever.
*/
/* ---- HOME -------------------------------- */
body.home div#banner {
background: url("/webresources/images/i_home.jpg") no-repeat left top;
padding-left: 401px; min-height: 242px; margin-bottom: 20px;
}
body.home #banner h1 { background-image: url("/webresources/images/h_behind.gif"); width: 331px; height: 171px; margin-bottom: 20px; }
body.home #banner p { font-size: .95em; margin: 0; }
body.home #banner p a { font-size: .9em; }
body.home #currentwork { background: url("/webresources/images/g_3colback.gif"); margin: 20px 0 1em;}
body.home #currentwork ul { margin: 0; padding: 0; list-style-type: none; min-height: 200px; position: relative; }
body.home #currentwork li { float: left; width: 202px; border-right: 1px solid #cacaca; padding: 0 24px 0 23px; min-height: 200px; }
body.home #currentwork li h2 { color: #90c32c; margin-bottom: 10px; margin-left: -5px; }
body.home #currentwork li p { font-size: .9em; width: 202px; }
body.home #currentwork li:last-child { border-right: none; padding-left: 24px; padding-right: 20px; }
body.home #currentwork li a { width: 202px; height: 113px; margin-bottom: 15px; }
body.home #currentwork li#web a { background-image: url("/webresources/images/i_homeweb.gif"); }
body.home #currentwork li#identity a { background-image: url("/webresources/images/i_homeident.gif"); }
body.home #currentwork li#uxd a { background-image: url("/webresources/images/i_homearch.gif"); }
body.home li#web h2 { background: url("/webresources/images/h_homeweb.gif"); width: 160px; height: 18px; }
body.home li#identity h2 { background: url("/webresources/images/h_homeident.gif"); width: 204px; height: 18px; }
body.home li#uxd h2 { background: url("/webresources/images/h_homeux.gif"); width: 160px; height: 18px; }
body.home h3#learn { background: #64635f url("/webresources/images/h_howwork.gif") no-repeat; height: 60px; clear: both; }
body.home h3#learn a { height: 60px; }
body.home div#content { border: none; margin-bottom: 0em; padding-bottom: 1em; }
body.home div#footer { border: none; margin-top: 0; }
/* ---- WORK --------------------------------- */
body.work #content ul { margin: 0; padding: 0; }
body.work #content li { border-top: 1px solid #CACACA; padding-top: 7px; margin-bottom: 4em; clear: both; position: relative; }
body.work #content li ul { margin-left: 45px; position: relative; }
body.work #content li li { border: none; width: 76px; height: 65px; padding: 0; clear: none; float: left; margin-right: 20px; background-position: 0 -130px;}
body.work #content li li a { height: 65px; }
body.work #content li li a:hover { background-position: 0 -65px !important; }
body.work #content li#web h2 { background-image: url("/webresources/images/h_work1.gif"); width: 214px; height: 37px; }
body.work #content li#ident h2 { background-image: url("/webresources/images/h_work2.gif"); width: 262px; height: 37px; }
body.work #content li#ux h2 { background-image: url("/webresources/images/h_work3.gif"); width: 245px; height: 37px; }
body.work #content li#web li.site, body.work #content li#web li.site a:hover { background-image: url("/webresources/images/portfolio/sb_webthumb.gif"); }
body.work #content li#web li.acs, body.work #content li#web li.acs a:hover { background-image: url("/webresources/images/portfolio/acs_webthumb.gif"); }
body.work #content li#web li.lab, body.work #content li#web li.lab a:hover { background-image: url("/webresources/images/portfolio/labsafe_webthumb.gif"); }
body.work #content li#web li.bot, body.work #content li#web li.bot a:hover { background-image: url("/webresources/images/portfolio/i_thumbbot.gif"); }
body.work #content li#web li.kit, body.work #content li#web li.kit a:hover { background-image: url("/webresources/images/portfolio/i_thumbkit.gif"); }
body.work #content li#web li.serph, body.work #content li#web li.serph a:hover { background-image: url("/webresources/images/portfolio/serph_webthumb.gif"); }
body.work #content li#web li.lab403, body.work #content li#web li.lab403 a:hover { background-image: url("/webresources/images/portfolio/403_webthumb.gif"); }
body.work #content li#web li.xmedit, body.work #content li#web li.xmedit a:hover { background-image: url("/webresources/images/portfolio/xm_webthumb.gif"); }
body.work #content li#ident li.site, body.work #content li#ident li.site a:hover { background-image: url("/webresources/images/portfolio/sb_identthumb.gif"); }
body.work #content li#ident li.acs, body.work #content li#ident li.acs a:hover { background-image: url("/webresources/images/portfolio/acs_identthumb.gif"); }
body.work #content li#ident li.lab, body.work #content li#ident li.lab a:hover { background-image: url("/webresources/images/portfolio/labsafe_identthumb.gif"); }
body.work #content li#ident li.serph, body.work #content li#ident li.serph a:hover { background-image: url("/webresources/images/portfolio/serph_identthumb.gif"); }
body.work #content li#ident li.lab403, body.work #content li#ident li.lab403 a:hover { background-image: url("/webresources/images/portfolio/403_identthumb.gif"); }
body.work #content li#ux li.lab, body.work #content li#ux li.lab a:hover { background-image: url("/webresources/images/portfolio/labsafe_identthumb.gif"); }
body.work .services { position: absolute; top: 16px; right: 0; background: url("/webresources/images/b_services.gif"); width: 83px; height: 18px; }
/* ---- OUR VALUES ---------------------- */
body.values div#content { padding-top: 1px; padding-bottom: 40px; }
body.values h2#number { float: left; width: 59px; height: 59px; }
body.values h1#pagetitle { margin: 15px 0 20px 93px; width: 322px; }
body.values ul#selector { position: absolute; top: 15px; right: 0px; }
body.values ul#selector li { float: left; width: 21px; height: 21px; text-align: center; }
body.values ul#selector li.current { background: url("/webresources/images/g_circle.gif") no-repeat; }
body.values ul#selector li.current a { color: #90C32C; }
body.values ul#selector a { text-decoration: none; display: block; width: 21px; height: 21px; color: #64635F; font-weight: bold; }
body.values ul#selector a:hover { color: #90C32C; }
body.values p { margin: 0 0 1em 92px; width: 381px; line-height: 1.7em; }
body.values p:last-child::after { content: url(/webresources/images/g_iconsmall.gif); width: auto; }
body.values h2.num1 { background-image: url("/webresources/images/h_1.gif"); }
body.values h2.num2 { background-image: url("/webresources/images/h_2.gif"); }
body.values h2.num3 { background-image: url("/webresources/images/h_3.gif"); }
body.values h2.num4 { background-image: url("/webresources/images/h_4.gif"); }
body.values h2.num5 { background-image: url("/webresources/images/h_5.gif"); }
body.values h2.num6 { background-image: url("/webresources/images/h_6.gif"); }
body.values h2.num7 { background-image: url("/webresources/images/h_7.gif"); }
body.values h2.num8 { background-image: url("/webresources/images/h_8.gif"); }
body.values h2.num9 { background-image: url("/webresources/images/h_9.gif"); }
body.values #next {
background: url("/webresources/images/b_next.gif") no-repeat; width: 65px; height: 29px; position: absolute; right: 0px; bottom: 50px;
}
/* ---- CONTACT ----------------------------- */
body.contact form { width: 276px; float: left; margin-left: 40px; margin-right: 60px; }
body.contact form input[type="text"], textarea { width: 276px; }
body.contact form textarea { height: 200px; }
body.contact div#description { padding-top: 1.3em; }
body.contact #description h1 { background-image: url("/webresources/images/h_contact.gif"); width: 289px; height: 68px; }
body.contact #pagetitle { font-size: 2.5em; }
/* ---- EXAMPLES -------------------------------------- */
body.example ul#examples {
margin: 0 0 0 0; background: #64635F url("/webresources/images/g_icon.gif") no-repeat 97% center; height: 45px;
position: relative;
}
body.example ul#examples li { position: absolute; top: 0; background-image: url("../images/h_examplemenu.gif"); height: 45px; }
body.example ul#examples li a { height: 45px; }
body.example ul#examples li a:hover, body.example ul#examples li.active a { background-image: url("../images/h_examplemenu.gif"); }
body.example ul#examples li#web { left: 0; width: 77px; }
body.example ul#examples li#ident { left: 77px; width: 105px; background-position: -78px 0; }
body.example ul#examples li#ux { left: 182px; width: 128px; background-position: -183px 0; }
body.example ul#examples li#web a:hover, body.example ul#examples li#web.active a { background-position: 0 -45px; }
body.example ul#examples li#ident a:hover, body.example ul#examples li#ident.active a { background-position: -78px -45px; }
body.example ul#examples li#ux a:hover, body.example ul#examples li#ux.active a { background-position: -183px -45px; }
body.example #info img { margin-top: 1em; }
body.example #info a { color: #64635f }
body.example #info a:hover { color: #ffa54e; }
body.example ul.thumbs { display: none; margin: 0 0 25px; padding: 0; height: 65px; background: #f8f8f8; padding: 7px; }
body.example ul.active { display: block; }
body.example ul.thumbs li { width: 76px; height: 65px; float: left; margin-right: 10px; }
body.example ul.thumbs a { height: 65px; }
body.example ul.thumbs a:hover, body.example ul.thumbs li.active { background-position: 0 -65px; }
body.example ul.web li.site, body.example ul.web li.site a:hover { background-image: url("../images/portfolio/sb_webthumb.gif"); }
body.example ul.web li.acs, body.example ul.web li.acs a:hover { background-image: url("../images/portfolio/acs_webthumb.gif"); }
body.example ul.web li.lab, body.example ul.web li.lab a:hover { background-image: url("../images/portfolio/labsafe_webthumb.gif"); }
body.example ul.web li.serph, body.example ul.web li.serph a:hover { background-image: url("../images/portfolio/serph_webthumb.gif"); }
body.example ul.web li.xmedit, body.example ul.web li.xmedit a:hover { background-image: url("../images/portfolio/xm_webthumb.gif"); }
body.example ul.web li.lab403, body.example ul.web li.lab403 a:hover { background-image: url("../images/portfolio/403_webthumb.gif"); }
body.example ul.ident li.site, body.example ul.ident li.site a:hover { background-image: url("../images/portfolio/sb_identthumb.gif"); }
body.example ul.ident li.acs, body.example ul.ident li.acs a:hover { background-image: url("../images/portfolio/acs_identthumb.gif"); }
body.example ul.ident li.lab, body.example ul.ident li.lab a:hover { background-image: url("../images/portfolio/labsafe_identthumb.gif"); }
body.example ul.ident li.serph, body.example ul.ident li.serph a:hover { background-image: url("../images/portfolio/serph_identthumb.gif"); }
body.example ul.ident li.lab403, body.example ul.ident li.lab403 a:hover { background-image: url("../images/portfolio/403_identthumb.gif"); }
body.example ul.ux li.labsafe, body.example ul.ux li.labsafe a:hover { background-image: url("../images/portfolio/labsafe_identthumb.gif"); }
body.example div#screenshots { float: left; width: 364px; }
body.example div#screenshots ul { margin: 0; padding: 0; }
body.example div#screenshots ul li { background: url(../images/g_portback.gif) no-repeat; width: 356px; height: 231px; padding: 8px 0 0 8px; margin: 0; }
body.example a.nav { display: block; font-weight: bold; margin-top: 8px; text-decoration: none; }
body.example a#prev { float: left; background: url("../images/g_larrow.gif") no-repeat left center; padding-left: 10px; color: #64635f }
body.example a#next { float: right; background: url("../images/g_rarrow.gif") no-repeat right center; padding-right: 10px; color: #64635f }
body.example div#screenshots ul#shotmenu { margin: .7em 0; text-align: center; }
body.example div#screenshots ul#shotmenu li { background: none; width: auto; height: auto; display: inline; margin: 0; padding: 0;}
body.example div#screenshots ul#shotmenu li a { font-weight: bold; color: #64635F; text-decoration: none; padding: 7px 7px; }
body.example div#screenshots ul#shotmenu li.selected a { background: url("../images/g_circle.gif") no-repeat center center; color: white; }
body.example div#info { float: right; width: 350px; position: relative; }
body.example div#info h1 { margin: -5px 0 0 0; }
body.example div#info h2 { margin: 0 0 1em; }
body.example div#info h3 { margin-top: 1em; }
body.example div#info li { font-size: .9em; }
body.example div#info p { margin-top: 2em; }
body.example div#description { margin-top: 20px; }
body.example div#description p { font-size: 1em; line-height: 1.6em; }
body.example div#description p strong { font-size: 1.0em; }
body.example #column2 p:last-child { margin-bottom: 1em; }
body.example #column2 p:last-child::after { content: url(/webresources/images/g_iconsmall.gif); width: auto; }
body.example #description ul { font-size: .9em; margin-top: .5em; }
body.example #description ul li { margin-left: 0em; background: url("/webresources/images/g_iconleaf.gif") no-repeat left .3em; padding-left: 13px; }
#column1 { width: 365px; float: left; margin-right: 35px; }
#column2 { width: 350px; float: left; }
/* ---- Blog Index -------------------------- */
.blog #page { width: 100%; background: white; border-top: 40px solid #f3f3f3; }
.blog #page #wrapper {
width: 750px; margin: 0 auto; padding: 0 0 25px;
}
.blog #page #header { border-top: 0px; }
.blog #column-main { width: 459px; float: left; padding: 0 15px 1em 0; border-right: 1px solid #cacaca; }
.blog #column-side { width: 258px; float: left; padding: 0 0 0 15px; position:relative}
.blog #column-side li { margin-bottom: 0; }
.blog #column-side hr { margin: 1.5em 0; }
.blog #content h2 { font-size: 2em; }
.blog #content a { font-weight: bold; text-decoration:none; }
.blog #PostTitle { font-size: 2.5em; margin-bottom: .3em; }
.blog #PostDate { font-size: 1.1em; }
.blog #PostBody { margin-bottom: 2em; }
.blog #PostBody p:first-child { font-weight: bold; color: #64635f; }
.blog #comment-count {
background: url("/webresources/images/g_icontalk.gif") no-repeat left 72%; margin-top: .3em; padding-left: 14px;
font-size: .9em; line-height: 1.4em; font-weight: bold;
}
.blog #more { float: right; background: url("/webresources/images/b_more.gif"); width: 65px; height: 29px; }
.blog #more a { height: 29px; }
.blog hr { margin: 1em 0; }
.blog #posts { float: left; width: 459px; margin-right: 15px; }
.blog #posts h2 { margin-bottom: 0; }
.blog #posts p { font-size: .90em; margin: 0; }
.blog #posts li { border-bottom: 1px solid #cacaca; padding: .8em 0 1em; }
.blog #posts li:hover { background: #fdffeb }
.blog #categories { float: left; width: 258px; padding-left: 15px; }
.blog #categories hr { margin: 1.5em 0; }
.blog #categories li a { color: #64635F; }
.blog #categories li a:hover { color: #ffa54e; }
.blog #categories h3 { background: url("/webresources/images/h_workingjob.gif"); width: 214px; height: 59px; margin-bottom: 1em;}
.blog .ninerules { background-image: url("/webresources/images/g_ninerules.gif"); width: 57px; height: 67px; }
.blog #subscribe { background: #64635f; padding: 1.7em 1em; position: relative; }
.blog #subscribe h4 { background: url("/webresources/images/h_grabfeed.gif") no-repeat left center; width: 128px; height: 19px; float: left; margin: 0 40px 0 10px; }
.blog #subscribe a { background-image: url("/webresources/images/b_rss.gif"); width: 39px; height: 19px; }
.blog #footer div { width: 725px; margin: 0 auto; padding: 0px 0 0 25px; position: relative; }
.blog #footer div ul { bottom: 3px; right: 0; }
/* ---- Blog Article -------------------------------------- */
.article #header { padding-bottom: 15px; }
.article #header ul { bottom: 13px; }
.article #content { padding-left: 42px; }
.article #back { margin-bottom: 3em; }
.article #back a { background: url("/webresources/images/icon_leftarrow.gif") no-repeat left 5px; padding-left: 8px; }
.article #article-title { font-weight: normal; margin: 0 0 0em !important; font-size: 2.9em; }
.article #article-date { margin-top: 0; margin-bottom: 2em; font-weight: bold; }
.article #article-body { border-bottom: 1px solid #cacaca; padding: 1.5em 0; border-top: 1px solid #ddd; }
.article #article-body h2 { font-size: 1.3em; text-transform:uppercase; color: #90C32C; font-weight: bold; }
.article #article-body img { border: 1px solid #C2D778; padding: .5em; background-color: #F1FEEC; margin: .5em 0; }
.article #article-body img.noborder { border: none; background-color: transparent; }
.article #article-body img.side { float: right; margin: 0 1em 1em 1em; }
.article #article-body code { color: #86AF33; font-weight: normal;}
.article #article-body p { line-height: 1.7em; margin-bottom: 1.5em; }
.article #article-body p em { font-style:italic; background: none; }
.article #article-body pre code {
display: block; font-family: "Courier New", Courier, monospace; font-size: 1.1em;
background: #fafafa; padding: 1em 2em; color: #333; overflow: auto;
border-top: 1px dashed #999; border-bottom: 1px dashed #999;
}
#article-body blockquote { background: #eee; padding: 1em .5em 1em 2em; color: #333; margin-left: 0; font-style:italic; }
.article #article-body ul li { background: url("/webresources/images/g_iconleaf.gif") no-repeat left .3em; padding-left: 13px; }
.article #article-body ul li a { font-weight: normal; color: #70A30C; }
.article #article-body ul li a:hover { color: #ffa54e; }
#article-desc { font-weight: normal; color: #94938f; color: #64635f; font-size: 1.3em; }
.article .ninerules { float: right; background-image: url("/webresources/images/g_ninerules.gif"); width: 57px; height: 67px; position: relative; }
.article #comments { margin-top: .5em; position: relative; }
.article #rssfeed { float: right; font-weight: bold; position: relative; }
.article #rssfeed a { background: url("/webresources/images/b_rss.gif") no-repeat right center; padding: 15px 45px 15px 0; }
.article div.comment { padding: 1em 1em 1em .5em; clear: left; margin: 0em 0em .5em; position: relative; }
.article div.admin { background: white !important; border: 1px solid #B1D632 !important; border-left: 3px solid #B1D632 !important;}
.article div.admin h3.number { color: #C2D778 !important; }
.article .comment h3.number { float: left; font-size: 3em; font-weight: normal !important; font-family: verdana, sans-serif; color: #D7D7D7; margin-top: -.2em; }
.article .comment .comment-body { margin-left: 5em; }
.article .comment .comment-body h4 { margin-bottom: .5em; }
.article .comment .comment-body h4 strong { color: #8F8F8F; }
.article .comment .comment-body strong { background: none; font-weight: bold; }
.article .comment .comment-body em { background: none; font-style: italic; }
.article div.alternate { background-color: #F5F5F5; }
.article #comment-form { width: 415px; }
.article h2#comment-title { background-image: url(/webresources/images/h_comment.gif); width: 130px; height: 19px; margin-bottom: .6em; }
.article textarea.comment { width: 400px; }
.article input.send-button { /*margin-left: 347px;*/ float: right; }
.article #infonote { width: 300px; display: block; font-size: .9em; color: #8F8F8F; margin-top: 1em; }
/* ---- Blog Categories ---------------------------------------- */
.category #content h1 { font-size: 2.9em; }
.category #posts { float: left; width: 450px; }
.category #categories { float: left; margin-bottom: 2em; }
.category .ninerules {
background-image: url("/webresources/images/g_ninerules.gif"); width: 57px; height: 67px;
position: relative; margin: 1.5em 0 0 0;
}
/* ---- JOBS ------------------------------ */
.jobs #pagetitle { font-size: 2.5em; }
.jobs h3 { margin-bottom: .5em; }
.jobs #job { border-top: 1px solid #ddd; margin-top: 1em; padding-top: 1.5em; }
/* ---- Error Pages ----------------------------------- */
.error #content { padding-left: 42px; }