CoolFace
Datasetpublic

SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.

sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root15788.html
15788.html1510 linesDownload Raw Back to root
1<!DOCTYPE html>2<html class="no-js" lang="en">3 <head>4  <style>5   /* @group Reset */6 7/* 8  style.css contains a reset, font normalization and some base styles.9  10  credit is left where credit is due.11  additionally, much inspiration was taken from these projects:12    yui.yahooapis.com/2.8.1/build/base/base.css13    camendesign.com/design/14    praegnanz.de/weblog/htmlcssjs-kickstart15*/16 17/* 18  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)19  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark20  html5doctor.com/html-5-reset-stylesheet/21*/22 23html, body, div, span, object, iframe,24h1, h2, h3, h4, h5, h6, p, blockquote, pre,25abbr, address, cite, code,26del, dfn, em, img, ins, kbd, q, samp,27small, strong, sub, sup, var,28b, i,29dl, dt, dd, ol, ul, li,30fieldset, form, label, legend,31table, caption, tbody, tfoot, thead, tr, th, td,32article, aside, figure, footer, header, 33hgroup, menu, nav, section, menu,34time, mark, audio, video {35  margin:0;36  padding:0;37  border:0;38  outline:0;39  font-size:100%;40  vertical-align:baseline;41  background:transparent;42}                  43 44article, aside, figure, footer, header, 45hgroup, nav, section { display:block; }46 47nav ul { list-style:none; }48 49blockquote, q { quotes:none; }50 51blockquote:before, blockquote:after,52q:before, q:after { content:''; content:none; }53 54a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }55 56ins { background-color:#ff9; color:#000; text-decoration:none; }57 58mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }59 60del { text-decoration: line-through; }61 62abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }63 64/* tables still need cellspacing="0" in the markup */65table { border-collapse:collapse; border-spacing:0; }66 67hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }68 69input, select { vertical-align:middle; }70/* END RESET CSS */71 72/* @end */73 74.fullBg {75	position: fixed;76	top: 0;77	left: 0;78	overflow: hidden;79	width: 100%;80	height: 100%;81}82 83a {84	color: #0181d2;85	text-decoration: none;86}87 88a:hover {89	text-decoration: underline;90}91 92#content {93	-webkit-box-shadow: 0px 0px 12px #000000;94	-moz-box-shadow: 0px 0px 12px #000000;95 	/*  box-shadow: 0px 0px 12px #000000;  */96	width: 752px;97	margin: 0 auto;98	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;99	color: #333;100}101 102h1 a {103	width: 155px;104	height: 52px;105	display: block;106	background: url(i/logo-header.png) no-repeat;107	text-indent: -9999px;108	float: left;109}110 111h2 {112	font-size: 28px;113	margin: 0 20px;114	padding-top: 10px;115	text-align: center;116	border-bottom: 1px solid #333;117	padding-bottom: 5px;118}119 120h2.findgrad {121	font-size: 28px;122	margin: 0 20px 0 40px;123	padding-top: 0;124	text-align: left;125	border-bottom: none;126	padding-bottom: 5px;127}128 129h3 {130	text-align: center;131	font-size: 24px;132}133 134h4.name {135	text-align: center;136	width: 400px;137	display: block;138	float: left;139	padding-top: 10px;140	font-size: 20px;141}142 143h5 {144	margin-left: 30px;145	font-size: 22px;146	margin-top: 35px;147	clear: both;148}149 150#header {151	width: 712px;152	padding: 20px;153	margin: 20px auto 0 auto;154	background: url(i/bg-header.png) repeat-x;155	overflow: auto;156}157 158#colorbar {159	width: 772px;160	height: 21px;161	position: absolute;162	top: 109px;163	left: 50%;164	margin-left: -386px;165	background: url(i/colorbar-yellow.png) no-repeat;166	z-index: 100;167}168 169#colorbar.y {170	background: url(i/colorbar-yellow.png) no-repeat;171}172 173#colorbar.b {174	background: url(i/colorbar-blue.png) no-repeat;175}176 177#colorbar.g {178	background: url(i/colorbar-gray.png) no-repeat;179}180 181#colorbar.r {182	background: url(i/colorbar-red.png) no-repeat;183}184 185#photomain {186	width: 752px;187	background-color: #dedede;188}189 190#photomain img {191	width: 744px;192	margin-left: 3px;193	margin-top: 4px;194	border-right: 1px #999 solid;195	border-left: 1px #999 solid;196	border-bottom: 1px #fff solid;197	border-top: 1px #666 solid;198}199 200#sectionarchives {201	width: 752px;202	height: 513px;203	background-image: url(i/chap_3.jpg);204	margin-right: auto;205	margin-left: auto;206	text-indent: -9999px;207}208 209#sectioncontent {210	width: 752px;211	background-color: #dedede;212	min-height: 50px;213	padding-top: 30px;214	overflow: auto;215	padding-bottom: 30px;216}217 218#sectioncontent p {219	font-size: 15px;220	padding-left: 10px;221	padding-right: 10px;222	line-height: 18px;223	margin: 10px 30px;224}225 226#sectioncontent p.final {227	font-weight: bold;228	color: #666;229	line-height: 24px;230	font-size: 24px;231	text-align: center;232	margin-top: 15px;233}234 235 236#sectioncontent #bio {237	background-color: #fff;238	-webkit-box-shadow: 3px 3px 8px #333333;239	-moz-box-shadow: 3px 3px 8px #333333;240	/* box-shadow: 3px 3px 8px #333333;*/241	padding: 20px 10px 30px;242	margin: 10px auto;243	width: 660px;244}245 246#sectioncontent #bio ul {247        margin-left: 10px;248}249 250#sectioncontent #bio ul li {251        margin-left: 20px;252}253 254 255#heritagenav {256	// background-color: #0656a2;257 	background-color: #ffcc00;258	padding: 10px;259	color: #000;260	width: 600px;261	text-align: center;262	font-size: 12px;263	-webkit-border-radius: 5px;264	-moz-border-radius: 5px;265	/*  border-radius: 5px;   */266	margin: 0 auto 15px;267}268 269#heritagenav a {270	color: #111;271	padding-left: 5px;272	padding-right: 5px;273}274 275#heritagenav a:hover, #heritagenav a.current {276	color: #fff;277	text-decoration: none;278}279 280#biostats {281	clear: both;282	width: 660px;283	margin-right: auto;284	margin-left: auto;285	margin-top: 20px;286}287 288#biostats img {289	width: 70px;290	float: left;291	border: 5px ridge #fff;292	margin-right: 24px;293	margin-left: 24px;294	margin-bottom: 11px;295	-webkit-box-shadow: 0px 0px 5px #333333;296	-moz-box-shadow: 0px 0px 5px #333333;297	/* box-shadow: 0px 0px 5px #333333;  */298}299 300#biostats table {301       /* float: left; */302        clear: both;303	margin-top: 10px;304	display: block;305}306 307#biostats td {308	width: 220px;309	height: 40px;310	border-top: 1px solid #000;311	border-left: 1px solid #000;312	border-right: 1px solid #000;313	text-align: center;314	padding-top: 2px;315}316 317#biostats td.left {318	border-left: none;319}320 321#biostats td.right {322	border-right: none;323}324 325#biostats td span {326	color: #8d8d8d;327	text-transform: uppercase;328	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;329}330 331#jumplinks {332	text-align: right;333	font-size: 14px;334	margin-top: 25px;335	margin-right: 40px;336}337 338#jumplinksR {339        width:  140px;340	float: right;341	font-size: 14px;342	margin-top: 25px;343	margin-right: 70px;344}345 346#jumplinksL {347        width:  140px;348	float: left;349	font-size: 14px;350	margin-top: 25px;351	margin-left: 70px;352}353ul#classmateli {354display: block;355  list-style-type: disc;356  margin-top: 1em;357  margin-bottom: 1 em;358  margin-left: 0;359  margin-right: 0;360  padding-left: 140px;361}362 363ul#classmatemedia, ul#classmatephotos {364	display: block;365	list-style-type: none;366	margin-left: 40px;367	clear: both;368}369 370ul#classmatemedia li, ul#classmatephotos li {371	display: block;372	width: 140px;373	float: left;374	margin: 15px;375	text-align: center;376}377 378ul#classmatemedia li a img, ul#classmatephotos li a img {379	//width: 120px;380	//height: 120px;381	//border: 7px solid #fff;382	//-webkit-box-shadow: 0px 0px 5px #333333;383	//-moz-box-shadow: 0px 0px 5px #333333;384     /*  box-shadow: 0px 0px 5px #333333;  */385}386 387ul#classmatedocuments {388	margin-left: 40px;389	list-style-position: inside;390}391 392ul#classmatedocuments li {393	margin-top: 5px;394}395 396#mediaspace {397        background-color: black;398}399 400#embedinterview {401	width: 600px;402        background-color: black;403 404	margin: 20px auto 10px;405	border:10px ridge white;406	text-align: center;407}408 409#embedvideo600 {410	width: 600px;411	margin: 20px auto 10px;412        background-color: 000;413	text-align: center;414}415 416ol#classmateslist {417	margin-top: 30px;418	margin-left: 20px;419	list-style-type: none;420	margin-right: 20px;421}422 423ol#classmateslist ol {424	list-style-type: none;425	margin-left: 20px;426	margin-bottom: 30px;427	width: 700px;428}429 430ol#classmateslist li {431	float: left;432	width: 230px;433}434 435ol#classmateslist ol li a {436	margin: 5px 0;437	height: 70px;438	/*  background: url(i/photo-classmate-1963-pre-loumatjasko.jpg) no-repeat left center;  */439	display: block;440	padding-left: 90px;441	padding-top: 45px;442	font-size: 18px;443}444 445ol#classmateslist h3 {446	text-transform: uppercase;447	font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;448	border-bottom: 1px solid #666;449	margin-bottom: 5px;450	text-align: left;451}452 453#footer {454	width: 752px;455	text-align: center;456	padding-bottom: 5px;457	color: #ccc;458	margin: 10px auto 100px;459	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;460}461 462#footer a {463	color: #ccc;464	text-decoration: underline;465}466 467#footer a:hover {468	color: #0181d2;469	text-decoration: none;470}471 472/* @group Site Nav */473 474ul#nav {475	width: 345px;476	float: right;477	margin-top: 5px;478}479 480ul#nav li {481	display: -moz-inline-box;482	display: inline-block;483   /*	zoom: 1;  */484	/* display:inline; */485	font-size: 13px;486	height: 36px;487	border-right: 1px solid #000;488	text-align: center;489	padding-right: 10px;490	padding-left: 10px;491	padding-top: 3px;492	text-transform: uppercase;493}494 495ul#nav li.last {496	border-right: none;497}498 499ul#nav li.current a {500	color: #0181d2;501}502 503ul#nav li a {504	text-decoration: none;505	color: #000;506}507 508ul#nav li a:hover {509	color: #0181d2;510}511 512/* @end */513 514/* @group Search Box */515 516#searchbox {517	height: 50px;518	background: url(i/bg-graybar.jpg) repeat-x;519	padding-top: 11px;520	margin-top: -30px;521}522 523#searchbox .field {524	width: 360px;525/*	background: -webkit-gradient(526	    linear,527	    left bottom,528	    left top,529	    color-stop(0%, #fff),530	    color-stop(100%, #e6e6e6)531	);   */532	margin: 0 auto;533	height: 25px;534	-webkit-border-radius: 25px;535}536 537#searchbox .field input {538	padding: 2px 10px 2px 25px;539	border: 0;540	height: 19px;541	-webkit-border-top-left-radius: 25px;542	-webkit-border-bottom-left-radius: 25px;543	margin: 0;544	outline: 0;545	width: 244px;546	float: left;547	/* background: url('i/icon-magnifier.png') 7px 5px no-repeat; */548	border: 1px solid #606060;549	color: #474747;550	font-size: 12px;551}552 553#searchbox .field button {554	float: left;555	background-color: #1376b6;  556	border: 1px solid #606060;557	width: 80px;558	padding: 4px 0 6px 0;559	-webkit-border-top-right-radius: 25px;560	-webkit-border-bottom-right-radius: 25px;561	margin: 0 0 0 -1px;562	opacity: 0.9;563	cursor: pointer;564	text-shadow: 1px 1px 0 #333333;565	color: #fff;566}567 568#searchbox .field button:active {569	opacity: 1;570	padding: 5px 0 5px 0;571}572 573#searchgrad {574	height: 50px;575	background: url(i/bg-graybar.jpg) repeat-x;576	padding-top: 11px;577	margin-top: 10px;578}579 580#searchgrad .field {581	width: 360px;582/*	background: -webkit-gradient(583	    linear,584	    left bottom,585	    left top,586	    color-stop(0%, #fff),587	    color-stop(100%, #e6e6e6)588	);   */589	margin: 0 auto;590	height: 25px;591	-webkit-border-radius: 25px;592}593 594#searchgrad .field input {595	padding: 2px 10px 2px 25px;596	border: 0;597	height: 19px;598	-webkit-border-top-left-radius: 25px;599	-webkit-border-bottom-left-radius: 25px;600	margin: 0;601	outline: 0;602	width: 244px;603	float: left;604	/* background: url('i/icon-magnifier.png') 7px 5px no-repeat; */605	border: 1px solid #606060;606	color: #474747;607	font-size: 12px;608}609 610#searchgrad .field button {611	float: left;612	background-color: #1376b6;613	border: 1px solid #606060;614	width: 80px;615	padding: 4px 0 6px 0;616	-webkit-border-top-right-radius: 25px;617	-webkit-border-bottom-right-radius: 25px;618	margin: 0 0 0 -1px;619	opacity: 0.9;620	cursor: pointer;621	text-shadow: 1px 1px 0 #333333;622	color: #fff;623}624 625#searchbox .field button:active {626	opacity: 1;627	padding: 5px 0 5px 0;628}629 630/* @end */631 632ul#searchnav {633        width: 564px;634	margin-top: -11px;635        margin-left: auto;636        margin-right: auto;637	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;638	-webkit-box-shadow: 0px 3px 10px #000000;639	-moz-box-shadow: 0px 3px 10px #000000;640	/*  box-shadow: 0px 3px 10px #000000;  */641}642 643ul#searchnav li {644	display: -moz-inline-box;645	display: inline-block;646   /*	zoom: 1;   */647	/*  display:inline;  */648	margin-right: -5px;649     650	height: 37px;651	width: 188px; 652	text-align: center;653	background: url(i/sprite-yellowbutton.png) no-repeat;654}655 656ul#searchnav li a {657	display: block;658	padding-top: 8px;659	margin: 0;660	color: #864d17;661	font-size: 15px;662	text-decoration: none;663	height: 37px;664        width: 188px;665	text-shadow: 1px 1px 0 #fff600;666}667 668ul#searchnav li a:hover {669	background: url(i/sprite-yellowbutton.png) no-repeat 0 -37px;670}671 672/* @group Section Nav */673 674ul#sectionnav {675	margin-top: -11px;676	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;677	clear: both;678	width: 752px;679	height: 46px;680	margin: 0 auto;681}682 683ul#sectionnav.y {684	background: url(i/bg-yellowtall_1.png);685	border-bottom: 6px solid #0655a2;686}687 688ul#sectionnav.b {689	background: url(i/bg-bluetall.png);690	border-bottom: 6px solid #fdcf47;691}692 693ul#sectionnav.g {694	background: url(i/bg-graytall.png);695	border-bottom: 6px solid #fdcf47;696}697 698ul#sectionnav.r {699	background: url(i/bg-redtall.png);700	border-bottom: 6px solid #fdcf47;701}702 703ul#sectionnav li {704	display: block;705	float: left;706	height: 46px;707	width: 250px;708	text-align: center;709}710 711ul#sectionnav li a {712	display: block;713	padding-top: 14px;714	margin: 0;715	font-size: 17px;716	text-decoration: none;717	height: 32px;718	width: 100%;719}720 721ul#sectionnav.y li a {722	color: #864d17;723	text-shadow: 1px 1px 0 #fff600;724	background: url(i/bg-yellowtall_1.png) repeat-x;725	border-left: 1px solid #b98d2e;726	border-right: 1px solid #b98d2e;727	border-top: 1px solid #fefb55;728}729 730ul#sectionnav.b li a {731	color: #ccc;732	text-shadow: 1px 1px 0 #0b2e48;733	background: url(i/bg-bluetall.png) repeat-x;734	border-left: 1px solid #021f3e;735	border-right: 1px solid #021f3e;736	border-top: 1px solid #021f3e;737}738 739ul#sectionnav.g li a {740	color: #001712;741	text-shadow: 1px 1px 0 #d1d1d1;742	background: url(i/bg-graytall.png) repeat-x;743	border-left: 1px solid #021f3e;744	border-right: 1px solid #021f3e;745	border-top: 1px solid #021f3e;746}747 748ul#sectionnav.r li a {749	color: #ebb0a1;750	text-shadow: #5b141e 1px 1px 0;751	background: url(i/bg-redtall.png) repeat-x;752	border-left: 1px solid #021f3e;753	border-right: 1px solid #021f3e;754	border-top: 1px solid #021f3e;755}756 757ul#sectionnav.y li a:hover, ul#sectionnav.y li a.current {758	background-position: center -46px;759	border-top: 1px solid #5d4512;760	border-right: 1px solid #5d4512;761	border-left: 1px solid #5d4512;762	text-shadow: 1px 1px 0 #ffc700;763}764 765ul#sectionnav.b li a:hover, ul#sectionnav.b li a.current {766	background-position: center -46px;767	border-right: 1px solid #021f3e;768	border-left: 1px solid #021f3e;769	text-shadow: 1px 1px 0 #1463a7;770}771 772ul#sectionnav.g li a:hover, ul#sectionnav.g li a.current {773	background-position: center -46px;774	border-right: 1px solid #021f3e;775	border-left: 1px solid #021f3e;776	text-shadow: #808383 1px 1px 0;777}778 779ul#sectionnav.r li a:hover, ul#sectionnav.r li a.current {780	background-position: center -46px;781	border-right: 1px solid #021f3e;782	border-left: 1px solid #021f3e;783	text-shadow: #8c5260 1px 1px 0;784}785 786ul#sectionnav2 {787	margin-top: -11px;788	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;789	clear: both;790	background: url(i/bg-yellowtall_1.png);791	width: 752px;792	height: 46px;793	margin: 0 auto;794	border-bottom: 6px solid #0655a2;795}796 797ul#sectionnav2 li {798	display: block;799	float: left;800	height: 46px;801	width: 187px;802	text-align: center;803}804 805ul#sectionnav2 li a {806	display: block;807	padding-top: 14px;808	margin: 0;809	color: #864d17;810	font-size: 14px;811	text-decoration: none;812	height: 32px;813	width: 100%;814	text-shadow: 1px 1px 0 #fff600;815	background: url(i/bg-yellowtall_1.png);816	border-left: 1px solid #b98d2e;817	border-right: 1px solid #b98d2e;818	border-top: 1px solid #fefb55;819}820 821ul#sectionnav2 li a:hover, ul#sectionnav2 li a.current {822	background-position: center -46px;823	border-right: 1px solid #5d4512;824	border-left: 1px solid #5d4512;825	text-shadow: 1px 1px 0 #ffc700;826	border-top: 1px solid #5d4512;827}828 829ul#sectionnav3 {830	margin-top: -11px;831	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;832	clear: both;833	background: url(i/bg-yellowtall_1.png);834	width: 704px;835	height: 30px;836	margin: 0 auto;837	border-bottom: 6px solid #0655a2;838}839 840ul#sectionnav3 li {841	display: block;842	float: left;843	height: 32px;844	width: 117px;845	text-align: center;846}847 848ul#sectionnav3 li a {849	display: block;850	padding-top: 12px;851	margin: 0;852    //	color: #864d17;853        color: #060500;854	font-size: 12px;855	text-decoration: none;856	height: 32px;857	width: 100%;858	text-shadow: 1px 1px 0 #fff600;859	background: url(i/bg-yellowtall_1.png);860	border-left: 1px solid #b98d2e;861	border-right: 1px solid #b98d2e;862	border-top: 1px solid #fefb55;863}864 865ul#sectionnav3 li a:hover, ul#sectionnav3 li a.current {866	background-position: center -46px;867	border-right: 1px solid #5d4512;868	border-left: 1px solid #5d4512;869	text-shadow: 1px 1px 0 #ffc700;870	border-top: 1px solid #5d4512;871}872 873ul#searchnav1 {874        width: 240px;875	margin-top: -11px;876        margin-left: auto;877        margin-right: auto;878	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;879	-webkit-box-shadow: 0px 3px 10px #000000;880	-moz-box-shadow: 0px 3px 10px #000000;881	/*  box-shadow: 0px 3px 10px #000000;  */882}883 884ul#searchnav1 li {885	display: -moz-inline-box;886	display: inline-block;887   /*	zoom: 1;   */888	/*  display:inline;  */889	margin-right: -5px;890     891	height: 32px;892	width: 120px; 893	text-align: center;894	background: url(i/sprite-yellowbutton.png) no-repeat;895}896 897ul#searchnav1 li a {898	display: block;899	padding-top: 8px;900	margin: 0;901	color: #864d17;902	font-size: 12px;903	text-decoration: none;904	height: 32px;905        width: 120px;906	text-shadow: 1px 1px 0 #fff600;907}908 909ul#searchnav1 li a:hover {910	background: url(i/sprite-yellowbutton.png) no-repeat 0 -28px;911}912 913/* @end */914 915#classyearinfo {916	margin-top: -4px;917	overflow: auto;918}919 920#classyearinfo p {921	width: 660px;922	/*display: block;923	float: right;*/924	font-size: 15px;925	padding-right: 10px;926        padding-left: 10px;927	padding-bottom: 10px;928}929 930.classyear {931	margin-left: 10px;932	float: left;933	width: 115px;934}935 936.classcrest {937	float: left;938	width: 139px;939}940 941ul#classfacts {942	list-style-type: none;943	padding: 10px 20px 25px 40px;944}945 946ul#classfacts li {947	font-weight: normal;948	font-style: normal;949	margin-top: 5px;950}951 952ul#classfacts li span {953	font-weight: bold;954	padding-right: 5px;955}956 957ul#classcontrails {958	list-style-type: none;959	padding: 10px 20px 25px 40px;960}961 962ul#classcontrails li {963	margin-top: 5px;964	border-bottom: 1px solid #666;965	padding-bottom: 5px;966	margin-right: 20px;967	padding-left: 10px;968	font-size: 13px;969}970 971/* @group Year Selector */972 973#selectclass {974	width: 752px;975	height: 137px;976	background: url(i/bg-selectyear.jpg) no-repeat;977	position: relative;978}979 980#goempty {981	width: 20px;982	height: 78px;983	background: url(i/sprite-yearsbuttons.png);984	position: absolute;985	left: 8px;986	top: 30px;987}988 989#goleft a {990	width: 20px;991	height: 78px;992	background: url(i/sprite-leftright.png);993	text-indent: -9999px;994	position: absolute;995	display: block;996	left: 8px;997	top: 29px;998}999 1000#goright a {1001	width: 20px;1002	height: 78px;1003	background: url(i/sprite-leftright.png) -20px;1004	text-indent: -9999px;1005	position: absolute;1006	display: block;1007	left: 722px;1008	top: 29px;1009}1010 1011#selectclass ol {1012	list-style-type: none;1013	padding-top: 45px;1014	padding-left: 30px;1015	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;1016}1017 1018#selectclass ol li {1019	display: block;1020	width: 42px;1021	float: left;1022	margin-left: 13px;1023	margin-right: 1px;1024}1025 1026#selectclass ol li a {1027	color: #fff;1028	font-size: 19px;1029	text-decoration: none;1030	height: 28px;1031	display: block;1032//	background: url(i/sprite-years.png) no-repeat 0 0;1033//	text-indent: -9999px;1034}1035#selectclass ol li input {1036	border:none;1037        background:#333333;1038        color: #fff;1039	font-size: 19px;1040	text-decoration: none;1041	height: 28px;1042	display: block;1043        width: 45px;1044	float: left;1045}1046 1047#selectclass ol li a.nfiftyninegray {1048	background-position: -227px -32px;1049       1050}1051 1052#selectclass ol li a.nfiftynine {1053	background-position: -227px 0;1054        1055}1056#selectclass ol li input.lonine {1057	background-position: -227px 0;1058        color:#fff;1059        cursor: pointer;1060}1061 1062#selectclass ol li a.nsixty {1063	background-position: -273px 0;1064}1065 1066#selectclass ol li a.nsixtyone {1067	background-position: -318px 0;1068}1069 1070#selectclass ol li a.nsixtytwo {1071	background-position: -361px 0;1072}1073 1074#selectclass ol li a.nsixtythree {1075	background-position: -405px 0;1076}1077 1078#selectclass ol li a.nsixtyfour {1079	background-position: -450px 0;1080}1081 1082#selectclass ol li a.nsixtyfive {1083	background-position: -497px 0;1084}1085 1086#selectclass ol li a.nsixtysix {1087	background-position: -540px 0;1088}1089 1090#selectclass ol li a.nsixtyseven {1091	background-position: -585px 0;1092}1093 1094#selectclass ol li a.nsixtyeight {1095	background-position: -632px 0;1096}1097 1098#selectclass ol li a.nsixtynine {1099	background-position: -674px 0;1100}1101 1102#selectclass ol li a.nsixtyninegray {1103	background-position: -674px -32px;1104}1105 1106#selectclass ol li a.nseventygray {1107	background-position: -721px -32px;1108}1109 1110#selectclass ol li a.nseventy {1111	background-position: -721px 0;1112}1113 1114#selectclass ol li a.nseventyone {1115	background-position: -766px 0;1116}1117 1118#selectclass ol li a.nseventytwo {1119	background-position: -807px 0;1120}1121 1122#selectclass ol li a.nseventythree {1123	background-position: -852px 0;1124}1125 1126#selectclass ol li a.nseventyfour {1127	background-position: -898px 0;1128}1129 1130#selectclass ol li a.nseventyfive {1131	background-position: -943px 0;1132}1133 1134#selectclass ol li a.nseventysix {1135	background-position: -988px 0;1136}1137 1138#selectclass ol li a.nseventyseven {1139	background-position: -1033px 0;1140}1141 1142#selectclass ol li a.nseventyeight {1143	background-position: -1078px 0;1144}1145 1146#selectclass ol li a.nseventynine {1147	background-position: -1124px 0;1148}1149 1150#selectclass ol li a.neighty {1151	background-position: -1169px 0;1152}1153 1154#selectclass ol li a.neightygray {1155	background-position: -1169px -32px;1156}1157 1158/* @group Section Nav 2a*/1159 1160ul#sectionnav2a {1161	margin-top: -11px;1162	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;1163	clear: both;1164	width: 752px;1165	height: 46px;1166	margin: 0 auto;1167}1168 1169ul#sectionnav2a.y {1170	background: url(i/bg-yellowtall_1.png);1171	border-bottom: 6px solid #0655a2;1172}1173 1174ul#sectionnav2a.b {1175	background: url(i/bg-bluetall.png);1176	border-bottom: 6px solid #fdcf47;1177}1178 1179ul#sectionnav2a.g {1180	background: url(i/bg-graytall.png);1181	border-bottom: 6px solid #fdcf47;1182}1183 1184ul#sectionnav2a.r {1185	background: url(i/bg-redtall.png);1186	border-bottom: 6px solid #fdcf47;1187}1188 1189ul#sectionnav2a li {1190	display: block;1191	float: left;1192	height: 46px;1193	width: 187px;1194	text-align: center;1195}1196 1197ul#sectionnav2a li a {1198	display: block;1199	padding-top: 14px;1200	margin: 0;

Showing the first 1,200 of 1510 lines. Download the file for the rest.