Академический Документы
Профессиональный Документы
Культура Документы
DOCTYPE html>
<!-- saved from url=(0020)https://twitter.com/ -->
<html lang="en" data-scribe-reduced-action-queue="true"><head><meta http-
equiv="Content-Type" content="text/html; charset=UTF-8">
window.ttftData={"transaction_id":"006a274100723f41.bec3ed28d163ca90\u003c:001ec6e2
0036c35a","server_request_start_time":1561539917545,"user_id":1143787559924879361,"
is_ssl":true,"rendered_on_server":true,"is_tfe":true,"client":"macaw-
swift","tfe_version":"tsa_k\/1.0.1\/20190620.1833.5e2647a","ttft_browser":"chrome"}
;!function(){function t(t,n){window.ttftData&&!
window.ttftData[t]&&(window.ttftData[t]=n)}function n(){return o?Math.round(w.now()
+w.timing.navigationStart):(new Date).getTime()}var
w=window.performance,o=w&&w.now;window.ttft||
(window.ttft={}),window.ttft.recordMilestone||
(window.ttft.recordMilestone=t),window.ttft.now||(window.ttft.now=n)}();
</script>
<script id="swift_action_queue" nonce="">
!function(){function e(e){if(e||(e=window.event),!e)return!
1;if(e.timestamp=(new Date).getTime(),!
e.target&&e.srcElement&&(e.target=e.srcElement),document.documentElement.getAttribu
te("data-scribe-reduced-action-queue"))for(var t=e.target;t&&t!=document.body;)
{if("A"==t.tagName)return;t=t.parentNode}return i("all",o(e)),a(e)?
(document.addEventListener||
(e=o(e)),e.preventDefault=e.stopPropagation=e.stopImmediatePropagation=function()
{},y?(v.push(e),i("captured",e)):i("ignored",e),!1):(i("direct",e),!0)}function
t(e){n();for(var t,r=0;t=v[r];r++){var a=e(t.target),i=a.closest("a")
[0];if("click"==t.type&&i){var o=e.data(i,"events"),u=o&&o.click,c=!
i.hostname.match(g)||!i.href.match(/#$/);if(!u&&c)
{window.location=i.href;continue}}a.trigger(e.event.fix(t))}window.swiftActionQueue
.wasFlushed=!0}function r(){for(var e in b)if("all"!=e)for(var
t=b[e],r=0;r<t.length;r++)console.log("actionQueue",c(t[r]))}function n()
{clearTimeout(w);for(var e,t=0;e=h[t];t++)document["on"+e]=null}function a(e){if(!
e.target)return!1;var
t=e.target,r=(t.tagName||"").toLowerCase();if(e.metaKey)return!
1;if(e.shiftKey&&"a"==r)return!1;if(t.hostname&&!t.hostname.match(g))return!
1;if(e.type.match(p)&&s(t))return!1;if("label"==r){var
n=t.getAttribute("for");if(n){var a=document.getElementById(n);if(a&&f(a))return!
1}else for(var i,o=0;i=t.childNodes[o];o++)if(f(i))return!1}return!0}function
i(e,t){t.bucket=e,b[e].push(t)}function o(e){var t={};for(var r in
e)t[r]=e[r];return t}function u(e){for(;e&&e!=document.body;)
{if("A"==e.tagName)return e;e=e.parentNode}}function c(e){var
t=[];e.bucket&&t.push("["+e.bucket+"]"),t.push(e.type);var
r,n,a=e.target,i=u(a),o="",c=e.timestamp&&e.timestamp-d;return"click"===e.type&&i?
(r=i.className.trim().replace(/\s+/g,"."),n=i.id.trim(),o=/[^#]$/.test(i.href)?"
("+i.href+")":"",a='"'+i.innerText.replace(/\n+/g," ").trim()+'"'):
(r=a.className.trim().replace(/\s+/g,"."),n=a.id.trim(),a=a.tagName.toLowerCase(),e
.keyCode&&(a=String.fromCharCode(e.keyCode)+" : "+a)),t.push(a+o+(n&&"#"+n)+(!
n&&r?"."+r:"")),c&&t.push(c),t.join(" ")}function f(e){var
t=(e.tagName||"").toLowerCase();return"input"==t&&"checkbox"==e.getAttribute("type"
)}function s(e){var
t=(e.tagName||"").toLowerCase();return"textarea"==t||"input"==t&&"text"==e.getAttri
bute("type")||"true"==e.getAttribute("contenteditable")}for(var m,d=(new
Date).getTime(),l=1e4,g=/^([^\.]
+\.)*twitter\.com$/,p=/^key/,h=["click","keydown","keypress","keyup"],v=[],w=null,y
=!0,b={captured:[],ignored:[],direct:[],all:[]},k=0;m=h[k];k+
+)document["on"+m]=e;w=setTimeout(function(){y=!
1},l),window.swiftActionQueue={buckets:b,flush:t,logActions:r,wasFlushed:!1}}();
</script>
<script id="composition_state" nonce="">
!function(){function t(t){t.target.setAttribute("data-in-
composition","true")}function n(t){t.target.removeAttribute("data-in-
composition")}document.addEventListener&&(document.addEventListener("compositionsta
rt",t,!1),document.addEventListener("compositionend",n,!1))}();
</script>
<title>Twitter</title>
<meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-
144.png">
<meta name="msapplication-TileColor" content="#00aced">
<link id="async-css-placeholder">
<style id="user-style-Jerry88565260">
a,
a:hover,
a:focus,
a:active {
color: #1DA1F2;
}
.u-textUserColor,
.u-textUserColorHover:hover,
.u-textUserColorHover:hover .ProfileTweet-actionCount,
.u-textUserColorHover:focus {
color: #1DA1F2 !important;
}
.u-borderUserColor,
.u-borderUserColorHover:hover,
.u-borderUserColorHover:focus {
border-color: #1DA1F2 !important;
}
.u-bgUserColor,
.u-bgUserColorHover:hover,
.u-bgUserColorHover:focus {
background-color: #1DA1F2 !important;
}
.u-boxShadowInsetUserColorHover:hover,
.u-boxShadowInsetUserColorHover:focus {
box-shadow: inset 0 0 0 5px #1DA1F2 !important;
}
.u-dropdownOpenUserColor.dropdown.open .dropdown-toggle {
color: #1DA1F2;
}
.u-textUserColorLight {
color: #A4D9F9 !important;
}
.u-borderUserColorLight,
.u-borderUserColorLightFocus:focus,
.u-borderUserColorLightHover:hover,
.u-borderUserColorLightHover:focus {
border-color: #A4D9F9 !important;
}
.u-bgUserColorLight {
background-color: #A4D9F9 !important;
}
.u-boxShadowUserColorLighterFocus:focus {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05), inset 0 1px 2px
rgba(29,161,242,0.25) !important;
}
.u-textUserColorLightest {
color: #E8F5FD !important;
}
.u-borderUserColorLightest {
border-color: #E8F5FD !important;
}
.u-bgUserColorLightest {
background-color: #E8F5FD !important;
}
.u-textUserColorLighter {
color: #C6E7FB !important;
}
.u-borderUserColorLighter {
border-color: #C6E7FB !important;
}
.u-bgUserColorLighter {
background-color: #C6E7FB !important;
}
.u-bgUserColorDarkHover:hover {
background-color: #1C88CC !important;
}
.u-borderUserColorDark {
border-color: #1C88CC !important;
}
.u-bgUserColorDarkerActive:active {
background-color: #1C70A6 !important;
}
a,
.btn-link,
.btn-link:focus,
.icon-btn,
.pretty-link b,
.pretty-link:hover s,
.pretty-link:hover b,
.pretty-link:focus s,
.pretty-link:focus b,
.metadata a:hover,
.metadata a:focus,
a.account-group:hover .fullname,
a.account-group:focus .fullname,
.account-summary:focus .fullname,
.message .message-text a,
.message .message-text button,
.stats a strong,
.plain-btn:hover,
.plain-btn:focus,
.dropdown.open .user-dropdown.plain-btn,
.open > .plain-btn,
#global-actions .new:before,
.module .list-link:hover,
.module .list-link:focus,
.stats a:hover,
.stats a:hover strong,
.stats a:focus,
.stats a:focus strong,
.stream-item .view-all-supplements:hover,
.stream-item .view-all-supplements:focus,
.client-and-actions a:hover,
.client-and-actions a:focus,
.dismiss-btn:hover b,
#global-actions .people.new:before {
content: none;
}
.FoundMediaSearch--keyboard .FoundMediaSearch-focusable.is-focused {
border-color: #1DA1F2;
}
.photo-selector:hover .btn,
.icon-btn:hover,
.icon-btn:active,
.icon-btn.active,
.icon-btn.enabled {
border-color: #1DA1F2;
border-color: rgba(29,161,242,0.4);
color: #1DA1F2;
}
.photo-selector:hover .btn,
.icon-btn:hover {
background-image: linear-gradient(rgba(255,255,255,0), rgba(29,161,242,0.1));
}
.icon-btn.disabled,
.icon-btn.disabled:hover,
.icon-btn[disabled],
.icon-btn[aria-disabled=true] {
color: #1DA1F2;
}
.EdgeButton--primary,
.EdgeButton--primary:focus {
background-color: #4AB3F4;
border-color: transparent;
}
.EdgeButton--primary:hover,
.EdgeButton--primary:active {
background-color: #1DA1F2;
border-color: #1DA1F2;
}
.EdgeButton--primary:focus {
box-shadow:
0 0 0 2px #FFFFFF,
0 0 0 4px #A4D9F9;
}
.EdgeButton--primary:active {
box-shadow:
0 0 0 2px #FFFFFF,
0 0 0 4px #4AB3F4;
}
.EdgeButton--secondary,
.EdgeButton--secondary:hover,
.EdgeButton--secondary:focus,
.EdgeButton--secondary:active {
border-color: #1DA1F2;
color: #1DA1F2;
}
.EdgeButton--secondary:hover,
.EdgeButton--secondary:active {
background-color: #E8F5FD;
}
.EdgeButton--secondary:focus {
box-shadow:
0 0 0 2px #FFFFFF,
0 0 0 4px rgba(29,161,242,0.4);
}
.EdgeButton--secondary:active {
box-shadow:
0 0 0 2px #FFFFFF,
0 0 0 4px #1DA1F2;
}
.EdgeButton--invertedPrimary {
color: #1DA1F2 !important;
}
.EdgeButton--invertedPrimary:focus {
box-shadow:
0 0 0 2px #1DA1F2,
0 0 0 4px #A4D9F9;
}
.EdgeButton--invertedPrimary:active {
box-shadow:
0 0 0 2px #1DA1F2,
0 0 0 4px #FFFFFF;
}
.EdgeButton--invertedSecondary {
background-color: #1DA1F2;
}
.EdgeButton--invertedSecondary:hover {
background-color: #4AB3F4;
}
.EdgeButton--invertedSecondary:focus {
box-shadow:
0 0 0 2px #1DA1F2,
0 0 0 4px #A4D9F9;
}
.EdgeButton--invertedSecondary:active {
box-shadow:
0 0 0 2px #1DA1F2,
0 0 0 4px #FFFFFF;
}
.btn:focus,
.btn.focus,
.Button:focus,
.EmojiPicker-item.is-focused,
.EmojiPicker .EmojiCategoryIcon:focus,
.EmojiPicker-skinTone:focus + .EmojiPicker-skinToneSwatch,
a:focus > img:first-child:last-child,
button:focus {
box-shadow:
0 0 0 2px #FFFFFF,
0 0 2px 4px rgba(29,161,242,0.4);
}
.selected-stream-item:focus {
box-shadow: 0 0 0 3px rgba(29,161,242,0.4);
}
.js-navigable-stream.stream-table-view .selected-stream-item[tabindex="-1"]:focus
{
outline: 3px solid rgba(29,161,242,0.4) !important;
}
.js-navigable-stream.stream-table-view .selected-stream-item:focus {
box-shadow: none;
}
.typeahead a:hover,
.typeahead a:hover strong,
.typeahead a:hover .fullname,
.typeahead .selected a,
.typeahead .selected strong,
.typeahead .selected .fullname,
.typeahead .selected .Icon--close {
color: #1DA1F2 !important;
}
.home-tweet-box,
.LiveVideo-tweetBox,
.RetweetDialog-commentBox {
background-color: #E8F5FD;
}
.RichEditor,
.TweetBoxAttachments {
border-color: #C6E7FB;
}
input:focus,
textarea:focus,
div[contenteditable="true"]:focus,
div[contenteditable="true"].fake-focus,
div[contenteditable="plaintext-only"]:focus,
div[contenteditable="plaintext-only"].fake-focus {
border-color: #A4D9F9;
box-shadow: inset 0 0 0 1px rgba(29,161,242,0.7);
}
.tweet-box textarea:focus,
.tweet-box input[type=text],
.currently-dragging .tweet-form.is-droppable .tweet-drag-help,
.tweet-box[contenteditable="true"]:focus,
.RichEditor.is-fakeFocus,
.RichEditor.is-fakeFocus ~ .TweetBoxAttachments {
border-color: #A4D9F9;
box-shadow: 0 0 0 1px #A4D9F9;
}
.MomentCapsuleItem.selected-stream-item:focus {
box-shadow: 0 0 0 3px rgba(29,161,242,0.4);
}
s,
.pretty-link:hover s,
.pretty-link:focus s,
.stream-item-activity-notification .latest-tweet .tweet-row a:hover s,
.stream-item-activity-notification .latest-tweet .tweet-row a:focus s {
color: #1DA1F2;
}
.vellip,
.vellip:before,
.vellip:after,
.conversation-module > li:after,
.conversation-module > li:before,
.ThreadedConversation--loneTweet:after,
.ThreadedConversation-tweet:not(.is-hiddenAncestor) ~ .ThreadedConversation-
tweet:before,
.ThreadedConversation-tweet:after,
.ThreadedConversation-moreReplies:before,
.ThreadedConversation-viewOther:before,
.ThreadedConversation-unavailableTweet:before,
.ThreadedConversation-unavailableTweet:after,
.ThreadedConversation--permalinkTweetWithAncestors:before,
.mini-avatar-with-thread:before,
.permalink.self-thread-permalink-with-descendant .permalink-tweet-container:after,
.permalink.self-thread-permalink-with-descendant .inline-reply-tweetbox-
container:after {
border-color: #A4D9F9;
}
.tweet .sm-reply,
.tweet .sm-rt,
.tweet .sm-fav,
.tweet .sm-image,
.tweet .sm-video,
.tweet .sm-audio,
.tweet .sm-geo,
.tweet .sm-in,
.tweet .sm-trash,
.tweet .sm-more,
.tweet .sm-page,
.tweet .sm-embed,
.tweet .sm-summary,
.tweet .sm-chat,
.sm-top-tweet {
background-color: #1DA1F2;
}
#global-tweet-dialog .modal-header,
#Tweetstorm-dialog .modal-header {
border-bottom: solid 1px rgba(29,161,242,0.25);
}
#global-tweet-dialog .modal-tweet-form-container,
#Tweetstorm-dialog .modal-body {
background-color: #1DA1F2;
background: rgba(29,161,242,0.1);
}
.TweetstormDialog-reply-context .tweet-box-avatar:after,
.TweetstormDialog-reply-context .tweet-box-avatar:before,
.TweetstormDialog-tweet-box .tweet-box-avatar:after,
.TweetstormDialog-tweet-box .tweet-box-avatar:before {
border-color: #A4D9F9;
}
.global-nav .search-input:focus,
.global-nav .search-input.focus {
border: 2px solid #1DA1F2;
}
}
.inline-reply-tweetbox {
background-color: #E8F5FD;
}
</style>
</style>
<noscript>
<form action="https://mobile.twitter.com/i/nojs_router?path=%2F"
method="POST" class="NoScriptForm">
<input type="hidden" value="8f6883ed74f8592535e669afedc2f300e35fca72"
name="authenticity_token">
<div class="NoScriptForm-content">
<span class="NoScriptForm-logo Icon Icon--logo Icon--extraLarge"></span>
<p>We've detected that JavaScript is disabled in your browser. Would you
like to proceed to legacy Twitter?</p>
<p class="NoScriptForm-buttonContainer"><button type="submit"
class="EdgeButton EdgeButton--primary">Yes</button></p>
</div>
</form>
</noscript>
<a href="https://twitter.com/#timeline" class="u-hiddenVisually focusable">Skip
to content</a>
<div class="ProfilePage-editingOverlay"></div>
</form>
</div>
<li class="dropdown-divider"></li>
<li data-name="lists">
<a class="js-nav" href="https://twitter.com/Jerry88565260/lists" data-
nav="all_lists">
<span class="DashUserDropdown-linkIcon Icon Icon--medium Icon--
list"></span>Lists
</a>
</li>
<li data-name="moments">
<a class="js-nav" href="https://twitter.com/Jerry88565260/moments" data-
nav="all_moments">
<span class="DashUserDropdown-linkIcon Icon Icon--medium Icon--
lightning"></span>Moments
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<a href="https://ads.twitter.com/?ref=gl-tw-tw-twitter-ads"
target="_blank" data-nav="ads" rel="noopener">
<span class="DashUserDropdown-linkIcon Icon Icon--medium Icon--
promotedStroked"></span>Twitter Ads
</a>
</li>
<li>
<a class="user-dropdown-analytics" href="https://analytics.twitter.com/"
target="_blank" data-nav="user_dropdown_analytics" rel="noopener">
<span class="DashUserDropdown-linkIcon Icon Icon--medium Icon--
analytics"></span>Analytics
</a>
</li>
<li class="dropdown-divider"></li>
<li>
<button type="button" class="dropdown-link enable-rweb-link">Try the new
Twitter</button>
</li>
</ul>
</div>
</li>
<li role="complementary" aria-labelledby="global-new-tweet-button"
class="topbar-tweet-btn">
<button id="global-new-tweet-button" class="js-global-new-tweet js-tooltip
EdgeButton EdgeButton--primary js-dynamic-tooltip" data-placement="bottom" data-
component-context="new_tweet_button">
<span class="text">Tweet</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="page-outer">
<div id="page-container" class="AppContent wrapper wrapper-home">
<div class="DashboardProfileCard-content">
<div class="DashboardProfileCard-avatarContainer">
<div id="choose-photo" class="controls avatar-settings inline-upload-
avatar dropdown center">
<a class="DashboardProfileCard-avatarLink ProfileAvatar-placeholder
u-inlineBlock js-nav js-tooltip profile-picture js-dropdown-toggle"
href="https://twitter.com/Jerry88565260" title="Add a profile photo" tabindex="-1"
aria-hidden="true" data-placement="top" data-scribe-element="profile_avatar"
role="button" aria-haspopup="true">
<div class="DashboardProfileCard-avatarImage u-
borderUserColorLightHover u-bgUserColor" data-avatar-placeholder="true">
<span class="Icon Icon--cameraPlus Icon--extraLarge"></span>
</div>
<img class="DashboardProfileCard-avatarImage js-action-profile-
avatar" src="./Twitter_files/default_profile_bigger.png" alt=""
style="display:none">
</a>
<div class="photo-selector">
<button class="btn" type="button">
Change photo
</button>
<span class="photo-file-name">No file selected</span>
<div class="image-selector">
<input type="hidden" name="media_file_name" class="file-name">
<input type="hidden" name="media_data_empty" class="file-data">
<label class="t1-label">
<span class="u-hiddenVisually">Add Photo</span>
<input type="file" name="media[]" class="file-input" tabindex="-1" title="Add
Photo" accept="image/gif,image/jpeg,image/jpg,image/png">
</label>
</div>
</div></li>
<li id="photo-choose-webcam" class="u-hidden">
<button type="button" class="dropdown-link">Take photo</button>
</li>
<li id="photo-delete-image" class="u-hidden">
<button type="button" class="dropdown-link">Remove</button>
</li>
<li class="dropdown-divider" role="presentation"></li>
<li class="cancel-options">
<button type="button" class="dropdown-link">Cancel</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ProfileCardStats">
<ul class="ProfileCardStats-statList Arrange Arrange--bottom Arrange--
equal"><li class="ProfileCardStats-stat Arrange-sizeFit">
<a class="ProfileCardStats-statLink u-textUserColor u-linkClean u-block js-
nav js-tooltip" href="https://twitter.com/Jerry88565260" data-element-
term="tweet_stats" data-original-title="0 Tweets">
<span class="ProfileCardStats-statLabel u-block">Tweets</span>
<span class="ProfileCardStats-statValue" data-count="0" data-is-
compact="false">0</span>
</a>
</li>
</ul>
</div>
<div id="dashboard-profile-prompt"></div>
</div>
</div>
<div class="ProfileOnboarding-bio">
<div class="ProfileOnboarding-header">
<div class="dismiss js-action-dismiss"><span class="Icon Icon--
close"></span></div>
<div class="ProfileOnboarding-title">Introduce yourself</div>
<div class="ProfileOnboarding-subtitle">Describe who you are and what
you're into.</div>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
</div>
</div>
<div class="ProfileOnboarding-location">
<div class="ProfileOnboarding-header">
<div class="dismiss js-action-dismiss"><span class="Icon Icon--
close"></span></div>
<div class="ProfileOnboarding-title">Where do you live?</div>
<div class="ProfileOnboarding-subtitle">Find people in the same location as
you.</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
</div>
</div>
<div class="ProfileOnboarding-birthdate">
<div class="ProfileOnboarding-header">
<div class="dismiss js-action-dismiss"><span class="Icon Icon--
close"></span></div>
<div class="ProfileOnboarding-title">Add your birthday</div>
<div class="ProfileOnboarding-subtitle">Let Twitter celebrate with you.
You're always in control of who can see it.</div>
</div>
<div class="ProfileHeaderCardEditing-item">
<div class="BirthdateSelect is-expanded" aria-
labelledby="BirthdateSelect-label">
<div class="BirthdateSelect-info">
This should be your date of birth, whether this account is for your
business, event, or even your cat.
</div>
<div class="BirthdateSelect-birthday u-inlineBlock">
<select class="BirthdateSelect-selectField BirthdateSelect-month js-
dateSelector js-dateSelectMonth u-borderUserColorLight t1-select"
name="user[birthdate][month]" tabindex="2" aria-label="Month"><option aria-
label="Choose" value="">Month</option><option value="1">January</option><option
value="2">February</option><option value="3">March</option><option
value="4">April</option><option value="5">May</option><option
value="6">June</option><option value="7">July</option><option
value="8">August</option><option value="9">September</option><option
value="10">October</option><option value="11">November</option><option
value="12">December</option></select>
</div>
</div>
<div class="ProfileOnboardingProgress">
<div class="ProfileOnboardingProgress-bar">
<div class="ProfileOnboardingProgress-barCompleted" style="width:
30%;"></div>
</div>
<span class="ProfileOnboardingProgress-text">30% complete</span>
</div>
</div>
<div class="js-last-tabstop" tabindex="4"></div></div>
</li>
</li>
</li>
<li class="trend-item js-trend-item context-trend-item" data-trend-
name="#MyLeaderRahulGandhi" data-trends-id="-9119494883707268913" data-trend-
token=":tailored_request:hashtag_trend:taxi_country_source:tweet_count_10000_100000
_metadescription:">
</li>
</li>
</li>
<li class="trend-item js-trend-item context-trend-item" data-trend-
name="#WednesdayWisdom" data-trends-id="-9119494883707268913" data-trend-
token=":tailored_request:hashtag_trend:taxi_country_source:tweet_count_10000_100000
_metadescription:">
</li>
</li>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="above-timeline-prompt"></div>
<div class="timeline-tweet-box">
<div class="home-tweet-box tweet-box component tweet-user">
<img class="top-timeline-tweet-box-user-image avatar size32"
src="./Twitter_files/default_profile_normal.png" alt="Jerry">
<form class="t1-form tweet-form condensed" method="post" target="tweet-
post-iframe" data-condensed-text="What’s happening?"
action="https://upload.twitter.com/i/tweet/create_with_media.iframe"
enctype="multipart/form-data" data-poll-composer-rows="3">
<div class="reply-users"></div>
<div class="tweet-content">
<img class="inline-reply-user-image avatar size32"
src="./Twitter_files/default_profile_normal.png" alt="Jerry">
<div class="TweetBox-photoIntent"><div class="photo-selector">
<button aria-hidden="true" class="btn icon-btn js-tooltip" type="button"
tabindex="-1" data-original-title="Add photos or video">
<span class="tweet-camera Icon Icon--media"></span>
<span class="text add-photo-label u-hiddenVisually">Add photos or video</span>
</button>
<div class="image-selector">
<input type="hidden" name="media_data_empty" class="file-data">
<div class="multi-photo-data-container hidden">
</div>
<label class="t1-label">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle RadialCounter--safe" cx="50%" cy="50%" r="8"
fill="none" stroke-width="2" style="stroke-dashoffset: 47.2496; stroke-dasharray:
50.2655;">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden"
style="display: none;">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search" tabindex="-1"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people" aria-autocomplete="list" aria-expanded="true" aria-owns="typeahead-
dropdown-3">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5"
data-poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus is-showPlaceholder" contenteditable="true"
spellcheck="true" role="textbox" data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus is-showPlaceholder" contenteditable="true"
spellcheck="true" role="textbox" data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus is-showPlaceholder" contenteditable="true"
spellcheck="true" role="textbox" data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus is-showPlaceholder" contenteditable="true"
spellcheck="true" role="textbox" data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
</div>
</div>
<div class="TweetBoxToolbar">
<div class="TweetBoxExtras tweet-box-extras">
<span class="TweetBoxExtras-item TweetBox-mediaPicker">
</span>
<div class="TweetBoxUploadProgress">
<div class="TweetBoxUploadProgress-uploading">
Uploading
<div class="TweetBoxUploadProgress-bar">
<div class="TweetBoxUploadProgress-barPosition"></div>
</div>
</div>
<div class="TweetBoxUploadProgress-processing">
Processing
<div class="TweetBoxUploadProgress-spinner Spinner Spinner--size14"></div>
</div>
</div>
</div>
</span>
<button class="tweet-action disabled EdgeButton EdgeButton--primary js-tweet-
btn" type="button" disabled="">
<span class="button-text tweeting-text">
Tweet
</span>
<span class="button-text replying-text">Reply</span>
</button>
</div>
</div>
<div style="position: absolute; visibility: hidden;"><div>What’s happening?
</div></div></form>
</div>
</div>
<div class="stream">
<ol class="stream-items js-navigable-stream" id="stream-items-id">
</ol>
<div class="stream-footer">
<div class="timeline-end">
<div class="HomeEmptyTimeline">
<h3 class="HomeEmptyTimeline-header">What? No Tweets yet?</h3>
<p class="HomeEmptyTimeline-body">This empty timeline won’t be around for long.
Start following people and you’ll see Tweets show up here.</p>
<a type="button" class="EdgeButton EdgeButton--primary HomeEmptyTimeline-
button" href="https://twitter.com/who_to_follow/suggestions">Find people to
follow</a>
</div>
<div class="stream-loading">
<div class="stream-end-inner">
<span class="spinner" title="Loading..."></span>
</div>
</div>
</div>
</div>
<div class="stream-fail-container u-hidden" style="display: none;">
<div class="js-stream-whale-end stream-whale-end stream-placeholder centered-
placeholder">
<div class="stream-end-inner">
<h2 class="title">Loading seems to be taking a while.</h2>
<p>
Twitter may be over capacity or experiencing a momentary hiccup. <a
role="button" href="https://twitter.com/#" class="try-again-after-whale">Try
again</a> or visit <a target="_blank" href="http://status.twitter.com/"
rel="noopener">Twitter Status</a> for more information.
</p>
</div>
</div>
</div>
<ol class="hidden-replies-container"></ol>
</div>
</div>
</div>
<div class="content">
<a class="account-group js-recommend-link js-user-profile-link user-thumb"
href="https://twitter.com/RailMinIndia" data-user-id="2602959463" rel="noopener">
button-text
follow-text">
<span aria-hidden="true">Follow</span>
<span class="u-hiddenVisually">Follow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--primary
EdgeButton--small
button-text
following-text">
<span aria-hidden="true">Following</span>
<span class="u-hiddenVisually">Following <span class="username u-dir u-
textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unfollow-text">
<span aria-hidden="true">Unfollow</span>
<span class="u-hiddenVisually">Unfollow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--invertedDanger
EdgeButton--small
button-text
blocked-text">
<span aria-hidden="true">Blocked</span>
<span class="u-hiddenVisually">Blocked <span class="username u-dir u-
textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unblock-text">
<span aria-hidden="true">Unblock</span>
<span class="u-hiddenVisually">Unblock <span class="username u-dir u-
textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
pending-text">
<span aria-hidden="true">Pending</span>
<span class="u-hiddenVisually">Pending follow request from <span
class="username u-dir u-textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
cancel-text">
<span aria-hidden="true">Cancel</span>
<span class="u-hiddenVisually">Cancel your follow request to <span
class="username u-dir u-textTruncate" dir="ltr">@<b>RailMinIndia</b></span></span>
</button>
</span>
</div>
</div>
</div>
<div class="content">
<a class="account-group js-recommend-link js-user-profile-link user-thumb"
href="https://twitter.com/the_hindu" data-user-id="20751449" rel="noopener">
button-text
follow-text">
<span aria-hidden="true">Follow</span>
<span class="u-hiddenVisually">Follow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--primary
EdgeButton--small
button-text
following-text">
<span aria-hidden="true">Following</span>
<span class="u-hiddenVisually">Following <span class="username u-dir u-
textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unfollow-text">
<span aria-hidden="true">Unfollow</span>
<span class="u-hiddenVisually">Unfollow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--invertedDanger
EdgeButton--small
button-text
blocked-text">
<span aria-hidden="true">Blocked</span>
<span class="u-hiddenVisually">Blocked <span class="username u-dir u-
textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unblock-text">
<span aria-hidden="true">Unblock</span>
<span class="u-hiddenVisually">Unblock <span class="username u-dir u-
textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
pending-text">
<span aria-hidden="true">Pending</span>
<span class="u-hiddenVisually">Pending follow request from <span
class="username u-dir u-textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
cancel-text">
<span aria-hidden="true">Cancel</span>
<span class="u-hiddenVisually">Cancel your follow request to <span
class="username u-dir u-textTruncate" dir="ltr">@<b>the_hindu</b></span></span>
</button>
</span>
</div>
</div>
</div>
<div class="content">
<a class="account-group js-recommend-link js-user-profile-link user-thumb"
href="https://twitter.com/anandmahindra" data-user-id="34197952" rel="noopener">
button-text
follow-text">
<span aria-hidden="true">Follow</span>
<span class="u-hiddenVisually">Follow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--primary
EdgeButton--small
button-text
following-text">
<span aria-hidden="true">Following</span>
<span class="u-hiddenVisually">Following <span class="username u-dir u-
textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unfollow-text">
<span aria-hidden="true">Unfollow</span>
<span class="u-hiddenVisually">Unfollow <span class="username u-dir u-
textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--invertedDanger
EdgeButton--small
button-text
blocked-text">
<span aria-hidden="true">Blocked</span>
<span class="u-hiddenVisually">Blocked <span class="username u-dir u-
textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--danger
EdgeButton--small
button-text
unblock-text">
<span aria-hidden="true">Unblock</span>
<span class="u-hiddenVisually">Unblock <span class="username u-dir u-
textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
pending-text">
<span aria-hidden="true">Pending</span>
<span class="u-hiddenVisually">Pending follow request from <span
class="username u-dir u-textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
<button type="button" class="
EdgeButton
EdgeButton--secondary
EdgeButton--small
button-text
cancel-text">
<span aria-hidden="true">Cancel</span>
<span class="u-hiddenVisually">Cancel your follow request to <span
class="username u-dir u-textTruncate" dir="ltr">@<b>anandmahindra</b></span></span>
</button>
</span>
</div>
</div>
</div></div>
</div>
<div class="flex-module import-prompt">
<div class="cta u-cf js-launch-service" data-service="gmail" data-
url="/invitations/oauth_launch?service=gmail" data-popup="true" data-width="880"
data-height="550">
<span class="service u-sizeFit">
<span class="icon service-gmail"></span>
</span>
<p class="u-sizeFit">
<strong>Find people you know</strong>
<span>Import your contacts from Gmail</span>
</p>
</div>
<p class="flex-module-inner">
<button type="button" class="btn-link js-connect-other">Connect other
address books</button>
</p>
<div class="other-services hidden">
<span class="service js-launch-service" data-service="msn2" data-
url="/invitations/oauth_launch?service=msn2" data-popup="true" data-width="512"
data-height="512">
<span class="icon service-msn2"></span>
<div>Outlook</div>
</span>
<p>
<span>
Choosing an option above will open a window for you to log in and
securely import your contacts to Twitter. We'll also use this information to make
follow suggestions. You can remove this privilege at any time.
</span>
</p>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">
Trends
</h3>
</div>
<div class="modal-body">
<div class="trends-dialog-error">
<p></p>
</div>
<div class="loading">
<span class="spinner-bigger"></span>
</div>
</div>
</div>
<div class="modal-footer trends-by-location" style="display: none;">
<button type="button" class="EdgeButton EdgeButton--secondary select-
default" data-personalized="true">Get tailored trends</button>
<button type="button" class="EdgeButton EdgeButton--primary done">Done</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Position and size your photo</h3>
</div>
<div class="modal-body">
<div class="upload-frame image-upload-webcam" style="display: none;">
<div class="webcam-container"></div>
<canvas class="webcam-canvas" height="240" width="320"
style="display:none"></canvas>
<video autoplay=""></video>
<div class="video-overlay">
<div class="u-textCenter video-countdown"></div>
</div>
<div class="video-permission-explain" style="display:none">
<h4>Starting webcam...</h4>
<br>
Choose "accept" or "allow" in your browser to continue taking a photo
for your Twitter profile.
</div>
<div class="video-permission-fail" style="display:none">
Uh oh...it looks like you don't have a webcam or we were unable to get
permission to use your webcam. Please close this window and upload a photo instead.
</div>
</div>
<div class="upload-frame clearfix image-upload-crop" style="display: none">
<span class="spinner-bigger crop-spinner" style="display: none"></span>
<div class="crop-zone cropper-avatar-size">
<div class="cropper-mask">
<div class="cropper-overlay"></div>
<img class="crop-image" alt="">
</div>
<div class="cropper-slider-outer">
<span class="Icon Icon--imageCrop Icon--small u-alignBottom u-
colorDeepGray"></span><div class="cropper-slider"></div><span class="Icon Icon--
imageCrop Icon--large u-alignBottom u-colorDeepGray"></span>
</div>
</div>
</div>
<div style="display: none;">
<canvas class="drawsurface"></canvas>
</div>
<div class="upload-frame clearfix image-upload-spinner"></div>
</div>
<div class="modal-footer">
<button type="button" class="EdgeButton EdgeButton--tertiary profile-image-
cancel js-close">Cancel</button>
<button type="button" class="EdgeButton EdgeButton--secondary profile-
image-previous" style="display: none">Retake Photo</button>
<button type="button" class="EdgeButton EdgeButton--primary profile-image-
capture-webcam" disabled="" style="display: none">Take picture</button>
<button type="button" class="EdgeButton EdgeButton--primary profile-image-
save" style="display: none">Apply</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">We’re loading your contacts…</h3>
</div>
<div class="modal-body">
<span class="spinner" title="Loading..."></span>
<p>
(This can take a while if you’ve got a large address book.)
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="alert-messages hidden" id="message-drawer" style="top: -40px;">
<div class="message ">
<div class="message-inside">
<span class="message-text"></span>
<a role="button" class="Icon Icon--close Icon--medium dismiss"
href="https://twitter.com/#">
<span class="visuallyhidden">Dismiss</span>
</a>
</div>
</div>
</div>
<div class="gallery-overlay"></div>
<div class="Gallery with-tweet">
<style class="Gallery-styles"></style>
<div class="Gallery-closeTarget"></div>
<div class="Gallery-content">
<div class="GalleryTweet-newsCameraBadge"></div>
<button type="button" class="modal-btn modal-close modal-close-fixed js-close">
<span class="Icon Icon--close Icon--large">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="Gallery-media"></div>
<div class="GalleryNav GalleryNav--prev">
<span class="GalleryNav-handle GalleryNav-handle--prev">
<span class="Icon Icon--caretLeft Icon--large">
<span class="u-hiddenVisually">
Previous
</span>
</span>
</span>
</div>
<div class="GalleryNav GalleryNav--next">
<span class="GalleryNav-handle GalleryNav-handle--next">
<span class="Icon Icon--caretRight Icon--large">
<span class="u-hiddenVisually">
Next
</span>
</span>
</span>
</div>
<div class="GalleryTweet"></div>
</div>
</div>
<div class="modal-overlay"></div>
<div id="profile-hover-container"></div>
<div class="DMActivity-toolbar">
<button type="button" class="DMInbox-toolbar EdgeButton EdgeButton--small
EdgeButton--secondary EdgeButton--icon mark-all-read js-tooltip" title="Mark all as
read">
<span class="Icon Icon--markAllRead"></span>
<span class="u-hiddenVisually">Mark all as read</span>
</button>
<button type="button" class="DMInbox-toolbar DMComposeButton EdgeButton
EdgeButton--small EdgeButton--primary dm-new-button js-initial-focus">
<span>New Message</span>
</button>
<div class="DMActivity-container">
<div class="DMActivity-notice">
<div class="DMNotice DMNotice--error DMErrorBar" style="display: none;">
<div class="DMNotice-message"> <div class="DMErrorBar-text"></div>
</div>
<div class="DMNotice-actions u-emptyHide"></div>
<button type="button" class="DMNotice-dismiss">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Dismiss</span>
</button>
</div>
</div>
<div class="DMEmptyState-details">
<p>Direct Messages are private conversations between you and other people on
Twitter. Share Tweets, media, and more!</p>
</div>
<div class="DMEmptyState-cta">
<button type="button" class="EdgeButton EdgeButton--primary dm-new-button">
Start a conversation
</button>
</div>
</div>
</div>
<div class="DMInbox-spinner">
<div class="DMSpinner"></div>
</div>
</div>
<div class="DMInbox-secondary u-hidden">
<div class="DMInbox-secondaryInboxCopy">
This is where you'll see messages from people you don't follow. They
won't know you've seen them until you accept it.
</div>
<ul class="DMInbox-untrustedConversations"></ul>
<div class="DMInbox-empty"><div class="DMEmptyState">
<h2 class="DMEmptyState-header">
You don't have any message requests
</h2>
<div class="DMEmptyState-details">
<p>This is where you'll see messages from people you don't follow. They won't
know you've seen them until you accept it.</p>
</div>
</div>
</div>
<div class="DMInbox-spinner">
<div class="DMSpinner"></div>
</div>
</div>
</div>
</div>
<div class="DMDock">
<div class="DMDock-compose">
<div class="DMActivity DMCompose js-ariaDocument u-chromeOverflowFix">
<div class="DMActivity-header">
<div class="DMActivity-navigation">
<button type="button" class="DMActivity-back u-textUserColorHover" to-
inbox="">
<span class="Icon Icon--caretLeft u-linkComplex-target Icon--
medium"></span>
<span class="u-hiddenVisually">Back to inbox</span>
</button>
</div>
</h2>
<div class="DMActivity-toolbar">
</div>
</div>
</div>
<div class="DMDock-conversations">
<div class="DMConversationContainer">
<div class="DMActivity DMConversation js-ariaDocument u-
chromeOverflowFix">
<div class="DMActivity-header">
<div class="DMActivity-navigation">
<button type="button" class="DMActivity-back u-textUserColorHover" to-
inbox="">
<span class="Icon Icon--caretLeft u-linkComplex-target Icon--
medium"></span>
<span class="u-hiddenVisually">Back to inbox</span>
</button>
</div>
</button>
<div class="DMPopover-content Caret Caret--top Caret--stroked ">
<ul class="DMPopoverMenu u-textCenter js-focus-on-open u-
dropdownUserColor" tabindex="-1" role="menu">
<li class="DMUpdateAvatar-view">
<button type="button" class="DMPopoverMenu-button">View photo</button>
</li>
<li class="DMUpdateAvatar-change">
<button type="button" class="DMPopoverMenu-button">Upload photo</button>
</li>
<li class="DMUpdateAvatar-remove">
<button type="button" class="DMPopoverMenu-button">Remove</button>
</li>
</ul>
</div>
</div></div>
<div class="DMUpdateName u-textTruncate">
<div class="DMUpdateName-header account-group">
<span class="DMUpdateName-name u-textTruncate"></span><span
class="UserBadges"><span class="Icon Icon--verified js-verified hidden"><span
class="u-hiddenVisually">Verified account</span></span><span class="Icon Icon--
protected js-protected hidden"><span class="u-hiddenVisually">Protected
Tweets</span></span></span>
</div>
<div class="DMUpdateName-screenName u-textTruncate"></div>
<div class="DMUpdateName-controls">
<span class="DMUpdateName-spinner DMSpinner"></span>
<div class="DMUpdateName-form input-group u-hidden">
<input type="text" class="DMUpdateName-input" aria-label="Edit group name">
<button class="DMUpdateName-confirm u-textUserColorLight">
<span class="Icon Icon--check"></span>
<span class="u-hiddenVisually">Save group name</span>
</button>
</div>
</div>
</div>
</h2>
<div class="DMActivity-toolbar">
<button class="DMConversation-convoSettings dm-to-convoSettings u-
textUserColorHover js-tooltip" data-original-title="Control your notifications for
this group" data-delay="200" data-placement="bottom" data-trigger="manual">
<span class="Icon Icon--info Icon--medium"></span>
<span class="u-hiddenVisually">Conversation Settings</span>
</button>
<div class="DMActivity-container">
<div class="DMActivity-notice">
<div class="DMNotice DMNotice--error DMErrorBar" style="display: none;">
<div class="DMNotice-message"> <div class="DMErrorBar-text"></div>
</div>
<div class="DMNotice-actions u-emptyHide"></div>
<button type="button" class="DMNotice-dismiss">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Dismiss</span>
</button>
</div>
</div>
</div>
</div>
<div class="DMComposer-media">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
</div>
</div>
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
</div>
<div class="TweetBoxExtras">
<div class="DMComposer-gifSearch TweetBoxExtras-item">
<div class="FoundMediaSearch found-media-search dropdown">
<button class="btn js-found-media-search-trigger js-dropdown-toggle icon-btn js-
tooltip" type="button" title="Add a GIF" data-delay="150" aria-haspopup="true">
<span class="Icon Icon--gif Icon--large"></span>
<span class="text u-hiddenVisually">
Add a GIF
</span>
</button>
<div class="FoundMediaSearch-dropdownMenu dropdown-menu" tabindex="-1">
<div class="FoundMediaSearch-content Caret Caret--stroked">
<div class="FoundMediaSearch-query">
<input class="FoundMediaSearch-queryInput" type="text" autocomplete="off"
placeholder="Search for a GIF">
<span class="Icon Icon--search"></span>
</div>
<div class="FoundMediaSearch-results">
<div class="FoundMediaSearch-items"></div>
<div class="FoundMediaSearch-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="DMComposer-quickReplyDismiss"><div class="QuickReplyDismiss" aria-
hidden="true">
<button type="button" class="QuickReplyDismiss-icon btn icon-btn">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Close</span>
</button>
</div>
</div>
</div>
<div class="DMComposer-send">
<button class="EdgeButton EdgeButton--primary tweet-action disabled" aria-
disabled="true" type="button">
<span class="button-text messaging-text">Send</span>
</button>
</div>
</form>
<div class="DMConversation-quickReply"></div>
</div>
<div class="DMConversation-readonly">
<div class="DMConversation-readOnlyFooter">
You can no longer send messages to this person. <a
href="https://support.twitter.com/articles/14606#faq" target="_blank" class="learn-
more" rel="noopener">Learn more</a>
</div>
</div>
<div class="DMConversation-feedback">
<div class="DMFeedback">
<button type="button" class="DMFeedback-dismiss">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Dismiss</span>
</button>
<iframe class="B2CFeedback" data-current-view="" scrolling="no" frameborder="0"
height="0" src="./Twitter_files/saved_resource.html">
</iframe>
</div>
</div>
</div>
</div>
</div>
</h2>
<div class="DMActivity-toolbar">
<div class="DMActivity-container">
<div class="DMActivity-notice">
<div class="DMNotice DMNotice--error DMErrorBar" style="display: none;">
<div class="DMNotice-message"> <div class="DMErrorBar-text"></div>
</div>
<div class="DMNotice-actions u-emptyHide"></div>
<button type="button" class="DMNotice-dismiss">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Dismiss</span>
</button>
</div>
</div>
</h2>
<div class="DMActivity-toolbar">
<div class="DMConversationSettings-dropdown u-posRelative u-textLeft u-
textUserColorHover"></div>
<button type="button" class="DMActivity-close js-close u-textUserColorHover">
<span class="Icon Icon--close Icon--medium"></span>
<span class="u-hiddenVisually">Close</span>
</button>
</div>
</div>
<div class="DMActivity-container">
<div class="DMActivity-notice">
<div class="DMNotice DMNotice--error DMErrorBar" style="display: none;">
<div class="DMNotice-message"> <div class="DMErrorBar-text"></div>
</div>
<div class="DMNotice-actions u-emptyHide"></div>
<button type="button" class="DMNotice-dismiss">
<span class="Icon Icon--close"></span>
<span class="u-hiddenVisually">Dismiss</span>
</button>
</div>
</div>
</button>
<div class="DMPopover-content Caret Caret--top Caret--stroked ">
<ul class="DMPopoverMenu u-textCenter js-focus-on-open u-
dropdownUserColor" tabindex="-1" role="menu">
<li class="DMUpdateAvatar-view">
<button type="button" class="DMPopoverMenu-button">View photo</button>
</li>
<li class="DMUpdateAvatar-change">
<button type="button" class="DMPopoverMenu-button">Upload photo</button>
</li>
<li class="DMUpdateAvatar-remove">
<button type="button" class="DMPopoverMenu-button">Remove</button>
</li>
</ul>
</div>
</div></div>
</div>
<div class="DMConversationSettings-name">
<div class="DMUpdateName u-textTruncate">
<div class="DMUpdateName-header account-group">
<span class="DMUpdateName-name u-textTruncate"></span><span
class="UserBadges"><span class="Icon Icon--verified js-verified hidden"><span
class="u-hiddenVisually">Verified account</span></span><span class="Icon Icon--
protected js-protected hidden"><span class="u-hiddenVisually">Protected
Tweets</span></span></span>
</div>
<div class="DMUpdateName-screenName u-textTruncate"></div>
<div class="DMUpdateName-controls">
<span class="DMUpdateName-spinner DMSpinner"></span>
<div class="DMUpdateName-form input-group u-hidden">
<input type="text" class="DMUpdateName-input" aria-label="Edit group name">
<button class="DMUpdateName-confirm u-textUserColorLight">
<span class="Icon Icon--check"></span>
<span class="u-hiddenVisually">Save group name</span>
</button>
</div>
</div>
</div>
</div>
<div class="DMConversationSettings-notifications">
<h3>Notifications</h3>
<label class="t1-label checkbox">
<input type="checkbox" name="dm[toggle_notifications]">Mute notifications
</label>
<p class="DMConversationSettings-notificationsFooter t1-infotext"></p>
</div>
<div class="DMConversationSettings-mentions">
<label class="t1-label checkbox">
<input type="checkbox" name="dm[toggle_mentions]">Mute mentions
</label>
<p class="DMConversationSettings-mentionsFooter t1-infotext">Disable
notifications when people mention you in this group.</p>
</div>
<div class="DMConversationSettings-subscriptions">
<h3>Subscriptions</h3>
<label class="t1-label checkbox">
<input type="checkbox" name="dm[toggle_subscriptions]">Subscribe to updates
</label>
<p class="DMConversationSettings-subscriptionsFooter t1-infotext"></p>
</div>
<div class="DMConversationSettings-participants u-flexColumn u-flexGrow"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<h2 class="modal-title">Photo</h2>
</div>
<div class="dm-media-preview"></div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Mute Notifications</h3>
</div>
<div class="modal-body">
<fieldset class="control-group">
<legend class="t1-label control-label">Mute notifications
duration</legend>
<div class="controls">
<label class="t1-label radio">
<input type="radio" value="1"
name="dm[mute_notifications_duration]">For 1 hour
</label>
<label class="t1-label radio">
<input type="radio" value="2"
name="dm[mute_notifications_duration]">For 8 hours
</label>
<label class="t1-label radio">
<input type="radio" value="3"
name="dm[mute_notifications_duration]">For 1 week
</label>
<label class="t1-label radio">
<input type="radio" value="0"
name="dm[mute_notifications_duration]">Forever
</label>
</div>
</fieldset>
</div>
<div class="modal-header">
<h3 class="modal-title">Go to a person's profile</h3>
</div>
<div class="modal-body">
<div class="modal-inner">
<form class="t1-form goto-user-form">
<input class="input-block username-input" type="text"
placeholder="Start typing a name to jump to a profile" aria-label="User" aria-
autocomplete="list" aria-expanded="false" aria-owns="typeahead-dropdown-2">
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Promote this Tweet</h3>
</div>
<div class="modal-body">
<div class="quick-promote-view-container">
<div class="media">
<iframe class="quick-promote-iframe js-initial-focus" scrolling="no"
frameborder="0" src="./Twitter_files/saved_resource(1).html">
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Block</h3>
</div>
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div class="modal-footer">
<button class="EdgeButton EdgeButton--tertiary cancel-action js-
close">Cancel</button>
<button class="EdgeButton EdgeButton--danger block-action">Block</button>
</div>
</div>
</div>
</div>
<div id="geo-disabled-dropdown">
<div tabindex="-1">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<ul>
<li class="geo-not-enabled-yet">
<h2>Tweet with a location</h2>
<p>
You can add location information to your Tweets, such as your city or
precise location, from the web and via third-party applications. You always have
the option to delete your Tweet location history.
<a href="http://support.twitter.com/forums/26810/entries/78525"
target="_blank" rel="noopener">Learn more</a>
</p>
<div>
<button type="button" class="geo-turn-on EdgeButton EdgeButton--
primary">Turn on</button>
<button type="button" class="geo-not-now EdgeButton EdgeButton--
secondary">Not now</button>
</div>
</li>
</ul>
</div>
</div>
<div id="geo-enabled-dropdown">
<div tabindex="-1">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<div>
<div class="geo-query-location">
<input class="GeoSearch-queryInput" type="text" autocomplete="off"
placeholder="Search for a neighborhood or city">
<span class="Icon Icon--search"></span>
</div>
<div class="geo-dropdown-status"></div>
<ul class="GeoSearch-dropdownMenu"></ul>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Your lists</h3>
</div>
<div class="modal-body">
<div class="list-membership-content"></div>
<span class="spinner lists-spinner" title="Loading…"></span>
</div>
</div>
</div>
</div>
<div id="list-operations-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Create a new list</h3>
</div>
<div class="modal-body">
<div class="list-editor">
<div class="field">
<label class="t1-label" for="list-name">List name</label>
<input id="list-name" type="text" class="text" name="name" value="">
</div>
<hr>
<div class="field">
<label class="t1-label" for="list-description">Description</label>
<textarea id="list-description" name="description"></textarea>
<span class="help-text">Under 100 characters, optional</span>
</div>
<hr>
<fieldset class="field">
<legend class="t1-legend">Privacy</legend>
<div class="options">
<label class="t1-label" for="list-public-radio">
<input class="radio" type="radio" name="mode" id="list-public-radio"
value="public" checked="checked">
<b>Public</b> · Anyone can follow this list
</label>
<label class="t1-label" for="list-private-radio">
<input class="radio" type="radio" name="mode" id="list-private-radio"
value="private">
<b>Private</b> · Only you can access this list
</label>
</div>
</fieldset>
<hr>
<div class="list-editor-save">
<button type="button" class="EdgeButton EdgeButton--secondary update-list-
button" data-list-id="">Save list</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title"></h3>
</div>
<div class="modal-body">
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div class="modal-header">
<h3 class="modal-title">Security challenge</h3>
</div>
<div class="modal-body">
<p class="modal-body-text">
</p><h3 class="modal-text">There appears to be some suspicious activity
on your account. In order to continue, please solve the challenge below.
</h3>
<p></p>
<div id="captcha-challenge-form"></div>
</div>
<div class="modal-footer">
<button class="btn js-close"
id="confirm_dialog_cancel_button">Cancel</button>
<button type="button" id="recaptcha_submit" class="btn">Submit</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Copy link to Tweet</h3>
</div>
<div class="modal-body">
<div class="copy-link-to-tweet-container">
<label class="t1-label">
<p class="copy-link-to-tweet-instructions">Here's the URL for this
Tweet. Copy it to easily share with friends.</p>
<textarea class="link-to-tweet-destination js-initial-focus u-dir"
dir="ltr" readonly=""></textarea>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title embed-tweet-title">Embed this Tweet</h3>
<h3 class="modal-title embed-video-title">Embed this Video</h3>
</div>
<div class="modal-body">
<div class="embed-code-container">
<p class="embed-tweet-instructions">Add this Tweet to your website by copying the
code below. <a href="https://dev.twitter.com/web/embedded-tweets" target="_blank"
rel="noopener">Learn more</a></p>
<p class="embed-video-instructions">Add this video to your website by copying the
code below. <a href="https://dev.twitter.com/web/embedded-tweets" target="_blank"
rel="noopener">Learn more</a></p>
<form class="t1-form">
<div class="embed-destination-wrapper">
<div class="embed-overlay embed-overlay-spinner"><div class="embed-overlay-
content"></div></div>
<div class="embed-overlay embed-overlay-error">
<p class="embed-overlay-content">Hmm, there was a problem reaching the
server. <button type="button" class="btn-link retry-embed">Try again?</button></p>
</div>
<textarea class="embed-destination js-initial-focus"></textarea>
<div class="embed-options">
<div class="embed-include-parent-tweet">
<label class="t1-label" for="include-parent-tweet">
<input type="checkbox" id="include-parent-tweet" class="include-parent-
tweet" checked="">
Include parent Tweet
</label>
</div>
<div class="embed-include-card">
<label class="t1-label" for="include-card">
<input type="checkbox" id="include-card" class="include-card"
checked="">
Include media
</label>
</div>
</div>
</div>
</form>
<p class="embed-tweet-description">By embedding Twitter content in your website
or app, you are agreeing to the Twitter <a
href="https://dev.twitter.com/overview/terms/agreement" rel="noopener">Developer
Agreement</a> and <a href="https://dev.twitter.com/overview/terms/policy"
rel="noopener">Developer Policy</a>.</p>
<h3 class="embed-preview-header">Preview</h3>
<div class="embed-preview">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title why-this-ad-title">Why you're seeing this ad</h3>
</div>
<div class="why-this-ad-content">
<div class="why-this-ad-spinner">
<div class="spinner-bigger"></div>
</div>
<iframe id="why-this-ad-frame" class="hidden" aria-hidden="true"
scrolling="auto" src="./Twitter_files/saved_resource(2).html">
</iframe>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title"></h3>
</div>
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div class="tweet-content">
<img class="inline-reply-user-image avatar size32"
src="./Twitter_files/default_profile_normal.png" alt="Jerry">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden" id="tweet-box-global-label">Tweet text</span>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5"
data-poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
</div>
</div>
<div class="TweetBoxToolbar">
<div class="TweetBoxExtras tweet-box-extras">
<span class="TweetBoxExtras-item TweetBox-mediaPicker"><div class="photo-
selector">
<button aria-hidden="true" class="btn icon-btn js-tooltip" type="button"
tabindex="-1" data-original-title="Add photos or video">
<span class="tweet-camera Icon Icon--media"></span>
<span class="text add-photo-label u-hiddenVisually">Add photos or video</span>
</button>
<div class="image-selector">
<input type="hidden" name="media_data_empty" class="file-data">
<div class="multi-photo-data-container hidden">
</div>
<label class="t1-label">
<span class="visuallyhidden">Add photos or video</span>
<input type="file" name="media_empty"
accept="image/gif,image/jpeg,image/jpg,image/png" multiple="" class="file-input js-
tooltip" data-original-title="Add photos or video" data-delay="150">
</label>
</div>
</div>
</span>
<div class="TweetBoxUploadProgress">
<div class="TweetBoxUploadProgress-uploading">
Uploading
<div class="TweetBoxUploadProgress-bar">
<div class="TweetBoxUploadProgress-barPosition"></div>
</div>
</div>
<div class="TweetBoxUploadProgress-processing">
Processing
<div class="TweetBoxUploadProgress-spinner Spinner Spinner--size14"></div>
</div>
</div>
</div>
</span>
<button class="tweet-action disabled EdgeButton EdgeButton--primary js-tweet-
btn" type="button" disabled="">
<span class="button-text tweeting-text">
Tweet
</span>
<span class="button-text replying-text">
Reply
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Retweet this to your followers?</h3>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
</div>
</div>
</span>
<button class="EdgeButton EdgeButton--primary retweet-action"
type="button">
<span class="RetweetDialog-retweetActionLabel">
Retweet
</span>
<span class="RetweetDialog-tweetActionLabel">
Tweet
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title report-title">Block</h3>
<input type="hidden" id="current-user-id" value="1143787559924879361">
</div>
<div class="block-section controls modal-body">
<span class="label-head block-user-label"></span>
<p class="block-user-description"><span class="block-user-text"></span> <a
href="https://support.twitter.com/articles/117063-blocking-people-on-twitter"
target="_blank" rel="noopener">Learn more</a> about what it means to block an
account.</p>
</div>
<div class="modal-footer submit-section">
<button class="EdgeButton EdgeButton--danger block-button">Block</button>
<button class="EdgeButton EdgeButton--tertiary cancel-action js-
close">Cancel</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title report-title">Report</h3>
<input type="hidden" id="current-user-id" value="1143787559924879361">
</div>
<div class="new-report-flow-form">
<iframe id="new-report-flow-frame" class="new-report-flow-report"
src="./Twitter_files/saved_resource(3).html" scrolling="auto">
</iframe>
<div id="new-report-flow-control" class="modal-body submit-section">
<div class="clearfix">
<button id="report-flow-button-back" class="EdgeButton EdgeButton--
tertiary new-report-flow-back-button" type="button">Back</button>
<button id="report-flow-button-next" class="EdgeButton EdgeButton--
primary new-report-flow-next-button" type="button">
<span class="next-text">Next</span>
<span class="add-text">Add<span class="tweet-number"></span></span>
</button>
<button class="EdgeButton EdgeButton--primary new-report-flow-done-
button" type="button">Done</button>
<button class="EdgeButton EdgeButton--tertiary new-report-flow-close-
button" type="button">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title export-list-title">Export your list</h3>
<br><br>
<strong class="export-header-title">
Confirm the accounts that you want to export
</strong>
<br><br>
<p class="export-header-text">We will create a .csv file and save it on
your computer. You may share the file, and others will be able to import this list
of blocked accounts.</p>
</div>
<br>
<div class="modal-body users-section">
<div class="stream-container" data-cursor="">
<span class="user-timeline">
<label class="t1-label" for="include-imported-block">
<input id="include-imported-block" type="checkbox"
value="include_imported_block" checked="">
<span id="include-imported-block-text">Include all of my imported
blocked accounts</span>
</label>
<ol class="stream-items js-navigable-stream" id="stream-items-
id"></ol>
<div class="stream-footer ">
<div class="timeline-end ">
<div class="stream-end">
<div class="stream-end-inner">
<p class="empty-text">
</p>
<div class="stream-loading">
<div class="stream-end-inner">
<span class="spinner" title="Loading..."></span>
</div>
</div>
</div>
</div>
<div class="stream-fail-container">
</div>
</span>
<span class="processing-bar">
<span class="spinner" title="Loading..."></span>
</span>
</div>
</div>
<div class="modal-footer">
<button class="EdgeButton EdgeButton--primary export-
action">Export</button><button class="EdgeButton EdgeButton--primary js-close done-
btn">Done</button><button class="EdgeButton EdgeButton--tertiary cancel-action js-
close">Cancel</button>
</div>
</div>
</div>
</div>
<div id="block-list-import-dialog" class="modal-container">
<div class="modal modal-medium draggable">
<div class="modal-content">
<button type="button" class="modal-btn modal-close js-close">
<span class="Icon Icon--close Icon--medium">
<span class="visuallyhidden">Close</span>
</span>
</button>
<div class="modal-header">
<h3 class="modal-title">Import a list</h3>
<input type="hidden" id="current-user-id" value="1143787559924879361">
<br>
<strong class="import-header-title"></strong>
<br>
<p class="import-header-text"></p>
</div>
<div class="controls modal-body">
<div class="file-uploader">
<div class="file-upload-section">
<input type="file" name="filename" id="filename" accept=".csv">
<div class="upload-icon Icon Icon--extraLarge Icon--attachFile"></div>
<div class="uploaded-file">Attach a file to upload</div>
</div>
<div id="error-message"></div>
</div>
<div class="processing-text">
<span class="spinner" title="Loading..."></span>
</div>
<div class="name-list">
<div id="imported-user-name-list">
</div>
</div>
</div>
<div class="modal-footer submit-section">
<div class="clearfix">
<button class="EdgeButton EdgeButton--tertiary js-initial-focus cancel-
action js-close">Cancel</button><button class="EdgeButton EdgeButton--primary
import-button">Preview</button><button class="EdgeButton EdgeButton--danger block-
button">Block</button><button class="EdgeButton EdgeButton--tertiary done-button
js-close">Done</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 id="gdpr-age-gate-title" class="modal-title"></h3>
</div>
<div class="modal-body">
<p id="gdpr-age-gate-body"></p>
</div>
<div class="modal-footer">
<button id="gdpr-age-gate-dialog-submit-button" class="EdgeButton
EdgeButton--primary age-gate-submit">Got it</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Please review your settings</h3>
</div>
<div class="modal-body">
<p>These changes mean you'll need to take a moment to review your current
settings.</p>
</div>
<div class="modal-footer">
<button class="EdgeButton EdgeButton--primary gdpr-soft-bounce-submit">Get
started</button>
</div>
</div>
</div>
</div>
<div id="sms-confirmation-begin-modal">
<div class="modal-header">
<h3 class="modal-title">Enter your phone number</h3>
</div>
<div class="modal-body">
<div class="settings-alert" id="sms-alert-box">
<span id="sms-alert-close" class="Icon Icon--close Icon--smallest
close"></span>
<h4 id="sms-alert-message"></h4>
</div>
<form id="sms-confirmation-begin-form" class="t1-form form-horizontal sms-
form">
<input type="hidden" id="authenticity_token" name="authenticity_token"
value="8f6883ed74f8592535e669afedc2f300e35fca72">
<p>Enter your phone number in the box below, and we'll send you a
confirmation code.</p>
<div class="control-group" id="choose-country">
<label for="device_country_code" class="t1-label control-
label">Country/region</label>
<div class="controls">
<select class="t1-select" id="device_country_code"
name="device[country_code]">
<option value="93">Afghanistan</option>
<option value="355">Albania</option>
<option value="213">Algeria</option>
<option value="1">American Samoa</option>
<option value="376">Andorra</option>
<option value="244">Angola</option>
<option value="1">Anguilla</option>
<option value="1">Antigua & Barbuda</option>
<option value="54">Argentina</option>
<option value="374">Armenia</option>
<option value="297">Aruba</option>
<option value="61">Australia</option>
<option value="43">Austria</option>
<option value="994">Azerbaijan</option>
<option value="1">Bahamas</option>
<option value="973">Bahrain</option>
<option value="880">Bangladesh</option>
<option value="1">Barbados</option>
<option value="375">Belarus</option>
<option value="32">Belgium</option>
<option value="501">Belize</option>
<option value="229">Benin</option>
<option value="1">Bermuda</option>
<option value="975">Bhutan</option>
<option value="591">Bolivia</option>
<option value="387">Bosnia & Herzegovina</option>
<option value="267">Botswana</option>
<option value="55">Brazil</option>
<option value="1">British Virgin Islands</option>
<option value="673">Brunei</option>
<option value="359">Bulgaria</option>
<option value="226">Burkina Faso</option>
<option value="257">Burundi</option>
<option value="855">Cambodia</option>
<option value="237">Cameroon</option>
<option value="1">Canada</option>
<option value="238">Cape Verde</option>
<option value="599">Caribbean Netherlands</option>
<option value="1">Cayman Islands</option>
<option value="236">Central African Republic</option>
<option value="235">Chad</option>
<option value="56">Chile</option>
<option value="86">China</option>
<option value="57">Colombia</option>
<option value="269">Comoros</option>
<option value="242">Congo - Brazzaville</option>
<option value="243">Congo - Kinshasa</option>
<option value="682">Cook Islands</option>
<option value="506">Costa Rica</option>
<option value="385">Croatia</option>
<option value="53">Cuba</option>
<option value="599">Curaçao</option>
<option value="357">Cyprus</option>
<option value="420">Czechia</option>
<option value="225">Côte d’Ivoire</option>
<option value="45">Denmark</option>
<option value="253">Djibouti</option>
<option value="1">Dominica</option>
<option value="1">Dominican Republic</option>
<option value="593">Ecuador</option>
<option value="20">Egypt</option>
<option value="503">El Salvador</option>
<option value="240">Equatorial Guinea</option>
<option value="291">Eritrea</option>
<option value="372">Estonia</option>
<option value="268">Eswatini</option>
<option value="251">Ethiopia</option>
<option value="500">Falkland Islands</option>
<option value="298">Faroe Islands</option>
<option value="679">Fiji</option>
<option value="358">Finland</option>
<option value="33">France</option>
<option value="594">French Guiana</option>
<option value="689">French Polynesia</option>
<option value="241">Gabon</option>
<option value="220">Gambia</option>
<option value="995">Georgia</option>
<option value="49">Germany</option>
<option value="233">Ghana</option>
<option value="350">Gibraltar</option>
<option value="30">Greece</option>
<option value="299">Greenland</option>
<option value="1">Grenada</option>
<option value="590">Guadeloupe</option>
<option value="1">Guam</option>
<option value="502">Guatemala</option>
<option value="224">Guinea</option>
<option value="245">Guinea-Bissau</option>
<option value="592">Guyana</option>
<option value="509">Haiti</option>
<option value="504">Honduras</option>
<option value="852">Hong Kong SAR China</option>
<option value="36">Hungary</option>
<option value="354">Iceland</option>
<option value="91" selected="">India</option>
<option value="62">Indonesia</option>
<option value="870">Inmarsat</option>
<option value="98">Iran</option>
<option value="964">Iraq</option>
<option value="353">Ireland</option>
<option value="881">Iridium</option>
<option value="44">Isle of Man</option>
<option value="972">Israel</option>
<option value="39">Italy</option>
<option value="1">Jamaica</option>
<option value="81">Japan</option>
<option value="44">Jersey</option>
<option value="962">Jordan</option>
<option value="7">Kazakhstan</option>
<option value="254">Kenya</option>
<option value="686">Kiribati</option>
<option value="386">Kosovo</option>
<option value="965">Kuwait</option>
<option value="996">Kyrgyzstan</option>
<option value="856">Laos</option>
<option value="371">Latvia</option>
<option value="961">Lebanon</option>
<option value="266">Lesotho</option>
<option value="231">Liberia</option>
<option value="218">Libya</option>
<option value="423">Liechtenstein</option>
<option value="370">Lithuania</option>
<option value="352">Luxembourg</option>
<option value="853">Macao SAR China</option>
<option value="261">Madagascar</option>
<option value="265">Malawi</option>
<option value="60">Malaysia</option>
<option value="960">Maldives</option>
<option value="223">Mali</option>
<option value="356">Malta</option>
<option value="596">Martinique</option>
<option value="222">Mauritania</option>
<option value="230">Mauritius</option>
<option value="262">Mayotte</option>
<option value="52">Mexico</option>
<option value="691">Micronesia</option>
<option value="373">Moldova</option>
<option value="377">Monaco</option>
<option value="976">Mongolia</option>
<option value="382">Montenegro</option>
<option value="1">Montserrat</option>
<option value="212">Morocco</option>
<option value="258">Mozambique</option>
<option value="95">Myanmar (Burma)</option>
<option value="264">Namibia</option>
<option value="674">Nauru</option>
<option value="977">Nepal</option>
<option value="31">Netherlands</option>
<option value="687">New Caledonia</option>
<option value="64">New Zealand</option>
<option value="505">Nicaragua</option>
<option value="227">Niger</option>
<option value="234">Nigeria</option>
<option value="672">Norfolk Island</option>
<option value="389">North Macedonia</option>
<option value="1">Northern Mariana Islands</option>
<option value="47">Norway</option>
<option value="968">Oman</option>
<option value="92">Pakistan</option>
<option value="970">Palestinian Territories</option>
<option value="507">Panama</option>
<option value="675">Papua New Guinea</option>
<option value="595">Paraguay</option>
<option value="51">Peru</option>
<option value="63">Philippines</option>
<option value="48">Poland</option>
<option value="351">Portugal</option>
<option value="1">Puerto Rico</option>
<option value="974">Qatar</option>
<option value="40">Romania</option>
<option value="7">Russia</option>
<option value="250">Rwanda</option>
<option value="262">Réunion</option>
<option value="685">Samoa</option>
<option value="378">San Marino</option>
<option value="966">Saudi Arabia</option>
<option value="221">Senegal</option>
<option value="381">Serbia</option>
<option value="248">Seychelles</option>
<option value="232">Sierra Leone</option>
<option value="65">Singapore</option>
<option value="1">Sint Maarten</option>
<option value="421">Slovakia</option>
<option value="386">Slovenia</option>
<option value="677">Solomon Islands</option>
<option value="252">Somalia</option>
<option value="27">South Africa</option>
<option value="82">South Korea</option>
<option value="211">South Sudan</option>
<option value="34">Spain</option>
<option value="94">Sri Lanka</option>
<option value="1">St. Kitts & Nevis</option>
<option value="1">St. Lucia</option>
<option value="590">St. Martin</option>
<option value="1">St. Vincent & Grenadines</option>
<option value="597">Suriname</option>
<option value="46">Sweden</option>
<option value="41">Switzerland</option>
<option value="239">São Tomé & Príncipe</option>
<option value="886">Taiwan</option>
<option value="992">Tajikistan</option>
<option value="255">Tanzania</option>
<option value="66">Thailand</option>
<option value="882">Thuraya</option>
<option value="670">Timor-Leste</option>
<option value="228">Togo</option>
<option value="676">Tonga</option>
<option value="1">Trinidad & Tobago</option>
<option value="216">Tunisia</option>
<option value="90">Turkey</option>
<option value="993">Turkmenistan</option>
<option value="1">Turks & Caicos Islands</option>
<option value="688">Tuvalu</option>
<option value="1">U.S. Virgin Islands</option>
<option value="256">Uganda</option>
<option value="380">Ukraine</option>
<option value="971">United Arab Emirates</option>
<option value="44">United Kingdom</option>
<option value="1">United States</option>
<option value="598">Uruguay</option>
<option value="998">Uzbekistan</option>
<option value="678">Vanuatu</option>
<option value="58">Venezuela</option>
<option value="84">Vietnam</option>
<option value="967">Yemen</option>
<option value="260">Zambia</option>
<option value="263">Zimbabwe</option>
</select>
</div>
</div>
<div class="control-group">
<label for="phone_number" class="t1-label control-label">Phone
number</label>
<div class="controls">
<div class="input-prepend">
<span class="add-on" id="country_code_display">+91</span>
<input type="hidden" id="country_code" name="country_code" value="91">
<input class="input-medium" name="phone_number" id="phone_number"
value="">
</div>
</div>
</div>
<div>
Standard text message charges may apply depending on your mobile carrier.
Your number will not be shown publicly. At first, others will be able to find you
by your phone number; however, you can change your privacy settings at any time.
</div>
</form>
</div><!-- modal body -->
<div class="modal-footer">
<button id="send_verification_pin" class="EdgeButton EdgeButton--primary"
type="submit" disabled="">Continue</button>
</div>
</div>
<div id="sms-confirmation-complete-modal">
<div class="modal-header">
<h3 class="modal-title">Check your phone</h3>
</div>
<div class="modal-body">
<div class="settings-alert" id="sms-alert-box">
<span id="sms-alert-close" class="Icon Icon--close Icon--smallest
close"></span>
<h4 id="sms-alert-message"></h4>
</div>
<p>We’ve texted a code to +<span id="phone_number_to_verify"></span>. Enter the
code below to confirm your identity and unlock your account.</p>
</div>
<div class="modal-body">
<form id="sms-confirmation-complete-form" class="t1-form form-horizontal sms-
form">
<input type="hidden" name="device_type" value="phone">
<input type="hidden" id="authenticity_token" name="authenticity_token"
value="8f6883ed74f8592535e669afedc2f300e35fca72">
<div class="control-group" id="numeric_pin">
<label for="numeric_pin_raw" class="t1-label control-label numeric-pin-
label">Confirmation Code</label>
<div class="controls">
<input id="numeric_pin_raw">
</div>
</div>
<div class="form-actions">
<p><button type="button" class="btn-link" id="resend_code">Resend
code</button></p>
</div>
</form>
</div><!-- modal body -->
<div class="modal-footer">
<button id="device_verify" class="EdgeButton EdgeButton--primary" type="submit"
disabled="">Confirm identity</button>
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Are you sure you want to delete this Tweet?</h3>
</div>
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
<div class="modal-footer">
<button class="EdgeButton EdgeButton--tertiary cancel-action js-
close">Cancel</button>
<button class="EdgeButton EdgeButton--danger delete-action">Delete</button>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title">Compose new Tweet</h3>
</div>
<div class="modal-body">
<div class="tweet-loading">
<div class="spinner-bigger"></div>
</div>
</div>
<div class="modal-tweet">
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-0-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-0-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div role="presentation" class="dropdown-inner js-typeahead-results">
<div role="presentation" class="typeahead-recent-searches">
<h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-
title">Recent searches</h3><button type="button" tabindex="-1" class="btn-link
clear-recent-searches">Clear</button>
<ul role="presentation" class="typeahead-items recent-searches-list">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-1-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-1-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-2-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-2-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-3-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-3-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div role="presentation" class="dropdown-inner js-typeahead-results">
<div role="presentation" class="typeahead-recent-searches">
<h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-
title">Recent searches</h3><button type="button" tabindex="-1" class="btn-link
clear-recent-searches">Clear</button>
<ul role="presentation" class="typeahead-items recent-searches-list">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-4-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-4-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-6-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-6-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-7-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-7-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-9-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-9-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-10-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-10-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-12-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-12-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-13-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-13-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-14-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-14-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-15-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-15-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-16-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-16-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<span class="TweetBoxExtras-item TweetBox-mediaPicker"><div class="photo-
selector">
<button aria-hidden="true" class="btn icon-btn js-tooltip" type="button"
tabindex="-1" data-original-title="Add photos or video">
<span class="tweet-camera Icon Icon--media"></span>
<span class="text add-photo-label u-hiddenVisually">Add photos or video</span>
</button>
<div class="image-selector">
<input type="hidden" name="media_data_empty" class="file-data">
<div class="multi-photo-data-container hidden">
</div>
<label class="t1-label">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-17-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-17-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div role="presentation" class="dropdown-inner js-typeahead-results">
<div role="presentation" class="typeahead-recent-searches">
<h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-
title">Recent searches</h3><button type="button" tabindex="-1" class="btn-link
clear-recent-searches">Clear</button>
<ul role="presentation" class="typeahead-items recent-searches-list">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-18-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-18-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-19-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-19-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<span class="TweetBoxExtras-item TweetBox-mediaPicker"><div class="photo-
selector">
<button aria-hidden="true" class="btn icon-btn js-tooltip" type="button"
tabindex="-1" data-original-title="Add photos or video">
<span class="tweet-camera Icon Icon--media"></span>
<span class="text add-photo-label u-hiddenVisually">Add photos or video</span>
</button>
<div class="image-selector">
<input type="hidden" name="media_data_empty" class="file-data">
<div class="multi-photo-data-container hidden">
</div>
<label class="t1-label">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-20-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-20-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div role="presentation" class="dropdown-inner js-typeahead-results">
<div role="presentation" class="typeahead-recent-searches">
<h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-
title">Recent searches</h3><button type="button" tabindex="-1" class="btn-link
clear-recent-searches">Clear</button>
<ul role="presentation" class="typeahead-items recent-searches-list">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-21-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-21-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<textarea aria-hidden="true" class="tweet-box-shadow hidden"
name="status"></textarea>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-22-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-22-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-23-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-23-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
<div role="listbox" class="dropdown-menu typeahead">
<div aria-hidden="true" class="dropdown-caret">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div role="presentation" class="dropdown-inner js-typeahead-results">
<div role="presentation" class="typeahead-recent-searches">
<h3 id="recent-searches-heading" class="typeahead-category-title recent-searches-
title">Recent searches</h3><button type="button" tabindex="-1" class="btn-link
clear-recent-searches">Clear</button>
<ul role="presentation" class="typeahead-items recent-searches-list">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
</span>
</div>
</div>
</div>
</div>
</div>
<div class="tweet-box-content">
<div class="tweet-content">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden aria-index-label" id="Tweetstorm-tweet-box-24-
label"></span>
<span class="visuallyhidden" id="Tweetstorm-tweet-box-24-text-label">Tweet
text</span>
<div class="RichEditor RichEditor--emojiPicker ">
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<textarea aria-hidden="true" class="tweet-box-shadow hidden"
name="status"></textarea>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5" data-
poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
<div class="content"></div>
</div>
</div>
</div>
<div class="TweetBoxToolbar" style="display: none;">
<div class="TweetBoxExtras tweet-box-extras">
<div class="TweetBoxToolbar-tweetButton">
<span class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--icon
EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add another
Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
</div>
</div>
</div>
<div class="modal-footer">
<div class="buttons">
<button class="js-add-tweet EdgeButton EdgeButton--secondary EdgeButton--
icon EdgeButton--medium js-tooltip" title="Add another Tweet" aria-label="Add
another Tweet" data-placement="top" data-delay="150">
<span class="Icon Icon--add Icon--medium"></span>
</button>
<div class="modal-header">
<h3 class="modal-title">Confirmation</h3>
</div>
<div class="modal-body">
<div class="leadgen-card-container">
<div class="media">
<iframe class="cards2-promotion-iframe" scrolling="no" frameborder="0"
src="./Twitter_files/saved_resource(6).html">
</iframe>
</div>
</div>
<div class="js-macaw-cards-iframe-container" data-card-name="promotion">
</div>
</div>
</div>
</div>
</div>
<div class="modal-header">
<h3 class="modal-title"> </h3>
</div>
<div class="modal-body">
<div class="auth-webview-view-container">
<div class="media">
<iframe class="auth-webview-card-iframe js-initial-focus"
scrolling="no" frameborder="0" width="590px" height="500px"
src="./Twitter_files/saved_resource(7).html">
</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<h3 class="UIWalkthrough-title">
<span class="Icon Icon--heart UIWalkthrough-icon"></span>
Say a lot with a little
</h3>
<p class="UIWalkthrough-message">
When you see a Tweet you love, tap the heart — it lets the person who wrote it
know you shared the love.
</p>
</div>
<div class="modal-footer">
<button class="EdgeButton EdgeButton--tertiary u-floatLeft plain-btn
UIWalkthrough-button js-previous-step">Back</button>
<button class="EdgeButton EdgeButton--secondary UIWalkthrough-button js-
next-step js-initial-focus">Next</button>
</div>
</div>
</div>
</div>
<div class="modal-body">
<div class="MomentCapsuleSummaryListDialog-listContainer">
<div class="MomentCapsuleSummaryListDialog-items">
</div>
<span class="spinner" title="Loading..."></span>
</div>
</div>
</div>
</div>
</div>
<div id="inline-reply-tweetbox">
<form class="t1-form tweet-form condensed" method="post" target="tweet-post-
iframe" action="https://upload.twitter.com/i/tweet/create_with_media.iframe"
enctype="multipart/form-data" data-poll-composer-rows="3">
<div class="tweet-content">
<img class="inline-reply-user-image avatar size32"
src="./Twitter_files/default_profile_normal.png" alt="Jerry">
<div class="ComposerDragHelp">
<span class="ComposerDragHelp-text"></span>
</div>
<span class="visuallyhidden" id="tweet-box-template-label">Tweet text</span>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
<div class="RichEditor-container u-borderRadiusInherit">
</div>
</div>
<div class="RichEditor-rightItems RichEditor-bottomItems">
<div class="js-character-counter">
<div class="js-countdown-counter tweet-counter CountdownCounter"></div>
<svg class="RadialCounter js-radial-counter" height="20" width="20">
<style>
/* Global svg style overrides the overflow. Added svg for specificity */
svg.RadialCounter {
margin-bottom: -4px;
overflow: visible;
transform: rotate(-90deg);
}
.RadialCounter--safe {
stroke: #1da1f2;
}
.RadialCounter--warn {
stroke: #ffad1f;
}
.RadialCounter--danger {
stroke: #e0245e;
}
.RadialCounter-progressUnderlay {
stroke: #ccd6dd;
}
@keyframes RadialCounterPulse {
0% { stroke-width:2 }
50% { stroke-width: 4; }
100% { stroke-width: 2; }
}
.RadialCounter--danger.RadialCounter--pulse,
.RadialCounter--warn.RadialCounter--pulse {
animation: RadialCounterPulse 0.3s ease-in-out;
animation-iteration-count: 1;
}
</style>
<circle class="RadialCounter-progressUnderlay" cx="50%" cy="50%" r="8"
fill="none" stroke-width="1"></circle>
<circle class="js-progress-circle" cx="50%" cy="50%" r="8" fill="none" stroke-
width="2">
</circle>
</svg>
</div>
</div>
</div>
<div class="RichEditor-mozillaCursorWorkaround"> </div>
</div>
<div class="TweetBoxAttachments">
<div class="thumbnail-container">
<div class="thumbnail-wrapper">
<div class="ComposerThumbnails"></div>
<div class="preview-message">
<button type="button" class="start-tagging js-open-user-select no-users u-
borderUserColorLight u-textUserColor" disabled="">
<span class="Icon Icon--me Icon--small"></span>
<span class="tagged-users">
Who's in these photos?
</span>
</button>
</div>
<div class="js-attribution attribution"></div>
<div class="ComposerVideoInfo u-hidden"></div>
</div>
</div>
<div class="photo-tagging-container user-select-container dropdown-menu hidden">
<div class="tagging-dropdown">
<div class="dropdown-caret center">
<div class="caret-outer"></div>
<div class="caret-inner"></div>
</div>
<div class="photo-tagging-controls user-select-controls">
<label class="t1-label">
<span class="Icon Icon--search nav-search"></span>
<span class="u-hiddenVisually">Users in this photo</span>
<input class="js-initial-focus" type="text" placeholder="Search and tag up
to 10 people">
</label>
</div>
<div class="typeahead-container">
</div>
</div>
</div>
<div class="CardComposer">
<div class="PollingCardComposer u-hidden" data-poll-min-duration="5"
data-poll-max-duration="10080">
<div class="PollingCardComposer-option PollingCardComposer-option1" data-option-
index="0">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 1"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option2" data-option-
index="1">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 2"></div>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option3" data-option-
index="2">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 3 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<div class="PollingCardComposer-option PollingCardComposer-option4" data-option-
index="3">
<input type="radio" class="PollingCardComposer-optionRadio" disabled="">
<div class="PollingCardComposer-optionInput is-singleLine is-plainText u-
borderUserColorLightFocus" contenteditable="true" spellcheck="true" role="textbox"
data-placeholder="Choice 4 (optional)"></div>
<button type="button" class="PollingCardComposer-removeOption">
<span class="Icon Icon--close Icon--medium"></span>
</button>
<div style="clear: both"></div>
</div>
<button type="button" class="PollingCardComposer-addOption u-textUserColor">
<span>+</span> <span>Add a choice</span>
</button>
<div class="PollingCardComposer-pollDuration">
<span class="PollingCardComposer-durationLabel">Poll length: </span>
<button type="button" class="PollingCardComposer-defaultDuration u-
textUserColor">1 day</button>
<div class="PollingCardComposer-customDuration">
<span class="PollingCardComposer-customDuration--daysLabel">Days</span>
<select class="PollingCardComposer-customDuration--days u-
borderUserColorLight" data-duration-target="days">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
<spann class="PollingCardComposer-customDuration--hoursLabel">Hours
<select class="PollingCardComposer-customDuration--hours u-
borderUserColorLight" data-duration-target="hours">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
<spann class="PollingCardComposer-customDuration--minutesLabel">Min
<select class="PollingCardComposer-customDuration--minutes u-
borderUserColorLight" data-duration-target="minutes">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</spann></spann></div>
</div>
<button type="button" class="PollingCardComposer-remove u-textUserColor">
<span>Remove poll</span>
</button>
</div>
</div>
<div class="tweet-box-overlay"></div>
</div>
</div>
<div class="TweetBoxToolbar">
<div class="TweetBoxExtras tweet-box-extras">
<span class="TweetBoxExtras-item TweetBox-mediaPicker"><div class="photo-
selector">
<button aria-hidden="true" class="btn icon-btn js-tooltip" type="button"
tabindex="-1" data-original-title="Add photos or video">
<span class="tweet-camera Icon Icon--media"></span>
<span class="text add-photo-label u-hiddenVisually">Add photos or video</span>
</button>
<div class="image-selector">
<input type="hidden" name="media_data_empty" class="file-data">
<div class="multi-photo-data-container hidden">
</div>
<label class="t1-label">
<div class="TweetBoxUploadProgress">
<div class="TweetBoxUploadProgress-uploading">
Uploading
<div class="TweetBoxUploadProgress-bar">
<div class="TweetBoxUploadProgress-barPosition"></div>
</div>
</div>
<div class="TweetBoxUploadProgress-processing">
Processing
<div class="TweetBoxUploadProgress-spinner Spinner Spinner--size14"></div>
</div>
</div>
</div>
</span>
<button class="tweet-action disabled EdgeButton EdgeButton--primary js-tweet-
btn" type="button" disabled="">
<span class="button-text tweeting-text">
Tweet
</span>
<span class="button-text replying-text">
Reply
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<script src="./Twitter_files/init.en.cb83c36774f5489868ab.js.download"
async=""></script>
<link rel="stylesheet"
href="./Twitter_files/twitter_profile_editing.bundle.css"><div id="sr-event-log"
class="visuallyhidden" aria-live="assertive"></div></body></html>