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
root10848.html
10848.html1791 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en-EN" xmlns="">3 <head>4  <style>5   /*==GENERAL==*/6html{font-size: 62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}7body {font-family: "Tahoma", Helvetica, Arial, sans-serif;font-size: 12px;line-height: 18px !important;color: #808080;background-color: #fff;margin: 0}8a{color: #ff671f;text-decoration: none;}9.inbenta-contents a:hover,a:focus {text-decoration: underline;}10.container{padding: 0 20px 50px 20px;}11*:before,*:after , *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}12 13.inbenta-contents {background-color: #fff;}14.row.header{background-color: #fff;}15.ingersollrand .container.content{background:url("../images/bg_crosshatch.jpg") repeat-y scroll left top rgba(0, 0, 0, 0);padding: 0 30px;}16.footer.row{background-color: #fff;padding-bottom: 14px;}17 18.inbenta-contents .seoContents {padding: 10px;}19 20/*==TITLES==*/21.inbenta-contents .seoContents h1.title {22    border: medium none;23    font-size: 30px;24    margin: 10px 0 26px;25    padding: 0;26}27/*====*/28.inbenta-contents .seoContents.faqs h1.title {29    border-bottom: 1px solid #dbdbdb;30    margin: 8px 0 0;31    padding-bottom: 4px;32}33.inbenta-contents .seoContents.faqs h2.title {34    border-bottom: medium none;35    font-size: 14px;36    margin-bottom: 0;37    padding: 30px 0 8px;38}39/*====*/40.inbenta-contents .seoContents.faq h2.title {41    border-bottom: medium none;42    font-size: 15px;43    margin-bottom: 0;44    padding: 40px 0 8px;45}46.inbenta-contents .seoContents.faq h1.title {47    border-bottom: 1px solid #dbdbdb;48    font-size: 16px;49    margin: 8px 0 16px;50    padding-bottom: 4px;51}52/*====*/53.inbenta-contents .seoContents h1.title.userQuestion {54    font-size: 18px;55    text-align: center;56}57.inbenta-contents .seoContents h1.title.userQuestion span.quote{58	color: #FF671F;59}60.inbenta-contents .seoContents.results h2.title{61    border-bottom: medium none;62    font-size: 15px;63    margin-bottom: 0;64    padding:8px 0;65    color: #666;66}67 68/*==NAVIGATION==*/69.inbenta-contents .nav{ 70    background-color: #3a3a3a;71    list-style: outside none none;72    margin-top: 20px;73    padding: 0;74    margin-bottom: 0;75}76.inbenta-contents .nav > li {display:inline-block;vertical-align: middle;}77.inbenta-contents .nav > li > a{78    color: #fff;79    display: block;80    font-family: arial;81    font-size: 13px;82    padding: 10px 20px;83    text-decoration: none;84}85.inbenta-contents .nav > li + li {margin: 0;}86.inbenta-contents .nav > li:hover a{background-color:#939393;}87.inbenta-contents .nav > li.active a{background-color: #FF671F;color: #FFFFFF ;}88.inbenta-contents .nav > li.active > a:hover {89    color: #fff !important;90}91 92/*==BREADCRUMB==*/93.inbenta-contents .breadcrumb {94    background-color: #f7f7f7;95    padding: 4px 10px;96    /*display: none;*/97    margin-bottom: 0;98}99.inbenta-contents .breadcrumb a{color: #666;}100.inbenta-contents .breadcrumb > li {display: inline-block;}101.inbenta-contents .breadcrumb > li + li:before {padding: 0 0 0 5px;color: #666;content: "/\00a0";}102.inbenta-contents .breadcrumb .active {color: #3a3a3a;}103 104/*==CONTENTS==*/105.inbenta-contents .row{margin: 0;}106.inbenta-contents .containerContents .row.header {107    background: none repeat scroll 0 0 #ededed;108    color: #666;109    font-family: arial;110    font-size: 15px;111    text-align: center;112    margin: 0;113}114.inbenta-contents .row.header .column {115    padding: 5px 0;116}117.inbenta-contents .containerContents .row{display: block;background-color:#FAFAFA;border-bottom: 1px solid #DBDBDB;}118.inbenta-contents .containerContents .row .column .question {119    font-size: 12px;120    font-weight: 600;121}122.inbenta-contents .faqBody,123.inbenta-contents .faqBody > *,124.inbenta-contents .faqBody *,125.inbenta-contents .containerContents .column.answer{font-size: 12px !important;line-height: 18px!important;color: #808080 !important;}126.inbenta-contents .containerContents{display: block;}127.inbenta-contents .containerContents .column{display: inline-block;width: 48.8%;vertical-align:top;padding: 10px;}128.inbenta-contents .containerContents .column.all{width: 100%;}129.inbenta-contents .containerContents .column ul{list-style: none;padding: 0;margin: 0}130 131/*==PAGINATION==*/132.inbenta-contents .paginationContainer{display: block;text-align: right;}133.inbenta-contents .pagination {134    display: inline-block;135    margin: 15px 0;136    padding: 0;137}138.inbenta-contents .pagination > li {display: inline;}139.inbenta-contents .pagination > li > a,140.inbenta-contents .pagination > li > span {141	position: relative;142	float: left;143      padding: 3px 6px;144	font-size: 12px;145	margin-left: -1px;146	color: #fff;147	text-decoration: none;148	background-color: #939393;149}150.inbenta-contents .pagination > .active > a,151.inbenta-contents .pagination > .active > span,152.inbenta-contents .pagination > .active > a:hover,153.inbenta-contents .pagination > .active > span:hover,154.inbenta-contents .pagination > .active > a:focus,155.inbenta-contents .pagination > .active > span:focus{z-index: 2;cursor: default;background-color: #FF671F;}156.inbenta-contents .pagination > li > a:hover,157.inbenta-contents .pagination > li > span:hover,158.inbenta-contents .pagination > li > a:focus,159.inbenta-contents .pagination > li > span:focus {color: #939393;background-color: #DBDBDB;}160.inbenta-contents .title + .pagination{margin-top:0;}161 162/*163@media (max-width:1000px){164  .containerContents .column{display: inline-block;width: 49.7%;}165}166@media (max-width:700px){167  .containerContents .column{display: inline-block;width: 49.4%;}168}169@media (max-width:500px){170  .containerContents .column{display: inline-block;width: 49.1%;}171  .nav > li{display: block;width: 100%}172  .nav > li + li{margin: 10px 0 0 0;}173}174*/175 176.inbenta-contents .search{177    padding:20px;178}179 180 181 182article,183aside,184details,185figcaption,186figure,187footer,188header,189hgroup,190main,191nav,192section,193summary {194	display: block;195}196 197audio,198canvas,199video {200	display: inline-block;201}202 203audio:not([controls]) {204	display: none;205	height: 0;206}207 208[hidden],209.oculted {210	display: none;211}212 213html {214	font-family: sans-serif;215	-webkit-text-size-adjust: 100%;216	-ms-text-size-adjust: 100%;217}218 219body {220	margin: 0;221}222 223a:active,224a:hover,225a:focus {226	outline: 0;227}228 229b,230strong {231	font-weight: bold;232}233 234hr {235	-moz-box-sizing: content-box;236	box-sizing: content-box;237	height: 0;238}239 240img {241	border: 0;242}243 244button,245input,246select,247textarea {248	font-family: inherit;249	font-size: 100%;250	margin: 0;251}252 253button,254input {255	line-height: normal;256}257 258button,259select {260	text-transform: none;261}262 263button,264html input[type="button"],265input[type="reset"],266input[type="submit"] {267	-webkit-appearance: button;268	cursor: pointer;269}270 271button[disabled],272html input[disabled] {273	cursor: not-allowed;274}275 276input[type="checkbox"],277input[type="radio"] {278	box-sizing: border-box;279	padding: 0;280}281 282input[type="search"] {283	-webkit-appearance: textfield;284	-moz-box-sizing: content-box;285	-webkit-box-sizing: content-box;286	box-sizing: content-box;287}288 289input[type="search"]::-webkit-search-cancel-button,290input[type="search"]::-webkit-search-decoration {291	-webkit-appearance: none;292}293 294button::-moz-focus-inner,295input::-moz-focus-inner {296	border: 0;297	padding: 0;298}299 300textarea {301	overflow: auto;302	vertical-align: top;303}304 305table {306	border-collapse: collapse;307	border-spacing: 0;308}309 310*,311*:before,312*:after {313	-webkit-box-sizing: border-box;314	-moz-box-sizing: border-box;315	box-sizing: border-box;316}317 318html {319	font-size: 62.5%;320	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);321}322 323body {324	font-family: Tahoma, Arial, sans-serif;325	font-size: 13px;326	line-height: 1.428571429;327	color: #1D252D;328	background-color: #ffffff;329}330 331input,332button,333select,334textarea {335	font-family: inherit;336	font-size: inherit;337	line-height: inherit;338}339 340button,341input,342select[multiple],343textarea {344	background-image: none;345}346 347a {348	color: #FF671F;349	text-decoration: none;350}351 352a:hover,353a:focus {354	color: #FF671F;355	text-decoration: underline;356}357 358a:focus {359	outline: thin dotted #1D252D;360	outline: 5px auto -webkit-focus-ring-color;361	outline-offset: -2px;362}363 364img {365	vertical-align: middle;366}367 368.img {369	display: block;370	max-width: 100%;371	height: auto;372}373 374hr {375	margin-top: 18px;376	margin-bottom: 18px;377	border: 0;378	border-top: 1px solid #e1e1e1;379}380 381h1,382h2,383h3,384h4,385h5,386h6,387.h1,388.h2,389.h3,390.h4,391.h5,392.h6 {393	font-family: Tahoma, Arial, sans-serif;394	;395	font-weight: 600;396	line-height: 1.1;397}398 399h1.bold,400h2.bold,401h3.bold,402h4.bold,403h5.bold,404h6.bold,405.h1.bold,406.h2.bold,407.h3.bold,408.h4.bold,409.h5.bold,410.h6.bold {411	font-weight: 500;412}413 414h1,415h2,416h3 {417	margin: 20px 0;418}419 420h4,421h5,422h6 {423	margin-top: 9px;424	margin-bottom: 9px;425}426 427h1 {428	font-size: 37px;429	font-weight: 400;430}431 432h2 {433	font-size: 18px;434	font-weight: 300;435	color: #FF671F;436}437 438h3 {439	font-size: 23px;440}441 442h4 {443	font-size: 17px;444}445 446h5 {447	font-size: 13px;448}449 450h6 {451	font-size: 12px;452}453 454ul,455ol {456	margin-top: 0;457	margin-bottom: 9px;458}459 460ul ul,461ol ul,462ul ol,463ol ol {464	margin-bottom: 0;465}466 467/*== GRID COLUMN SYSTEM ==*/468.container {469	margin-right: auto;470	margin-left: auto;471	padding-left: 15px;472	padding-right: 15px;473}474 475.container:after {476	clear: both;477}478 479.container:before,480.container:after {481	content: " ";482	display: table;483}484 485.container:after {486	clear: both;487}488 489.row {490	margin-left: -15px;491	margin-right: -15px;492}493 494.row:after {495	clear: both;496}497 498.row:before,499.row:after {500	content: " ";501	display: table;502}503 504.row:after {505	clear: both;506}507 508.column1,509.column2,510.column3,511.column4,512.column5,513.column6,514.column7,515.column8,516.column9,517.column10,518.column11,519.column12 {520	position: relative;521	min-height: 1px;522	padding-left: 15px;523	padding-right: 15px;524	float: left;525}526 527.column1 {528	width: 8.333333333333332%;529}530 531.column2 {532	width: 16.666666666666664%;533}534 535.column3 {536	width: 25%;537}538 539.column4 {540	width: 33.33333333333333%;541}542 543.column5 {544	width: 41.66666666666667%;545}546 547.column6 {548	width: 50%;549}550 551.column7 {552	width: 58.333333333333336%;553}554 555.column8 {556	width: 66.66666666666666%;557}558 559.column9 {560	width: 75%;561}562 563.column10 {564	width: 83.33333333333334%;565}566 567.column11 {568	width: 91.66666666666666%;569}570 571.column12 {572	width: 100%;573}574 575.columnMargin-0 {576	margin-left: 0;577}578 579.columnMargin-1 {580	margin-left: 8.333333333333332%;581}582 583.columnMargin-2 {584	margin-left: 16.666666666666664%;585}586 587.columnMargin-3 {588	margin-left: 25%;589}590 591.columnMargin-4 {592	margin-left: 33.33333333333333%;593}594 595.columnMargin-5 {596	margin-left: 41.66666666666667%;597}598 599.columnMargin-6 {600	margin-left: 50%;601}602 603.columnMargin-7 {604	margin-left: 58.333333333333336%;605}606 607.columnMargin-8 {608	margin-left: 66.66666666666666%;609}610 611.columnMargin-9 {612	margin-left: 75%;613}614 615.columnMargin-10 {616	margin-left: 83.33333333333334%;617}618 619.columnMargin-11 {620	margin-left: 91.66666666666666%;621}622 623/*624 625//////////////RESPONSIVE///////////////626 627@media (max-width: 480px) {628	.onlyDesktop{display: none;}629	.column1, .column2 ,.column3,.column4 ,.column5 ,.column6 ,.column7,630	.column8,.column9,.column10 ,.column11,.column12 {width: 100%;}631	.search .textInput.column11{width: 65.667% !important;}}632@media (max-width: 768px){633	body{padding: 28px 20px !important;}634	.container{margin-top:0 !important;}635}636@media (min-width: 768px){637	.container{max-width: 750px;}638	body{padding: 28px 20px !important;}639}640@media (min-width: 992px) {641	.container {max-width: 970px;}642}643@media (min-width: 1200px) {644	.container{max-width: 970px;}645}646*/647 648 649/*======= INGERSOLLRAND =========*/650body.ingersollrand {651	background: url(../img/bg_gradient.jpg) repeat-x scroll left top #9B9B9A;652	padding: 28px 20px;653}654 655.container.content {656	background: #fff;657	padding: 0 30px 14px 30px;658	box-shadow: 0 33px 15px 4px #6e6e6e;659	margin: 0 auto;660	width: 970px !important;661}662 663/**== BUTTONS ==*/664.button {665	display: inline-block;666	padding: 6px 12px;667	margin-bottom: 0;668	font-size: 14px;669	font-weight: 400;670	line-height: 1.428571429;671	text-align: center;672	white-space: nowrap;673	vertical-align: middle;674	cursor: pointer;675	border: 1px solid transparent;676	border-radius: 4px;677	-webkit-user-select: none;678	-moz-user-select: none;679	-ms-user-select: none;680	-o-user-select: none;681	user-select: none;682	background-color: #FFFFFF;683	border-color: #CCCCCC;684	color: #1D252D;685}686 687.button:focus {688	outline: thin dotted #1D252D;689	outline: 5px auto -webkit-focus-ring-color;690	outline-offset: -2px691}692 693.button:hover,694.button:focus {695	color: #1D252D;696	text-decoration: none;697	background: #ebebeb;698}699 700.button:active,701.button.active {702	background-image: none;703	outline: 0;704	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);705	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)706}707 708.button.disabled,709.button[disabled],710fieldset[disabled] .button {711	pointer-events: none;712	cursor: not-allowed;713	opacity: .65;714	filter: alpha(opacity=65);715	-webkit-box-shadow: none;716	box-shadow: none717}718 719/*RED BUTTON*/720.button.red {721	color: #fff;722	background-color: #FF671F;723	border-color: #FF671F724}725 726.button.red:hover,727.button.red:focus,728.button.red:active,729.button.red.active,730.open .dropdown-toggle.button.red {731	color: #fff;732	background-color: #939393;733	border-color: #939393734}735 736.button.red:active,737.button.red.active {738	background-image: none739}740 741.button.red.disabled,742.button.red[disabled],743fieldset[disabled] .button.red,744.button.red.disabled:hover,745.button.red[disabled]:hover,746fieldset[disabled] .button.red:hover,747.button.red.disabled:focus,748.button.red[disabled]:focus,749fieldset[disabled] .button.red:focus,750.button.red.disabled:active,751.button.red[disabled]:active,752fieldset[disabled] .button.red:active,753.button.red.disabled.active,754.button.red[disabled].active,755fieldset[disabled] .button.red.active {756	background-color: #428bca;757	border-color: #e94340758}759 760.button.big {761	padding: 10px 16px;762	font-size: 18px;763	line-height: 1.33;764	border-radius: 6px;765}766 767/*INPUTS*/768.textInput {769	display: block;770	height: 45px;771	padding: 10px 15px;772	font-size: 16px;773	line-height: 1.528571429;774	color: #555;775	vertical-align: middle;776	background-color: #fff;777	border: 1px solid #ccc;778	border-radius: 4px;779	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);780	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);781	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;782	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s783}784 785.textInput:focus {786	border-color: #9b9b9b;787	outline: 0;788	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(221, 221, 221, .6);789	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(221, 221, 221, .6)790}791 792.textInput[disabled],793.textInput[readonly],794fieldset[disabled] .textInput {795	cursor: not-allowed;796	background-color: #eee797}798 799/*HEADER*/800.logo {801	background-image: url(../img/allegion-logo.jpg);802	background-repeat: no-repeat;803	background-position: 0 0;804	display: block;805	height: 57px;806	margin: 14px 28px;807	width: 88px;808}809 810.row.header {811	margin: 0 -30px;812}813 814.menu {815	padding: 0;816	background-color: #3A3A3A;817	height: 35px;818}819 820.menuNav {821	list-style: none;822	margin: 0;823	padding: 0;824	height: 35px;825}826 827.menuNav>li {828	display: inline-block;829	height: 35px;830	line-height: 35px;831	vertical-align: middle;832}833 834.menuNav>li.active {835	background: #FF671F;836}837 838.menuNav>li .navItem {839	padding: 10px 20px 9px 20px;840}841 842.menuNav>li .navItem {843	color: #fff;844	font-weight: 400;845	font-family: Arial, Helvetica, sans-serif;846	font-size: 13px;847}848 849.menuNav>li:hover {850	background: #939393;851}852 853.menuNav>li:hover a,854.menuNav>li a:hover {855	text-decoration: none;856}857 858/*CONTENT*/859.title {860	margin: 0;861	padding: 30px 0 15px 0;862	border-bottom: 1px solid #e1e1e1;863	font-family: Tahoma, Arial;864	font-size: 36px;865	color: #FF671F;866	font-weight: bold;867}868 869.title>span {870	color: #1D252D;871	font-size: 24px;872	font-weight: normal;873}874 875.welcome p {876	margin: 0 0 10px 0;877	font-size: 14px;878}879 880/*SEARCH*/881.search {882	margin-bottom: 15px;883}884 885.search .textInput {886	margin-right: 10px;887}888 889.search .textInput.column11 {890	width: 88.6667%;891}892 893.search h2 {894	margin: 15px 0;895}896 897.search h2 .search_legend {898	display: block;899	clear: right;900}901 902.search h2 .search_legend_comments {903	color: #1D252D;904	font-size: 14px;905}906 907.search .go-back {908	margin-bottom: 10px;909}910 911/*TOP 10 & CATEGORIES*/912.top>h2,913.categories>h2,914h2.bold {915	border-bottom: 1px solid #e1e1e1;916	padding: 0 0 10px 0;917	margin: 15px 0 10px 0;918}919 920.faq {921	padding: 5px 0;922}923 924.faq>.accordion-title {925	font-size: 14px;926	font-weight: 300;927	color: #1D252D;928	cursor: pointer;929	background-image: url(../img/close.jpg);930	background-repeat: no-repeat;931	background-position: 0 4px;932	padding: 0 0 0 22px;933}934 935.faq>.accordion-title:hover {936	text-decoration: underline;937}938 939.faq>.accordion-title.active {940	background-image: url(../img/open.jpg);941	background-repeat: no-repeat;942	background-position: 0 4px;943	font-weight: 600;944}945 946.faq>.accordion-body {947	padding: 0 23px 15px 23px;948}949 950.faq>.accordion-body>p,951.faq>.accordion-body>*>p {952	margin: 0 0 10px 0;953}954 955.faq>.accordion-body>*,956.faq>.accordion-body>*>*,957.faq>.accordion-body>*>*>*,958.faq>.accordion-body>*>*>*,959.faq>.accordion-body>table,960.faq>.accordion-body>table>* {961	font-family: Tahoma, Arial, sans-serif !important;962	max-width: 100%;963}964 965.faq>.accordion-body>a {966	text-decoration: none;967}968 969.faq>.accordion-body>a:hover {970	text-decoration: underline;971}972 973.faq>.accordion-body ul,974.faq>.accordion-body ol {975	margin: 15px 0 !important;976}977 978.faq>.accordion-body>ul>li {979	padding: 0 0 5px 0;980}981 982.faq>.accordion-body>table td,983.faq>.accordion-body>table td>font {984	font-family: Tahoma, Arial, sans-serif !important;985}986 987.faq>.accordion-body>table td {988	border-color: #dedede !important;989	padding: 10px !important;990}991 992.faq>.accordion-body>h3 {993	font-size: 19px;994}995 996.categoriesList {997	padding: 10px 0 0 0;998	list-style: none;999}1000 1001.categoriesList .category {1002	background-image: url(../images/categoryA.jpg);1003	background-repeat: no-repeat;1004	background-position: 0 3px;1005	padding: 0 0 0 22px;1006	font-size: 14px;1007	font-weight: 500;1008	color: #1D252D;1009	cursor: pointer1010}1011 1012.categoriesList .category.active {1013	font-weight: bold;1014}1015 1016.categoriesList .numResults {1017	color: #6e6e6e;1018}1019 1020.categoryFilters .categoriesList {1021	padding: 0;1022}1023 1024.categoriesList .categoriesList {1025	padding-left: 10px;1026}1027 1028.top10-rating {1029	float: none;1030}1031 1032/*RESULTS*/1033.results>* {1034	font-family: Tahoma, Arial, Helvetica;1035}1036 1037.results>h2 {1038	border-bottom: 1px solid #e1e1e1;1039	padding: 0 0 10px 0;1040	margin: 15px 0 20px 0;1041	color: #1D252D1042}1043 1044.results>h2>span {1045	color: #FF671F;1046}1047 1048.result {1049	margin: 0 0 20px 0;1050	border-left: 5px solid #e1e1e1;1051	padding: 0 20px;1052}1053 1054.result:hover {1055	text-decoration: none;1056}1057 1058.result>* {1059	display: block;1060}1061 1062.result>.result-title {1063	font-size: 13px;1064	font-weight: 300;1065	color: #1D252D;1066	cursor: pointer;1067	color: #FF671F;1068	padding: 0 0 5px 25px;1069	background-image: url(../images/solutionA.jpg);1070	background-repeat: no-repeat;1071	background-position: 3px 3px;1072}1073 1074.result.pdf>.result-title {1075	background-image: url(../images/pdf.jpg);1076	background-position: 0 0;1077}1078 1079.result>.result-body {1080	color: #6e6e6e;1081	padding: 5px 0;1082	font-size: 12px;1083}1084 1085.result>.result-category {1086	color: #C05131;1087	font-size: 12px;1088}1089 1090.categories.filter>h2 {1091	border-bottom: 1px solid #e1e1e1;1092	padding: 0 0 10px 0;1093	margin: 15px 0 20px 0;1094}1095 1096.result .contentBody * {1097	font-family: Tahoma, Arial, sans-serif !important;1098}1099 1100.result .contentBody ul {1101	margin: 10px 0 !important;1102}1103 1104img {1105	max-width: 100% !important;1106	margin: 15px 0;1107}1108 1109/*RESULT*/1110.contentHead {1111	border-bottom: 1px solid #e1e1e1;1112}1113 1114.contentHead>* {1115	display: inline-block;1116	vertical-align: baseline;1117}1118 1119.content .rating,1120.content .rating-message {1121	background: #e1e1e1;1122	border: 1px solid #e6e6e6;1123	padding: 15px;1124	border-radius: 5px;1125	margin: 20px 0;1126}1127 1128.content .rating>*,1129.content .rating .comment>div * {1130	display: inline-block;1131	vertical-align: middle;1132}1133 1134.content .rating .comment {1135	width: 100%;1136}1137 1138.content .rating .comment>div {1139	margin-bottom: 13px;1140	margin-top: 13px;1141}1142 1143.content .rating .comment>div>textarea {1144	background-color: #FFFFFF;1145	resize: none;1146	border: 1px solid #CCCCCC;1147	border-radius: 4px 4px 4px 4px;1148	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;1149	color: #555555;1150	font-size: 14px;1151	height: 34px;1152	line-height: 1.42857;1153	padding: 6px 12px;1154	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;1155	width: 80%;1156}1157 1158.content .rating>span,1159.content .rating-message>span {1160	font-weight: bold;1161	color: #6e6e6e;1162	padding: 0 15px 0 0;1163}1164 1165.content .contentTitle {1166	font-size: 30px;1167	color: #FF671F;1168	max-width: 80%;1169}1170 1171.content .contentTitle.big {1172	margin: 15px 0 !important;1173}1174 1175.content .contentBody {1176	padding: 0 20px;1177}1178 1179.goBack {1180	float: right;1181	text-align: right;1182	font-size: 18px;1183	font-weight: 500;1184	text-decoration: none;1185	padding: 30px 0 0 17px;1186	background-image: url(../img/back.jpg);1187	background-repeat: no-repeat;1188	background-position: 0 37px;1189}1190 1191.goBack>a {1192	color: #6e6e6e;1193}1194 1195.go-back {1196	float: right;1197	text-align: right;1198	font-size: 18px;1199	font-weight: 500;1200	text-decoration: none;

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