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.
221.8k
1<!DOCTYPE html>2<html class="client-nojs" dir="ltr" lang="en">3 <head>4 <meta content="width=device-width, initial-scale=1.0" name="viewport">5 <meta charset="utf-8">6 <meta content="en-us" http-equiv="content-language">7 <meta content="Learn Ben & Jerry's facts for kids" name="description">8 <meta content="Learn Ben & Jerry's facts for kids" name="og:description">9 <meta content="" name="thumbnail">10 <meta content="" property="og:image">11 <title>12 Ben & Jerry's Facts for Kids13 </title>14 <meta content name="ResourceLoaderDynamicStyles">15 <meta content="initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0, width=device-width" name="viewport">16 </head>17 <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt stable skin-minerva action-view feature-footer-v2">18 <div id="mw-mf-viewport">19 <div id="mw-mf-page-center">20 <div class="header-container" style="background-color: #f8efc6;">21 <div class="header">22 <div>23 <table style="24 width: 100%;25">26 <tbody>27 <tr>28 <td id="robotcell">29 <a>30 <img alt="kids encyclopedia robot" height="170" src="rick.jpg" style="31 height: 170px;32 width: 139px;33 margin-left: 5px;34 margin-right: -10px;35" width="139">36 </a>37 </td>38 <td>39 <div class="search_form">40 <form action="" id="cse-search-box" method="GET">41 <center>42 <a>43 <div class="logo-top">44 <img alt="Kids search engine" border="0" height="80" src="rick.jpg" width="240">45 </div>46 </a>47 </center>48 <table>49 <tbody>50 <tr>51 <td class="" id="search_container">52 <table>53 <tbody>54 <tr>55 <td class="search_field_clear">56 <input autocapitalize="off" autocomplete="off" autocorrect="off" id="q" name="q" onblur="document.getElementById('search_container').className = ''; " onfocus="if (this.value == '') { document.getElementById('search_form_input_clear_one').className = 'search_form_input_clear_closed' }57 if (this.value != '') { document.getElementById('search_container').className = 'active'; } " onkeydown="document.getElementById('search_form_input_clear_one').className = 'search_form_input_clear_opened';58 document.getElementById('search_container').className = 'active';" onkeyup="if (this.value == '') { document.getElementById('search_form_input_clear_one').className = 'search_form_input_clear_closed'59 document.getElementById('search_form_input_clear_one').className = 'search_form_input_clear_closed';60 document.getElementById('search_container').className = 'active'; };" size="35" type="text">61 </td>62 <td class="search_form_input_clear">63 <button class="search_form_input_clear_closed" id="search_form_input_clear_one" onclick="document.getElementById('q').value=''; document.getElementById('q').focus();" type="button" value="X">64 Clear65 </button>66 </td>67 <td class="search_button">68 <button class="submit s_btn" type="submit" value="Search">69 Search70 </button>71 </td>72 </tr>73 </tbody>74 </table>75 </td>76 </tr>77 <tr>78 <td>79 <div class="top_menu" style="text-align: center;">80 <ul>81 <li>82 <a>83 Web84 </a>85 </li>86 <li>87 <a>88 Images89 </a>90 </li>91 <li>92 <a>93 Kimages94 </a>95 </li>96 <li class="active">97 <a>98 Kpedia99 </a>100 </li>101 </ul>102 </div>103 </td>104 </tr>105 </tbody>106 </table>107 </form>108 </div>109 </td>110 </tr>111 </tbody>112 </table>113 </div>114 </div>115 </div>116 <div class="mw-body" id="content">117 <div class="pre-content heading-holder">118 <h1 id="section_0">119 Ben & Jerry's facts for kids120 </h1>121 <div style="display: block; font-family: 'Linux Libertine','Georgia','Times',serif; font-size: 15px; line-height: 1.3; margin-top: -7px; padding-left: 2px;">122 <a>123 Kids Encyclopedia Facts124 </a>125 </div>126 </div>127 <div class="content" id="bodyContent">128 <div class="mw-content-ltr" dir="ltr" id="mw-content-text" lang="en">129 <table class="infobox vcard" style="width:22em">130 <caption class="fn org">131 Ben & Jerry’s Homemade Holdings, Inc.132 </caption>133 <tbody>134 <tr>135 <th scope="row" style="padding-right:0.5em;">136 <div style="padding:0.1em 0;line-height:1.2em;">137 <a title="List of legal entity types by country">138 Type139 </a>140 </div>141 </th>142 <td class="category" style="line-height:1.35em;">143 Subsidiary144 </td>145 </tr>146 <tr>147 <th scope="row" style="padding-right:0.5em;">148 Industry149 </th>150 <td class="category" style="line-height:1.35em;">151 Food Processing152 </td>153 </tr>154 <tr>155 <th scope="row" style="padding-right:0.5em;">156 Founded157 </th>158 <td style="line-height:1.35em;">159 <a title="Burlington, Vermont">160 Burlington, Vermont161 </a>162 (1978)163 </td>164 </tr>165 <tr>166 <th scope="row" style="padding-right:0.5em;">167 Founder168 </th>169 <td class="agent" style="line-height:1.35em;">170 Ben Cohen171 <br>172 Jerry Greenfield173 </td>174 </tr>175 </tbody>176 </table>177 <p>178 <b>179 Ben and Jerry’s180 </b>181 is an American182 <a title="Ice cream">183 ice cream184 </a>185 company.186 <a title="Burlington, Vermont">187 Burlington, Vermont188 </a>189 . In 2000, Ben and Jerry's was sold to190 <a title="Unilever">191 Unilever192 </a>193 , a British-Dutch company.194 </p>195 <p>196 </p>197 <div class="toc" id="toc">198 <div id="toctitle">199 <h2>200 Contents201 </h2>202 </div>203 <ul>204 <li class="toclevel-1 tocsection-1">205 <a>206 <span class="toctext">207 History208 </span>209 </a>210 </li>211 <li class="toclevel-1 tocsection-2">212 <a>213 <span class="toctext">214 Flavors and Sizes215 </span>216 </a>217 </li>218 <li class="toclevel-1 tocsection-3">219 <a>220 <span class="toctext">221 Flavor Graveyard222 </span>223 </a>224 </li>225 <li class="toclevel-1 tocsection-4">226 <a>227 <span class="toctext">228 Locations229 </span>230 </a>231 </li>232 </ul>233 </div>234 <p>235 </p>236 <h2>237 <span class="mw-headline" id="History">238 History239 </span>240 </h2>241 <p>242 In 1977, Ben Cohen and Jerry Greenfield completed a course on ice cream making at Pennsylvania State University. On May 5, 1978, they opened a first ice cream shop in a gas station in243 <a title="Burlington, Vermont">244 Burlington, Vermont245 </a>246 .247 <a title="Ronald Reagan">248 Ronald Reagan249 </a>250 .251 </p>252 <h2>253 <span class="mw-headline" id="Flavors_and_Sizes">254 Flavors and Sizes255 </span>256 </h2>257 <div class="thumb tright">258 <div class="thumbinner" style="width:302px;">259 <a class="image">260 <img alt="Ben Jerry's display freezer at Dominos" class="thumbimage" height="400" src="rick.jpg" width="300">261 </a>262 <div class="thumbcaption">263 <div class="magnify">264 <a class="internal" title="Enlarge">265 </a>266 </div>267 Ben & Jerry's display freezer at a local268 <a title="Dominoes">269 Dominos270 </a>271 .272 </div>273 </div>274 </div>275 <p>276 You can get Ben and Jerry's ice cream in pints, pint slices, non-dairy pints, scoop shop flavors, frozen yogurt pints, mini cups and quarts. Top ten flavors:277 </p>278 <ol>279 <li>280 Half Baked281 </li>282 <li>283 Cherry Garcia284 </li>285 <li>286 Chocolate Chip Cookie Dough287 </li>288 <li>289 Chocolate Fudge Brownie290 </li>291 </ol>292 <h2>293 <span class="mw-headline" id="Flavor_Graveyard">294 Flavor Graveyard295 </span>296 </h2>297 <ul>298 <li>299 Schweedy balls300 </li>301 <li>302 Wavy Gravvy303 </li>304 <li>305 Fossil Fuel306 </li>307 <li>308 Turtle Soup309 </li>310 </ul>311 <p>312 REST IN PEACE MY FRIENDS :)313 </p>314 <h2>315 <span class="mw-headline" id="Locations">316 Locations317 </span>318 </h2>319 <p>320 Ben & Jerry’s has their shops all over the world, in places like Austria, Australia, Belgium, Canada, Cyprus, Denmark, Finland, France, Germany, Hong Kong, Iceland, Ireland, Israel, Italy, Malta, Mexico, Netherlands, Norway, Portugal, Singapore, Spain, Sweden, Switzerland, Thailand, Turkey, United Kingdom,and the United States.321 </p>322 <h2>323 <span class="mw-headline" id="Resources">324 Resources325 </span>326 </h2>327 <p>328 "Ben & Jerry’s" Ben & Jerry’s. Ben & Jerry’s. <329 <span style="word-break:break-word;">330 http://www.benjerry.co.uk/ourflavours/331 </span>332 >. (2010)333 </p>334 <h2>335 <span class="mw-headline" id="Images_for_kids">336 Images for kids337 </span>338 </h2>339 <ul class="gallery mw-gallery-traditional">340 <li class="gallerybox" style="width: 155px; max-width: 100% !important;">341 <div style="width: 155px; max-width: 100% !important;">342 <div class="thumb" style="width: 150px; max-width: 100% !important;">343 <div style="margin:35px auto;">344 <a class="image">345 <img alt="Ben and Jerry" height="80" src="rick.jpg" width="120">346 </a>347 </div>348 </div>349 <div class="gallerytext">350 <p>351 Jerry Greenfield (left) and Ben Cohen (right) in 2010352 </p>353 </div>354 </div>355 </li>356 <li class="gallerybox" style="width: 155px; max-width: 100% !important;">357 <div style="width: 155px; max-width: 100% !important;">358 <div class="thumb" style="width: 150px; max-width: 100% !important;">359 <div style="margin:19.5px auto;">360 <a class="image">361 <img alt="Freeconeday cowgirl" height="111" src="rick.jpg" width="120">362 </a>363 </div>364 </div>365 <div class="gallerytext">366 <p>367 Woman in cow costume promoting Free Cone Day outside a Ben & Jerry's shop in368 <a title="Stockholm">369 Stockholm370 </a>371 , Sweden372 </p>373 </div>374 </div>375 </li>376 </ul>377 <h2>378 <span class="mw-headline" id="See_also">379 See also380 </span>381 </h2>382 <p>383 <img alt="Kids robot.svg" height="73" src="rick.jpg" width="60">384 In Spanish:385 <a class="external text">386 Ben & Jerry's para niños387 </a>388 </p>389 </div>390 <div class="printfooter">391 </div>392 </div>393 <div class="post-content" id="page-secondary-actions">394 </div>395 <div class="post-content" id="page-secondary-actions">396 <style>397 @media print{li.gallerybox{vertical-align:top;display:inline-block}ul.gallery,li.gallerybox{zoom:1;*display:inline}ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox div.thumb{text-align:center;border:1px solid #ccc;margin:2px}div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word}}li.gallerybox{vertical-align:top;display:-moz-inline-box;display:inline-block}ul.gallery,li.gallerybox{zoom:1;*display:inline}ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox div.thumb{text-align:center;border:1px solid #ccc;background-color:#f9f9f9;margin:2px}li.gallerybox div.thumb img{display:block;margin:0 auto}div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word}.galleryfilename{display:block}.galleryfilename-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.mw-gallery-nolines li.gallerybox div.thumb{background-color:transparent;border:none}ul.mw-gallery-nolines li.gallerybox div.gallerytext{text-align:center}ul.mw-gallery-packed li.gallerybox div.thumb,ul.mw-gallery-packed-overlay li.gallerybox div.thumb,ul.mw-gallery-packed-hover li.gallerybox div.thumb{background-color:transparent;border:none}ul.mw-gallery-packed li.gallerybox div.thumb img,ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,ul.mw-gallery-packed-hover li.gallerybox div.thumb img{margin:0 auto}ul.mw-gallery-packed-hover li.gallerybox,ul.mw-gallery-packed-overlay li.gallerybox{position:relative}ul.mw-gallery-packed-hover div.gallerytextwrapper{overflow:hidden;height:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{position:absolute;background:#fff;background:rgba(255,255,255,0.8);padding:5px 10px;bottom:0;left:0;height:auto;max-height:40%;overflow:hidden;font-weight:bold;margin:2px}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover{overflow:visible;max-height:none}ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p{text-overflow:clip;white-space:normal;overflow:visible}ul.mw-gallery-packed-hover,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed{text-align:center}ul.gallery.mw-gallery-slideshow{display:block;margin:4em 0}ul.gallery.mw-gallery-slideshow .gallerycaption{font-size:1.3em;margin:0}ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled{margin-bottom:1.3em}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons{opacity:0.5;padding:1.3em 0}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement{margin:0 2em}.mw-gallery-slideshow li.gallerybox.slideshow-current{background:#efefef}.mw-gallery-slideshow .gallerybox > div{max-width:120px}ul.mw-gallery-slideshow li.gallerybox div.thumb{border:none;background:transparent}ul.mw-gallery-slideshow li.gallerycarousel{display:block;text-align:center}.mw-gallery-slideshow-img-container a{display:block}html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,ins,em,img,small,strike,strong,sub,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,select,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;background:none}table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%}caption{font-weight:bold}button{border:0;background-color:transparent}body{line-height:1;-webkit-tap-highlight-color:transparent}input{line-height:normal}ol,ul{list-style:none}table{border-collapse:collapse}html,body{height:100%}#content{border-top:solid 1px transparent}.header-container{background-color:#eaecf0;border-bottom:1px solid #ddd}.search-box{-webkit-tap-highlight-color:rgba(255,255,255,0)}.search-box .search{padding:0.5em 0 0.5em 32px;background-position:left 6px center;background-repeat:no-repeat;background-size:20px 20px;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,0.05)}.last-modified-bar{background-color:transparent;display:block;color:#54595d;transition:background-color 0.2s ease,color 0.2s ease}.last-modified-bar a,.last-modified-bar a:visited{color:#666666}.last-modified-bar a:nth-child( 2 ),.last-modified-bar a:visited:nth-child( 2 ){font-weight:bold}.last-modified-bar #mw-mf-last-modified{padding:5px 16px;background-color:#eaecf0}.last-modified-bar.active{color:#fff}.last-modified-bar.active #mw-mf-last-modified{background-color:#00af89}.last-modified-bar.active a{color:#fff}.header{display:table;width:100%;border-spacing:0;border-collapse:collapse;height:3.35em;white-space:nowrap;border-top:1px solid #c8ccd1;margin-top:-1px}.header > div{width:3.35em;position:relative}.header > form,.header > div{vertical-align:middle;display:table-cell}.header > div a{display:block}.header > form{width:auto;vertical-align:middle}.header > .header-title{vertical-align:middle}.header > table{margin-top:10px}.header .header-action > *{min-height:3.35em}.header > form,.overlay-header .overlay-title{padding:0.15em 0}.header > form:last-child,.overlay-header .overlay-title:last-child{padding-right:1em}@media all and (max-width:280px){.header .search{border:1px solid #c8ccd1;padding:0.5em 0.1em;background:none}}.client-use-basic-search .search-box .fulltext-search,.client-nojs .search-box .fulltext-search,.client-use-basic-search .search-box .button-wrapper,.client-nojs .search-box .button-wrapper{background-color:#3366cc;border-radius:2px;cursor:pointer;float:right;margin-left:0.5em;padding:0.375em 0}.client-use-basic-search .search-box .fulltext-search .fulltext-search,.client-nojs .search-box .fulltext-search .fulltext-search,.client-use-basic-search .search-box .button-wrapper .fulltext-search,.client-nojs .search-box .button-wrapper .fulltext-search{opacity:0;padding:0}.client-use-basic-search .search-box .input-wrapper,.client-nojs .search-box .input-wrapper{overflow:hidden}.client-use-basic-search .search-box .input-wrapper .search,.client-nojs .search-box .input-wrapper .search{margin-right:0;padding-right:0.1em;width:100%}.client-use-basic-search .search-box > .search,.client-nojs .search-box > .search,.client-use-basic-search .search-box > .fulltext-search,.client-nojs .search-box > .fulltext-search{display:inline-block;float:none}.client-use-basic-search .search-box > .search,.client-nojs .search-box > .search{max-width:180px}.client-use-basic-search .content h2,.client-nojs .content h2{border-bottom:solid 1px #eaecf0}input.search{outline:0;width:100%;background-color:#fff !important;-webkit-appearance:none}input.search::-webkit-search-decoration,input.search::-webkit-search-cancel-button,input.search::-webkit-search-results-button,input.search::-webkit-search-results-decoration{display:none}.content h1 .edit-page{font-size:0.5em}.content h2{clear:both}.content h2 .edit-page{font-size:0.5555555599999999em}.content h3 .edit-page{font-size:0.625em}.content .edit-page{display:inline-block;visibility:hidden}.content .open-block .edit-page{visibility:visible}.content .section-heading{margin-bottom:0.5em}.content .section-heading .indicator{font-size:0.4em}.content .section-heading,.content .in-block{display:inline}.content .section-heading > span,.content .in-block > span{display:block;vertical-align:middle;padding-bottom:10px}.client-nojs .section-heading .indicator{display:none}.stable #page-secondary-actions #language-switcher,.stable #page-secondary-actions .language-selector{margin-top:1em}#page-secondary-actions{clear:both}#page-secondary-actions a{margin:10px 2px 2px 0}.truncated-text{white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}.truncated-text.multi-line{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.truncated-text.two-line{-webkit-line-clamp:2;max-height:2.6em}.overlay #secondary-button.user-button,.header #secondary-button.user-button,.overlay .user-button,.header .user-button{position:relative}.overlay #secondary-button.user-button .label,.header #secondary-button.user-button .label,.overlay .user-button .label,.header .user-button .label{visibility:hidden}.overlay #secondary-button.user-button.loading span,.header #secondary-button.user-button.loading span,.overlay .user-button.loading span,.header .user-button.loading span{display:none}.notification-count{text-indent:0;display:inline-block;font-weight:bold;border-radius:2px;height:1.2em;line-height:1.2em;min-width:1em;margin:0.6em 0.6em 0 0;padding:0 0.1em;text-align:center;position:absolute;right:0;top:-0.1em;color:#72777d;background:#d2d2d2}.notification-count.notification-unseen{color:#fff;background:#c91f2c}.notification-count.zero{display:none}.notification-count.max{right:0.2em;width:2em;height:2em;line-height:2em;font-size:0.7em}.mw-ui-button-group{text-align:center}.mw-ui-button-group *{float:none !important}.mw-ui-button-group .mw-ui-block{width:auto}.transparent-shield,.navigation-drawer{position:absolute;z-index:0;visibility:hidden}.content .nojs-edit{display:inline-block;visibility:visible;float:right}.logo{text-align:center;width:34px}.logo a img{margin-right:5px;margin-left:5px}.search_form,.search_form form{width:100%;max-width:620px}.search_form form > table{width:100%;padding-top:7px;padding-right:5px;padding-left:5px;border-collapse:separate;border-spacing:0}.search_form form > table td{padding:0px 0px;margin:0px 0px}.search_form form > table td.search_field_clear{margin-right:-1px}input#q{width:76%;line-height:23px;height:18px;font-family:arial,sans-serif;font-size:16px;font-weight:bold;background:#fff;border:none !important;padding:6px 2%;vertical-align:top;outline:none;box-shadow:inset 0px 0px 0px 1px #3079ed,inset 2px 2px 4px 0px #DDDDDD;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px}#search_container{background-color:#fff;border:4px solid #fff;border-radius:100px;box-shadow:5px 4px 12px 1px rgba(0,0,0,0.32)}#search_container > table{width:100%}button.s_btn{background:url(https://kids.kiddle.co/images/wk/search_icon_m.png) no-repeat center 13px;background-color:#fff;text-indent:-9999em;cursor:pointer;width:45px;height:45px;padding:0px 0px;margin-left:0px;color:#ffffff;border:none !important;border-left:none !important;vertical-align:top;border-radius:100px;font-family:Arial,Helvetica,sans-serif;font-size:13px;outline:none}#search_container.active button.s_btn{background-position:center -19px;background-color:#de5d58;border:none !important}button.s_btn.s_btn_inner{width:auto !important;margin:5px 0px 0px 0px;padding:0px 10px}.search_field_clear input#q,.search_field_clear input#q2{display:table-cell;width:98%;line-height:23px;height:22px;padding:5px 0% 5px 20px;font-family:arial,sans-serif;font-size:20px;color:#696969;font-weight:normal;background:transparent !important;border:none !important;border-right:none !important;vertical-align:top;outline:none;box-shadow:none !important;-webkit-border-radius:3px 0px 0px 3px;-moz-border-radius:3px 0px 0px 3px;border-radius:3px 0px 0px 3px}#search_form_input_clear_one{display:table-cell;width:34px;padding:0px;margin:0px;height:34px;text-indent:-9999em;border:none;outline:none;cursor:pointer;border-radius:0px;background:url(https://kids.kiddle.co/images/wk/clear_but.png) transparent no-repeat -100px -100px}#search_container.active #search_form_input_clear_one.search_form_input_clear_opened{background-position:center center}#search_form_input_clear_one.search_form_input_clear_closed{background:transparent !important}.search_inner input.submit{float:left}input::-ms-clear{display:none}td.search_form_input_clear{width:30px}td.search_button{width:48px}td.search_button button.s_btn{width:100%}#cse .gsc-imageResult .gsc-imageResult{margin-bottom:20px;margin-right:0px}#cse .gsc-imageResult .gs-imageResult .gs-image-box{text-align:left}.logo-top img{border:none}#robotcell{border:none}.top_menu{text-align:left;margin-top:2px;padding-top:3px;padding-left:0px;padding-right:0px;padding-bottom:5px}.top_menu > ul{display:inline-block;margin:0px 0px 0px 0px;padding:0px}.top_menu > ul > li{display:inline-block;list-style:none}.top_menu > ul > li > a{color:#911c1c;display:block;padding:0px 9px;line-height:25px;text-decoration:none;font-weight:bold;font-size:12px;border-bottom:2px solid transparent;padding-top:3px}.top_menu > ul > li > a:hover{color:#f76d6a}.top_menu > ul > li.active > a{color:#FFF;background:#f76d6a;position:relative}@media only screen and (max-width:550px){.top_menu{margin-top:15px}}@media only screen and (max-width:360px){.top_menu > ul > li.newstab{display:none}}@media only screen and (min-width:550px){.logo-top img{height:80px;width:auto;margin-top:5px;margin-bottom:-5px}}@media only screen and (max-width:550px){#robotcell{display:none}}@media only screen and (max-width:550px){.logo-top img{margin-top:1px;margin-bottom:-10px;height:55px;width:auto}}.client-nojs #ca-watch,.client-nojs #ca-edit,#ca-talk.selected{display:none !important}#page-actions .nojs-edit{display:inline-block}.heading-holder{padding:20px 0px 10px 0px;overflow:hidden;position:relative}.heading-holder h1{padding-right:16px}.heading-holder .tagline{color:#54595d;font-size:0.85em;margin:7px 0 0}.heading-holder .tagline:first-letter{text-transform:capitalize}#section_0{padding-top:0;padding-bottom:7px;border-bottom:0}#page-actions{font-size:1.1em;float:none;border:0;overflow:hidden;position:absolute;bottom:0;width:100%;border-top:1px solid #eaecf0;border-bottom:1px solid #c8ccd1;padding:0.5em 0}#page-actions li{display:inline-block;position:relative;cursor:pointer;margin-right:0;margin-bottom:0;float:right}#page-actions li input{opacity:0}#page-actions li input,#page-actions li a,#page-actions li span,#page-actions li button{position:absolute;display:block;width:100%;height:100%;margin:0 0 8px}#page-actions li button{text-indent:inherit;outline:none}#page-actions li:first-child{margin-top:0}#page-actions .language-selector{float:left;margin-left:-1em}#page-actions .language-selector.disabled{cursor:default;opacity:0.25}#page-actions #ca-edit{margin-right:-1em}@media all and (max-width:280px){.client-nojs #page-actions{display:none}.client-nojs #section_0{border:0}}@media all and (min-width:720px){#page-actions{position:initial;float:right;width:auto;border:0;margin:0 0 1em 1em}#page-actions .language-selector{float:inherit}}#footer{padding:2em 16px 1.5em 16px;margin:0 auto;font-size:0.9em;clear:both}#footer h2{display:inline;font-weight:bold;font-size:1em}#footer h2 img{height:1em}#footer ul{text-align:center}#footer ul li{line-height:1.2;padding:0 0 0.7em;display:block}#footer ul ul{display:inline}#footer ul ul li,#footer ul.footer-places li{display:inline;padding:0 8px;border-right:1px solid #a2a9b1}#footer ul ul li:after,#footer ul.footer-places li:after{content:' ';font-size:0}#footer ul ul li:last-child,#footer ul.footer-places li:last-child{border:0}#footer ul.hlist-separated li:after{content:''}.mw-mf-special #footer,.page-Main_Page #footer{margin-top:2em;border-top:1px solid #a2a9b1}.cloaked-element{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0}.view-border-box *,.view-border-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.mw-mf-image-replacement{font-style:italic;color:#72777d;text-decoration:underline;border:dotted 1px #c8ccd1;padding:10px;display:inline-block}textarea{padding:5px 0 5px 5px;width:100%;resize:none}.client-nojs .toc-mobile,.client-js .no-js-only,.printfooter,.jsonly{display:none}.no-js-only,.client-js .jsonly{display:inherit}.position-fixed{position:fixed !important}.touch-events :focus{outline:0}.hidden{display:none !important}#mw-mf-page-center{background-color:#fff}.lazy-image-placeholder{background-color:#eaecf0;display:block}li .lazy-image-placeholder,span .lazy-image-placeholder{display:inline}.client-nojs .lazy-image-placeholder{display:none}.lazy-image-placeholder img{opacity:0}.lazy-image-placeholder.loaded{-webkit-animation:fadeOutContainer 0.3s ease-in;animation:fadeOutContainer 0.3s ease-in;background-color:transparent;border:0}.lazy-image-placeholder.loaded img{-webkit-animation:fadeInImage 0.3s ease-in;animation:fadeInImage 0.3s ease-in;opacity:1}@-webkit-keyframes fadeInImage{from{opacity:0}to{opacity:1}}@keyframes fadeInImage{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}@keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}@media print{.noprint,.banner-container,.header,.pre-content,.post-content{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid}table,figure,img,.lazy-image-placeholder{page-break-inside:avoid}img{max-width:100%}}html{-webkit-text-size-adjust:none;font-size:100%}body{font-family:'Helvetica Neue','Helvetica','Nimbus Sans L','Arial','Liberation Sans',sans-serif;line-height:1.4;color:#222222;background:#fff}.pre-content,.content,.post-content{margin:0 16px}.content{line-height:1.65;word-wrap:break-word}@media all and (max-width:280px){body{font-size:0.8em}.content{margin:0 12px}}.nomobile{display:none !important}.content .thumb{margin:0.6em 0}.content .thumb .thumbinner{margin:0 auto;max-width:100% !important}.content .thumb .thumbinner > div{float:none;width:auto !important}.content .thumb .noresize{width:100%;overflow-x:auto}.content .thumb .noresize img{max-width:none !important}.content .thumbcaption{margin:0.5em 0 0;font-size:0.8em;line-height:1.5;padding:0 !important;color:#54595d;width:auto !important}.content .thumbborder{border:1px solid #c8ccd1}.content img{vertical-align:middle}.content .floatright{clear:right;float:right;margin:0 0 0.6em 0.6em}.content .floatleft{clear:left;float:left;margin:0 0.6em 0.6em 0}.content a > img{max-width:100% !important;height:auto !important}.content div.magnify{display:none}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.6em;font-weight:bold}h4{font-size:1.5em;font-weight:bold}h5{font-size:1.4em;font-weight:bold}h6{font-size:1.3em;font-weight:bold}.pre-content h1,.content h1,.content h2,h3,h4,h5,h6{display:inline;font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3;word-wrap:break-word;word-break:break-word}.content h2,.content h3,.content h4,.content h5,.content h6{padding:0.5em 0}.content .mw-headline{display:block;vertical-align:middle;padding-top:10px;padding-bottom:10px}.toc h2,h3,h4,h5,h6{line-height:2.0}blockquote{font-family:'Linux Libertine','Georgia','Times',serif;font-size:1.1em;quotes:'\201C' '\201D';padding:1em 25px 1em 30px;position:relative;overflow:hidden}blockquote:before{content:open-quote;font-size:3em;position:absolute;left:0;top:0}blockquote:after{content:close-quote;font-size:3em;line-height:1;position:absolute;right:0;bottom:0}.hlist > ul li,ul.hlist li{display:inline-block;margin-right:8px}.content{}.content ul{padding-bottom:20px;padding-left:1em;list-style:disc}.content ul > li > ul{list-style-type:square}.content ul > li > ul > li > ul{list-style-type:circle}.content ol{padding-bottom:20px;list-style:decimal inside}.content ol ol,.content ul ol,.content ol ul,.content ul ul{margin-left:1em}.content ol li,.content ul li{margin-bottom:10px}.content ol li:last-child,.content ul li:last-child{margin-bottom:inherit}dl{margin-left:1em}dl dt{font-weight:bold}body.mw-hide-empty-elt .mw-empty-elt{display:none}.hlist-separated li:after{content:'•';padding-left:8px;color:#002bb8;font-size:16px;line-height:1}.hlist-separated :last-child:after{content:''}.toc{}.toc ul{padding-bottom:10px;list-style:none}.toc ul > li > ul{list-style-type:none}.toc ul > li > ul > li > ul{list-style-type:none}.toc ol{padding-bottom:10px;list-style:none}.toc ol ol,.toc ul ol,.toc ol ul,.toc ul ul{margin-left:1em}.toc ol li,.toc ul li{margin-bottom:10px}.toc ol li:last-child,.toc ul li:last-child{margin-bottom:inherit}a{text-decoration:none;color:#002bb8}a:visited{color:#5a3696}a:active{color:#faa700}a:hover{text-decoration:none;color:#dc3939}a.new,a.new:visited,a.new:hover{color:#cc0000}a.external{padding-right:0px}.return-link,#mw-mf-last-modified{display:block;font-size:0.9em;margin-top:1.5em}.plainlinks a{background:none !important;padding:0 !important}.content p{margin:0.5em 0 1em 0}strong,b{font-weight:bold}em,i{font-style:italic}code,pre{font-family:monospace;border:solid 1px #c8ccd1;white-space:pre-wrap}code{padding:0.2em 0.5em}pre{padding:1em}sup{vertical-align:super}sub{vertical-align:sub}sub,sup{font-size:0.75em;line-height:1}.content table{margin:1em 0;overflow:auto;overflow-y:hidden;overflow-x:auto;display:block;width:100% !important}.content table caption{display:block;text-align:center;background-color:#fff}.content table.wikitable{border:1px solid #c8ccd1}.content table.wikitable > tr > th,.content table.wikitable > tr > td,.content table.wikitable > * > tr > th,.content table.wikitable > * > tr > td{border:1px solid #c8ccd1;padding:0.2em}.content table.wikitable > tr > th,.content table.wikitable > * > tr > th{background-color:#eaecf0}.error{display:none}.collapsible td{width:auto !important}.content .tmbox,.content .ambox,.content #coordinates,.content .navbox,.content .vertical-navbox,.content .topicon,.content .metadata{display:none !important}.content table{float:none !important;margin-left:0 !important;margin-right:0 !important}.content table.infobox{font-size:90%;position:relative;border:0;margin-bottom:2em;text-align:left;background-color:#f8f9fa}.content table.infobox th,.content table.infobox td{vertical-align:top;border:0;border-bottom:1px solid #dddddd;padding:0.2em}.content table.infobox tr:last-child th,.content table.infobox tr:last-child td{border:0}#filetoc,.mw-editsection{display:none}.skin-minerva .portal-column-left-wide,.skin-minerva .portal-column-left,.skin-minerva .portal-column-right,.skin-minerva .portal-column-right-narrow{float:none;width:100%}.references-column-count{-moz-column-width:35em;-webkit-column-width:35em;column-width:35em}.references li:target{background-color:#def}.hatnote,.dablink,.rellink{padding:0 0 0.6em 0;color:#72777d;font-size:0.8em;font-style:italic}.quotebox{margin:0 0 0.8em !important;width:auto !important}@media all and (max-width:720px){.content table.multicol > tr > td,.content table.multicol > tbody > tr > td{display:block !important;width:auto !important}}.feature-footer-v2{background-color:#eaecf0}.feature-footer-v2 #mw-mf-page-center{background-color:#eaecf0}.mw-body{background-color:#ffffff;padding-bottom:32px}.feature-footer-v2 footer{border-top:solid 1px #c8ccd1;overflow:auto;padding-bottom:10px}.feature-footer-v2 footer .last-modified-bar{border-bottom:solid 1px #c8ccd1;background-color:#eaecf0;display:block;color:#666666;line-height:1.5em;transition:background-color 0.2s ease,color 0.2s ease}.feature-footer-v2 footer .last-modified-bar.active{background-color:#00af89;color:#fff}.feature-footer-v2 footer .last-modifier-tagline{display:block;width:100%;font-size:0.9em;padding:7px 2em 7px 0}.feature-footer-v2 footer .indicator{position:absolute;right:-1em}.feature-footer-v2 footer .indicator:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.client-nojs .feature-footer-v2 footer .indicator{display:none}.feature-footer-v2 footer > .post-content{overflow:auto;margin-top:10px}.feature-footer-v2 footer > .post-content > *{margin-bottom:9px}.feature-footer-v2 footer > .post-content > h2{border-bottom:solid 1px #c8ccd1;padding-bottom:10px;margin-top:42px;font-size:1em;font-weight:bold}.feature-footer-v2 footer > .post-content > h2:first-child{margin-top:0}.feature-footer-v2 footer > .post-content .hlist,.feature-footer-v2 footer > .post-content .license{font-size:0.875em}.rtl.feature-footer-v2 footer .indicator:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (min-width:720px){.feature-footer-v2 footer .last-modified-bar{padding-left:0;padding-right:0;font-size:1em}}.toc{display:table;background:#eeeeee;padding-left:14px;padding-right:14px;border:solid 1px #e3e3e3}@media all and (min-width:720px){.toc-mobile{display:table;visibility:visible;position:relative;font-size:1.3em;float:none;clear:left;margin:1em 0;border:solid 1px transparent}.toc-mobile > h2{visibility:visible;font-family:'Helvetica Neue','Helvetica','Nimbus Sans L','Arial','Liberation Sans',sans-serif;font-size:0.8em;font-weight:bold;border-bottom:0;padding:0.7em 0}.content_block{width:auto;clear:none}.heading-holder{position:relative}.heading-holder #section_0{border-bottom:0;padding:0 0 7px 0;font-size:2.6525em}#page-actions{padding:18px 0 0 0}#page-actions li{display:inline-block}#page-actions li:first-child{margin-top:0}.pre-content,.content,.content-overlay,.post-content{max-width:55.8em;margin:0 3.35em}.content .thumb.tleft{float:left;clear:left;margin-right:1.4em}.content .thumb.tright{float:right;clear:right;margin-left:1.4em}.content blockquote{padding-right:35px;padding-left:40px}.content table{display:table;width:auto !important}.content table caption{display:table-caption}.content table tbody{display:table-row-group}#footer{padding:2em 3.35em 1.5em 3.35em}#mw-mf-last-modified{padding:5px 0}.last-modified-bar{background-color:transparent;padding-left:0;padding-right:0;font-size:1em}}@media all and (min-width:62.5em){#mw-mf-page-center .mw-mf-banner,.banner-container,.header,.page-header-bar,.content-header,.overlay-header,.content,.overlay-content,.content-unstyled,.pre-content,.post-content,.content-overlay,#mw-mf-page-center .pointer-overlay{margin-left:auto;margin-right:auto;max-width:55.8em}.header{max-width:57.8em}}.geo-default,.geo-dms,.geo-dec{display:inline}.geo-nondefault,.geo-multi-punct{display:none}.longitude,.latitude{white-space:nowrap}.locmap .od{position:absolute}.locmap .id{position:absolute;line-height:0}.locmap .l0{font-size:0;position:absolute}.locmap .pv{line-height:110%;position:absolute;text-align:center}.locmap .pl{line-height:110%;position:absolute;top:-0.75em;text-align:right}.locmap .pr{line-height:110%;position:absolute;top:-0.75em;text-align:left}.locmap .pv > div{display:inline;padding:1px}.locmap .pl > div{display:inline;padding:1px;float:right}.locmap .pr > div{display:inline;padding:1px;float:left}.templatequotecite{color:#db5050}@media all and (min-width:720px){table.infobox{margin:0.5em 0 1em 35px !important;max-width:320px;width:auto !important;float:right !important;clear:right !important}#mw-mf-page-center .mw-mf-banner{background-clip:content-box !important}}table.infobox{word-wrap:break-word}398 399div#footer {400margin-top: 0;401padding: 0px;402font-size: 100%;403margin-bottom: -10px;404margin-top: 10px;405}406 div#footer ul {407 list-style-type: none;408 list-style-image: none;409 margin: 0;410 padding: 0;411}412 div#footer #footer-info li {413 line-height: 2em;414 padding: 0px;415 text-align: left;416}417 </style>418 <div id="footer" role="contentinfo">419 <ul id="footer-info">420 <li id="footer-info-lastmod">421 This page was last modified on 27 October 2023, at 12:11.422 <span style="border: 1px solid #ccc; background: #eee;">423 <a rel="nofollow">424 Suggest an edit425 </a>426 .427 </span>428 </li>429 </ul>430 </div>431 </div>432 </div>433 <footer>434 <div class="post-content footer-content">435 <table>436 <tbody>437 <tr>438 <td>439 <h2>440 <a>441 Kiddle encyclopedia442 </a>443 </h2>444 <div class="license">445 Content is available under446 <a rel="nofollow">447 CC BY-SA 3.0448 </a>449 unless otherwise noted. 450Kiddle encyclopedia articles are based on selected content and facts from451 <a rel="nofollow">452 Wikipedia453 </a>454 , edited or rewritten for children. 455Powered by456 <a rel="nofollow">457 MediaWiki458 </a>459 .460 </div>461 <ul class="footer-places hlist hlist-separated">462 <li>463 <a>464 Kiddle465 </a>466 </li>467 <li class="">468 <a>469 Español470 </a>471 </li>472 <li>473 <a rel="nofollow">474 About475 </a>476 </li>477 <li>478 <a rel="nofollow">479 Privacy480 </a>481 </li>482 © 2023 Kiddle.co483 </ul>484 </td>485 </tr>486 </tbody>487 </table>488 </div>489 </footer>490 </div>491 </div>492 <!-- v:5 -->493 </body>494</html>495