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
14021.html1610 linesDownload Raw Back to root
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">2<html xml:lang="en" xmlns="">3 <head>4  <style>5   HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,6H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,7A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,8DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP,9SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR,10B, U, I, CENTER,11DL, DT, DD, OL, UL, li,12FIELDSET, FORM, LABEL, LEGEND {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}13BODY {line-height:1;}14UL {list-style:none;}15:focus {outline:0;}16INS {text-decoration:none;}17DEL {text-decoration:line-through;}18 19 20#header #google_ads_frame1_anchor, #header  #aswift_0_anchor  {margin:10px 0 8px 0 !important;}21.list #google_ads_frame1_anchor {margin:-3px 0 10px 0 !important;}22.joke #google_ads_frame1_anchor {margin:10px 0 0 0 !important;}23.search #google_ads_frame1_anchor {margin:0 0 10px 0 !important;}24.sortable #google_ads_frame1_anchor {margin:5px 0 5px 0 !important;}25#google_ads_frame1_anchor {margin:3px 0 10px 0}26#google_ads_frame2_anchor {margin:0 auto;}27#google_ads_frame3_anchor {margin:0 0 0 138px !important;}28#banner_topic_home{margin:10px 0 10px 0}29 30HTML, body {height:100%; width:100%;}31body {color:#333;}32body, input, textarea {font:14px Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;}33 34a{color:#333;border-bottom:1px solid #bbb;text-decoration:none;display:inline-block;cursor:pointer;}35    a:hover {color:#000;border-color:#666;}36 37.btn, .btn-white {background:url('/i.png') -64px -256px no-repeat;width:122px;height:42px;text-align:center;font-size:14px;font-weight:bold;color:#333333 !important;border:none !important;cursor:pointer;}38a.btn, a.btn-white {height:30px;padding-top:12px;}39    .btn-white {background-position:-64px -344px;}40    .btn:hover, .btn-white:hover {color:#000;}41        .btn:hover {background-position:-64px -300px;}42        .btn-white:hover {background-position:-64px -389px;}43 44    .loader {background:url(loader.gif) 55px 14px no-repeat;text-indent:-9999px;}45 46a.ajax, span.ajax, .ajax a {border-bottom:dotted 1px #999 !important;cursor:pointer;color:#333;}47    a.ajax:hover, span.ajax:hover, .ajax a:hover {border-bottom-color:#777;color:#000;}48 49h1 {font-size: 22px;color:#444;font-weight:normal;margin:0 0 0 -1px;display:inline;}50	h1 a {padding-bottom: 3px;}51 52.error{color:#f00 !important;}53    input[type="checkbox"].error{outline-style:solid; outline-color:#f00; outline-width:1px;}54.hidden {display:none;}55 56 57.vote {padding:0; display: flex; }58        .vote div {}59        .vote div span {font-size:12px; cursor:pointer; padding:8px 10px;}60 61        .vote div span:hover {background: #eee; border-radius: 5px;}62        .vote div span:active {background: #aaa;}63 64            .static div span {cursor:default;color:#888 !important;}65 66            .vote .up span  {67                color: #2d7b40;68            }69 70            .vote .up span::before {71                content: "👍 ";72                font-size: 16px;73            }74 75                .vote .up span:hover {background-position:1px -99px;}76                .static .up span {background-position:1px -181px !important;}77 78            .vote .down span  {79                color: #955942;80                margin-left:px;81            }82 83            .vote .down span::after {84                content: " 👎";85               font-size: 16px;86            }87 88                .vote .down span:hover {background-position:0 -214px;}89                .static .down span {background-position: 0 -297px !important;}90 91 92 93.alphabetBox{padding-bottom:20px;text-align:center;}94    .alphabetBox a, .alphabetBox b {margin-right:10px;}95 96.topicsList {text-align:center;}97    .topicsList a {margin:0 3px 3px 3px;line-height:normal;border-color:#fff;}98    .topicsList a:hover {border-color:#666;}99    .topicsList span{color:#999;font-weight:100;}100 101.filters {float:right;clear:right;color:#999;font-size:12px;margin-right:-5px;}102    .filters span {margin:0 5px;}103    .filters a {margin:0 7px;cursor:pointer;color:#333;}104    .filters a.active {margin:0 2px;padding:0 5px;border:none  !important;background-color:#C30;color:#fff !important;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}105 106.lbox{background:url('/opacity-bg.png');position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}107    .lbox .lbox-i {position:relative;width:470px;top:30%;margin:0 auto;background-color:#fff;padding:10px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}108 109    .lbox .lbox-c {position:absolute;width:64px;height:28px;top:-12px;right:-16px;background:url('/lbox-c.png');cursor:pointer; }110 111/* blocks */112#container {min-height:100%;position:relative; width:100%; max-width:960px;margin:0 auto;overflow:visible; padding:0px;}113 114#content {display: flex; clear: both; justify-content: space-between;}115    #main {line-height:150%; flex-grow: 1; padding:0px 20px 10px 0;}116    #sidebar {padding:3px 0 0; width:300px; line-height: 1.5em;}117 118#footer {clear:both;text-align:center;margin:20px auto;color:#666;}119 120 121#header {min-height:67px; text-align:center; margin-bottom: 40px;}122	#header li a{border-bottom:0}123        #l {float:left; border-color:#ccc; border-style:solid; text-decoration: none; border-width:0 0 1px 1px; border-radius: 0 0 0 4px;-moz-border-radius: 0 0 0 4px;-webkit-border-radius: 0 0 0 4px; background:url('/i.png') -2px -472px no-repeat;text-indent:-9999px;width:160px;height:67px;}124        #l:hover{background-position:-2px -541px;}125 126 127 128    .subheader {border-style:solid; background-color:#feff99; height:33px;border-width:0 1px; border-color:#ccc;float:left; width: 796px; overflow:visible;}129        .subheader.subheaderbottom {background-color:#ffcc00; border-width:1px;border-top-color:#e3ae7a;border-radius: 0 0 4px 0;-moz-border-radius: 0 0 4px 0;-webkit-border-radius: 0 0 4px 0;}130 131 132    .ad_google{133            display: block; text-align: center;134    }135 136    .ad_top { width: 320px; height: 100px; margin: 0px auto 20px auto}137    @media (min-width:500px) { .ad_top { width: 468px; height: 60px; } }138    @media (min-width:800px) { .ad_top { width: 728px; height: 90px; } }139 140 141.title {color:#828180;font-size:20px;padding:0 0 5px;height:22px;overflow:visible;}142    .title .filters {margin-top:10px;}143 144 145    /*background:url('/i.png') -48px -80px no-repeat;   */146 147    .dropDownHolder{float:left;}148    .dropDown {149            float:left;150            cursor:pointer;151            background:url('/i.png') -48px -80px no-repeat;152            padding:5px 0 0 0;153            margin:4px 0 0 4px;154            line-height:16px;155            height:16px;156            width:16px;157            position:relative;158            font-size:12px;159 160 161        }162        .dropDown div{}163        .dropDown ul {164            display:none;165            background:#fff;166            border:1px solid #c3c3c3;167            padding:5px 9px 6px;168            position:absolute;169            left:-30px;170            top:22px;171            width:137px;172            text-indent:0;173            border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;174            }175            .dropDown li {padding:1px 4px;background:#fff;}176            .dropDown a {color:#444;border:0;}177            .dropDown a:hover {color:#000;}178            .dropDown .bordered {border-bottom:1px solid #c3c3c3;padding-bottom:3px;margin-bottom:3px;}179        .dropDownActive {background-position:-48px -48px;}180 181.menu {182    padding: 6px;183    text-align: left;184    }185    .menu li {186        display: inline-block;187 188        padding:2px 6px;189        height: 17px;190        }191 192    .menu li a {193            float:left;194            padding-left:3px;195            color:#444;196            }197            .menu li a.active {font-weight:bold;}198            .menu li a:hover {color: #000; border-bottom: 2px solid #000;}199 200 201 202    .menu li.menu-1 {background:none;}203    .menu li .dropDown {margin-left:-5px;padding-top:3px;}204        .menu .dropDown ul {top:18px;right:-20px;font-weight:normal;}205            .menu .dropDown li {background:#fff;padding:1px 4px;height:16px;float:none;}206 207    #subscribe {width:298px;border:1px solid #999;background-color:#fff;}208            #subscribe .text {width:271px;}209 210    .searchform {width:210px;border:1px solid #999;background-color:#fff;}211		.searchform .text, #subscribe .text {border:none;border-color:transparent;color:#828180;float:left;padding:2px 0 1px 3px;margin:0;}212            .searchform .text {width:184px;}213            .searchform .text:focus,#subscribe .text:focus {color:#333}214            .searchform .submit, #subscribe .submit{background:url('/i.png') no-repeat;float:right;215                                                border:none;cursor:pointer;display:block;text-indent:-9999px;padding:0 0 0 19px;margin:0;height:18px;width:20px;}216 217    .searchform {position:absolute;top:6px;right:13px;}218        .searchform .submit {background-position:-16px -48px;}219            .searchform input.submit:hover {background-position:-16px -66px;}220 221    .searchformcenter {position:static;margin:0 auto 10px auto;}222        .searchformcenter {width:430px;}223        .searchformcenter .text{width:403px;}224 225 226    .ac_loading {background:url(loader.gif) 190px 4px no-repeat;}227        .search .ac_loading {background-position:390px 4px;}228 229    .ac_results {230        padding: 0px;231        border: 1px solid #999;232        background-color: white;233        overflow: hidden;234        z-index: 99999;235        margin-left:-1px;236        width:230px !important;237        border-radius: 0 0 5px 5px;238        -moz-border-radius: 0 0 5px 5px;239        -webkit-border-radius: 0 0 5px 5px;240    }241 242    .ac_results ul {243        width: 100%;244        list-style-position: outside;245        list-style: none;246        padding: 0;247        margin: 0;248    }249 250    .ac_results li {251        margin: 0px;252        padding: 2px 5px;253        display: block;254        /*255        if width will be 100% horizontal scrollbar will apear256        when scroll mode will be used257        */258        /*width: 100%;*/259        /*260        it is very important, if line-height not setted or setted261        in relative units scroll will be broken in firefox262        */263        line-height: 16px;264        overflow: hidden;265        border-bottom:1px solid #eee;266    }267 268    .ac_results li span.l {float:left;}269    .ac_results li span.r {color:#999;font-size:12px;float:right;}270    .ac_odd {}271 272    .ac_over {background-color:#333;color:#fff;}273 274 275 276    #subscribe {float:right;margin-top:2px;}277                #subscribe .submit {background-position:-96px -208px;}278                    form#subscribe .submit:hover {background-position:-96px -225px;}279 280#secondMenu {281    position:absolute;282    top:40px;283    left:175px;284    overflow:hidden;285    color:#CCC;286    }287    #secondMenu li {288        background:url('/i.png') -211px -241px no-repeat;289        display: inline-block;290        padding:0 5px;291        margin-left:-2px;292        }293        #secondMenu li DIV {294            float:left;295            padding-left:3px;296            }297        #secondMenu li a {298            color:#4e4b49;299            float:left;300            padding-right:3px;301            }302 303        #secondMenu li a.active {font-weight:bold;}304 305            #secondMenu li A SPAN {306                float:left;307                padding:2px 1px 3px;308                height:15px;309                }310            #secondMenu li:hover div {background:url('/secondMenu-rounds.png') 0 0 no-repeat;}311                #secondMenu li:hover a {background:url('/secondMenu-rounds.png') right -20px no-repeat;}312                    #secondMenu li:hover span {background:#FEFF99;}313 314    #secondMenu .secondMenu-allTopics {315            background:none;316            padding-left:15px;317        }318 319 320 321 322 323 324/* Jokes */325.title h1 {float:left;}326.jokes {padding:0 0 0 5px;}327 328    .jokeBox {margin: 4px 0 30px 0;overflow:visible;clear:both;}329         .joke-title {padding:0 0 7px;}330            .jokeBox h2 {331                font-size:16px;332                float:left;333                max-width:400px;334                margin:0 13px 10px 0;335                font-weight:normal;336 337                }338 339                .search .jokeBox h2 {max-width:none;margin-bottom:2px;}340 341                .jokeBox h2 a {color:#444;border-color:#fff;display:inline;}342                    .jokeBox h2 A:hover {border-color:#666;}343                    .jokeBox h2 A:visited {color:#949393;}344 345            .jokeBox .titleInfo {346                color:#999;347                float:left;348                font-size:12px;349                font-style:normal;350                }351 352                .jokeBox:hover .titleInfo, .joke .titleInfo {color:#666;}353 354                .jokeBox .titleInfo a {color:#999;border-bottom:1px solid #ddd;}355                .jokeBox:hover .titleInfo a, .joke .titleInfo a {color:#555;}356                .jokeBox .titleInfo a:hover {color:#000;}357 358                .jokeBox .titleInfo span::after {359                    content: "🔥";360                    float:left;361                    margin: 0 5px 0 0 ;362                }363                .jokeBox .titleInfo b {float:none;padding-left:15px;font-weight:normal;}364                    .jokeBox .titleInfo b div{display:inline}365 366        .jokeBox .joke-inner {clear:both;font-size:14px;}367 368        .jokeBox .joke-bottom {clear:both;font-size:12px; overflow:visible; min-height:28px;}369 370            .jokeBox .panel {371                color:#999;372                margin:6px 20px 0 0;373                display: flex;374            }375 376 377 378        .search .jokeBox .panel {padding: 0 0 5px;}379 380                .jokeBox .panel a {color:#999;border-bottom:0; white-space: nowrap;}381                .jokeBox:hover .panel a,.joke .panel a {color:#555;}382                .jokeBox .panel a:hover {color:#000;}383                .jokeBox .panel-tags {384                    float:left;385                    padding:3px 0 2px 0;386                    max-width:300px;387                    text-align:left;388                }389 390                .search .jokeBox .panel-tags {float:none;margin:-2px 0 0;max-width:100%;}391 392                .jokeBox .panel-tags .icon::before {393                    content: "🏷️";394                    font-size: 16px;395                }396 397 398                        .jokeBox:hover .panel-tags .icon, .joke .panel-tags .icon {background-position:0 -16px;}399 400                .jokeBox .panel-right {float:left;}401                    .jokeBox .comments {402                            color:#828180;403                            float:left;404                            //background:url('/i.png') -160px -32px no-repeat;405                            padding:3px 8px 0 16px;406                            height:15px;407                        }408                    .jokeBox:hover .comments, .joke .comments {background-position:-160px -16px;}409 410                    .jokeBox .report, .jokeBox .share {411                            float:left;412                            background:url('/i.png') no-repeat;413                            cursor:pointer;414                            padding:1px 7px 0 6px;415                            margin:0 7px;416                            height:15px;417                        }418 419                        .jokeBox .report {background-position:-32px -32px;}420                            .jokeBox:hover .report, .joke .report {background-position:-32px -16px;}421                            .jokeBox .report:hover {background-position:-32px 0;}422 423 424 425                        .jokeBox .share {background-position:-80px -32px; padding:1px 0 0 20px;}426                            .jokeBox:hover .share, .joke .share {background-position:-80px -16px;color:#555;}427                            .jokeBox .share:hover {background-position:-80px 0;color:#000;}428                                #sharing-w{position:relative;display:none;width:1px;}429                                 #sharing {position:absolute;z-index:2;right:-110px;width:220px;border:1px solid #999;background-color:#fff;padding:10px 0 10px 10px;cursor:default;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}430 431                                    #sharing a {font-size:12px;width:80px;color:#666;height:16px;border:none;432                                                   background:url('/i.png') no-repeat;margin:0 0 2px 5px;float:left;padding-left:20px;}433                                        #sharing a:hover {color:#000;}434 435 436 437                                        #sharing .fb {background-position:-176px -48px;}438                                        #sharing .tw {background-position:-176px -64px;}439                                        #sharing .dl {background-position:-64px -48px;}440                                        #sharing .dg {background-position:-64px -64px;}441                                        #sharing .e {background-position:-64px -80px;}442                                        #sharing .r {background-position:-64px -96px;}443                                        #sharing .ms {background-position:-64px -112px;}444                                        #sharing .su {background-position:-64px -128px;}445                                        #sharing .g {background-position:-64px -144px;}446                                        #sharing .gb {background-position:-64px -160px;}447 448					.jokeBox .po {float:left; margin:1px 0 0 5px; width:30px; height:16px; }449 450					.jokeBox .fb {float:left; margin:-1px 0 0 10px; width:85px; height:16px; }451							 .fb .fb_ltr {margin-top:2px;}452 453            #performance {text-align:center;color:#777;font-size:12px;}454 455            .jokeurl {color:#999;margin-left:5px;padding-bottom:4px; border-bottom:1px solid #ddd;display:inline-block;line-height:10px; }456            .jokeurl:hover {color:green;border-bottom-color:#63c063;}457 458 459    .buttons {padding:3px 0 3px 0;}460    .buttons .bck, .buttons .btn{}461        .buttons .bck {color:#333;margin:13px 45px 0;}462 463 464 465 466#sidebar h2 {clear:both;float:left;color:#555;margin:0 0 1px 0;padding-bottom:2px;font-weight:bold;}467    #sidebar > div {overflow:visible;}468    #sidebar .filters a {margin:0px 5px 0 5px;}469    #sidebar .filters a.active {margin:0 0 0 0;}470    #sidebar .bx {471	clear:both;472	padding:5px 0 10px 0;473	overflow:hidden;474	position:relative;475    }476 477#banner iframe {padding-bottom:10px;}478 479#follow {position:relative;}480        	#follow .stats {margin:4px 0px 9px 0; clear:both;}481			#follow .po {height:130px; margin:47px 0 0 0; clear:both;}482			#follow #informer {margin-top:-12px;font-size:12px;color:#828180;position:absolute;left:157;line-height:13px;}483			#follow #informer a {margin-top:-12px;border-bottom:#999 dotted 1px;position:absolute;left:162px;white-space:nowrap;display:none;}484			#follow #informer a.active{margin-top:-12px; display:block;}485			#follow .fb {height: 70px; margin: 10px 0 0; padding: 10px 0 0; clear:both;}486 487        #fresh .vote {padding:0 0 3px 0;}488            #fresh .vote DIV span{padding:1px 0;height:22px;width:22px;}489        #fresh H3 {490            font-size:16px;491            padding:0 0 9px;492            font-weight:normal;493            }494            #fresh H3 A {color:#444;border-color:#fff;display:inline;}495                #fresh H3 A:hover {border-color:#666;}496 497        #fresh p {clear:both;}498        #fresh .morefresh {padding:5px 0 0;float:right;}499 500        .top {}501            .top .vote{margin-top:-5px;}502            .top .bx > div {clear:both;padding:4px 0 4px;}503                .top .bx p {color:#888;font-size:12px;float:right;margin-right:3px;}504                .top .bx a {color:#444;font-weight:normal;font-shadow:1px 1px 1px #666;}505				.top .m {background:url('/i.png') -16px 0 no-repeat; width:16px; height:16px; text-indent:-9999px; border:0;}506 507 508#tabsheader { clear:both; list-style-type:none;margin:40px 0 0 0;padding:0 15px;overflow:visible;height:23px;background:url('/tabs.png') 0 22px no-repeat;}509    .tabsheaderitem {float:left;}510        .tabsheaderitem a {border:#ccc solid 1px;border-bottom:none;color:#666666;padding:1px 5px 0; margin:2px 3px 0;511                           border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;}512        .tabsheaderitem.a a {background:#fff;border-color:#A6A6A6;color:#000;height:16px;padding:3px 5px; margin:0 3px;}513 514#tabsbody {clear:both;}515    .tabscontent {display:none;}516    .tabscontent.a {display:block;}517	#tabsbody .vote {margin-top:0}518	#tabsbody .jokeBox {margin:25px 0  0}519 520/* Comments */521#comments {padding:15px;clear:both;min-height:80px;}522    .list #comments {border:1px solid #CCCCCC;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}523    #comments h3 {float:left;margin-bottom:15px;}524    #comments .c_order {float:right}525 526    #comments form {clear:both; position:relative; z-index:1;}527    #comments form fieldset {width:100%;}528    #comments form textarea {max-width:241px;height:45px;float:left;margin-right:5px;}529        .userdetails div {float:left;}530        .userdetails .text {width:135px;margin:5px 5px 0 0;}531        #c_remember, #c_follow {display:none;float:left;clear:left;}532            .userdetails .checkbox {margin:10px 5px 5px 0;}533    .userdetails .input-label {margin:10px 5px 5px 0;}534    #comments form .button {}535 536    .comment {overflow:visible;clear:left;padding:15px 0 0;min-height:16px;}537        .comment > .grey, .comment > .grey a {color:#999;}538        .comment:hover > .grey, .comment:hover > .grey a {color:#333;}539        .comment .vote {margin-top:-4px;float:right;}540            .comment .up span {background-position:1px -334px;color:#999;}541                .comment:hover > .vote .up span {background-position:1px -139px;color:#2d7b40;}542                .comment .up span:hover {background-position:1px -99px;}543            .comment .down span {background-position:0 -377px;color:#999;}544                 .comment:hover > .vote .down span {background-position:0 -254px;color:#955942;}545                 .comment .down span:hover {background-position:0 -214px;}546            .comment .static span {color:#aaa !important;}547                .comment .static .up span {background-position:1px -414px !important;}548                .comment .static .down span {background-position:1px -443px !important;}549 550        .c_neg_msg {float:left}551        .c_neg_msg, .c_neg_msg span {color:#999;font-size:12px;}552 553        .c_msg {clear:left;}554            .comment b {padding-right:5px;clear:left;}555 556        .c_reply {float:right;}557            .c_reply span {color:#999;}558            .comment:hover > .c_reply span {color:#333;}559                .c_reply .r {cursor:pointer;}560                .c_reply .n {margin-left:5px;}561                    .c_reply .off {visibility:hidden;}562 563        .comment .comment{margin-left:7px;border-left:1px solid #aaa;padding-left:5px;}564 565 566    #comments_more {margin:15px 0 15px 0;}567 568/* Forms569---------------------------------------*/570/* Framework */571.form {padding:0}572    .form H2 {573        color:#716f6e;574        font-size:18px;575        padding:0 0 10px;576        }577 578    .formItem {579        clear:both;580        height:1%;581        overflow:hidden;582        padding:0 0 11px;583        }584        .formItem .links{585            clear:both;586            padding-top: 3px;587        }588        .formItem .links a{589            padding: 1px 2px;590        }591        .formItem .links a.selected{592            background:#ddd;593        }594        .formItem .fi-left {595            height:1%;596            overflow:hidden;597            float:left;598            padding-top:2px;599            width:80px;600            }601        .formItem .fi-right {602            height:1%;603            overflow:hidden;604            }605 606.add-comment {padding:0 0 15px 175px;}607 608 609/* Elements */610input.text, select, textarea, input.button{float:left;border:1px solid #999;padding:4px;margin:5px 0 5px 0;color:#828180;width:100%;clear:left;border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius:3px;}611    input.text{width:300px;}612    input.button{width:80px;}613    select {vertical-align:bottom;height:21px;padding:0;}614    textarea {height:70px;overflow:auto;width:460px;}615 616.checkbox {float:left;margin:5px 0 0 0;height:15px;width:15px;clear:left;}617.input-label {float:left;color:#999;margin: 5px 0 0 10px;}618    .input-label-rb {float:right;padding:17px 0 0;}619.form-text {color:#828180;padding:10px 0;clear:both;}620 621.captcha input {width:142px;}622.captcha iframe {border:0;height:55px;width:120px;float:left;margin-left:10px;}623 624form .buttons {text-align:center;}625 626 627 628/* Report a Joke popup */629 630 631    #reportJoke .lbox-i {margin-top:-123px;width:410px;}632    #reportJoke .reviewBox{display:none;}633        #reportJoke fieldset {634            background:#fff;635            color:#333;636            font-size:12px;637            margin:0 auto;638            min-height:210px;639            padding:0 15px;640            width:380px;641            }642            #reportJoke H2 {643                font-size:18px;644                padding:12px 0 10px 100px;645                clear:both;646                }647            #reportJoke .fi-left {text-align:right;padding-right:12px;}648 649            #reportJoke select, #reportJoke textarea {width:195px;background:#ebebeb;}650		 	#reportJoke .buttons {padding-right:45px;}651 652#reportJoke-ThankYou, #reportJoke-temp {display:none;}653.reportJoke-ThankYou-inner {text-align:center;padding:60px 0 0;}654    .reportJoke-ThankYou-inner H2 {padding:0 0 5px !important;}655    .reportJoke-ThankYou-inner P {color:#949393;height:63px;}656 657 658 659.sortable li.sortitem{background-color:#fff;border:#ddd 1px solid;clear:both;width:100%;margin:0 0 5px 0;overflow:hidden;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}660    .sorthelper {border:1px  #B3D5A4 dashed !important;width:100% !important;margin:0 0 5px 0;}661    .sortheader {border-bottom:1px solid #ddd;cursor:move;padding:5px;overflow:hidden;width:100%;}662    .sortheader h2 {font-size:18px;float:left;margin:2px 7px 0 0;font-weight:normal; color:#444;}663        .sortheader a.action {float:right;padding-top:2px;border:none;}664        .sortheader a em {background:url('/i.png') 0 -48px no-repeat;height:16px;width:16px;margin:-1px 5px 0;float:left;}665    .sortcontent {padding:5px;}666 667#t_picknav {margin:1px -5px 0;}668    #picks .jokeBox {display:none;}669    #picks .vote {margin-top:-4px;}670	#picks .btn {display:none; margin:-5px 0 5px 0;}671 672 673 674    #activity div div {padding-top:4px; margin-left:5px;overflow:visible;}675    #activity .add,#activity .hot,#activity .com,#activity .vot {background:url('/i.png') no-repeat;height:16px;width:16px;float:left;margin:-1px 10px 0 0;border:0;}676    #activity .add{background-position:0 -48px;}677    #activity .hot{background-position:0 -64px;}678    #activity .com{background-position:-160px -16px;}679    #activity .vot{background-position:-2px -182px;height:17px;}680        #activity span.an{color:#999;}681 682 683        #links li {overflow:hidden;margin-bottom:10px;}684		#links li.p {border-top:1px dashed #ddd; padding-top:10px;}685 686            #links .i {float:left;margin-top:3px;width:16px;}687            #links .txt {float:left;margin-left:5px;width:100%;}688                #links .t {color:#1111CC;margin-bottom:2px;}689                    #links .t:visited {color:#551A8B;}690                #links .u, #toolbar .txt a  {color:#888;}691					 #toolbar .txt a {border-bottom:#ccc 1px solid;}692                #links .u span, #toolbar .txt a span {color:#006600;}693					#toolbar .txt a span{border-bottom:#bbb 1px solid;}694				#links .btn {margin:-5px 0 5px 0;}695 696        #linkback {float:left;margin:20px 10px 0 30px}697        #linkadd textarea {height:105px;}698        #linkadd input[type="submit"] {float:right;margin-top:5px;}699            #linkadd input[type="submit"].up {margin-top:-3px;}700 701 702 703 704 705#toolbar {border-bottom:#ccc 1px solid; background: lightgoldenrodyellow}706    #toolbar .l {background:transparent url(/i.png) no-repeat scroll -64px -432px;width:83px;height:28px;float:left; border-right:#ccc 1px solid;text-indent:-9999px;border-bottom:none;}707    #toolbar .h, #toolbar .t, #toolbar .v {height:21px;float:left;border-right:#ccc 1px solid;display:block;border-bottom:none;text-align:center;padding:6px 15px 1px 15px;background:#fff}708    #toolbar .t {margin-right:5px;}709 710    #toolbar .txt {white-space:nowrap;}711        #toolbar .txt .i {float:left;margin:2px 5px 0 0;}712        #toolbar .txt div {line-height:13px;}713        #toolbar .txt a, #toolbar .txt span {border-bottom:none;font-size:12px;}714        #toolbar .shade {float:right;height:28px;width:30px;background:transparent url(/toolbar.png) 0 -56px;}715 716    #toolbar_r {position:absolute;right:0}717    #toolbar_r .h, #toolbar .v, #toolbar .shade  {float:right;}718    #toolbar .vote {clear:none;height:25px;text-align:center;padding:3px 10px 0 10px;background:#fff;border-left:#ccc 1px solid;border-right: none;}719        #toolbar .v {background:url(/toolbar.png) 0 0;border:none;padding:7px 10px 0 0;font-size:12px;color:#888;}720        #toolbar .h {display:block;background:#fff;border-left:#ccc 1px solid;border-right: none;}721        #toolbar .h:hover, #toolbar .t:hover {background:url(/toolbar.png) 0 -28px;}722        #toolbar .h:active, #toolbar .t:active {background:#fcf8e4;padding:7px 15px 0 15px;}723    #webFrame{color:#666666;height:100%;width:100%;z-index:10;}724 725    #footer {726        font-size:12px;727    }728    #footer a {729        color:#4e4b49;730    }731 732    #footer-navigation {padding:10px 0 15px;}733 734        #footer-navigation li {735            display: inline-block;736            background:url('/i.png') -210px -334px no-repeat;737            display:inline;738            padding:0 13px 0 15px;739        }740 741    #footer-navigation .fn-first {background:none;}742    #footer p {margin: 0px auto; padding: 0 10px 15px 10px; text-align: center; max-width: 500px;}743 744#ue-dlg-close {border:0;}745 746 747@media (max-width: 960px) {748    /* not desktop */749 750    #l {751        border-width: 0;752    }753 754    .searchform {755        width: 110px;756        top:25px;757    }758 759    .searchform .text {760        width: 84px;761    }762 763 764   .subheader {765        white-space: nowrap;766        overflow-x: scroll;767        width:100%;768        height: auto;769        float:none;770    }771 772    .subheader > ul {773        position: relative; left: 0; top:5px;774    }775 776    #sidebar {777        display:none;778    }779 780    #toolbar .txt {781        clear:left;782    }783}784  </style>785  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">786  <title>787   Capacity Jokes788  </title>789  <meta content="Only the best funny Capacity jokes and best Capacity websites as selected and voted by visitors of Joke Buddha website" name="description">790  <meta content="capacity humor, capacity humour, capacity jokes, capacity links, capacity websites" name="keywords">791  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">792  <!--[if IE]><![endif]-->793  <meta content="As0hBNJ8h++fNYlkq8cTye2qDLyom8NddByiVytXGGD0YVE+2CEuTCpqXMDxdhOMILKoaiaYifwEvCRlJ/9GcQ8AAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">794  <meta content="AgRYsXo24ypxC89CJanC+JgEmraCCBebKl8ZmG7Tj5oJNx0cmH0NtNRZs3NB5ubhpbX/bIt7l2zJOSyO64NGmwMAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3MTk1MzI3OTksImlzU3ViZG9tYWluIjp0cnVlfQ==" http-equiv="origin-trial">795  <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">796  <style data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget css:fb.css.customer_chat_plugin_iframe" type="text/css">797   .fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}798.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}799.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0;margin:0;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0 -1px 0}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}800.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}801.fb_mpn_mobile_landing_page_slide_out{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_out_from_left{animation-duration:200ms;animation-name:fb_mpn_landing_page_slide_out_from_left;transition-timing-function:ease-in}.fb_mpn_mobile_landing_page_slide_up{animation-duration:500ms;animation-name:fb_mpn_landing_page_slide_up;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_in{animation-duration:300ms;animation-name:fb_mpn_bounce_in;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out{animation-duration:300ms;animation-name:fb_mpn_bounce_out;transition-timing-function:ease-in}.fb_mpn_mobile_bounce_out_v2{animation-duration:300ms;animation-name:fb_mpn_fade_out;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_v2{animation-duration:300ms;animation-name:fb_bounce_in_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_in_from_left{animation-duration:300ms;animation-name:fb_bounce_in_from_left;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_v2{animation-duration:300ms;animation-name:fb_bounce_out_v2;transition-timing-function:ease-in}.fb_customer_chat_bounce_out_from_left{animation-duration:300ms;animation-name:fb_bounce_out_from_left;transition-timing-function:ease-in}.fb_invisible_flow{display:inherit;height:0;overflow-x:hidden;width:0}@keyframes fb_mpn_landing_page_slide_out{0%{margin:0 12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;margin:0 24px;width:60px}}@keyframes fb_mpn_landing_page_slide_out_from_left{0%{left:12px;width:100% - 24px}60%{border-radius:18px}100%{border-radius:50%;left:12px;width:60px}}@keyframes fb_mpn_landing_page_slide_up{0%{bottom:0;opacity:0}100%{bottom:24px;opacity:1}}@keyframes fb_mpn_bounce_in{0%{opacity:.5;top:100%}100%{opacity:1;top:0}}@keyframes fb_mpn_fade_out{0%{bottom:30px;opacity:1}100%{bottom:0;opacity:0}}@keyframes fb_mpn_bounce_out{0%{opacity:1;top:0}100%{opacity:.5;top:100%}}@keyframes fb_bounce_in_v2{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}50%{transform:scale(1.03, 1.03);transform-origin:bottom right}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}}@keyframes fb_bounce_in_from_left{0%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}50%{transform:scale(1.03, 1.03);transform-origin:bottom left}100%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}}@keyframes fb_bounce_out_v2{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom right}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom right}}@keyframes fb_bounce_out_from_left{0%{opacity:1;transform:scale(1, 1);transform-origin:bottom left}100%{opacity:0;transform:scale(0, 0);transform-origin:bottom left}}@keyframes slideInFromBottom{0%{opacity:.1;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottomDelay{0%{opacity:0;transform:translateY(100%)}97%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}802  </style>803 </head>804 <body>805  <div id="container">806   <div id="header">807    <a accesskey="h" id="l" rel="home" title="Funny Jokes by Joke Buddha">808     Funny Jokes809    </a>810    <form action="/search" class="searchform" method="get">811     <fieldset>812      <input autocomplete="off" class="text forClear required ac_input" name="q" type="text" val="Search jokes" value="Search jokes">813      <input class="submit" name type="submit" value="go">814     </fieldset>815    </form>816    <div class="subheader">817     <ul class="menu">818      <li class="menu-1">819       <a title="Funny Jokes">820        Funny Jokes821       </a>822      </li>823      <li>824       <a title="Top Rated Jokes">825        Top Rated826       </a>827      </li>828      <li>829       <a title="Most Discussed Jokes">830        Most Discussed831       </a>832      </li>833      <li>834       <a title="Recent Fresh Jokes">835        Recent836       </a>837      </li>838     </ul>839    </div>840    <div class="subheader subheaderbottom">841     <ul class="menu">842      <li>843       <div>844        <a title="One-liners Jokes">845         One-liners846        </a>847       </div>848      </li>849      <li>850       <div>851        <a title="Blonde Jokes">852         Blonde853        </a>854       </div>855      </li>856      <li>857       <div>858        <a title="Hairline Jokes">859         Hairline860        </a>861       </div>862      </li>863      <li>864       <div>865        <a title="Chuck Norris Jokes">866         Chuck Norris867        </a>868       </div>869      </li>870     </ul>871    </div>872   </div>873   <div id="content">874    <div id="main" rel="Capacity">875     <div class="jokes">876      <div class="title">877       <h1>878        Capacity Jokes879       </h1>880      </div>881      <ul class="sortable ui-sortable">882       <li class="sortitem" id="picks">883        <div class="sortheader">884         <h2>885          Funny Jokes886         </h2>887         <div class="filters ajax" id="t_picknav">888          <a class="active" rel="Recent">889          </a>890         </div>891        </div>892        <div class="sortcontent">893         <div class="jokeBox Recent" style="display: block;">894          <div class="joke-title">895           <h2 class="jokeTitle">896            <a title='Picard "Mr'>897             Picard "Mr898            </a>899           </h2>900           <em class="titleInfo">901           </em>902          </div>903          <p class="joke-inner">904           Picard "Mr. LaForge, have you had any success with your attempts at finding a weakness in the Borg?905           <a class="more ajax" title="Read the rest of the joke">906            more...907           </a>908          </p>909          <div class="joke-bottom">910           <div class="panel">911            <div class="vote" style="padding-top: 4px;">912             <div class="up">913              <span>914               1915              </span>916             </div>917             <div class="down">918              <span>919               0920              </span>921             </div>922            </div>923            <div class="panel-right">924             <span class="comments">925              <a class="ajax" title="Joke Comments">926               comments (927               <span class="c_count">928                0929               </span>930               )931              </a>932             </span>933             <div class="po">934              <g:plusone count="false" size="medium">935              </g:plusone>936             </div>937             <div class="fb">938              <fb:like class="fb_iframe_widget" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.jokebuddha.com%2Fjoke%2FPicard_Mr&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;width=70" fb-xfbml-state="parsed" layout="button_count" width="70">939               <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">940               </span>941              </fb:like>942             </div>943            </div>944           </div>945          </div>946         </div>947         <div class="jokeBox Recent" style="display: block;">948          <div class="joke-title">949           <h2 class="jokeTitle">950            <a title="Bell Labs Proves Existence of Dark Suckers">951             Bell Labs Proves Existence of Dark Suckers952            </a>953           </h2>954           <em class="titleInfo">955           </em>956          </div>957          <p class="joke-inner">958           Bell Labs Proves Existence of Dark Suckers For years it has been believed that electric bulbs emitted light.959           <a class="more ajax" title="Read the rest of the joke">960            more...961           </a>962          </p>963          <div class="joke-bottom">964           <div class="panel">965            <div class="vote" style="padding-top: 4px;">966             <div class="up">967              <span>968               1969              </span>970             </div>971             <div class="down">972              <span>973               0974              </span>975             </div>976            </div>977            <div class="panel-right">978             <span class="comments">979              <a class="ajax" title="Joke Comments">980               comments (981               <span class="c_count">982                0983               </span>984               )985              </a>986             </span>987             <div class="po">988              <g:plusone count="false" size="medium">989              </g:plusone>990             </div>991             <div class="fb">992              <fb:like class="fb_iframe_widget" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.jokebuddha.com%2Fjoke%2FBell_Labs_Proves&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;width=70" fb-xfbml-state="parsed" layout="button_count" width="70">993               <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">994               </span>995              </fb:like>996             </div>997            </div>998           </div>999          </div>1000         </div>1001         <div class="jokeBox Recent" style="display: block;">1002          <div class="joke-title">1003           <h2 class="jokeTitle">1004            <a title="Windows and The Borg">1005             Windows and The Borg1006            </a>1007           </h2>1008           <em class="titleInfo">1009           </em>1010          </div>1011          <p class="joke-inner">1012           Picard: "Mr. LaForge, have you had any success with your1013           <br>1014           attempts at finding a weakness in the Borg? And Mr. Data, have you been1015           <br>1016           able to access their command pathways?"1017           <br>1018           Geordi: "Yes, Captain. In fact, we found the answer by1019           <br>1020           searching through our archives on late Twentieth-century computing1021           <br>1022           technology."1023           <br>1024           Geordi presses a key, and a logo appears on the computer screen.1025           <br>1026           Riker looks puzzled. "What the hell is 'Microsoft'?"1027           <br>1028           Data turns to answer.1029           <br>1030           this program, for some reason called 'Windows', through the Borg command1031           <br>1032           pathways. Once inside their root command unit, it will begin consuming1033           <br>1034           system resources at an unstoppable rate."1035           <br>1036           Picard: "But the Borg have the ability to adapt. Won't1037           <br>1038           they alter their processing systems to increase their storage capacity?"1039           <br>1040           Data: "Yes, Captain. But when 'Windows' detects this, it1041           <br>1042           creates a new version of itself1043           <a class="more ajax" title="Read the rest of the joke">1044            more...1045           </a>1046          </p>1047          <div class="joke-bottom">1048           <div class="panel">1049            <div class="vote" style="padding-top: 4px;">1050             <div class="up">1051              <span>1052               01053              </span>1054             </div>1055             <div class="down">1056              <span>1057               01058              </span>1059             </div>1060            </div>1061            <div class="panel-right">1062             <span class="comments">1063              <a class="ajax" title="Joke Comments">1064               comments (1065               <span class="c_count">1066                01067               </span>1068               )1069              </a>1070             </span>1071             <div class="po">1072              <g:plusone count="false" size="medium">1073              </g:plusone>1074             </div>1075             <div class="fb">1076              <fb:like class="fb_iframe_widget" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.jokebuddha.com%2Fjoke%2FWindows_and_The_Borg&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;width=70" fb-xfbml-state="parsed" layout="button_count" width="70">1077               <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">1078               </span>1079              </fb:like>1080             </div>1081            </div>1082           </div>1083          </div>1084         </div>1085         <div class="jokeBox Recent" style="display: block;">1086          <div class="joke-title">1087           <h2 class="jokeTitle">1088            <a title="Bell Labs Proves Existence of Dark Suckers">1089             Bell Labs Proves Existence of Dark Suckers1090            </a>1091           </h2>1092           <em class="titleInfo">1093           </em>1094          </div>1095          <p class="joke-inner">1096           Bell Labs Proves Existence of Dark Suckers For years it has been believed that electric bulbs emitted light.However, recent information from Bell Labs has proven otherwise.1097           <a class="more ajax" title="Read the rest of the joke">1098            more...1099           </a>1100          </p>1101          <div class="joke-bottom">1102           <div class="panel">1103            <div class="vote" style="padding-top: 4px;">1104             <div class="up">1105              <span>1106               01107              </span>1108             </div>1109             <div class="down">1110              <span>1111               01112              </span>1113             </div>1114            </div>1115            <div class="panel-right">1116             <span class="comments">1117              <a class="ajax" title="Joke Comments">1118               comments (1119               <span class="c_count">1120                01121               </span>1122               )1123              </a>1124             </span>1125             <div class="po">1126              <g:plusone count="false" size="medium">1127              </g:plusone>1128             </div>1129             <div class="fb">1130              <fb:like class="fb_iframe_widget" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.jokebuddha.com%2Fjoke%2FBell_Labs_Proves_Existence_of_Dark_Suckers&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;width=70" fb-xfbml-state="parsed" layout="button_count" width="70">1131               <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">1132               </span>1133              </fb:like>1134             </div>1135            </div>1136           </div>1137          </div>1138         </div>1139         <div class="jokeBox Recent" style="display: block;">1140          <div class="joke-title">1141           <h2 class="jokeTitle">1142            <a title="What's the fluid capacity of Monica Lewinsky's mouth?">1143             What's the fluid capacity of Monica Lewinsky's mouth?1144            </a>1145           </h2>1146           <em class="titleInfo">1147           </em>1148          </div>1149          <p class="joke-inner">1150           What's the fluid capacity of Monica Lewinsky's mouth? 1 U. S. leader1151          </p>1152          <div class="joke-bottom">1153           <div class="panel">1154            <div class="vote" style="padding-top: 4px;">1155             <div class="up">1156              <span>1157               01158              </span>1159             </div>1160             <div class="down">1161              <span>1162               01163              </span>1164             </div>1165            </div>1166            <div class="panel-right">1167             <span class="comments">1168              <a class="ajax" title="Joke Comments">1169               comments (1170               <span class="c_count">1171                01172               </span>1173               )1174              </a>1175             </span>1176             <div class="po">1177              <g:plusone count="false" size="medium">1178              </g:plusone>1179             </div>1180             <div class="fb">1181              <fb:like class="fb_iframe_widget" fb-iframe-plugin-query="app_id=&amp;container_width=0&amp;href=http%3A%2F%2Fwww.jokebuddha.com%2Fjoke%2FWhats_the_fluid_capacity_1&amp;layout=button_count&amp;locale=en_US&amp;sdk=joey&amp;width=70" fb-xfbml-state="parsed" layout="button_count" width="70">1182               <span style="vertical-align: top; width: 0px; height: 0px; overflow: hidden;">1183               </span>1184              </fb:like>1185             </div>1186            </div>1187           </div>1188          </div>1189         </div>1190         <div id="t_pickmore">1191          <a class="Recent active btn" style="display: block;" title="Read More Capacity Jokes">1192           More Jokes1193          </a>1194         </div>1195        </div>1196       </li>1197       <li class="sortitem" id="links">1198        <div class="sortheader">1199         <a class="action">1200          <em>

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