Chuck Norris in CSS???

Ye' old general discussion board. Basically, for everything that isn't covered elsewhere. Come here to shoot the breeze, shoot your mouth off, or whatever suits your fancy.
This forum is not for asking programming related questions.

Moderator: General Moderators

Post Reply
alex.barylski
DevNet Evangelist
Posts: 6267
Joined: Tue Dec 21, 2004 5:00 pm
Location: Winnipeg

Chuck Norris in CSS???

Post by alex.barylski »

Does this seriously draw a Chuck Norris??? :P

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; }
User avatar
daedalus__
DevNet Resident
Posts: 1925
Joined: Thu Feb 09, 2006 4:52 pm

Post by daedalus__ »

If we knew where the images came from we could find out.. Google?
Post Reply