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.8kdownloads
root14065.html
14065.html6788 linesDownload Raw Back to root
1<!DOCTYPE html>2<html>3 <head>4  <style>5   @font-face {6  font-family: 'Roboto';7  font-style: normal;8  font-weight: 300;9  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype');10}11@font-face {12  font-family: 'Roboto';13  font-style: normal;14  font-weight: 400;15  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');16}17@font-face {18  font-family: 'Roboto';19  font-style: normal;20  font-weight: 500;21  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc9.ttf) format('truetype');22}23@font-face {24  font-family: 'Roboto';25  font-style: normal;26  font-weight: 700;27  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');28}29@font-face {30  font-family: 'Roboto';31  font-style: normal;32  font-weight: 900;33  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc9.ttf) format('truetype');34}35 36 37 38 39/*40	Telemetry by Pixelarity41	pixelarity.com | [EMAIL REDACTED]42	License: pixelarity.com/license43*/44 45/* Reset */46 47	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {48		margin: 0;49		padding: 0;50		border: 0;51		font-size: 100%;52		font: inherit;53		vertical-align: baseline;54	}55 56	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {57		display: block;58	}59 60	body {61		line-height: 1;62	}63 64	ol, ul {65		list-style: none;66	}67 68	blockquote, q {69		quotes: none;70	}71 72	blockquote:before, blockquote:after, q:before, q:after {73		content: '';74		content: none;75	}76 77	table {78		border-collapse: collapse;79		border-spacing: 0;80	}81 82	body {83		-webkit-text-size-adjust: none;84	}85 86/* Box Model */87 88	*, *:before, *:after {89		-moz-box-sizing: border-box;90		-webkit-box-sizing: border-box;91		box-sizing: border-box;92	}93 94/* Grid */95 96	.row {97		border-bottom: solid 1px transparent;98		-moz-box-sizing: border-box;99		-webkit-box-sizing: border-box;100		box-sizing: border-box;101	}102 103	.row > * {104		float: left;105		-moz-box-sizing: border-box;106		-webkit-box-sizing: border-box;107		box-sizing: border-box;108	}109 110	.row:after, .row:before {111		content: '';112		display: block;113		clear: both;114		height: 0;115	}116 117	.row.uniform > * > :first-child {118		margin-top: 0;119	}120 121	.row.uniform > * > :last-child {122		margin-bottom: 0;123	}124 125	.row.\30 \25 > * {126		padding: 0 0 0 0em;127	}128 129	.row.\30 \25 {130		margin: 0 0 -1px 0em;131	}132 133	.row.uniform.\30 \25 > * {134		padding: 0em 0 0 0em;135	}136 137	.row.uniform.\30 \25 {138		margin: 0em 0 -1px 0em;139	}140 141	.row > * {142		padding: 0 0 0 2em;143	}144 145	.row {146		margin: 0 0 -1px -2em;147	}148 149	.row.uniform > * {150		padding: 2em 0 0 2em;151	}152 153	.row.uniform {154		margin: -2em 0 -1px -2em;155	}156 157	.row.\32 00\25 > * {158		padding: 0 0 0 4em;159	}160 161	.row.\32 00\25 {162		margin: 0 0 -1px -4em;163	}164 165	.row.uniform.\32 00\25 > * {166		padding: 4em 0 0 4em;167	}168 169	.row.uniform.\32 00\25 {170		margin: -4em 0 -1px -4em;171	}172 173	.row.\31 50\25 > * {174		padding: 0 0 0 3em;175	}176 177	.row.\31 50\25 {178		margin: 0 0 -1px -3em;179	}180 181	.row.uniform.\31 50\25 > * {182		padding: 3em 0 0 3em;183	}184 185	.row.uniform.\31 50\25 {186		margin: -3em 0 -1px -3em;187	}188 189	.row.\35 0\25 > * {190		padding: 0 0 0 1em;191	}192 193	.row.\35 0\25 {194		margin: 0 0 -1px -1em;195	}196 197	.row.uniform.\35 0\25 > * {198		padding: 1em 0 0 1em;199	}200 201	.row.uniform.\35 0\25 {202		margin: -1em 0 -1px -1em;203	}204 205	.row.\32 5\25 > * {206		padding: 0 0 0 0.5em;207	}208 209	.row.\32 5\25 {210		margin: 0 0 -1px -0.5em;211	}212 213	.row.uniform.\32 5\25 > * {214		padding: 0.5em 0 0 0.5em;215	}216 217	.row.uniform.\32 5\25 {218		margin: -0.5em 0 -1px -0.5em;219	}220 221	.\31 2u, .\31 2u\24 {222		width: 100%;223		clear: none;224		margin-left: 0;225	}226 227	.\31 1u, .\31 1u\24 {228		width: 91.[PHONE REDACTED]%;229		clear: none;230		margin-left: 0;231	}232 233	.\31 0u, .\31 0u\24 {234		width: 83.[PHONE REDACTED]%;235		clear: none;236		margin-left: 0;237	}238 239	.\39 u, .\39 u\24 {240		width: 75%;241		clear: none;242		margin-left: 0;243	}244 245	.\38 u, .\38 u\24 {246		width: 66.[PHONE REDACTED]%;247		clear: none;248		margin-left: 0;249	}250 251	.\37 u, .\37 u\24 {252		width: 58.[PHONE REDACTED]%;253		clear: none;254		margin-left: 0;255	}256 257	.\36 u, .\36 u\24 {258		width: 50%;259		clear: none;260		margin-left: 0;261	}262 263	.\35 u, .\35 u\24 {264		width: 41.[PHONE REDACTED]%;265		clear: none;266		margin-left: 0;267	}268 269	.\34 u, .\34 u\24 {270		width: 33.[PHONE REDACTED]%;271		clear: none;272		margin-left: 0;273	}274 275	.\33 u, .\33 u\24 {276		width: 25%;277		clear: none;278		margin-left: 0;279	}280 281	.\32 u, .\32 u\24 {282		width: 16.[PHONE REDACTED]%;283		clear: none;284		margin-left: 0;285	}286 287	.\31 u, .\31 u\24 {288		width: 8.[PHONE REDACTED]%;289		clear: none;290		margin-left: 0;291	}292 293	.\31 2u\24 + *,294	.\31 1u\24 + *,295	.\31 0u\24 + *,296	.\39 u\24 + *,297	.\38 u\24 + *,298	.\37 u\24 + *,299	.\36 u\24 + *,300	.\35 u\24 + *,301	.\34 u\24 + *,302	.\33 u\24 + *,303	.\32 u\24 + *,304	.\31 u\24 + * {305		clear: left;306	}307 308	.\-11u {309		margin-left: 91.66667%;310	}311 312	.\-10u {313		margin-left: 83.33333%;314	}315 316	.\-9u {317		margin-left: 75%;318	}319 320	.\-8u {321		margin-left: 66.66667%;322	}323 324	.\-7u {325		margin-left: 58.33333%;326	}327 328	.\-6u {329		margin-left: 50%;330	}331 332	.\-5u {333		margin-left: 41.66667%;334	}335 336	.\-4u {337		margin-left: 33.33333%;338	}339 340	.\-3u {341		margin-left: 25%;342	}343 344	.\-2u {345		margin-left: 16.66667%;346	}347 348	.\-1u {349		margin-left: 8.33333%;350	}351 352	@media screen and (max-width: 1680px) {353 354		.row > * {355			padding: 0 0 0 2em;356		}357 358		.row {359			margin: 0 0 -1px -2em;360		}361 362		.row.uniform > * {363			padding: 2em 0 0 2em;364		}365 366		.row.uniform {367			margin: -2em 0 -1px -2em;368		}369 370		.row.\32 00\25 > * {371			padding: 0 0 0 4em;372		}373 374		.row.\32 00\25 {375			margin: 0 0 -1px -4em;376		}377 378		.row.uniform.\32 00\25 > * {379			padding: 4em 0 0 4em;380		}381 382		.row.uniform.\32 00\25 {383			margin: -4em 0 -1px -4em;384		}385 386		.row.\31 50\25 > * {387			padding: 0 0 0 3em;388		}389 390		.row.\31 50\25 {391			margin: 0 0 -1px -3em;392		}393 394		.row.uniform.\31 50\25 > * {395			padding: 3em 0 0 3em;396		}397 398		.row.uniform.\31 50\25 {399			margin: -3em 0 -1px -3em;400		}401 402		.row.\35 0\25 > * {403			padding: 0 0 0 1em;404		}405 406		.row.\35 0\25 {407			margin: 0 0 -1px -1em;408		}409 410		.row.uniform.\35 0\25 > * {411			padding: 1em 0 0 1em;412		}413 414		.row.uniform.\35 0\25 {415			margin: -1em 0 -1px -1em;416		}417 418		.row.\32 5\25 > * {419			padding: 0 0 0 0.5em;420		}421 422		.row.\32 5\25 {423			margin: 0 0 -1px -0.5em;424		}425 426		.row.uniform.\32 5\25 > * {427			padding: 0.5em 0 0 0.5em;428		}429 430		.row.uniform.\32 5\25 {431			margin: -0.5em 0 -1px -0.5em;432		}433 434		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {435			width: 100%;436			clear: none;437			margin-left: 0;438		}439 440		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {441			width: 91.[PHONE REDACTED]%;442			clear: none;443			margin-left: 0;444		}445 446		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {447			width: 83.[PHONE REDACTED]%;448			clear: none;449			margin-left: 0;450		}451 452		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {453			width: 75%;454			clear: none;455			margin-left: 0;456		}457 458		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {459			width: 66.[PHONE REDACTED]%;460			clear: none;461			margin-left: 0;462		}463 464		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {465			width: 58.[PHONE REDACTED]%;466			clear: none;467			margin-left: 0;468		}469 470		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {471			width: 50%;472			clear: none;473			margin-left: 0;474		}475 476		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {477			width: 41.[PHONE REDACTED]%;478			clear: none;479			margin-left: 0;480		}481 482		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {483			width: 33.[PHONE REDACTED]%;484			clear: none;485			margin-left: 0;486		}487 488		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {489			width: 25%;490			clear: none;491			margin-left: 0;492		}493 494		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {495			width: 16.[PHONE REDACTED]%;496			clear: none;497			margin-left: 0;498		}499 500		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {501			width: 8.[PHONE REDACTED]%;502			clear: none;503			margin-left: 0;504		}505 506		.\31 2u\24\28xlarge\29 + *,507		.\31 1u\24\28xlarge\29 + *,508		.\31 0u\24\28xlarge\29 + *,509		.\39 u\24\28xlarge\29 + *,510		.\38 u\24\28xlarge\29 + *,511		.\37 u\24\28xlarge\29 + *,512		.\36 u\24\28xlarge\29 + *,513		.\35 u\24\28xlarge\29 + *,514		.\34 u\24\28xlarge\29 + *,515		.\33 u\24\28xlarge\29 + *,516		.\32 u\24\28xlarge\29 + *,517		.\31 u\24\28xlarge\29 + * {518			clear: left;519		}520 521		.\-11u\28xlarge\29 {522			margin-left: 91.66667%;523		}524 525		.\-10u\28xlarge\29 {526			margin-left: 83.33333%;527		}528 529		.\-9u\28xlarge\29 {530			margin-left: 75%;531		}532 533		.\-8u\28xlarge\29 {534			margin-left: 66.66667%;535		}536 537		.\-7u\28xlarge\29 {538			margin-left: 58.33333%;539		}540 541		.\-6u\28xlarge\29 {542			margin-left: 50%;543		}544 545		.\-5u\28xlarge\29 {546			margin-left: 41.66667%;547		}548 549		.\-4u\28xlarge\29 {550			margin-left: 33.33333%;551		}552 553		.\-3u\28xlarge\29 {554			margin-left: 25%;555		}556 557		.\-2u\28xlarge\29 {558			margin-left: 16.66667%;559		}560 561		.\-1u\28xlarge\29 {562			margin-left: 8.33333%;563		}564 565	}566 567	@media screen and (max-width: 1280px) {568 569		.row > * {570			padding: 0 0 0 1.5em;571		}572 573		.row {574			margin: 0 0 -1px -1.5em;575		}576 577		.row.uniform > * {578			padding: 1.5em 0 0 1.5em;579		}580 581		.row.uniform {582			margin: -1.5em 0 -1px -1.5em;583		}584 585		.row.\32 00\25 > * {586			padding: 0 0 0 3em;587		}588 589		.row.\32 00\25 {590			margin: 0 0 -1px -3em;591		}592 593		.row.uniform.\32 00\25 > * {594			padding: 3em 0 0 3em;595		}596 597		.row.uniform.\32 00\25 {598			margin: -3em 0 -1px -3em;599		}600 601		.row.\31 50\25 > * {602			padding: 0 0 0 2.25em;603		}604 605		.row.\31 50\25 {606			margin: 0 0 -1px -2.25em;607		}608 609		.row.uniform.\31 50\25 > * {610			padding: 2.25em 0 0 2.25em;611		}612 613		.row.uniform.\31 50\25 {614			margin: -2.25em 0 -1px -2.25em;615		}616 617		.row.\35 0\25 > * {618			padding: 0 0 0 0.75em;619		}620 621		.row.\35 0\25 {622			margin: 0 0 -1px -0.75em;623		}624 625		.row.uniform.\35 0\25 > * {626			padding: 0.75em 0 0 0.75em;627		}628 629		.row.uniform.\35 0\25 {630			margin: -0.75em 0 -1px -0.75em;631		}632 633		.row.\32 5\25 > * {634			padding: 0 0 0 0.375em;635		}636 637		.row.\32 5\25 {638			margin: 0 0 -1px -0.375em;639		}640 641		.row.uniform.\32 5\25 > * {642			padding: 0.375em 0 0 0.375em;643		}644 645		.row.uniform.\32 5\25 {646			margin: -0.375em 0 -1px -0.375em;647		}648 649		.\31 2u\28large\29, .\31 2u\24\28large\29 {650			width: 100%;651			clear: none;652			margin-left: 0;653		}654 655		.\31 1u\28large\29, .\31 1u\24\28large\29 {656			width: 91.[PHONE REDACTED]%;657			clear: none;658			margin-left: 0;659		}660 661		.\31 0u\28large\29, .\31 0u\24\28large\29 {662			width: 83.[PHONE REDACTED]%;663			clear: none;664			margin-left: 0;665		}666 667		.\39 u\28large\29, .\39 u\24\28large\29 {668			width: 75%;669			clear: none;670			margin-left: 0;671		}672 673		.\38 u\28large\29, .\38 u\24\28large\29 {674			width: 66.[PHONE REDACTED]%;675			clear: none;676			margin-left: 0;677		}678 679		.\37 u\28large\29, .\37 u\24\28large\29 {680			width: 58.[PHONE REDACTED]%;681			clear: none;682			margin-left: 0;683		}684 685		.\36 u\28large\29, .\36 u\24\28large\29 {686			width: 50%;687			clear: none;688			margin-left: 0;689		}690 691		.\35 u\28large\29, .\35 u\24\28large\29 {692			width: 41.[PHONE REDACTED]%;693			clear: none;694			margin-left: 0;695		}696 697		.\34 u\28large\29, .\34 u\24\28large\29 {698			width: 33.[PHONE REDACTED]%;699			clear: none;700			margin-left: 0;701		}702 703		.\33 u\28large\29, .\33 u\24\28large\29 {704			width: 25%;705			clear: none;706			margin-left: 0;707		}708 709		.\32 u\28large\29, .\32 u\24\28large\29 {710			width: 16.[PHONE REDACTED]%;711			clear: none;712			margin-left: 0;713		}714 715		.\31 u\28large\29, .\31 u\24\28large\29 {716			width: 8.[PHONE REDACTED]%;717			clear: none;718			margin-left: 0;719		}720 721		.\31 2u\24\28large\29 + *,722		.\31 1u\24\28large\29 + *,723		.\31 0u\24\28large\29 + *,724		.\39 u\24\28large\29 + *,725		.\38 u\24\28large\29 + *,726		.\37 u\24\28large\29 + *,727		.\36 u\24\28large\29 + *,728		.\35 u\24\28large\29 + *,729		.\34 u\24\28large\29 + *,730		.\33 u\24\28large\29 + *,731		.\32 u\24\28large\29 + *,732		.\31 u\24\28large\29 + * {733			clear: left;734		}735 736		.\-11u\28large\29 {737			margin-left: 91.66667%;738		}739 740		.\-10u\28large\29 {741			margin-left: 83.33333%;742		}743 744		.\-9u\28large\29 {745			margin-left: 75%;746		}747 748		.\-8u\28large\29 {749			margin-left: 66.66667%;750		}751 752		.\-7u\28large\29 {753			margin-left: 58.33333%;754		}755 756		.\-6u\28large\29 {757			margin-left: 50%;758		}759 760		.\-5u\28large\29 {761			margin-left: 41.66667%;762		}763 764		.\-4u\28large\29 {765			margin-left: 33.33333%;766		}767 768		.\-3u\28large\29 {769			margin-left: 25%;770		}771 772		.\-2u\28large\29 {773			margin-left: 16.66667%;774		}775 776		.\-1u\28large\29 {777			margin-left: 8.33333%;778		}779 780	}781 782	@media screen and (max-width: 980px) {783 784		.row > * {785			padding: 0 0 0 1.5em;786		}787 788		.row {789			margin: 0 0 -1px -1.5em;790		}791 792		.row.uniform > * {793			padding: 1.5em 0 0 1.5em;794		}795 796		.row.uniform {797			margin: -1.5em 0 -1px -1.5em;798		}799 800		.row.\32 00\25 > * {801			padding: 0 0 0 3em;802		}803 804		.row.\32 00\25 {805			margin: 0 0 -1px -3em;806		}807 808		.row.uniform.\32 00\25 > * {809			padding: 3em 0 0 3em;810		}811 812		.row.uniform.\32 00\25 {813			margin: -3em 0 -1px -3em;814		}815 816		.row.\31 50\25 > * {817			padding: 0 0 0 2.25em;818		}819 820		.row.\31 50\25 {821			margin: 0 0 -1px -2.25em;822		}823 824		.row.uniform.\31 50\25 > * {825			padding: 2.25em 0 0 2.25em;826		}827 828		.row.uniform.\31 50\25 {829			margin: -2.25em 0 -1px -2.25em;830		}831 832		.row.\35 0\25 > * {833			padding: 0 0 0 0.75em;834		}835 836		.row.\35 0\25 {837			margin: 0 0 -1px -0.75em;838		}839 840		.row.uniform.\35 0\25 > * {841			padding: 0.75em 0 0 0.75em;842		}843 844		.row.uniform.\35 0\25 {845			margin: -0.75em 0 -1px -0.75em;846		}847 848		.row.\32 5\25 > * {849			padding: 0 0 0 0.375em;850		}851 852		.row.\32 5\25 {853			margin: 0 0 -1px -0.375em;854		}855 856		.row.uniform.\32 5\25 > * {857			padding: 0.375em 0 0 0.375em;858		}859 860		.row.uniform.\32 5\25 {861			margin: -0.375em 0 -1px -0.375em;862		}863 864		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {865			width: 100%;866			clear: none;867			margin-left: 0;868		}869 870		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {871			width: 91.[PHONE REDACTED]%;872			clear: none;873			margin-left: 0;874		}875 876		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {877			width: 83.[PHONE REDACTED]%;878			clear: none;879			margin-left: 0;880		}881 882		.\39 u\28medium\29, .\39 u\24\28medium\29 {883			width: 75%;884			clear: none;885			margin-left: 0;886		}887 888		.\38 u\28medium\29, .\38 u\24\28medium\29 {889			width: 66.[PHONE REDACTED]%;890			clear: none;891			margin-left: 0;892		}893 894		.\37 u\28medium\29, .\37 u\24\28medium\29 {895			width: 58.[PHONE REDACTED]%;896			clear: none;897			margin-left: 0;898		}899 900		.\36 u\28medium\29, .\36 u\24\28medium\29 {901			width: 50%;902			clear: none;903			margin-left: 0;904		}905 906		.\35 u\28medium\29, .\35 u\24\28medium\29 {907			width: 41.[PHONE REDACTED]%;908			clear: none;909			margin-left: 0;910		}911 912		.\34 u\28medium\29, .\34 u\24\28medium\29 {913			width: 33.[PHONE REDACTED]%;914			clear: none;915			margin-left: 0;916		}917 918		.\33 u\28medium\29, .\33 u\24\28medium\29 {919			width: 25%;920			clear: none;921			margin-left: 0;922		}923 924		.\32 u\28medium\29, .\32 u\24\28medium\29 {925			width: 16.[PHONE REDACTED]%;926			clear: none;927			margin-left: 0;928		}929 930		.\31 u\28medium\29, .\31 u\24\28medium\29 {931			width: 8.[PHONE REDACTED]%;932			clear: none;933			margin-left: 0;934		}935 936		.\31 2u\24\28medium\29 + *,937		.\31 1u\24\28medium\29 + *,938		.\31 0u\24\28medium\29 + *,939		.\39 u\24\28medium\29 + *,940		.\38 u\24\28medium\29 + *,941		.\37 u\24\28medium\29 + *,942		.\36 u\24\28medium\29 + *,943		.\35 u\24\28medium\29 + *,944		.\34 u\24\28medium\29 + *,945		.\33 u\24\28medium\29 + *,946		.\32 u\24\28medium\29 + *,947		.\31 u\24\28medium\29 + * {948			clear: left;949		}950 951		.\-11u\28medium\29 {952			margin-left: 91.66667%;953		}954 955		.\-10u\28medium\29 {956			margin-left: 83.33333%;957		}958 959		.\-9u\28medium\29 {960			margin-left: 75%;961		}962 963		.\-8u\28medium\29 {964			margin-left: 66.66667%;965		}966 967		.\-7u\28medium\29 {968			margin-left: 58.33333%;969		}970 971		.\-6u\28medium\29 {972			margin-left: 50%;973		}974 975		.\-5u\28medium\29 {976			margin-left: 41.66667%;977		}978 979		.\-4u\28medium\29 {980			margin-left: 33.33333%;981		}982 983		.\-3u\28medium\29 {984			margin-left: 25%;985		}986 987		.\-2u\28medium\29 {988			margin-left: 16.66667%;989		}990 991		.\-1u\28medium\29 {992			margin-left: 8.33333%;993		}994 995	}996 997	@media screen and (max-width: 736px) {998 999		.row > * {1000			padding: 0 0 0 1.25em;1001		}1002 1003		.row {1004			margin: 0 0 -1px -1.25em;1005		}1006 1007		.row.uniform > * {1008			padding: 1.25em 0 0 1.25em;1009		}1010 1011		.row.uniform {1012			margin: -1.25em 0 -1px -1.25em;1013		}1014 1015		.row.\32 00\25 > * {1016			padding: 0 0 0 2.5em;1017		}1018 1019		.row.\32 00\25 {1020			margin: 0 0 -1px -2.5em;1021		}1022 1023		.row.uniform.\32 00\25 > * {1024			padding: 2.5em 0 0 2.5em;1025		}1026 1027		.row.uniform.\32 00\25 {1028			margin: -2.5em 0 -1px -2.5em;1029		}1030 1031		.row.\31 50\25 > * {1032			padding: 0 0 0 1.875em;1033		}1034 1035		.row.\31 50\25 {1036			margin: 0 0 -1px -1.875em;1037		}1038 1039		.row.uniform.\31 50\25 > * {1040			padding: 1.875em 0 0 1.875em;1041		}1042 1043		.row.uniform.\31 50\25 {1044			margin: -1.875em 0 -1px -1.875em;1045		}1046 1047		.row.\35 0\25 > * {1048			padding: 0 0 0 0.625em;1049		}1050 1051		.row.\35 0\25 {1052			margin: 0 0 -1px -0.625em;1053		}1054 1055		.row.uniform.\35 0\25 > * {1056			padding: 0.625em 0 0 0.625em;1057		}1058 1059		.row.uniform.\35 0\25 {1060			margin: -0.625em 0 -1px -0.625em;1061		}1062 1063		.row.\32 5\25 > * {1064			padding: 0 0 0 0.3125em;1065		}1066 1067		.row.\32 5\25 {1068			margin: 0 0 -1px -0.3125em;1069		}1070 1071		.row.uniform.\32 5\25 > * {1072			padding: 0.3125em 0 0 0.3125em;1073		}1074 1075		.row.uniform.\32 5\25 {1076			margin: -0.3125em 0 -1px -0.3125em;1077		}1078 1079		.\31 2u\28small\29, .\31 2u\24\28small\29 {1080			width: 100%;1081			clear: none;1082			margin-left: 0;1083		}1084 1085		.\31 1u\28small\29, .\31 1u\24\28small\29 {1086			width: 91.[PHONE REDACTED]%;1087			clear: none;1088			margin-left: 0;1089		}1090 1091		.\31 0u\28small\29, .\31 0u\24\28small\29 {1092			width: 83.[PHONE REDACTED]%;1093			clear: none;1094			margin-left: 0;1095		}1096 1097		.\39 u\28small\29, .\39 u\24\28small\29 {1098			width: 75%;1099			clear: none;1100			margin-left: 0;1101		}1102 1103		.\38 u\28small\29, .\38 u\24\28small\29 {1104			width: 66.[PHONE REDACTED]%;1105			clear: none;1106			margin-left: 0;1107		}1108 1109		.\37 u\28small\29, .\37 u\24\28small\29 {1110			width: 58.[PHONE REDACTED]%;1111			clear: none;1112			margin-left: 0;1113		}1114 1115		.\36 u\28small\29, .\36 u\24\28small\29 {1116			width: 50%;1117			clear: none;1118			margin-left: 0;1119		}1120 1121		.\35 u\28small\29, .\35 u\24\28small\29 {1122			width: 41.[PHONE REDACTED]%;1123			clear: none;1124			margin-left: 0;1125		}1126 1127		.\34 u\28small\29, .\34 u\24\28small\29 {1128			width: 33.[PHONE REDACTED]%;1129			clear: none;1130			margin-left: 0;1131		}1132 1133		.\33 u\28small\29, .\33 u\24\28small\29 {1134			width: 25%;1135			clear: none;1136			margin-left: 0;1137		}1138 1139		.\32 u\28small\29, .\32 u\24\28small\29 {1140			width: 16.[PHONE REDACTED]%;1141			clear: none;1142			margin-left: 0;1143		}1144 1145		.\31 u\28small\29, .\31 u\24\28small\29 {1146			width: 8.[PHONE REDACTED]%;1147			clear: none;1148			margin-left: 0;1149		}1150 1151		.\31 2u\24\28small\29 + *,1152		.\31 1u\24\28small\29 + *,1153		.\31 0u\24\28small\29 + *,1154		.\39 u\24\28small\29 + *,1155		.\38 u\24\28small\29 + *,1156		.\37 u\24\28small\29 + *,1157		.\36 u\24\28small\29 + *,1158		.\35 u\24\28small\29 + *,1159		.\34 u\24\28small\29 + *,1160		.\33 u\24\28small\29 + *,1161		.\32 u\24\28small\29 + *,1162		.\31 u\24\28small\29 + * {1163			clear: left;1164		}1165 1166		.\-11u\28small\29 {1167			margin-left: 91.66667%;1168		}1169 1170		.\-10u\28small\29 {1171			margin-left: 83.33333%;1172		}1173 1174		.\-9u\28small\29 {1175			margin-left: 75%;1176		}1177 1178		.\-8u\28small\29 {1179			margin-left: 66.66667%;1180		}1181 1182		.\-7u\28small\29 {1183			margin-left: 58.33333%;1184		}1185 1186		.\-6u\28small\29 {1187			margin-left: 50%;1188		}1189 1190		.\-5u\28small\29 {1191			margin-left: 41.66667%;1192		}1193 1194		.\-4u\28small\29 {1195			margin-left: 33.33333%;1196		}1197 1198		.\-3u\28small\29 {1199			margin-left: 25%;1200		}

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