Preview Pop-up

body { font-family: Helvetica,Arial,Verdana; font-size: 81.3%; line-height: 1.5em; color: #333333; padding: 0px 35px; margin: 0px; background: #f3f4f4; } a { text-decoration: none; color: #45b4da; } h2 { margin: 0px 0px 10px 0px; color: #38525A; font-weight: 400; font-size: 18px; line-height: 1.2em; } .form .textarea { border: 1px solid #CCCCCC; padding: 5px; overflow: visible; } .form .textarea textarea { width: 100%; border: 0px; padding: 0px; margin: 0px; font-family: Helvetica,Arial,Verdana; font-size: 100%; height: 50px; } .btn { display: inline-block; overflow: visible; border: 1px solid #CCCCCC; background: url('/images/btn.gif') repeat-x 0px 0px; margin: 0px 10px 0px 0px; padding: 5px 10px 5px 10px; color: #666666; cursor: pointer; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; font-size: 12px; line-height: 15px !important; font-family: Helvetica,Arial,Verdana; text-align: center; } .btn:hover, .btn:focus, .btn:active { background-position: 0px -26px; color: #424242; } .btn.disable { color: #999999; cursor: auto; background: #CCCCCC; } .btn.loading { overflow: hidden; } .btn.no-margin { margin: 0px; } .btn.yes { background-position: 0px -52px; border: 1px solid #0084b4; color: #FFFFFF; text-shadow: #2e90b1 -1px -1px 0px; } .btn.yes:hover { background-position: 0px -78px; } .btn.yes.loading { background-position: 0px -78px; } .btn.yes.loading span { display: block; overflow: hidden; height: 16px; background: url('/images/ajax-loader.gif') no-repeat left center; padding-left: 20px; } .btn.yes.disable { background: #0084B4; } #partial { background: #e9e9e9; padding: 0px; } #partial .header { border-bottom: 1px solid #DDDDDD; padding: 10px; background: #FFFFFF; overflow: hidden; } #partial .header a.logo { display: block; background: url('/images/logo_small.png') no-repeat; width: 130px; height: 17px; text-indent: 9000px; overflow: hidden; float: left; margin-top: 1px; } #partial .header .user { float: right; height: 20px; overflow: hidden; line-height: 19px; margin: 0px; width: auto; border: 0px; } #partial .header .avatar { float: left; margin-right: 5px; } #partial .header .avatar img { height: 20px; width: 20px; border: none; } #partial .content { padding: 10px; background: #FFFFFF; overflow: hidden; clear: both; border: 0px; } #option .content small { line-height: 1.5em; } #partial .controls { background: #e9e9e9; border-top: 1px solid #DDDDDD; padding: 10px; overflow: hidden; } #partial .controls a, #partial .controls div { float: right; margin: 0px 0px 0px 10px; width: 100px; text-align: center; } #partial .form { overflow: visible; } #counter { float: right; font-size: 16px; color: #CCCCCC; font-weight: bold; } #counter.error { color: #D40D12; } #check { display: none; } #check a:visited { color: #000000; } #partial .user, #popup .user { overflow: hidden; float: left; width: 350px; } #partial .user img, #popup .user img { height: 48px; width: 48px; border: 1px solid #CCCCCC; } #partial .user h2, #popup .user h2 { margin: 2px 0px 0px 0px; } #partial .user h3, #popup .user h3 { margin: 0px; color: #666666; font-size: 14px; } #partial #translated { float: left; line-height: 12px; width: 215px; cursor: pointer; } #partial #translated .from { float: left; } #partial #translated .to { float: left; } #partial #connector { width: 26px; height: 11px; background: url('/images/switcher.gif'); display: block; float: left; margin: 2px 10px; } #partial #translated:hover #connector { background-position: 0px -11px; cursor: pointer; } #partial #powered { font-size: 11px; line-height: 13px; float: right; clear: left; } #partial #powered img { margin-top: 1px; float: left; } #partial #powered span { float: left; display: block; margin-right: 5px; }

Retweet Popup Option Popup

Preview