Facebook Sandbox

by adamschwartz

HTML

<div id="facebook-sandbox">
    <div class="profile-pagelet-section">
        <ul class="uiList uiStream fbProfileStream" id="profile_minifeed" data-referrer="profile_minifeed">
            <li class="pvm uiUnifiedStory uiStreamStory genericStreamStory uiStory_148597745218118 aid_Array uiListItem uiListLight uiListVerticalItemBorder" data-ft="{&quot;evt&quot;:4,&quot;src&quot;:9,&quot;sty&quot;:17,&quot;actrs&quot;:&quot;22210720048&quot;,&quot;nactrs&quot;:1,&quot;targets&quot;:null,&quot;pub_time&quot;:1311203505,&quot;fbid&quot;:&quot;148597745218118&quot;,&quot;qid&quot;:&quot;&quot;,&quot;s_obj&quot;:5,&quot;s_edge&quot;:1,&quot;s_prnt&quot;:28,&quot;ft_story_name&quot;:&quot;StreamStoryCreateGeneric_ShareStreamContent&quot;,&quot;mf_objid&quot;:148597745218118,&quot;object_id&quot;:148597745218118,&quot;pageid&quot;:22210720048}" id="stream_story_4e63d2ed1e4482164624960">
                <div class="storyContent">
                    <div class="UIImageBlock clearfix">
                        <a class="actorPhoto UIImageBlock_Image UIImageBlock_MED_Image" tabindex="-1" href="http://www.facebook.com/adam.schwartz.music" data-ft="{&quot;type&quot;:60}" aria-hidden="true">
                            <img class="uiProfilePhoto profilePic uiProfilePhotoLarge img" src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/50415_22210720048_262452_q.jpg" alt="">
                        </a>
                        <div class="storyInnerContent UIImageBlock_Content UIImageBlock_MED_Content">
                            <div class="mainWrapper">
                                <div class="uiSelector inlineBlock mlm hideSelector uiSelectorRight">
                                    <div class="wrap">
                                        <a class="uiSelectorButton uiCloseButton" title="" href="#" role="button" aria-haspopup="1" rel="toggle"></a>
                                    </div>
                                </div>
                                <h6...

CSS

#facebook-sandbox {width:493px;background:#fff;font-size: 11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed}
#facebook-sandbox .clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
#facebook-sandbox .clearfix{zoom:1}
#facebook-sandbox a{cursor:pointer;color:#3b5998;text-decoration:none}
#facebook-sandbox a:hover{text-decoration:underline}
#facebook-sandbox img{border:0}
#facebook-sandbox .uiVideoThumb{border:0;overflow:hidden;position:relative}
#facebook-sandbox .uiVideoThumb img{display:-moz-inline-box;display:inline-block;max-height:130px;max-width:130px}
#facebook-sandbox .uiVideoThumb img[width]{max-width:auto}
#facebook-sandbox .uiVideoThumb i{background:url(http://static.ak.fbcdn.net/rsrc.php/v1/yr/r/XXVvDYAks_i.png) no-repeat 0 0;bottom:0;height:32px;left:0;position:absolute;width:39px}
#facebook-sandbox .uiVideoThumbWhite i{background:url(http://static.ak.fbcdn.net/rsrc.php/v1/yX/r/G_gU1so7FLF.png) no-repeat 0 0;bottom:auto;margin-top:-19px;margin-left:-19px;height:38px;width:38px;left:50%;top:50%;opacity:.7}
#facebook-sandbox .uiVideoThumbWhite:hover i{opacity:.9}
#facebook-sandbox .sx_7a43ed{height:17px;background-position:-36px -118px}
#facebook-sandbox .sp_cgvnep{background-image:url(http://static.ak.fbcdn.net/rsrc.php/v1/yU/r/WMfq-az5bpY.png);background-repeat:no-repeat;display:inline-block;height:16px;width:16px}
#facebook-sandbox i.img u{position:absolute;top:-9999999px}
#facebook-sandbox .UIImageBlock_Content{display:table-cell;vertical-align:top;width:10000px}
#facebook-sandbox .UIImageBlock_Image{float:left;margin-right:5px}
#facebook-sandbox .UIImageBlock_Image .img,img.UIImageBlock_Image,i.UIImageBlock_Image{display:block}
#facebook-sandbox .UIImageBlock_Ext{float:right}
#facebook-sandbox .UIImageBlock_ICON_Image{margin-right:5px}
#facebook-sandbox...