/* ::::: https://abs.twimg.com/a/1521687771/css/t1/twitter_core.bundle.css ::::: */ html { font-family: sans-serif; } body { margin: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio:not([controls]) { display: none; height: 0px; } a { background: transparent none repeat scroll 0% 0%; } a:active, a:hover { outline: 0px none; } b, strong { font-weight: bold; } h1 { font-size: 2em; margin: 0.67em 0px; } small { font-size: 80%; } img { border: 0px none; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0px none; padding: 0px; } textarea { overflow: auto; } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; } @media not all, screen and (min-resolution: 2dppx) { body { } } body.ms-windows { font-family: "Segoe UI",Arial,sans-serif; } body.ja { font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; } body { background: rgb(230, 236, 240) none repeat scroll 0% 0%; color: rgb(20, 23, 26); font-size: 14px; line-height: 20px; overflow-y: scroll; } a { color: rgb(28, 148, 224); text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre { margin: 0px; } button { background: transparent none repeat scroll 0% 0%; border: 0px none; padding: 0px; transition: box-shadow 0.15s ease-in-out 0s; } button:focus { outline: 0px none; box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 2px 4px rgba(0, 132, 180, 0.5); } fieldset { border: 0px none; margin: 0px; padding: 0px; } iframe { border: 0px none; } ol, ul { margin: 0px; list-style: outside none none; padding: 0px; } li { text-align: inherit; } [tabindex="-1"]:focus { outline: medium none ! important; } a:focus { outline: 0px none; } a > img:first-child:last-child { transition: box-shadow 0.15s ease-in-out 0s; } a:focus > img:first-child:last-child { outline: 0px none; box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 2px 4px rgba(0, 132, 180, 0.5); } h1, h2, h3, h4, h5, h6 { text-rendering: optimizelegibility; } h1 { font-size: 24px; line-height: 0.8; } h2 { color: rgb(102, 117, 127); font-size: 22px; line-height: 22px; } h3 { color: rgb(102, 117, 127); font-size: 20px; line-height: 22px; } h4 { font-size: 12px; line-height: 18px; } small { font-size: 12px; } ol { list-style: outside none decimal; margin-left: 20px; } hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(230, 236, 240) currentcolor currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; height: 0px; margin: 14px 0px 0px; padding: 0px; } .u-alignTop { vertical-align: top ! important; } .u-alignTextBottom { vertical-align: text-bottom ! important; } .u-chromeOverflowFix { transform: translateZ(0px); } .ms-windows .u-chromeOverflowFix { transform: none ! important; } .u-borderRadiusInherit { border-radius: inherit ! important; } .u-block { display: block ! important; } .u-hidden, .u-emptyHide:empty { display: none ! important; } .u-hiddenVisually { border: 0px none ! important; clip: rect(1px, 1px, 1px, 1px) ! important; font-size: 1px ! important; height: 1px ! important; overflow: hidden ! important; padding: 0px ! important; position: absolute ! important; width: 1px ! important; } .u-table { display: table ! important; } .u-flexColumn { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .u-flexRow { display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; } .u-flexGrow { -moz-box-flex: 1; flex: 1 1 auto; } .u-dir[dir="ltr"] { direction: ltr ! important; text-align: left ! important; unicode-bidi: embed; } .u-cf::before, .u-cf::after { content: " "; display: table; } .u-cf::after { clear: both; } .u-floatLeft { float: left ! important; } .u-linkClean, .u-linkClean:hover, .u-linkClean:focus, .u-linkClean:active { text-decoration: none ! important; } .u-posFixed { position: fixed ! important; backface-visibility: hidden; } .u-posRelative { position: relative ! important; } .u-scrollY { overflow-y: scroll ! important; } @media screen and (min-width: 1236px) { } .u-textCenter { text-align: center ! important; } .u-textLeft { text-align: left ! important; } .u-textTruncate { max-width: 100%; overflow: hidden ! important; text-overflow: ellipsis ! important; white-space: nowrap ! important; overflow-wrap: normal ! important; } @font-face { font-family: "edgeicons"; src: url('edge-icons-regular.eot') format("embedded-opentype"), url('edge-icons-regular.woff') format("woff"), url('edge-icons-regular.ttf') format("truetype"); } .Icon { background: transparent none repeat scroll 0% 0%; display: inline-block; font-style: normal; vertical-align: baseline; position: relative; } .Icon::after, .Icon::before { display: block; font-family: "edgeicons"; font-weight: normal; font-style: normal; text-align: center; } .Icon--smallest { font-size: 12px; line-height: 12px; } .Icon--small { font-size: 16px; line-height: 15px; } .Icon--medium { font-size: 18px; line-height: 18px; } .Icon--large { font-size: 21px; line-height: 1; } .Icon--extraLarge { font-size: 32px; line-height: 1; } .Icon--add::before { content: ""; } .Icon--addLight::before { content: ""; } .Icon--analytics::before { content: ""; } .Icon--arrowDown::before { content: ""; } .Icon--arrowLeft::before { content: ""; transform: scaleX(-1); } .Icon--arrowUp::before { content: ""; } .Icon--atSymbol::before { content: ""; } .Icon--attachFile::before { content: ""; } .Icon--audioBadge::before { content: ""; } .Icon--audioMuted::before { content: ""; } .Icon--audioUnmuted::before { content: ""; } .Icon--balloon::before { content: ""; } .Icon--bird::before { content: ""; } .Icon--bookmark::before { content: ""; } .Icon--calendar::before { content: ""; } .Icon--camera::before { content: ""; } .Icon--cameraPlus::before { content: ""; } .Icon--cameraVideo::before { content: ""; } .Icon--cards::before { content: ""; } .Icon--caretDown::before { content: ""; } .Icon--caretDownLight::before { content: ""; } .Icon--caretLeft::before { content: ""; } .Icon--caretLeftLight::before { content: ""; } .Icon--caretRight::before { content: ""; } .Icon--caretRightLight::before { content: ""; } .Icon--caretUp::before { content: ""; transform: scaleY(-1); } .Icon--caretUpLight::before { content: ""; } .Icon--cart::before { content: ""; } .Icon--check::before { content: ""; } .Icon--checkLight::before { content: ""; } .Icon--chevronDown::before { content: ""; } .Icon--chevronUp::before { content: ""; } .Icon--circleActiveAnalytics::before { content: ""; } .Icon--circleActiveBird::before { content: ""; } .Icon--circleActiveDm::before { content: ""; } .Icon--circleActiveHeart::before { content: ""; } .Icon--circleActiveList::before { content: ""; } .Icon--circleActiveMe::before { content: ""; } .Icon--circleActiveMore::before { content: ""; } .Icon--circleActiveRetweet::before { content: ""; } .Icon--circleActiveStar::before { content: ""; } .Icon--circleError::before { content: ""; } .Icon--circleMe::before { content: ""; } .Icon--circleReply::before { content: ""; } .Icon--clock::before { content: ""; } .Icon--close::before { content: ""; } .Icon--cog::before { content: ""; } .Icon--cogWithCaret::before { content: ""; } .Icon--collapseTweets::before { content: ""; } .Icon--collections::before { content: ""; } .Icon--conversation::before { content: ""; } .Icon--cover::before { content: ""; } .Icon--createMoment::before { content: ""; } .Icon--creditCard::before { content: ""; } .Icon--crescent::before { content: ""; } .Icon--crescentFilled::before { content: ""; } .Icon--crop::before { content: ""; } .Icon--cvv::before { content: ""; } .Icon--delete::before { content: ""; } .Icon--deskBell::before { content: ""; } .Icon--desktop::before { content: ""; } .Icon--device::before { content: ""; } .Icon--discover::before { content: ""; } .Icon--dm::before { content: ""; } .Icon--dmCompose::before { content: ""; } .Icon--dots::before { content: ""; } .Icon--dotsVertical::before { content: ""; } .Icon--download::before { content: ""; } .Icon--editPencil::before { content: ""; } .Icon--envelope::before { content: ""; } .Icon--fail::before { content: ""; } .Icon--filter::before { content: ""; } .Icon--follow::before { content: ""; } .Icon--follower::before { content: ""; } .Icon--following::before { content: ""; } .Icon--geo::before { content: ""; } .Icon--geoBadge::before { content: ""; } .Icon--gif::before { content: ""; } .Icon--gifBadge::before { content: ""; } .Icon--grid::before { content: ""; } .Icon--handset::before { content: ""; } .Icon--heart::before { content: ""; } .Icon--heartBadge::before { content: ""; } .Icon--home::before { content: ""; } .Icon--homeFilled::before { content: ""; } .Icon--horizontalBarChart::before { content: ""; } .Icon--info::before { content: ""; } .Icon--imageCrop::before { content: ""; } .Icon--lifeline::before { content: ""; } .Icon--lifelineBadge::before { content: ""; } .Icon--lightning::before { content: ""; } .Icon--lightningBadge::before { content: ""; } .Icon--lightningFilled::before { content: ""; } .Icon--list::before { content: ""; } .Icon--listBadge::before { content: ""; } .Icon--logo::before { content: ""; } .Icon--magicrecs::before { content: ""; } .Icon--markAllRead::before { content: ""; } .Icon--me::before { content: ""; } .Icon--meFilled::before { content: ""; } .Icon--media::before { content: ""; } .Icon--mediaCollapse::before { content: ""; } .Icon--mediaDocking::before { content: ""; } .Icon--mediaExpand::before { content: ""; } .Icon--menu::before { content: ""; } .Icon--message::before { content: ""; } .Icon--moderator::before { content: ""; } .Icon--muted::before { content: ""; } .Icon--newsBadge::before { content: ""; } .Icon--notifications::before { content: ""; } .Icon--notificationsFilled::before { content: ""; } .Icon--notificationsDisabled::before { content: ""; } .Icon--pause::before { content: ""; } .Icon--periscopeBadge::before { content: ""; } .Icon--person::before { content: ""; } .Icon--people::before { content: ""; } .Icon--photo::before { content: ""; } .Icon--pinned::before { content: ""; } .Icon--play::before { content: ""; } .Icon--political::before { content: ""; } .Icon--poll::before { content: ""; } .Icon--pollBar::before { content: ""; } .Icon--promoted::before { content: ""; } .Icon--promotedStroked::before { content: ""; } .Icon--promotedTrend::before { content: ""; } .Icon--promoteMode::before { content: ""; } .Icon--protected::before { content: ""; } .Icon--refresh::before { content: ""; } .Icon--reply::before { content: ""; } .Icon--report::before { content: ""; } .Icon--retweet::before { content: ""; } .Icon--retweeted::before { content: ""; } .Icon--search::before { content: ""; } .Icon--share::before { content: ""; } .Icon--smileRating1::before { content: ""; } .Icon--smileRating1Fill::before { content: ""; } .Icon--smileRating2::before { content: ""; } .Icon--smileRating2Fill::before { content: ""; } .Icon--smileRating3::before { content: ""; } .Icon--smileRating3Fill::before { content: ""; } .Icon--smileRating4::before { content: ""; } .Icon--smileRating4Fill::before { content: ""; } .Icon--smileRating5::before { content: ""; } .Icon--smileRating5Fill::before { content: ""; } .Icon--smiley::before { content: ""; } .Icon--snapReelBadge::before { content: ""; } .Icon--soundOff::before { content: ""; } .Icon--soundOn::before { content: ""; } .Icon--stickerBadge::before { content: ""; } .Icon--summary::before { content: ""; } .Icon--tablet::before { content: ""; } .Icon--top::before { content: ""; } .Icon--translator::before { content: ""; } .Icon--truck::before { content: ""; } .Icon--tweet::before { content: ""; } .Icon--unfollow::before { content: ""; } .Icon--unmuted::before { content: ""; } .Icon--url::before { content: ""; } .Icon--vineBadge::before { content: ""; } .Icon--visibilityFollowers::before { content: ""; } .Icon--visibilityFollowing::before { content: ""; } .Icon--visibilityMutual::before { content: ""; } .Icon--visibilityOnlyMe::before { content: ""; } .Icon--visibilityPublic::before { content: ""; } .Icon--warning::before { content: ""; } .Icon--laptop::before { content: ""; } .Icon--verified::before { content: ""; font-size: 0.7em; left: 26%; line-height: 1; position: absolute; top: 20%; } .Icon--verified::after { content: ""; line-height: 1; position: relative; } .Icon--playButton::before { content: ""; line-height: 1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0.8; } .Icon--playButton::after { content: ""; line-height: 1; position: relative; } .Icon--protected { font-size: 1.1em; padding-left: 1px; } .Icon--follower, .Icon--magicrecs, .Icon--colorLightning, .Icon--colorFollower { color: rgb(29, 161, 242); } .Icon--listBadge::before { color: rgb(101, 119, 134); } .Icon--protected { color: rgb(20, 23, 26); } .Icon--smiley { color: rgb(170, 184, 194); } .Icon--verified { color: rgb(29, 161, 242); } .Icon--verified::before { color: rgb(255, 255, 255); } .Icon--playButton::after { color: rgb(255, 255, 255); } .Icon--inverted.Icon--verified::before { color: rgb(20, 23, 26); } button { border: 0px none; } .btn { background-color: rgb(204, 214, 221); background-repeat: no-repeat; border: 1px solid rgb(230, 236, 240); border-radius: 4px; color: rgb(102, 117, 127); cursor: pointer; display: inline-block; font-size: 14px; font-weight: bold; line-height: normal; padding: 8px 16px; position: relative; } .btn .Icon { background: transparent none repeat scroll 0% 0%; } .btn.focus, .btn:focus, .btn:active, .Button:focus { outline: 0px none ! important; } .btn { background-color: rgb(245, 248, 250); background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 248, 250)); } .btn:focus, .btn.focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-color: rgb(255, 255, 255); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 2px 4px rgba(0, 132, 180, 0.5); text-decoration: none; } .btn:hover, .dropdown.open .user-dropdown { color: rgb(20, 23, 26); text-decoration: none; background-color: rgb(230, 236, 240); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 236, 240)); border-color: rgb(230, 236, 240); } .btn.focus:hover, .btn:focus:hover { border-color: rgb(255, 255, 255); } .btn.active, .btn:active, .dropdown.open .user-dropdown, .btn.open, .open > .btn { color: rgb(20, 23, 26); background: rgb(230, 236, 240) none repeat scroll 0% 0%; border-color: rgb(204, 214, 221); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25) inset; } .EdgeButton--primary .messaging-text, .EdgeButton--primary .replying-text, .messaging .tweeting-text, .tweet-form.is-reply .tweeting-text { display: none; } .messaging .messaging-text, .DMComposer-send .messaging-text, .tweet-form.is-reply:not(.messaging) .replying-text { display: inline; } .icon-btn { background: transparent none repeat scroll 0% 0%; border: 1px solid transparent; color: rgb(28, 148, 224); opacity: 0.8; padding: 4px 10px; } .icon-btn .Icon { font-size: 20px; } .icon-btn:focus, .icon-btn.focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-color: rgb(255, 255, 255); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } .icon-btn:hover { background-color: rgba(255, 255, 255, 0.2); border-color: rgb(28, 148, 224); color: rgb(28, 148, 224); } .icon-btn:active, .icon-btn.active { background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; border-color: rgb(28, 148, 224); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset; color: rgb(28, 148, 224); } .icon-btn .text { font-size: 12px; font-weight: normal; margin-left: 3px; position: relative; top: -6px; } .plain-btn, .plain-btn:hover { background: transparent none repeat scroll 0% 0%; border-color: transparent; } .plain-btn:hover { color: rgb(28, 148, 224); } .plain-btn:focus, .plain-btn.focus, .plain-btn.active, .plain-btn:active, .plain-btn.open, .dropdown.open .user-dropdown.plain-btn, .open > .plain-btn { background: transparent none repeat scroll 0% 0%; border-color: rgb(255, 255, 255); box-shadow: none; color: rgb(28, 148, 224); } .user-actions .dropdown-menu .dropdown-caret, .user-actions .dropdown-menu .mention-text, .user-actions .dropdown-menu .list-text, .user-actions .dropdown-menu .block-text, .user-actions .dropdown-menu .report-text, .user-actions .dropdown-menu .not-blocked, .user-actions .dropdown-menu .is-embeddable, .user-actions .dropdown-menu .embed-profile, .user-actions .dropdown-menu .mute-user-item, .following .dropdown-menu .retweet-on-text, .following .dropdown-menu .device-notifications-on-text, .following .dropdown-menu .is-following, .including .dropdown-menu .retweet-off-text, .notifying .dropdown-menu .device-notifications-off-text, .dismissable .dropdown-menu .hide-suggestion-text, .blocked .dropdown-menu .blocked-report-text, .blocked .dropdown-menu .unblock-text, .muting .dropdown-menu .unmute-user-item, .js-actionable-tweet[data-you-block="true"] .dropdown-menu .unblock-link, .js-actionable-tweet[data-you-block="false"] .dropdown-menu .block-link, .dropdown-menu .mute-user-item, .can-dm .dropdown-menu .dm-text, .conversation-muting .dropdown-menu .unmute-conversation-item { display: block; } .user-actions .dropdown-menu li, .blocked .dropdown-menu .not-blocked, .including .dropdown-menu .retweet-on-text, .notifying .dropdown-menu .device-notifications-on-text, .unmute-button, .first-load.mute-button, .muting .mute-button, .dropdown-menu .unmute-user-item, .muting .dropdown-menu .device-notifications-off-text, .muting .dropdown-menu .device-notifications-on-text, .muting .dropdown-menu .dropdown-divider.is-following, .muting .dropdown-menu .mute-user-item, .muting .dropdown-menu .retweet-off-text, .muting .dropdown-menu .retweet-on-text, .blocked .unmute-button, .blocked .mute-button, .blocked .dropdown-menu .mute-user-item, .blocked .dropdown-menu .unmute-user-item, .blocked .dropdown-menu .mention-text, .blocked .dropdown-menu .list-text, .blocked .dropdown-menu .block-text, .user-actions .blocks-you .dropdown-menu .dropdown-divider, .blocks-you .dropdown-menu .mention-text, .blocks-you .dropdown-menu .is-embeddable, .blocks-you .dropdown-menu .list-text, .blocks-you .dropdown-menu .embed-profile, .protected .dropdown-menu .is-embeddable, .protected .dropdown-menu .embed-profile, .js-actionable-tweet[data-you-block="true"] .dropdown-menu .block-link, .js-actionable-tweet[data-you-block="false"] .dropdown-menu .unblock-link, .dropdown-menu .unmute-conversation-item, .conversation-muting .dropdown-menu .mute-conversation-item { display: none; } .btn-link { padding: 0px; background-color: transparent; background-image: none; border: 0px none; color: rgb(28, 148, 224); cursor: pointer; border-radius: 0px; box-shadow: none; } .btn-link:hover, .btn-link:focus { outline: 0px none; text-decoration: underline; box-shadow: none; } .icon { display: inline-block; vertical-align: text-top; background-image: url('web_sprite.png'); background-position: 0px 0px; background-repeat: no-repeat; } .tweet-camera { height: auto; width: auto; } .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; z-index: 900; display: none; float: left; padding: 10px 0px; margin: 2px 0px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0% padding-box; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); } .dropdown-menu.dropdown-menu--rightAlign { right: 0px; } .dropdown-menu.is-autoCentered { left: calc(50% - 12px - 9px); right: auto; top: calc(100% - -10px - 2px); } .dropdown-menu.dropdown-menu--rightAlign.is-autoCentered { left: auto; right: calc(50% - 10px - 9px); } .dropdown-menu ul:focus { outline: 0px none; } .dropdown-menu li { display: block; float: none; line-height: inherit; position: relative; } .dropdown-divider { padding-top: 1px; margin: 5px 1px 6px; border-bottom: 1px solid rgb(230, 236, 240); } .dropdown-menu li > a, .dropdown-menu .dropdown-link { clear: both; color: rgb(102, 117, 127); cursor: pointer; display: block; font-size: 14px; font-weight: normal; float: none; line-height: 20px; margin: 0px; padding: 5px 20px; position: relative; white-space: nowrap; } .dropdown button.dropdown-link { background: transparent none repeat scroll 0% 0%; min-width: 100%; text-align: left; } .dropdown-menu li > a:focus .account-group b { text-decoration: none; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .dropdown-link.is-focused, .dropdown-menu li:hover .dropdown-link, .dropdown-menu li:focus .dropdown-link, .dropdown-menu .dropdown-link.selected { color: rgb(255, 255, 255); background: rgba(0, 132, 180, 0.5) none repeat scroll 0% 0%; text-decoration: none; } .dropdown-menu .typeahead-items li > a:focus, .dropdown-menu .typeahead-items li > a:hover, .dropdown-menu .typeahead-items .selected, .dropdown-menu .typeahead-items .selected a { color: rgb(28, 148, 224); background: rgb(234, 245, 253) none repeat scroll 0% 0%; } .dropdown-menu .typeahead-items:not(.typeahead-accounts) li > a:focus, .dropdown-menu .typeahead-items:not(.typeahead-accounts) li > a:hover, .dropdown-menu .typeahead-items:not(.typeahead-accounts) .selected a, .dropdown-menu .typeahead-accounts a:focus .fullname, .dropdown-menu .typeahead-accounts a:hover .fullname, .dropdown-menu .typeahead-accounts .selected .fullname, .dropdown-menu .typeahead-accounts .typeahead-accounts-shortcut a:focus, .dropdown-menu .typeahead-accounts .typeahead-accounts-shortcut a:hover, .dropdown-menu .typeahead-accounts .typeahead-accounts-shortcut.selected a { text-decoration: underline; } .dropdown-menu li button:focus { outline: 0px none; } .dropdown-menu .dropdown-caret { position: absolute; top: -10px; left: 12px; width: 18px; height: 10px; float: left; overflow: hidden; } .dropdown-menu.dropdown-menu--rightAlign .dropdown-caret, .dropdown-caret.right { left: auto; right: 10px; } .dropdown-caret.center, .dropdown.center .dropdown-menu .dropdown-caret { left: 50%; margin-left: -9px; } .dropdown-caret .caret-outer, .dropdown-caret .caret-inner { position: absolute; top: 0px; left: 0px; display: inline-block; margin-left: -1px; } .dropdown-caret .caret-outer { border-bottom: 10px solid rgba(0, 0, 0, 0.1); border-left: 10px solid transparent; border-right: 10px solid transparent; height: auto; left: 0px; top: 0px; width: auto; } .dropdown-caret .caret-inner { top: 1px; left: 1px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid rgb(255, 255, 255); } .typeahead { padding: 5px 0px; } .typeahead-items li > a { padding: 7px 15px 7px 10px; font-size: 14px; } .more-tweet-actions .dropdown-divider, .ProfileTweet-action .dropdown-divider { display: block; } html, body, #doc, #page-outer { height: 100%; } body { background-color: rgb(230, 236, 240); } .container { position: relative; width: 890px; margin: 0px auto; } .pushstate-spinner { display: none; height: 26px; margin: 11px 0px 0px -26px; vertical-align: top; width: 26px; } @media not all, screen and (min-resolution: 192dpi) { } .module { background-clip: padding-box; border: 0px none; position: relative; margin-bottom: 10px; } .module .flex-module { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 236, 240); padding: 15px; line-height: 16px; } .flex-module-inner, .flex-module-footer { color: rgb(101, 119, 134); font-size: 12px; } .flex-module-inner ul, .flex-module-inner ol { color: rgb(20, 23, 26); } .module ul:first-child li:first-child .list-link, .module .flex-module:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .module ul:last-child li:last-child .list-link, .module ul:last-child li.last-item .list-link, .module .list-link.last, .module .flex-module:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .home.active .Icon--home, .moments.active .Icon--lightning, .notifications.active .Icon--notifications { display: none; } .home:not(.active) .Icon--homeFilled, .moments:not(.active) .Icon--lightningFilled, .notifications:not(.active) .Icon--notificationsFilled { display: none; } .topbar { backface-visibility: hidden; border-bottom: 1px solid rgba(0, 0, 0, 0.05); position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1000; } .global-nav, .global-nav-outer { height: 40px; } .global-nav { border-bottom: 1px solid rgba(0, 0, 0, 0.25); height: 46px; position: relative; width: 100%; } .global-nav-inner { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 46px; } .global-nav .container { height: 100%; max-width: 890px; text-align: center; width: auto; } @media screen and (min-width: 1236px) { .global-nav .container { max-width: 1190px; } } @media screen and (max-width: 936px) { .global-nav .t1-form.form-search { width: 139px; } #global-nav-about, #global-nav-moments, .global-nav #global-actions li span.text { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0px; border: 0px none; clip: rect(1px, 1px, 1px, 1px); } .global-nav .container { width: auto; min-width: 520px; } } @media screen and (max-width: 700px) { .global-nav .t1-form.form-search { width: 89px; } } @media screen and (max-width: 1190px) { .global-nav .container { min-width: 590px; } } @media screen and (max-width: 938px) { .global-nav .container { padding: 0px; } } .global-nav [role="navigation"], .nav, .nav > li { float: left; } #global-actions > li { height: 46px; overflow: hidden; } #global-actions > li > a { border-bottom: 2px solid rgb(28, 148, 224); transition: all 0.15s ease-in-out 0s; } #global-actions > li:hover > a, #global-actions > li.active > a { height: 44px; } #global-actions > li:hover { color: rgb(28, 148, 224); } #global-actions .new::before { content: "●"; font-size: 14px; left: 5px; position: absolute; top: 1px; } #global-actions .hidden-new-items-text { display: none; } #global-actions .global-dm-nav.new::before { display: none; } #global-actions .people.new::before { left: 4px; top: 0px; } .nav-extras { -moz-box-align: center; align-items: center; display: inline-flex; height: 100%; } .nav { text-align: left; } .nav li { position: relative; } .nav > li { color: rgb(102, 117, 127); } #global-actions.nav > li .Icon { float: left; margin: 11px 0px 0px 10px; width: 23px; height: 23px; } .nav li a { position: relative; font-size: 12px; } .nav > li > a .text { float: left; margin-left: 3px; margin-top: 17px; padding: 0px; } .nav > li > a .text:only-child { margin-left: 10px; } .nav > li > a { color: inherit; display: block; font-size: 13px; font-weight: bold; height: 46px; line-height: 1; padding: 0px 14px 0px 4px; } .nav .active a { color: inherit; background-color: transparent; } #global-actions .a11y-active-page-text, #global-actions .active .a11y-inactive-page-text { display: none; } #global-actions .a11y-inactive-page-text, #global-actions .active .a11y-active-page-text { display: inline; } .global-dm-nav .dm-new, .global-nav .people .count { background-color: rgb(255, 255, 255); border-radius: 9px; color: rgb(255, 255, 255); display: none; font-size: 11px; left: 22px; margin: 0px; opacity: 1; padding: 1px; position: absolute; text-align: center; top: 6px; } .global-dm-nav.new.with-count .dm-new .count-inner, .global-nav .people .count .count-inner { background-color: rgb(102, 117, 127); border-radius: 8px; box-sizing: border-box; display: block; line-height: 1; min-width: 16px; opacity: 1; padding: 2px 4px 3px; } .pull-right { float: right; text-align: left; } .global-nav .pull-right .nav { position: relative; z-index: 5; } .global-nav .pull-right .dropdown-toggle { overflow: hidden; padding: 0px; } .global-nav .pull-right .right-actions { -moz-box-align: center; align-items: center; display: inline-flex; height: 100%; } .nav.right-actions > li + li { margin-left: 16px; } .nav.right-actions > li > a { height: 100%; opacity: 0.6; padding-right: 0px; transition: all 0.15s ease-in-out 0s; } .nav.right-actions > li > a:hover { color: rgb(28, 148, 224); opacity: 1; } .bird-topbar-etched { color: rgb(29, 161, 242); cursor: pointer; font-size: 21px; margin-top: 14px; margin-left: -24px; display: inline-block; transition: all 0.25s ease-in-out 0s; font-weight: bold; } @media screen and (min-width: 1236px) { .bird-topbar-etched { position: absolute; left: 50%; margin-left: -12px; } .pushstate-spinner { position: absolute; left: 50%; margin-left: -13px; } } .dm-nav { float: left; margin: 0px; height: 40px; padding: 0px; } .global-dm-nav { padding: 0px; background-color: transparent; cursor: pointer; overflow: visible; } .global-dm-nav:hover, .global-dm-nav:focus { color: rgb(102, 117, 127); text-decoration: none; opacity: 1; outline: 0px none; } .global-nav [role="search"] { height: 100%; } .global-nav .form-search { float: left; height: 33px; margin: 7px 15px 0px 0px; font-size: 12px; width: 221px; } .global-nav .search-icon { cursor: pointer; display: block; height: 26px; position: absolute; right: 3px; top: 6px; width: 26px; } .global-nav .search-icon .Icon { background-color: transparent; color: rgb(102, 117, 127); height: auto; width: auto; } .global-nav .search-input { background-color: rgb(245, 248, 250); border-radius: 21px; border: 1px solid rgb(230, 236, 240); box-sizing: border-box; color: rgb(20, 23, 26); display: block; font-size: 12px; height: 32px; line-height: 16px; padding: 8px 32px 8px 12px; transition: all 0.2s ease-in-out 0s; width: 100%; } .global-nav .search-input:lang(ar), .global-nav .search-input:lang(fa), .global-nav .search-input:lang(ur) { line-height: 1.4; } .global-nav .search-input:-moz-placeholder { color: rgb(101, 119, 134); } .global-nav .search-input::-moz-placeholder { color: rgb(101, 119, 134); } .global-nav .search-input::placeholder { color: rgb(101, 119, 134); } .global-nav .search-input:focus, .global-nav .search-input.focus { background-color: rgb(255, 255, 255); border: 2px solid rgba(0, 132, 180, 0.5); box-shadow: none; color: rgb(20, 23, 26); opacity: 1; } .form-search { position: relative; } .typeahead { box-sizing: border-box; width: 100%; right: auto; left: 0px; display: none; margin-top: -3px; padding: 5px 0px; border-radius: 0px 0px 4px 4px; } .typeahead .dropdown-caret { display: none; left: 16px; } .form-search .dropdown-caret { display: block; } .form-search .typeahead { width: 316px; margin-top: 9px; border-radius: 4px; } .form-search .typeahead .dropdown-inner { max-height: 60vh; overflow: auto; } @media screen and (min-height: 500px) { .form-search .typeahead .dropdown-inner { max-height: 80vh; } } .typeahead-items { width: 100%; margin: 0px; overflow: hidden; } .typeahead-items li { width: 100%; white-space: nowrap; float: left; clear: left; } .typeahead-items li > a { display: block; padding: 7px 15px 7px 10px; overflow: hidden; color: rgb(102, 117, 127); text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 32px; } .typeahead-in-conversation { margin: -3px 10px 8px 17px; } .typeahead-in-conversation-text { margin-left: 5px; } .typeahead a, .typeahead .fullname { color: rgb(20, 23, 26); } .typeahead .username, .typeahead-social-context { color: rgb(101, 119, 134); } .typeahead .avatar { float: left; margin-right: 10px; } .typeahead .social-context .avatar { margin-right: 10px; } .typeahead-accounts li > a { line-height: 32px; } .typeahead .typeahead-user-item-info { display: block; overflow: hidden; text-overflow: ellipsis; } .typeahead-item:hover .typeahead-user-item-info .fullname { color: inherit; } .typeahead-accounts .typeahead-social-context { color: rgb(101, 119, 134); font-size: 12px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; } .typeahead-accounts.social-context .typeahead-account-item .typeahead-user-item-info { margin-top: 8px; line-height: 15px; } .typeahead-accounts.social-context li > a { line-height: 16px; padding: 7px 15px 6px 10px; } .typeahead-accounts.social-context .typeahead-accounts-shortcut > a { padding-top: 10px; padding-bottom: 10px; } .typeahead-recent-search-item .Icon--close, .typeahead-saved-search-item .Icon--close { color: rgb(204, 214, 221); float: right; margin: 13px; cursor: pointer; height: 12px; width: 12px; } li.typeahead-recent-search-item > a, li.typeahead-saved-search-item > a { clear: none; } .typeahead button.clear-recent-searches { float: right; padding: 15px 13px 3px 3px; color: rgb(28, 148, 224); } .recent-searches-title { float: left; margin-right: 30px; } .typeahead-items.recent-searches-list { clear: both; } .typeahead-category-title { font-size: 14px; font-weight: bold; height: 24px; padding-top: 10px; padding-left: 10px; } .saved-searches-title { display: none; } .typeahead-saved-search-item span, .typeahead-recent-search-item span { margin-left: 0px; } .typeahead a, .typeahead .fullname { color: rgb(20, 23, 26); } .nav .session .dropdown-toggle { border: 0px none; border-radius: 50%; opacity: 1; } .nav .session .dropdown-toggle::before { border-radius: 50%; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset; content: ""; display: block; height: 100%; position: absolute; width: 100%; } .global-nav .dropdown-link { font-size: 12px; background-color: transparent; } #signout-form { display: none; } .hidden { display: none; } .visuallyhidden { border: 0px none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .clearfix::before, .clearfix::after, .control-group::before, .control-group::after, .stream-item > div::before, .stream-item > div::after, .module::after, .module::before, .follow-card header::after, .follow-card header::before, .follow-bar::after, .follow-bar::before, .tweet-form::after, .tweet-form::before, .modal-footer::after, .modal-footer::before, .local-trends-breadcrumb::after, .local-trends-breadcrumb::before, .input-prepend .add-on, .input-append .add-on, .wrapper::after, .wrapper::before, .expanded-content::before, .expanded-content::after, .stream-item::before, .stream-item::after { content: " "; display: table; } .clearfix::after, .control-group::after, .stream-item > div::after, .module::after, .follow-card header::after, .follow-bar::after, .tweet-form::after, .modal-footer::after, .local-trends-breadcrumb::after, .wrapper::after, .expanded-content::after, .stream-item::after { clear: both; } .avatar { width: 48px; height: 48px; border-radius: 50%; -moz-force-broken-image-icon: 1; } .size32 { width: 32px; height: 32px; } .size24 { width: 24px; height: 24px; } s { text-decoration: none; } b { font-weight: normal; } .pretty-link b { color: inherit; } .pretty-link:hover, .pretty-link:hover s, .pretty-link:focus, .pretty-link:focus s { text-decoration: none; } .username-link:hover, .pretty-link:hover b, .username-link:focus, .pretty-link:focus b { text-decoration: underline; } a.account-group:hover, a.account-summary:focus .account-group { text-decoration: none; } a.account-group:hover .username, a.account-group:focus .username, a.account-summary:focus .username { text-decoration: none; color: rgb(101, 119, 134); } .fullname { word-break: break-all; color: rgb(20, 23, 26); font-size: 14px; font-weight: bold; } .account-group .username, .time, .time a, .created-via { font-size: 14px; color: rgb(101, 119, 134); } .dismiss { float: right; width: 10px; height: 10px; margin-top: 5px; cursor: pointer; } .account-summary:hover, .account-summary:focus, .account-group:focus { text-decoration: none; } .account-group .UserBadges { font-size: 0.9em; } .account-group .UserBadges .Icon { padding-left: 2px; } .account-group .UserBadges .Icon--verified { font-size: 1.2em; } .alert-messages { position: fixed; top: 46px; left: 0px; right: 0px; z-index: 999; transition: top 0.5s ease 0s; } .message { position: relative; width: 600px; padding: 20px; margin: 0px auto; background-color: rgb(255, 255, 255); border-radius: 0px 0px 6px 6px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); } .message .message-text { display: block; margin: 0px 20px; color: rgb(102, 117, 127); font-size: 14px; line-height: 20px; text-align: center; overflow-wrap: break-word; } .message .close, .message .dismiss { position: absolute; top: 7px; } .message .close:hover, .message .dismiss:hover { opacity: 1; } .message .dismiss { font-size: 12px; font-weight: bold; margin-top: 0px; text-decoration: none; } .message .close, .message .dismiss { color: rgb(102, 117, 127); opacity: 0.6; right: 12px; } .modal:not(.is-autoPosition) { margin: 0px 0px 30px; position: relative; top: 160px; width: 520px; } .modal.modal-large:not(.is-autoPosition) { width: 600px; } .modal { z-index: 6000; } .stream, .stream-container, .stream-items { position: relative; margin-left: 0px; list-style: outside none none; } .win10-wrapper .stream-item:not(.no-header-background-module) { border-left: medium none; border-right: 0px none; } .stream-item:not(.no-header-background-module) { background: rgb(255, 255, 255) none repeat scroll 0% 0% padding-box; border-left: 1px solid rgb(230, 236, 240); border-right: 1px solid rgb(230, 236, 240); } .stream-item-header { display: flex; } .account, .tweet, .app, .RtbAd-container { position: relative; min-height: 51px; padding: 9px 12px; border-bottom: 1px solid rgb(230, 236, 240); } .rm-streamitem-clearfix .stream-item::before, .rm-streamitem-clearfix .stream-item::after { display: block; content: normal; clear: none; } .tweet { border-bottom: 1px solid rgb(230, 236, 240); cursor: pointer; } .twitter-timeline-link .invisible { font-size: 0px; line-height: 0; } @media not all, screen and (min-resolution: 192dpi) { } .tweet .created-via::before { content: "· "; } .tweet .time::before { content: "·"; } .tweet:hover { background-color: rgb(245, 248, 250); } .ReplyingToContextBelowAuthor { color: rgb(101, 119, 134); font-size: 14px; line-height: 20px; padding-top: 4px; padding-bottom: 4px; } .ReplyingToContextBelowAuthor .btn-link:not(:hover):not(:focus) { color: rgb(101, 119, 134); } .stream-end-item, .stream-end, .stream-loading, .stream-placeholder { border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(230, 236, 240) rgb(230, 236, 240); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; } .stream-end, .stream-loading, .stream-placeholder, .content-placeholder, .back-to-top, .btn-link.back-to-top { font-size: 13px; color: rgb(20, 23, 26); text-align: center; } .stream-end-inner { padding: 15px 50px; background-color: rgb(255, 255, 255); } .stream-end p, .stream-placeholder p { margin-top: 5px; } .stream-end, .stream-loading, .stream-whale-end { margin-bottom: 14px; } .stream-fail-container { display: none; } .inline-reply-user-image { display: none; } .spinner { display: block; width: 32px; height: 32px; margin: 0px auto; background: transparent url('spinner-rosetta-gray-32x32.gif') no-repeat scroll 0px 0px; } .spinner-bigger { display: inline-block; background: transparent url('spinner-rosetta-gray-32x32.gif') no-repeat scroll 0px 0px; height: 32px; width: 32px; } .timeline-end .empty-text { overflow: hidden; text-overflow: ellipsis; } .timeline-end .stream-loading { display: none; } @media not all, screen and (min-resolution: 192dpi) { } .has-autoplayable-media .card2.portrait[data-card2-name="animated_gif"]::before { padding-top: 100%; display: block; content: ""; } .vellip, .vellip::before, .vellip::after { position: absolute; width: 0px; height: 0px; border-width: 2px; border-style: solid; border-radius: 2px; border-color: rgb(29, 161, 242); } .vellip::before { content: ""; bottom: -7px; left: -2px; } .vellip::after { content: ""; bottom: 3px; left: -2px; } .conversation-module > li::after, .conversation-module > li::before { content: ""; display: block; position: absolute; width: 0px; border-style: solid; border-width: 2px; border-color: rgb(29, 161, 242); left: 34px; z-index: 1; border-radius: 2px; } .conversation-module > li::after { top: 59px; bottom: -2px; } .conversation-module .conversation-tweet-has-context.conversation-first-visible-tweet::after { top: 79px; } .conversation-module .conversation-ancestor.conversation-tweet-item:not(.below-missing-bar):not(.conversation-first-visible-tweet) .ReplyingToContextBelowAuthor, .conversation-module:not(.collapsed-ancestors) .has-conversation-module .ReplyingToContextBelowAuthor { display: none; } .conversation-module > li::before { top: 0px; bottom: auto; height: 3px; } .conversation-module .missing-tweets-bar::before { top: -8px; bottom: auto; height: 1px; } .conversation-module .conversation-root::before { display: none; } .conversation-module > li.original-tweet-item::after { display: none; } .conversation-module.collapsed-root > li.conversation-tweet-item::before { display: none; } .conversation-module.collapsed-ancestors > li.original-tweet-item::before { display: none; } .conversation-module .conversation-root::after { top: 62px; } .conversation-module .conversation-root.conversation-tweet-has-context::after { top: 81px; } .conversation-module > li.conversation-header::before, .conversation-module > li.conversation-header::after { display: none; } .conversation-module .missing-tweets-bar::before { height: 4px; } .conversation-module .missing-tweets-bar::after { top: 21px; bottom: -2px; } .conversation-module > li.original-tweet-item ~ li::before, .conversation-module > li.original-tweet-item ~ li::after { display: none; } .stream-item.separated-module:first-child:not(.no-header-background-module) { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 0px none; } .stream-item + .stream-item.separated-module:not(.no-header-background-module), .stream-item.separated-module + .stream-item:not(.no-header-background-module), .PromptbirdPrompt-streamItem.separated-module + .stream-item:not(.no-header-background-module) { border-top: 1px solid rgb(230, 236, 240); } .EdgeButton, .EdgeButton:visited { border-radius: 100px; box-shadow: none; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 20px; padding: 6px 16px; position: relative; text-align: center; white-space: nowrap; } .EdgeButton:active, .EdgeButton:focus, .EdgeButton:hover { text-decoration: none; } .EdgeButton--small { font-size: 12px; line-height: 16px; padding: 4px 12px; } .EdgeButton--medium { font-size: 14px; line-height: 20px; padding: 6px 16px; } .EdgeButton--primary { background-color: rgb(29, 161, 242); border: 1px solid rgb(29, 161, 242); color: rgb(255, 255, 255); } .EdgeButton--primary:hover { background-color: rgb(0, 109, 191); border-color: rgb(0, 109, 191); color: rgb(255, 255, 255); } .EdgeButton--primary:focus { border-color: rgb(29, 161, 242); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(113, 201, 248); color: rgb(255, 255, 255); } .EdgeButton--primary:active { background-color: rgb(0, 109, 191); border-color: rgb(0, 109, 191); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(29, 161, 242); color: rgb(255, 255, 255); } .EdgeButton--primary.disabled, .EdgeButton--primary[disabled], .EdgeButton--primary[disabled]:hover, .EdgeButton--primary[aria-disabled="true"] { opacity: 0.3; } .EdgeButton--secondary { background-color: rgb(255, 255, 255); border: 1px solid rgb(29, 161, 242); color: rgb(29, 161, 242); } .EdgeButton--secondary:hover { background-color: rgb(234, 245, 253); color: rgb(29, 161, 242); } .EdgeButton--secondary:focus { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(113, 201, 248); color: rgb(29, 161, 242); outline: 0px none; } .EdgeButton--secondary:active { background-color: rgb(0, 109, 191); border-color: rgb(0, 109, 191); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(29, 161, 242); color: rgb(255, 255, 255); } .EdgeButton--tertiary { background-color: rgb(255, 255, 255); border: 1px solid rgb(102, 117, 127); color: rgb(102, 117, 127); } .EdgeButton--tertiary:hover { background-color: rgb(245, 248, 250); color: rgb(102, 117, 127); } .EdgeButton--tertiary:focus { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(204, 214, 221); color: rgb(102, 117, 127); } .EdgeButton--tertiary:active { background-color: rgb(245, 248, 250); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(102, 117, 127); color: rgb(102, 117, 127); } .EdgeButton--danger { background-color: rgb(224, 36, 94); border: 1px solid rgb(224, 36, 94); color: rgb(255, 255, 255); } .EdgeButton--danger:hover { background-color: rgb(172, 0, 43); border-color: rgb(172, 0, 43); color: rgb(255, 255, 255); } .EdgeButton--danger:focus { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(246, 128, 154); color: rgb(255, 255, 255); } .EdgeButton--danger:active { background-color: rgb(172, 0, 43); border-color: rgb(172, 0, 43); box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(224, 36, 94); color: rgb(255, 255, 255); } .EdgeButton--transparent:focus::before { box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); } .EdgeButton--transparent:active::before { box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.8); } .EdgeButton--transparent:focus::before, .EdgeButton--transparent:active::before, .EdgeButton--transparentDark:focus::before, .EdgeButton--transparentDark:active::before { background-color: transparent; border-radius: inherit; bottom: -2px; content: ""; left: -2px; pointer-events: none; position: absolute; right: -2px; top: -2px; transition: all 0.2s ease 0s; } .EdgeButton--transparentDark:focus::before { box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5); } .EdgeButton--transparentDark:active::before { box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.8); } .EdgeButton.EdgeButton--icon { border-radius: 50%; line-height: 1; padding: 0px; } .EdgeButton--icon.EdgeButton--small { font-size: 14px; height: 26px; width: 26px; } .EdgeButton--icon, .EdgeButton--icon.EdgeButton--medium { font-size: 18px; height: 34px; width: 34px; } .Emoji--forLinks { background-position: 0.1em center; background-repeat: no-repeat; background-size: 1.25em 1.25em; letter-spacing: 1.1em; line-height: 1.25em; padding-top: 0.15em; -moz-user-select: none; } .DashUserDropdown { min-width: 192px; } .DashUserDropdown-userInfo { padding-left: 16px; padding-right: 16px; white-space: nowrap; } .DashUserDropdown-userInfo .fullname { font-size: 18px; line-height: 24px; white-space: nowrap; } .DashUserDropdown.dropdown-menu li > a, .DashUserDropdown.dropdown-menu button { color: rgb(20, 23, 26); font-size: 14px; line-height: 20px; padding: 8px 16px; } .DashUserDropdown.dropdown-menu li > a:hover, .DashUserDropdown.dropdown-menu li > a:focus, .DashUserDropdown.dropdown-menu li > a:hover .DashUserDropdown-linkIcon, .DashUserDropdown.dropdown-menu li > a:focus .DashUserDropdown-linkIcon, .DashUserDropdown.dropdown-menu button:hover, .DashUserDropdown.dropdown-menu button:focus { color: rgb(255, 255, 255); } .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink { padding: 0px; white-space: normal; } .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:hover, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:focus, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:active { background-color: rgb(255, 255, 255) ! important; text-decoration: none; } .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:hover .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:focus .name, .DashUserDropdown.dropdown-menu .DashUserDropdown-userInfoLink:active .name { color: rgb(101, 119, 134); } .DashUserDropdown.dropdown-menu li .Icon { color: rgb(101, 119, 134); margin-right: 12px; vertical-align: text-bottom; } .DashUserDropdown.dropdown-menu .nightmode-toggle .Icon { float: right; margin-left: 16px; color: rgb(29, 161, 242); margin-right: 0px; } .DashUserDropdown.dropdown-menu .nightmode-toggle .Icon:hover { color: rgb(255, 255, 255); } .ProfileCard-userActions .user-actions.following:hover:not(.show-more-actions-button) .UserActions-moreActions { opacity: 0; } .ActivityItem:not(.has-clickAction) .QuoteTweet--slim:hover { background: rgb(245, 248, 250) none repeat scroll 0% 0%; } .ActivityItem-activityTimestamp::before { content: "·"; } @media screen and (min-height: 312px) { .TweetstormDialog.modal-container { overflow-y: hidden; } } @media screen and (max-height: 312px) { .TweetstormDialog .modal { overflow-y: hidden; } } .TweetstormDialog .modal-body { max-height: calc(90vh - 124px); min-height: 142px; overflow-y: auto; } .TweetstormDialog .modal-footer { border-top: 0px none; box-sizing: border-box; height: 0px; overflow: hidden; padding: 0px 12px; transition: all 0.3s ease-out 0s; } .TweetstormDialog-tweet-box { display: flex; } .TweetstormDialog-tweet-box .dropdown-menu { bottom: auto ! important; position: fixed; } .TweetstormDialog-tweet-box .tagging-dropdown .dropdown-menu { position: absolute; } .TweetstormDialog-reply-context { margin-top: 8px; } .TweetstormDialog-reply-context .tweet-box-avatar { margin-right: 4px; } .TweetstormDialog-reply-context .tweet-box-avatar, .TweetstormDialog-tweet-box .tweet-box-avatar { overflow: hidden; position: relative; width: 33.75px; } .TweetstormDialog-tweet-box .tweet-box-avatar .user-avatar-img { margin-right: 4px; margin-top: 8px; } .TweetstormDialog-reply-context .tweet-box-avatar .user-avatar-img { margin-right: 4px; margin-top: 4px; } .TweetstormDialog-reply-context .tweet-box-avatar::before, .TweetstormDialog-reply-context .tweet-box-avatar::after, .TweetstormDialog-tweet-box .tweet-box-avatar::before, .TweetstormDialog-tweet-box .tweet-box-avatar::after { border-radius: 2px; border-style: solid; border-width: 2px; content: ""; height: 0px; left: 14px; opacity: 0; position: absolute; transition: all 0.3s ease-out 0s; } .TweetstormDialog-content.is-thread .TweetstormDialog-tweet-box:not([data-index="0"]):not(.is-pollingCardComposerOn) .rich-editor.is-showPlaceholder::before, .TweetstormDialog-content.is-reply .TweetstormDialog-tweet-box:not(.is-pollingCardComposerOn) .rich-editor.is-showPlaceholder::before { content: attr(data-placeholder-add-another-tweet); } .TweetstormDialog-tweet-box.threaded-down .tweet-box-avatar::after { height: 100%; opacity: 1; top: 44px; } .TweetstormDialog-reply-context .tweet-box-avatar::after { height: 100%; opacity: 1; top: 40px; } .TweetstormDialog-tweet-box.threaded-up .tweet-box-avatar::before { height: 2px; opacity: 1; top: -2px; } .TweetstormDialog-tweet-box .tweet-box-content { margin: 8px 0px 8px 8px; max-width: calc(100% - 33.75px - 8px); width: 100%; } .TweetstormDialog-tweet-box:not(.is-tweet-box-focus) .tweet-box-content .ComposerDragHelp, .TweetstormDialog-tweet-box:not(.is-tweet-box-focus) .tweet-box-content .ComposerThumbnail-remove, .TweetstormDialog-tweet-box:not(.is-tweet-box-focus) .tweet-box-content .preview-message { display: none ! important; } .TweetstormDialog-reply-context:not(.hidden) { display: flex; } .TweetstormDialog-reply-context .modal-tweet { background: transparent none repeat scroll 0% 0% ! important; width: 100%; } .TweetstormDialog-tweet-box:not(.is-tweet-box-focus) .RichEditor-rightItems { display: none; } .TweetstormDialog .modal-footer .EdgeButton.SendTweetsButton { margin-left: 0px; } .TweetstormDialog-content .TweetstormDialog-tweet-box .js-add-tweet, .TweetstormDialog-content .TweetstormDialog-tweet-box .js-send-tweets, .TweetstormDialog-content .TweetstormDialog-tweet-box .js-delete-tweet { display: none; } .TweetstormDialog-content:not(.is-thread) .TweetstormDialog-tweet-box[data-index="0"] .js-add-tweet, .TweetstormDialog-content:not(.is-thread) .TweetstormDialog-tweet-box[data-index="0"] .js-send-tweets, .TweetstormDialog-content.is-thread .TweetstormDialog-tweet-box .js-delete-tweet { display: block; } .TweetstormDialog .EdgeButton.js-delete-tweet { color: rgb(101, 119, 134); margin-bottom: 2px; margin-right: 1px; } .TweetstormDialog .EdgeButton.js-delete-tweet:hover { color: rgb(224, 36, 94); } .TweetstormDialog .buttons { display: flex; -moz-box-pack: end; justify-content: flex-end; } .modal-container, .modal-overlay, .lihp-mobile-callout, .PermalinkOverlay, .StartSearchOverlay, .Gallery, .gallery-overlay { display: none; } .modal .modal-tweet { padding: 0px; text-align: left; background-color: rgb(255, 255, 255); } .tweet-form .tweet-content { position: relative; margin-bottom: 8px; } .tweet-form.condensed .tweet-content { margin: 0px; } .tweet-form .tweet-box { box-sizing: border-box; min-height: 80px; overflow: hidden; padding: 8px; vertical-align: top; width: auto; } .tweet-form .tweet-box-overlay { background-color: rgba(0, 0, 0, 0.1); border-radius: 18px; bottom: 1px; display: none; left: 1px; position: absolute; right: 1px; top: 1px; z-index: 10; } .tweet-form.condensed .tweet-box { color: rgb(101, 119, 134); max-height: 36px; min-height: 36px; } .tweet-form div.rich-editor { display: block; overflow-wrap: break-word; } .tweet-form.condensed div.rich-editor { overflow-y: hidden; } .is-showPlaceholder::before { pointer-events: none; } .tweet-form div.rich-editor.is-showPlaceholder::before, .tweet-form div.rich-editor:empty::before { content: attr(data-placeholder-default); color: rgb(170, 184, 194); position: absolute; } .tweet-form.is-reply div.rich-editor.is-showPlaceholder::before, .tweet-form.is-reply div.rich-editor:empty::before { content: attr(data-placeholder-reply); } .tweet-form.is-pollingCardComposerOn div.rich-editor.is-showPlaceholder::before { content: attr(data-placeholder-poll-composer-on); } .tweet-form div.rich-editor.is-showPlaceholder:focus::before, .tweet-form div.rich-editor:empty:focus::before { opacity: 0.8; } .tweet-form.condensed div.rich-editor.is-showPlaceholder::before, .tweet-form.condensed div.rich-editor:empty::before { color: rgb(101, 119, 134); } .tweet-form div.rich-editor[data-in-composition]:focus::before { opacity: 0; } .tweet-form.condensed .rich-editor, .tweet-form.condensed .rich-editor.p, .tweet-form.condensed .rich-editor.div { overflow-wrap: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tweet-form.condensed .reply-users { display: none; } .tweet-form .reply-users { font-size: 14px; margin-top: -4px; padding-bottom: 8px; color: rgb(101, 119, 134); } .RichEditor { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(230, 236, 240); border-radius: 8px; line-height: 20px; } .RichEditor .typeahead { margin: 1px 0px 0px; } .tweet-form:not(.has-quotedTweet) .TweetBoxAttachments .QuotedTweet .content { display: none; } .TweetBoxAttachments { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-style: none solid solid; border-top: 1px none; border-width: 1px; display: none; } .TweetBoxAttachments .QuotedTweet, .TweetBoxAttachments .QuotedTweet .content, .TweetBoxAttachments .QuotedTweet .content .tweet { background-color: rgb(255, 255, 255); border-radius: inherit; border-bottom: 0px none; cursor: default; } .RichEditor-container { position: relative; } .RichEditor-scrollContainer { overflow-y: auto; margin: -20px 0px; max-height: 284px; position: relative; } .TweetstormDialog .RichEditor-scrollContainer, .top-timeline-tweetbox .RichEditor-scrollContainer, .inline-reply-tweetbox .RichEditor-scrollContainer { max-height: none; } .RichEditor div[contenteditable], .RichEditor div[contenteditable]:focus, .RichEditor div.fake-focus[contenteditable] { border: 0px none; border-radius: 0px; box-shadow: none; font-size: 14px; padding: 8px; } .RichEditor.RichEditor--emojiPicker div[contenteditable], .RichEditor.RichEditor--emojiPicker div[contenteditable]:focus, .RichEditor.RichEditor--emojiPicker div.fake-focus[contenteditable] { padding-right: 31px; } .RichEditor-pictographs { font-size: 14px; } .RichEditor-rightItems { -moz-box-align: center; align-items: center; display: flex; -moz-box-pack: end; justify-content: flex-end; position: absolute; right: 0px; } .RichEditor-leftItems { -moz-box-align: center; align-items: center; display: flex; -moz-box-pack: start; justify-content: flex-start; position: absolute; left: 0px; } .RichEditor-topItems { margin: 4px 8px 0px 0px; top: 0px; } .RichEditor-bottomItems { bottom: 0px; margin: 0px 8px 4px 4px; } .RichEditor-rightItems > div { margin-left: 8px; } .tweet-form.condensed .RichEditor-leftItems, .tweet-form.condensed .RichEditor-rightItems { display: none; } .RichEditor-mozillaCursorWorkaround { display: inline; } .currently-dragging .is-droppable:not(.condensed) .add-photo-icon { display: block; position: absolute; right: 5px; top: 5px; z-index: 1; } .tweet-form.condensed .TweetBoxToolbar { display: none; } .tweet-form .attribution { display: none; margin-top: 8px; opacity: 0; } .photo-selector:hover .btn { border-color: rgb(28, 148, 224); background-color: rgba(255, 255, 255, 0.2); } .tweet-form .thumbnail-container { background-color: rgb(245, 248, 250); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; box-shadow: 0px 1px 0px rgb(204, 214, 221) inset; box-sizing: border-box; display: none; max-width: 100%; overflow: hidden; transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; } .tweet-form .thumbnail-container .thumbnail-wrapper { padding: 8px 16px; } .tweet-form .ComposerThumbnails { display: flex; } .tweet-form .thumbnail-container .preview-message { font-size: 14px; color: rgb(20, 23, 26); } .tweet-form .thumbnail-container .preview-message .Icon { top: 2px; } .tweet-form .thumbnail-container .preview-message .start-tagging { margin-top: 8px; } .photo-selector { position: relative; } .image-selector { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; width: 100%; overflow: hidden; cursor: pointer; } .image-selector .file-input { position: absolute; top: 0px; right: 0px; z-index: 10; width: 100%; height: 100%; font-size: 50px; cursor: pointer; opacity: 0; padding-top: 100px; } .tweet-post-iframe, .dm-post-iframe { display: none; } .CountdownCounter.tweet-counter { color: rgb(101, 119, 134); margin-right: 4px; padding-bottom: 0px; } .tweet-form .tweet-button { -moz-box-align: center; align-items: center; display: flex; float: right; } .js-add-tweet { margin-right: 12px; } #geo-disabled-dropdown, #geo-enabled-dropdown { display: none; } .geo-picker:not(.inline-geo-picker) .geo-status { display: inline-block; vertical-align: middle; max-width: 95px; margin-left: 3px; overflow: hidden; color: inherit; text-overflow: ellipsis; white-space: nowrap; width: auto; } .modal-body .geo-picker .geo-status { max-width: 113px; } .geo-picker .dropdown-menu { width: 320px; outline: 0px none; } .geo-not-enabled-yet { margin: 8px 14px 10px; } .geo-not-enabled-yet h2 { margin-bottom: 5px; font-size: 14px; } .geo-not-enabled-yet p, .modal-body .geo-not-enabled-yet p { margin-bottom: 10px; line-height: 16px; font-size: 12px; } .geo-not-enabled-yet .geo-not-now { margin-left: 8px; font-size: 13px; } .inline-geo-picker { margin-left: 2px; } .inline-geo-picker .dropdown-menu { margin-top: 4px; left: -1px; } .inline-geo-picker .geo-status { color: rgb(101, 119, 134); font-size: 12px; } .inline-geo-picker .Icon--geo { color: rgb(170, 184, 194); top: 2px; } .geo-query-location { position: relative; padding: 5px; margin: -4px 0px 6px; background-color: rgb(255, 255, 255); background-repeat: repeat-x; border-bottom: 1px solid rgb(230, 236, 240); border-radius: 4px 4px 0px 0px; } .geo-query-location .Icon--search { color: rgb(102, 117, 127); left: 13px; position: absolute; top: 10px; } .user-select-container.photo-tagging-container { margin-top: -7px; position: absolute; left: -100px; width: 350px; } .start-tagging.no-users { background-color: transparent; border: 0px none; padding: 0px; } .start-tagging { background: transparent none repeat scroll 0% 0%; border: 1px solid; border-radius: 4px; line-height: 24px; padding: 0px 10px; } .typeahead-empty-suggestions { padding: 1px 10px 10px; color: rgb(102, 117, 127); font-weight: bold; font-size: 12px; } .tagged-users { margin-left: 4px; } .TweetBoxUploadProgress { color: rgb(101, 119, 134); display: none; } .TweetBoxUploadProgress-bar { border: 1px solid rgb(204, 214, 221); display: inline-block; margin-left: 10px; vertical-align: middle; width: 262px; } .TweetBoxUploadProgress-barPosition { background-color: rgb(29, 161, 242); height: 10px; transition: width 1s linear 0s; width: 0px; } .TweetBoxUploadProgress .TweetBoxUploadProgress-spinner { display: inline-block; margin-left: 4px; position: relative; top: 3px; } .TweetBoxUploadProgress .TweetBoxUploadProgress-uploading, .TweetBoxUploadProgress .TweetBoxUploadProgress-processing, .tweet-form.is-showingProgress.is-uploading.is-waiting .TweetBoxUploadProgress-uploading, .tweet-form.is-showingProgress.is-uploading.is-processing .TweetBoxUploadProgress-uploading { display: none; } .tweet-form .CardComposer { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; display: none; max-width: 100%; overflow: hidden; transition: height 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; } .user-select-container { background-color: rgb(255, 255, 255); padding: 7px 0px 0px; } .user-select-container .typeahead-item { display: none; } .user-select-container .tagging-dropdown .dropdown-menu { box-shadow: 0px 1px 4px -2px rgba(0, 0, 0, 0.25); display: block; padding: 7px 0px 0px; width: 100%; } .user-select-container .select-status { float: right; } .user-select-container .select-status { display: none; } .user-select-controls { border: 1px solid rgb(230, 236, 240); border-radius: 3px; margin: 0px 6px 3px; } .user-select-controls .Icon { margin: 5px 2px 0px 8px; opacity: 0.5; } .user-select-controls input { background: transparent none repeat scroll 0% 0%; border: 0px none; padding: 0px; width: 290px; } .user-select-controls input:focus { border: 0px none; box-shadow: none; } .t1-form { margin-bottom: 0px; } .t1-legend { display: block; width: 100%; font-size: 18px; margin-bottom: 20px; line-height: 30px; color: rgb(20, 23, 26); border-bottom: 1px solid rgb(230, 236, 240); font-weight: bold; } .t1-label, input, textarea, div[contenteditable], .t1-select { margin: 0px; font-size: 14px; line-height: 20px; } .t1-label { display: block; margin-bottom: 5px; color: rgb(20, 23, 26); cursor: pointer; } input, textarea, div[contenteditable], .t1-select { display: inline-block; width: 210px; padding: 4px; margin: 0px; outline: 0px none; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 236, 240); border-radius: 3px; } input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0px; margin: 3px 0px; line-height: normal; border: 0px none; background-color: transparent; cursor: pointer; } input[type="file"] { background-color: rgb(255, 255, 255); padding: initial; border: initial; line-height: initial; box-shadow: none; } .t1-select, input[type="file"] { height: 30px; line-height: 30px; } textarea { height: auto; } .radio, .checkbox { margin: 5px 0px; padding-left: 18px; line-height: 18px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -18px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 1px; } input, textarea, div[contenteditable] { transition: background 0.2s linear 0s; } input:focus, textarea:focus, div[contenteditable="true"]:focus, div.fake-focus[contenteditable="true"], div[contenteditable="plaintext-only"]:focus, div.fake-focus[contenteditable="plaintext-only"] { outline: 0px none; color: rgb(20, 23, 26); border-color: rgba(0, 132, 180, 0.5); } input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, .t1-select:focus { outline: 1px dotted rgb(102, 117, 127); box-shadow: none; } .disabled, .disabled:hover, .disabled:focus, .disabled:active, input[disabled], .t1-select[disabled], textarea[disabled], input[readonly], .t1-select[readonly], textarea[readonly], div[contenteditable="false"], div[contenteditable="true"][readonly] { background: rgb(245, 248, 250) none repeat scroll 0% 0%; border-color: rgb(204, 214, 221); cursor: not-allowed; } .input-medium { width: 175px; } .input-block { display: block; width: 100%; padding: 7px 9px; margin-bottom: 5px; font-size: 14px; box-sizing: border-box; } .help-text { color: rgb(101, 119, 134); } .control-group { margin-bottom: 15px; } .form-horizontal .control-label { float: left; width: 120px; padding-top: 5px; text-align: right; margin: 0px; font-size: 14px; line-height: 20px; border-bottom: 0px none; } .form-horizontal .controls { margin-left: 140px; } .form-horizontal input, .form-horizontal select, .form-horizontal textarea { margin-bottom: 5px; } .form-horizontal .form-actions { padding-left: 140px; margin: 20px 0px 8px; } input:-moz-placeholder, textarea:-moz-placeholder { color: rgb(101, 119, 134); opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: rgb(101, 119, 134); opacity: 1; } input::placeholder, textarea::placeholder { color: rgb(101, 119, 134); opacity: 1; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: 0.6; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0.6; } input:focus::placeholder, textarea:focus::placeholder { opacity: 0.6; } .t1-infotext { font-size: 12px; color: rgb(101, 119, 134); padding-right: 12px; } @media screen and (min-width: 1236px) { } .ProfileCardStats-stat:lang(ar), .ProfileCardStats-stat:lang(fa), .ProfileCardStats-stat:lang(ur) { line-height: 1.4; } .Footer ul { line-height: 18px; } .Footer-item { display: inline; } .Footer-item, .Footer-link { color: rgb(101, 119, 134); } .Footer-item { float: left; padding-right: 8px; } .Footer--slim { text-align: center; } .Footer--slim ul, .Footer--slim .Footer-item { display: inline-block; } .Footer--slim .Footer-item { line-height: 16px; float: none; } .Footer--blankBackground { border: 0px none; border-radius: 0px; margin-top: 15px; padding-right: 15px; padding-left: 15px; } .Footer--blankBackground .flex-module { background: transparent none repeat scroll 0px center; border: 0px none; line-height: 1; padding: 0px; text-align: left; } .tweet .account-in-timeline-blk:not(.promoted) .account-in-timeline-name { display: inline-block; padding-top: 10px; } .Button::-moz-focus-inner { border: 0px none; padding: 0px; } .ProfileTweet-action { display: inline-block; min-width: 80px; } .ProfileTweet-action:last-child:not(.ProfileTweet-action--more) { min-width: 26px; } .ProfileTweet-actionButton, .ProfileTweet-actionButtonUndo { color: rgb(101, 119, 134); display: inline-block; font-size: 16px; line-height: 1; padding: 0px 2px; position: relative; } .ProfileTweet-actionCount { color: rgb(101, 119, 134); display: inline-block; font-size: 12px; font-weight: bold; line-height: 1; margin-left: 6px; position: relative; vertical-align: text-bottom; } .ProfileTweet-actionCount:focus, .ProfileTweet-actionCount:hover { text-decoration: none; } .ProfileTweet-actionCount--isZero { padding: 0px; } .ProfileTweet-action--more { margin: -2px -9px 0px auto; min-width: inherit; } .ProfileTweet-action--more .ProfileTweet-actionButton { padding: 2px 9px; } .IconContainer { display: inline-block; line-height: 0; position: relative; vertical-align: middle; } .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo, .retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButton { display: none; } .ProfileTweet-action--retweet:hover .ProfileTweet-actionButton, .ProfileTweet-action--retweet:hover .ProfileTweet-actionCount, .ProfileTweet-action--retweet .ProfileTweet-actionButton:focus, .ProfileTweet-action--retweet .ProfileTweet-actionButton:focus .ProfileTweet-actionCount, .retweeted .ProfileTweet-action--retweet .Icon--retweet, .retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo { color: rgb(23, 191, 99); } .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo, .favorited .ProfileTweet-action--favorite .ProfileTweet-actionButton { display: none; } .ProfileTweet-action--favorite .Icon--heart, .ProfileTweet-action--unfavorite .Icon--heart { visibility: hidden; } .ProfileTweet-action--favorite:hover .ProfileTweet-actionButton, .ProfileTweet-action--favorite:hover .ProfileTweet-actionCount, .ProfileTweet-action--favorite .ProfileTweet-actionButton:focus, .ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .ProfileTweet-actionCount, .favorited .ProfileTweet-action--favorite .Icon--heart, .favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo { color: rgb(224, 36, 94); } .ProfileTweet-action--reply:hover .ProfileTweet-actionButton, .ProfileTweet-action--reply:hover .ProfileTweet-actionCount, .ProfileTweet-action--reply .ProfileTweet-actionButton:focus, .ProfileTweet-action--reply .ProfileTweet-actionButton:focus .ProfileTweet-actionCount { color: rgb(29, 161, 242); } .retweeted .ProfileTweet-action--retweet .ProfileTweet-actionCount, .favorited .ProfileTweet-action--favorite .ProfileTweet-actionCount { color: inherit; } .retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo, .favorited .ProfileTweet-action--favorite .ProfileTweet-actionButtonUndo { display: inline-block; } .dropdown-menu .MomentMakerAddTweetToOtherMoment { display: none; } .tweet.Tweet--invertedColors .Icon--verified::before { color: transparent; } .HeartAnimation { position: absolute; background-image: url('web_heart_animation_edge.png'); background-position: left center; background-repeat: no-repeat; background-size: 2900% auto; height: 50px; width: 50px; left: 50%; top: 50%; transform: translate(-50%, -47.5%); } .ProfileTweet-action--favorite:hover .HeartAnimation, .ProfileTweet-action--favorite .ProfileTweet-actionButton:focus .HeartAnimation { background-position: 3.57143% center; } .favorited .ProfileTweet-action--favorite .HeartAnimation { background-position: right center; } .QuoteTweet { border: 1px solid rgb(230, 236, 240); cursor: pointer; border-radius: 4px; } .QuoteTweet:hover, .QuoteTweet:active { border-color: rgb(170, 184, 194); z-index: 2; } .QuoteTweet:focus { border-color: transparent; box-shadow: 0px 0px 0px 2px rgb(29, 161, 242); } .QuoteTweet .tweet-content, .QuoteTweet-text a, .QuoteTweet-text a:hover, .QuoteTweet-text a:focus, .QuoteTweet-text a:active, .QuoteTweet-text .pretty-link b, .QuoteTweet-text .pretty-link s, .QuoteTweet-text .pretty-link:hover b, .QuoteTweet-text .pretty-link:hover s, .QuoteTweet-text .pretty-link:focus b, .QuoteTweet-text .pretty-link:focus s, .QuoteTweet-text .pretty-link:active b, .QuoteTweet-text .pretty-link:active s { text-decoration: none; color: rgb(20, 23, 26); } .QuoteTweet [data-item-type="tweet"] { padding: 12px; } .QuoteTweet-container { position: relative; } .QuoteTweet-text { margin-top: 1px; max-height: 80px; max-width: 100%; overflow: hidden; white-space: pre-wrap; overflow-wrap: break-word; } .QuoteTweet:hover, .QuoteTweet:focus, .QuoteTweet:active { text-decoration: none; } .QuoteTweet:focus { outline-width: 0px ! important; } .QuoteTweet-link { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .QuoteTweet-originalAuthor { position: relative; z-index: 1; } .QuoteTweet-fullname { color: rgb(20, 23, 26); display: inline-block; font-size: 14px; font-weight: bold; } .QuoteTweet .QuoteMedia { margin-right: 12px; float: left; } @media screen and (min-width: 1236px) { } .AppContent { padding: 56px 14px 15px; position: relative; } body:not(.no-nav-banners) .topbar-spacer + #page-outer .AppContent { padding-top: 10px; } body.AdaptiveSearchPage:not(.no-nav-banners) .topbar-spacer + #page-outer .AppContent, body.ProfilePage:not(.no-nav-banners) .topbar-spacer + #page-outer .AppContent { padding-top: 0px; } .FlexEmbed::before { content: ""; display: block; width: 100%; } .FlexEmbed--3by1::before { padding-bottom: 33.3333%; } .FlexEmbed--2by1::before { padding-bottom: 50%; } .FlexEmbed--16by9::before { padding-bottom: 56.25%; } .FlexEmbed--4by3::before { padding-bottom: 75%; } .FlexEmbed--1by1::before { padding-bottom: 100%; } .Spinner { background-image: url('spinner-rosetta-gray-14x14.gif'); background-position: center center; display: none; } .Spinner--size14 { height: 14px; width: 14px; } .PromptbirdPrompt > :last-child { margin-bottom: 0px; } .AdaptiveMedia.is-square:not(.is-video) { border: 1px solid rgba(0, 0, 0, 0.1); } .QuoteMedia { overflow: hidden; vertical-align: top; position: relative; } .QuoteMedia-photoContainer { height: 100%; position: relative; width: 100%; } .QuoteMedia img { position: absolute; } .QuoteMedia-singlePhoto, .QuoteMedia-doublePhoto, .QuoteMedia-triplePhoto, .QuoteMedia-quadPhoto { font-size: 0px; height: 100%; width: 100%; } .QuoteMedia-singlePhoto .QuoteMedia-photoContainer img { position: relative; } .QuoteMedia-container, .QuoteMedia-videoPreview { height: 100%; width: 100%; } .QuoteMedia { height: 102px; width: 102px; } .QuoteMedia-halfPhoto:nth-of-type(1) { margin-right: 2px; } .QuoteMedia-triplePhoto .QuoteMedia-quarterPhoto:nth-of-type(1) { margin-bottom: 2px; } .QuoteMedia-quadPhoto .QuoteMedia-quarterPhoto:nth-of-type(1) { margin-right: 2px; margin-bottom: 2px; } .QuoteMedia-quadPhoto .QuoteMedia-quarterPhoto:nth-of-type(4) { margin-left: 2px; } @media screen and (min-width: 900px) { } .TweetTextSize { font-size: 14px; line-height: 20px; white-space: pre-wrap; overflow-wrap: break-word; } .TweetTextSize .twitter-hashtag b, .TweetTextSize .twitter-atreply b { font-weight: normal; } /* ::::: https://abs.twimg.com/a/1521687771/css/t1/twitter_more_1.bundle.css ::::: */ .tooltip .Icon--verified::before { color: transparent; } .datepicker-dropdown::before { content: ""; display: inline-block; border-width: 0px 7px 7px; border-style: none solid solid; border-color: currentcolor transparent rgba(0, 0, 0, 0.25); position: absolute; } .datepicker-dropdown::after { content: ""; display: inline-block; border-width: 0px 6px 6px; border-style: none solid solid; border-color: currentcolor transparent rgb(255, 255, 255); position: absolute; } .datepicker-dropdown.datepicker-orient-left::before { left: 6px; } .datepicker-dropdown.datepicker-orient-left::after { left: 7px; } .datepicker-dropdown.datepicker-orient-right::before { right: 6px; } .datepicker-dropdown.datepicker-orient-right::after { right: 7px; } .datepicker-dropdown.datepicker-orient-top::before { top: -7px; } .datepicker-dropdown.datepicker-orient-top::after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom::before { bottom: -7px; border-bottom: 0px none; border-top: 7px solid rgb(101, 119, 134); } .datepicker-dropdown.datepicker-orient-bottom::after { bottom: -6px; border-bottom: 0px none; border-top: 6px solid rgb(255, 255, 255); } .permalink:not(.self-thread-permalink-with-descendant) .logged-out .permalink-replies { border-top: 1px solid rgb(230, 236, 240); } @media screen and (min-width: 1236px) { } .permalink .in-reply-to #ancestors:not(.ThreadedConversation) .stream-item, .permalink .in-reply-to #ancestors:not(.ThreadedConversation) .stream-item .tweet:hover { background-color: rgb(245, 248, 250); } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia { max-height: 420px; max-width: 560px; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia.is-square { max-height: 560px; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia-video { width: 560px; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia.is-video { max-height: none; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia-doublePhoto { font-size: 0px; height: 280px; width: 560px; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia-triplePhoto { font-size: 0px; height: 373.333px; width: 560px; } .permalink:not(.self-thread-permalink) .permalink-tweet .AdaptiveMedia-quadPhoto { font-size: 0px; height: 420px; width: 560px; } .tweet-counter { background-color: transparent; color: rgb(101, 119, 134); display: inline-block; border: 0px none; font-size: 14px; padding-bottom: 1px; } .card2 .util-cf::before, .card2 .util-cf::after { content: " "; display: table; } .card2 .util-cf::after { clear: both; } .list-editor hr { display: none; } .list-editor .help-text { display: block; font-size: 12px; color: rgb(101, 119, 134); margin-left: 120px; } .list-editor .field { clear: both; display: block; margin: 0px 0px 15px; } .list-editor label { float: left; text-align: right; width: 105px; padding-right: 15px; margin-bottom: 15px; } .list-editor input.text, .list-editor textarea { width: 290px; } .list-editor textarea { resize: none; height: 36px; } .list-editor .options { float: left; width: 290px; } .list-editor .options label, .list-editor .options input { float: none; text-align: left; display: inline-block; width: auto; margin-bottom: 5px; font-size: 12px; color: rgb(101, 119, 134); } .list-editor .options input { margin: 0px; } .list-editor .options label b { color: rgb(20, 23, 26); } .embed-code-container .embed-destination-wrapper { position: relative; } .embed-code-container .embed-overlay { display: none; width: 100%; text-align: center; } .embed-code-container .embed-overlay-spinner { position: absolute; top: 0px; left: 0px; z-index: 3; } .embed-code-container .embed-overlay-content { display: inline-block; } .embed-code-container .embed-overlay-spinner .embed-overlay-content { background: transparent url('spinner-rosetta-gray-14x14.gif') no-repeat scroll 0px 0px; margin-top: 20px; width: 14px; height: 14px; } .embed-code-container .embed-overlay-error .embed-overlay-content { width: 100%; margin: 0px; padding: 17px 9px 18px; color: rgb(102, 117, 127); font-size: 12px; background-color: rgb(249, 249, 249); border: 1px solid rgb(204, 214, 221); box-sizing: border-box; border-radius: 0px 3px 3px; } .embed-options .t1-label { margin-bottom: 8px; } .embed-code-container textarea { width: 100%; padding: 7px 9px; margin-bottom: 8px; font-size: 14px; color: rgb(102, 117, 127); line-height: 20px; overflow: hidden; height: 55px; display: block; white-space: nowrap; border: 1px solid rgb(204, 214, 221); position: relative; z-index: 2; resize: none; box-sizing: border-box; border-radius: 0px 3px 3px; } .modal-body .embed-code-container p { font-size: 12px; line-height: 16px; } .embed-code-container .embed-tweet-description { color: rgb(102, 117, 127); margin-bottom: 16px; } .embed-options { margin-top: 8px; } .embed-preview-header { font-weight: bold; margin-bottom: 5px; } .modal.dm-media { padding-bottom: 0px ! important; } .dm-media-preview { position: relative; text-align: center; background-color: rgb(245, 248, 250); border-radius: 0px 0px 6px 6px; } .dm-media-preview::before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .dm-media { position: relative; display: inline-block; vertical-align: middle; min-width: 520px; min-height: 338px; padding: 0px; background-color: rgb(0, 0, 0); border-radius: 6px; } .settings-alert { background-color: rgb(29, 161, 242); background-repeat: repeat-x; color: rgb(255, 255, 255); padding: 12px; margin: -13px -12px 20px; font-size: 14px; } .settings-alert .close { float: right; margin-top: 4px; cursor: pointer; } .settings-alert h4 { font-weight: bold; white-space: pre-line; } .input-prepend, .input-append { font-size: 0px; } .input-prepend .add-on, .input-append .add-on { display: inline-block; width: auto; height: 18px; min-width: 16px; margin: 0px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; vertical-align: middle; background-color: rgb(245, 248, 250); border: 1px solid rgb(204, 214, 221); } .input-prepend .add-on { height: 25px; line-height: 25px; margin-right: -1px; border-radius: 3px 0px 0px 3px; } .input-prepend input { position: relative; height: 25px; margin-bottom: 0px; font-size: 14px; line-height: 20px; vertical-align: middle; border-radius: 0px 3px 3px 0px; } .input-prepend input:focus { z-index: 2; } .row::before, .row::after { content: " "; display: table; } .row::after { clear: both; } .modal-container { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; display: none; position: fixed; overflow-y: auto; overflow-x: hidden; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 5000; } .modal-overlay, .grid-overlay, .gallery-overlay { display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 4000; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; } .gallery-overlay { z-index: 2000; background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; } .grid-close-target, .Gallery-closeTarget { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); border-radius: 6px; background-clip: padding-box; } .modal-header, .modal-footer, .modal-body { padding: 12px; } .modal-header { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(230, 236, 240); border-radius: 6px 6px 0px 0px; padding-top: 12px; padding-bottom: 12px; } .modal-header .modal-title { width: 75%; margin: 0px auto; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 24px; color: rgb(20, 23, 26); text-align: center; text-overflow: ellipsis; white-space: nowrap; } .modal-btn { background-color: transparent; cursor: pointer; } .modal-btn:hover { background-color: transparent; } .modal-close { height: 20px; line-height: 0; padding: 0px; position: absolute; right: 10px; top: 12px; width: 20px; } .modal-close .Icon--close { color: rgb(101, 119, 134); } .modal-close-fixed { cursor: pointer; position: fixed; right: 20px; top: 8px; } .modal-close-fixed .Icon--close { color: rgb(255, 255, 255); font-size: 27px; line-height: 1; } .modal-footer { text-align: right; border-top: 1px solid rgb(230, 236, 240); } .modal-footer .EdgeButton + .EdgeButton { margin-left: 12px; } .modal-small { width: 370px; } .modal-small .modal-title { width: 75%; } .modal-medium { width: 500px; } .modal-large { width: 600px; } .modal .form-horizontal .control-label { width: 100px; } .modal .form-horizontal .controls { margin-left: 110px; } .modal-body p { margin-bottom: 8px; font-size: 14px; color: rgb(20, 23, 26); } .modal-container.has-content .loading, .modal-container .tweet-loading { display: none; } .modal-container .loading, .modal-container .error { text-align: center; margin: 50px 0px; } #activity-popup-dialog .modal-content { background: rgb(245, 248, 250) none repeat scroll 0% 0%; overflow: visible; } #activity-popup-dialog .modal-body { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow-x: hidden; padding: 0px; } #activity-popup-dialog .modal { overflow: visible; width: 520px; } #activity-popup-dialog .modal-header { background: rgb(255, 255, 255) none repeat scroll 0% 0%; } #activity-popup-dialog:not(.reply-users-popup) .activity-popup-dialog-users .account .avatar { border-radius: 50%; height: 32px; margin-left: -42px; width: 32px; } #goto-user-dialog .goto-user-form { position: relative; } #goto-user-dialog input { width: 100%; box-sizing: border-box; } #captcha-challenge-form { margin-top: 30px; } .copy-found-media-link-container textarea.found-media-link-destination, .copy-link-to-tweet-container textarea.link-to-tweet-destination { width: 100%; padding: 7px 9px; font-size: 14px; line-height: 21px; overflow: hidden; height: 35px; display: block; cursor: default; white-space: nowrap; resize: none; box-sizing: border-box; } .copy-found-media-link-container textarea.found-media-link-destination:focus, .copy-link-to-tweet-container textarea.link-to-tweet-destination:focus { border-color: rgb(113, 201, 248); } .copy-link-to-tweet-container p { font-size: 12px; margin-top: -10px; } .report-dialog .new-report-flow-report { height: 350px; width: 520px; } .block-dialog .block-section { border-bottom: 1px solid rgb(230, 236, 240); padding-bottom: 0px; } .block-dialog .block-section { padding: 30px; } .block-dialog .block-user-description, .phone-deletion-dialog .phone-deletion-description { color: rgb(102, 117, 127); font-size: 14px; padding-top: 15px; } .block-dialog .block-user-description a, .phone-deletion-dialog .phone-deletion-description a { white-space: nowrap; } .block-dialog .submit-section, .phone-deletion-dialog .submit-section { background-color: rgb(245, 248, 250); border-radius: 0px 0px 6px 6px; } .block-dialog a:focus { text-decoration: none; } .block-dialog .label-head, .phone-deletion-dialog .label-head, .block-dialog .label-title { font-weight: bold; font-size: 14px; } .new-report-flow-next-button .add-text .tweet-number { padding-left: 5px; } #global-tweet-dialog .modal-tweet-form-container { padding: 12px; } #Tweetstorm-dialog .modal-body { padding: 8px 12px; } #global-tweet-dialog .modal, #retweet-tweet-dialog .modal { width: 590px; } #keyboard-shortcut-dialog-dialog, #Tweetstorm-dialog .modal { width: 610px; } .sms-confirmation-dialog .btn-link { margin-left: 30px; } .sms-confirmation-dialog .form-actions { padding-left: 110px; } .sms-confirmation-dialog .control-label.numeric-pin-label { width: 130px; margin-right: 10px; } #block-list-export-dialog .users-section { height: 190px; overflow: scroll; margin-top: -20px; } #block-list-export-dialog p { color: rgb(101, 119, 134); } #block-list-export-dialog .modal-header { border-bottom: 0px none; } #block-list-export-dialog .stream-container { overflow: hidden; } #block-list-export-dialog .stream-end, #block-list-export-dialog .stream-loading { border: 0px none; } #block-list-export-dialog .processing-bar, #block-list-export-dialog .done-btn { display: none; } #block-list-export-dialog #include-imported-block { margin-right: 4px; margin-bottom: 7px; } #block-list-export-dialog .modal-header { height: 135px; } #block-list-import-dialog #imported-user-name-list { height: 200px; overflow: scroll; } #block-list-import-dialog .import-header-text { color: rgb(101, 119, 134); margin-top: 20px; } #block-list-import-dialog .modal-header { border-bottom: 0px none; } #block-list-import-dialog .processing-text { display: none; } #block-list-import-dialog .name-list { display: none; } #block-list-import-dialog .block-button, #block-list-import-dialog .done-button { display: none; } #block-list-import-dialog .cancel-action { margin-right: 12px; } #block-list-import-dialog .file-upload-section { border: 1px solid rgb(230, 236, 240); height: 40px; } #block-list-import-dialog #filename { height: 30px; width: 100%; opacity: 0; position: absolute; cursor: pointer; } #block-list-import-dialog .upload-icon { float: right; margin-right: 10px; color: rgb(29, 161, 242); } #block-list-import-dialog .uploaded-file { color: rgb(101, 119, 134); padding-left: 10px; padding-top: 10px; } #block-list-import-dialog #error-message { margin-top: 10px; color: rgb(224, 36, 94); } #block-list-import-dialog .modal-body { height: 200px; margin-top: 20px; } #block-list-import-dialog .modal-header { height: 100px; } .BouncerContent { height: 365px; } #bouncer-flow { width: 480px; height: 365px; margin-left: 10px; } .BouncerSpinner { position: relative; height: 365px; } .BouncerSpinner-image { background-image: url('spinner-rosetta-blue-26x26@2x.gif'); background-repeat: no-repeat; background-size: cover; display: block; height: 26px; width: 26px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -13px; } .why-this-ad-spinner { padding: 218px 0px; } .why-this-ad-spinner .spinner-bigger { margin: 0px auto; display: block; } #why-this-ad-frame { width: 600px; height: 500px; } #profile-hover-container { position: absolute; display: none; z-index: 1011 ! important; } .hovercard .arrow::after { border-top-color: rgb(255, 255, 255); border-width: 10px; margin-left: -10px; } .hovercard .arrow::before { border-width: 12px; margin-left: -12px; } .hovercard.gravity-north:not(.with-banner) .arrow { top: 9px; } .hovercard.gravity-south:not(.with-banner) .arrow { background-color: rgb(255, 255, 255) ! important; } .hovercard.weight-left .right-side, .hovercard.weight-right svg:not(.right-side), .hovercard.gravity-north.with-banner .arrow, .hovercard.gravity-north:not(.with-banner) svg, .hovercard.gravity-south svg { display: none; } .hovercard.profile-card .follow-button .button-text .Icon:not(.Icon--follow) { color: inherit; } .nav-tabs::before, .nav-tabs::after { content: " "; display: table; } .nav-tabs::after { clear: both; } .ProfileCanopy-header.custom-timeline-canopy-background::before { box-shadow: none; } #leadgen-confirm-dialog iframe { width: 100%; overflow: hidden; border: 0px none; } #leadgen-confirm-dialog .cards2-promotion-iframe { height: 250px; } .permalink.self-thread-permalink-with-descendant .permalink-tweet-container::after, .permalink.self-thread-permalink-with-descendant .inline-reply-tweetbox-container::after { border-radius: 2px; border-style: solid; border-width: 2px; bottom: -9px; content: ""; display: block; left: 61px; position: absolute; width: 0px; z-index: 1; } .permalink.self-thread-permalink-with-descendant .permalink-tweet-container::after { top: 82px; } .permalink.self-thread-permalink-with-descendant .permalink-tweet-container.ThreadedConversation--permalinkTweetWithAncestors::after { top: 63px; } .permalink.self-thread-permalink-with-descendant .inline-reply-tweetbox-container::after { top: 0px; } .permalink .ThreadedConversation--selfThread:not(:last-child) { margin-bottom: 10px; } .mini-avatar-with-thread::before { border-color: rgb(29, 161, 242); border-radius: 2px; border-style: solid; border-width: 2px; content: ""; display: block; position: absolute; width: 0px; z-index: 1; } .js-stream-tweet .self-thread-tweet-cta .mini-avatar-with-thread::before { bottom: 35px; left: 34px; top: 62px; } .js-stream-tweet.tweet-has-context .self-thread-tweet-cta .mini-avatar-with-thread::before { top: 83px; } .self-thread-permalink-cta .mini-avatar-with-thread::before { bottom: 39px; left: 61px; top: -4px; } .self-thread-context { color: rgb(101, 119, 134); display: none ! important; font-size: 14px; line-height: 20px; padding-top: 4px; } .RetweetDialog-tweet .tweet .self-thread-context, .DMComposer-tweet .tweet .self-thread-context, .QuoteTweet .self-thread-context { display: block ! important; } .SessionsSettings--header-button:hover:not([disabled]), .SessionsSettings--header-button:focus:not([disabled]), .SessionsSettings--header-button:active:not([disabled]) { color: rgb(172, 0, 43); text-decoration: underline; } .ColorPicker-colorList .Icon--check::before { color: rgb(230, 236, 240); height: 12px; padding-top: 8px; } .ColorPicker-more .Icon--add::before, .ColorPicker-hex .Icon--discover::before { color: rgb(101, 119, 134); height: 12px; padding-top: 8px; } .ContactsDashboard .contact-stream-item::before, .ContactsDashboard .contact-stream-item::after { content: none; } .EmojiCategoryIcon.is-active, .EmojiCategoryIcon:active, .EmojiCategoryIcon:hover:not([disabled]), .EmojiCategoryIcon:focus { background-image: url('emoji-categories.png'), none; } @media not all, screen and (min-resolution: 192dpi) { .EmojiCategoryIcon.is-active, .EmojiCategoryIcon:active, .EmojiCategoryIcon:hover:not([disabled]), .EmojiCategoryIcon:focus { background-image: url('emoji-categories@2x.png'), none; } } .EmojiPicker-trigger { color: rgb(170, 184, 194); line-height: 1; } .EmojiPicker-trigger .Icon { color: inherit; font-size: 19px; } .EmojiPicker-trigger:hover, .EmojiPicker-trigger:active, .EmojiPicker-trigger:focus { outline: 0px none; } .EmojiPicker-dropdownMenu.dropdown-menu { height: 350px; padding: 0px; top: 115%; width: 280px; } .EmojiPicker-content.Caret::before, .EmojiPicker-content.Caret.Caret--stroked::after { left: 10px; } .EmojiPicker-content--right.Caret::before, .EmojiPicker-content--right.Caret.Caret--stroked::after { left: calc(100% - 10px); } .EmojiPicker-content.Caret::before { border-color: rgba(0, 0, 0, 0.1); border-width: 8px; } .EmojiPicker-content.Caret::after { border-color: rgb(245, 248, 250); border-width: 8px; } .EmojiPicker-content { height: 100%; text-align: right; width: 100%; } .EmojiPicker-item.is-focused:not(:active):not(.is-active) { background-size: 1.7em 1.7em; } .EmojiPicker:not(.EmojiPicker--keyboard) .EmojiPicker-item.is-focused { box-shadow: none; } .EmojiPicker.is-loading .EmojiPicker-results, .EmojiPicker.is-loading .EmojiPicker-diversityRow, .EmojiPicker:not(.is-loading) .EmojiPicker-loading { display: none; } .GenericNotificationDialog-modal { position: absolute; } .GenericNotificationDialog-close { color: rgb(255, 255, 255); position: absolute; right: -32px; } .GenericNotificationDialog-contentContainer { height: 500px; margin: 0px auto; position: relative; width: 590px; } .GenericNotificationDialog-modalContent { overflow: hidden; } .GenericNotificationDialog-modalContent, .GenericNotificationDialog iframe { height: 100%; width: 100%; } .Caret { position: relative; } .Caret::before, .Caret--stroked::after { border-style: solid; border-width: 5px; content: ""; display: block; position: absolute; height: 0px; width: 0px; } .Caret--right::before, .Caret--right.Caret--stroked::after { border-right-width: 0px ! important; border-bottom-color: transparent ! important; border-right-color: transparent ! important; border-top-color: transparent ! important; right: 0px; top: 50%; transform: translateX(100%) translateY(-50%); } .Caret--left::before, .Caret--left.Caret--stroked::after { border-left-width: 0px ! important; border-bottom-color: transparent ! important; border-left-color: transparent ! important; border-top-color: transparent ! important; left: 0px; top: 50%; transform: translateX(-100%) translateY(-50%); } .Caret--top::before, .Caret--top.Caret--stroked::after { border-top-width: 0px ! important; border-left-color: transparent ! important; border-right-color: transparent ! important; border-top-color: transparent ! important; top: 0px; left: 50%; transform: translateX(-50%) translateY(-100%); } .Caret--bottom::before, .Caret--bottom.Caret--stroked::after { border-bottom-width: 0px ! important; border-left-color: transparent ! important; border-right-color: transparent ! important; border-bottom-color: transparent ! important; left: 50%; bottom: 0px; transform: translateX(-50%) translateY(100%); } .Caret--right.Caret--stroked::after { right: 1px; } .Caret--left.Caret--stroked::after { left: 1px; } .Caret--top.Caret--stroked::after { top: 1px; } .Caret--bottom.Caret--stroked::after { bottom: 1px; } .Gallery { display: none; position: fixed; overflow-y: auto; overflow-x: hidden; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3000; text-align: center; } .Gallery::before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .Gallery-content { background-color: rgb(20, 29, 38); border-radius: 7px; display: inline-block; min-height: 338px; min-width: 592px; position: relative; vertical-align: middle; } .Gallery-media { background: rgb(20, 29, 38) none repeat scroll 0% 0%; border-radius: 0px; line-height: 0; min-height: 200px; overflow: hidden; position: relative; text-align: center; } .Gallery-content:hover .GalleryNav-handle--prev, .Gallery-content:focus .GalleryNav-handle--prev, .Gallery-content.show-controls .GalleryNav-handle--prev, .Gallery-content:hover .GalleryNav-handle--next, .Gallery-content:focus .GalleryNav-handle--next, .Gallery-content.show-controls .GalleryNav-handle--next { opacity: 0.3; -moz-user-select: none; } .Gallery.with-tweet .Gallery-media { border-radius: 0px 0px 4px 4px; padding-bottom: 51px; } .GalleryNav { position: absolute; z-index: 1; top: 0px; height: 100%; } .GalleryNav--prev { left: 0px; width: 33%; } .GalleryNav--next { right: 0px; width: 67%; } .GalleryNav-handle { position: absolute; top: 35%; width: 50px; height: 200px; margin-top: -17px; display: block; opacity: 0; transition: opacity 0.05s ease-in-out 0s; color: rgb(255, 255, 255); background: transparent none repeat scroll 0px center; line-height: 200px; } .GalleryNav-handle--prev { left: -50px; } .GalleryNav-handle--next { right: -50px; } .GalleryTweet { background-color: transparent; border-radius: 0px 0px 6px 6px; border: 0px none; bottom: 0px; color: rgb(20, 23, 26); left: 0px; margin: 0px; position: absolute; width: 100%; z-index: 2; } .GalleryTweet, .GalleryTweet .tweet, .GalleryTweet .tweet:hover { background: initial; } .FoundMediaSearch-query { background-color: rgb(245, 248, 250); background-repeat: repeat-x; background-image: linear-gradient(rgb(255, 255, 255), rgb(245, 248, 250)); border: 1px solid rgb(230, 236, 240); border-radius: 4px 4px 0px 0px; position: relative; padding: 8px; margin: 0px; } .FoundMediaSearch-query .Icon--search { color: rgb(102, 117, 127); left: 16px; position: absolute; top: 13px; } .FoundMediaSearch-query input.FoundMediaSearch-queryInput[type="text"] { padding: 4px 4px 4px 24px; transition: none 0s ease 0s ; box-sizing: border-box; width: 100%; } .FoundMediaSearch-dropdownMenu.dropdown-menu { padding: 0px; width: 450px; } .FoundMediaSearch-content.Caret::before, .FoundMediaSearch-content.Caret.Caret--stroked::after { left: 24px; } .FoundMediaSearch-content--right.Caret::before, .FoundMediaSearch-content--right.Caret.Caret--stroked::after { left: calc(100% - 24px); } .FoundMediaSearch-content.Caret::before { border-color: rgba(0, 0, 0, 0.1); border-width: 8px; } .FoundMediaSearch-content.Caret::after { border-color: rgb(245, 248, 250); border-width: 8px; } .FoundMediaSearch-results { overflow: auto; min-height: 270px; max-height: 810px; padding: 3px 6px; will-change: transform; } .FoundMediaSearch.autoplay-disabled .FoundMediaSearch-focusable:not(.is-focused) .FoundMediaSearch-category { background-size: 0px auto, cover; } .FoundMediaSearch-items { display: flex; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-flow: row wrap; } .FoundMediaSearch.autoplay-disabled .FoundMediaSearch-focusable:not(.is-focused) .FoundMediaSearch-item img { display: none; } .FoundMediaSearch-dropdownMenu .FoundMediaSearch-pagination { background: transparent url('spinner-rosetta-blue-26x26.gif') no-repeat scroll center center; clear: both; display: block; height: 26px; padding: 24px 0px; } @media not all, screen and (min-resolution: 192dpi) { .FoundMediaSearch-dropdownMenu .FoundMediaSearch-pagination { background-image: url('spinner-rosetta-blue-26x26@2x.gif'); background-size: 26px 26px; } } .QuickPromoteDialog .modal { width: 830px; } .QuickPromoteDialog .modal-body { overflow: hidden; border-radius: 6px; padding: 0px; } .QuickPromoteDialog .modal-header { display: none; } .QuickPromoteDialog .modal-close { right: -30px; } .QuickPromoteDialog .modal-close .Icon { font-size: 21px; color: rgb(255, 255, 255); font-weight: bold; } .QuickPromoteDialog .quick-promote-iframe { display: block; width: 830px; height: 280px; background: transparent url('spinner-rosetta-blue-26x26.gif') no-repeat scroll center center; } @media not all, screen and (min-resolution: 192dpi) { .QuickPromoteDialog .quick-promote-iframe { background: transparent url('spinner-rosetta-blue-26x26@2x.gif') no-repeat scroll center center / 26px 26px; } } .RetweetDialog { height: 100%; } .RetweetDialog-modal { width: 590px; } .RetweetDialog-tweet.tweet { border-bottom: 0px none; padding: 0px 5px 10px; } .RetweetDialog-commentBox { padding: 10px 15px; position: relative; } .RetweetDialog-footer { padding: 15px; } .RetweetDialog-tweetActionLabel, .RetweetDialog-footer .add-tweet-button { display: none; } .VideoTrim-timeBubble::before { border-style: solid; bottom: -7px; content: ""; position: absolute; } .VideoTrim-timeBubble[data-mode="mid"]::before { border-color: rgb(29, 161, 242) transparent transparent; border-width: 7px 6px 0px; left: 50%; margin-left: -6px; } .VideoTrim-timeBubble[data-mode="mid"][data-clip="left"]::before { left: 15px; } .VideoTrim-timeBubble[data-mode="mid"][data-clip="right"]::before { left: auto; right: 15px; } .VideoTrim-timeBubble[data-mode="left"]::before { border-color: transparent transparent transparent rgb(29, 161, 242); border-width: 7px 0px 7px 7px; left: 0px; } .VideoTrim-timeBubble[data-mode="right"]::before { border-color: transparent rgb(29, 161, 242) transparent transparent; border-width: 7px 7px 7px 0px; right: 0px; } .VideoTrim-ticks > div:nth-child(5n+1) { border-left-width: 2px; height: 10px; } .VideoTrim-ticks > div:nth-child(60n+1) { height: 20px; } .VideoTrim-leftHandle::before, .VideoTrim-rightHandle::before { background: rgb(0, 109, 191) none repeat scroll 0% 0%; box-shadow: 5px 0px 0px rgb(0, 109, 191); content: ""; left: 6px; height: 24px; position: absolute; top: 12px; width: 2px; } .VideoTrim-midHandle.is-active .VideoTrim-leftHandle::before, .VideoTrim-midHandle.is-active .VideoTrim-rightHandle::before, .VideoTrim-leftHandle.is-hover::before, .VideoTrim-rightHandle.is-hover::before { background: rgb(29, 161, 242) none repeat scroll 0% 0%; box-shadow: 5px 0px 0px rgb(29, 161, 242); } .VideoTrim-midHandleGrip::before { background: rgb(0, 109, 191) none repeat scroll 0% 0%; border-radius: 1.5px; box-shadow: -8px -8px rgb(0, 109, 191), 0px -8px rgb(0, 109, 191), 8px -8px rgb(0, 109, 191), -8px 0px rgb(0, 109, 191), 8px 0px rgb(0, 109, 191), -8px 8px rgb(0, 109, 191), 0px 8px rgb(0, 109, 191), 8px 8px rgb(0, 109, 191); content: ""; height: 3px; margin-left: -1.5px; position: absolute; width: 3px; } .modal-body .age-gate-container p { font-size: 14px; line-height: 20px; } .modal-body .age-gate-error { font-size: 14px; color: rgb(224, 36, 94); float: right; margin-top: 12px; margin-right: 5px; } .modal-body .age-gate-error .icon { margin-right: 4px; margin-top: 2px; } .modal-body .age-gate-container select { width: auto; } .modal-body .age-gate-container .age-gate-bottom { margin-top: 15px; margin-bottom: 0px; } .modal-body .age-gate-container a { font-size: 14px; } .modal-body .age-gate-container .age-gate-header p { font-weight: bold; font-size: 14px; margin-top: 15px; margin-bottom: 8px; } .modal-footer.age-gate-footer { padding: 12px; margin-right: 5px; } .ProfileAlerts .signup input:not([type="submit"]), .ProfileAlerts .signinfrm input:not([type="checkbox"]) { padding: 9px 10px; margin: 10px 0px; color: rgb(101, 119, 134); font-size: 14px; width: 100%; border-radius: 4px; display: inline; max-width: 427px; } @media all and (max-width: 1015px) { .ProfileAlerts .signup input, .ProfileAlerts .signinfrm input:not([type="checkbox"]), .ProfileAlerts .alerts-signup .password, .ProfileAlerts .alerts-signup .email { max-width: 356px; } } @media all and (max-width: 880px) { } @media all and (max-width: 560px) { .ProfileAlerts .signup input, .ProfileAlerts .signinfrm input:not([type="checkbox"]), .ProfileAlerts .alerts-signup .password, .ProfileAlerts .alerts-signup .email { max-width: 298px; } } @media all and (max-width: 325px) { } .PermalinkOverlay { background-color: transparent; bottom: 0px; left: 0px; overflow: auto; position: fixed; right: 0px; top: 0px; z-index: 1010; } .PermalinkOverlay-with-background { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; } .PermalinkOverlay-modal { background-color: transparent; border-radius: 6px; min-height: 250px; margin-bottom: 20px; position: absolute; top: 60px ! important; left: 50%; width: 640px; margin-left: -320px; transform: translate3d(0px, 0px, 0px); } .PermalinkOverlay-spinnerContainer { background-color: rgb(255, 255, 255); border-radius: 6px; } .PermalinkOverlay-spinner { background: transparent url('spinner-rosetta-gray-32x32.gif') no-repeat scroll 0px center; display: block; height: 32px; margin: 0px auto; padding: 100px 0px; width: 32px; } .PermalinkOverlay-button { margin-top: 4px; top: 60px; } .PermalinkOverlay-next { display: none; right: 50%; margin-right: 340px; top: 50%; } .PermalinkOverlay-button:focus { outline: 0px none; } .PermalinkOverlay-button .Icon { color: rgb(255, 255, 255); } .ThreadedConversation-unavailableTweet::before, .ThreadedConversation-unavailableTweet::after { height: 11px; } .ThreadedConversation-unavailableTweet::after { top: 23px; } .ThreadedConversation-tweet:not(.is-hiddenAncestor) ~ .ThreadedConversation-tweet::before, .ThreadedConversation-tweet::after, .ThreadedConversation-moreReplies::before, .ThreadedConversation-unavailableTweet::before, .ThreadedConversation-unavailableTweet::after, .ThreadedConversation--permalinkTweetWithAncestors::before { bottom: 10px; border-color: rgb(29, 161, 242); border-style: solid; border-width: 2px; border-radius: 2px; content: ""; left: 61px; position: absolute; width: 0px; z-index: 1; } .ThreadedConversation-tweet.last::after { display: none; } .ThreadedConversation-tweet::after { top: 64px; bottom: 0px; } .ThreadedConversation-tweet::before, .ThreadedConversation-moreReplies::before, .ThreadedConversation-unavailableTweet::before, .ThreadedConversation--permalinkTweetWithAncestors::before { top: -5px; } .ThreadedConversation-tweet::before { bottom: auto; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; height: 10px; } .ThreadedConversation--permalinkTweetWithAncestors::before { bottom: auto; border-radius: 0px 0px 2px 2px; height: 8px; } .ThreadedConversation, .ThreadedConversation-moreReplies::after { border-bottom: 1px solid rgb(230, 236, 240); } .ThreadedConversation-moreReplies::before { height: 10px; } .ThreadedConversation-showMoreThreads::after { border-bottom: 1px solid rgb(230, 236, 240); } .ThreadedConversation-tombstoneTweet::after { height: 9px; top: initial; } .TweetBoxExtras { flex-shrink: 0; } .TweetBoxExtras .icon-btn .Icon { font-size: 24px; line-height: 24px; } .TweetBoxExtras-item { display: inline-block; position: relative; } .TweetBoxExtras-item + .TweetBoxExtras-item { margin-left: 5px; } .TweetBoxToolbar { display: flex; -moz-box-align: center; align-items: center; } .TweetBoxToolbar-tweetButton { margin-left: auto; } .ComposerDragHelp { border: 3px dashed rgb(29, 161, 242); border-radius: 8px; bottom: 0px; color: rgb(204, 214, 221); display: none; font-size: 18px; font-weight: bold; left: 0px; overflow: hidden; position: absolute; pointer-events: none; right: 0px; top: 0px; z-index: 1; } .ComposerDragHelp-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ComposerVideoInfo { border-top: 1px solid rgb(230, 236, 240); font-size: 14px; padding-top: 9px; margin-top: 8px; } .PollingCardComposer { background-color: rgb(245, 248, 250); border-radius: 0px 0px 3px 3px; box-shadow: 0px 1px 0px rgb(204, 214, 221) inset; box-sizing: border-box; overflow: hidden; padding: 10px 0px; position: relative; } .PollingCardComposer .PollingCardComposer-remove { position: absolute; right: 12px; top: 10px; } .PollingCardComposer .PollingCardComposer-addOption { display: none; height: 20px; margin: 10px 0px 15px 36px; overflow: hidden; } .PollingCardComposer .PollingCardComposer-addOption { display: block; } .PollingCardComposer .PollingCardComposer-removeOption { color: rgb(204, 214, 221); display: none; font-size: 8px; height: 20px; margin: 5px; padding: 0px 7px; } .PollingCardComposer .PollingCardComposer-option { display: none; padding: 2px 0px 3px; } .PollingCardComposer .PollingCardComposer-option1, .PollingCardComposer .PollingCardComposer-option2 { display: block; } .PollingCardComposer .PollingCardComposer-option4 { margin-bottom: 10px; } .PollingCardComposer-option .PollingCardComposer-optionRadio { float: left; height: 30px; margin: auto 10px; width: 15px; } .PollingCardComposer-option div.PollingCardComposer-optionInput { box-sizing: border-box; float: left; height: 30px; overflow: hidden; white-space: nowrap; width: 300px; } .PollingCardComposer .PollingCardComposer-optionInput.is-showPlaceholder::before { content: attr(data-placeholder); color: rgb(170, 184, 194); position: absolute; } .PollingCardComposer-option .PollingCardComposer-optionInput.is-showPlaceholder:focus::before { opacity: 0.8; } .PollingCardComposer .PollingCardComposer-pollDuration { color: rgb(170, 184, 194); padding: 12px 0px 10px 36px; border-top: 1px solid rgb(204, 214, 221); } .PollingCardComposer .PollingCardComposer-durationLabel, .PollingCardComposer .PollingCardComposer-defaultDuration { padding-top: 4px; } .PollingCardComposer .PollingCardComposer-customDuration, .PollingCardComposer[data-custom-duration="true"] .PollingCardComposer-defaultDuration { color: rgb(102, 117, 127); display: none; } .PollingCardComposer .PollingCardComposer-defaultDuration, .PollingCardComposer[data-custom-duration="true"] .PollingCardComposer-customDuration { display: inline-block; } .PollingCardComposer .PollingCardComposer-customDuration--daysLabel, .PollingCardComposer .PollingCardComposer-customDuration--hoursLabel, .PollingCardComposer .PollingCardComposer-customDuration--minutesLabel { margin-left: 5px; } .PollingCardComposer .PollingCardComposer-customDuration--days, .PollingCardComposer .PollingCardComposer-customDuration--hours, .PollingCardComposer .PollingCardComposer-customDuration--minutes { height: 28px; margin-left: 2px; } .MomentAnalyticsDialog .modal { width: 850px; } .MomentAnalyticsDialog .modal-close { right: -30px; } .MomentAnalyticsDialog .modal-close .Icon { color: rgb(255, 255, 255); font-size: 21px; font-weight: bold; } .MomentAnalyticsDialog .modal-title { color: rgb(20, 23, 26); font-size: 21px; font-weight: bold; padding: 10px 0px; text-align: left; width: 100%; } .MomentAnalyticsDialog-spinner { text-align: center; } .MomentAnalyticsDialog-body { display: none; } .MomentAnalyticsDialog-flex { display: flex; } .MomentAnalyticsDialog-flex > div { width: 50%; } .MomentAnalyticsDialog-card { -moz-box-flex: 1; flex: 1 1 0%; margin-right: 16px; } .MomentAnalyticsDialog-data { -moz-box-flex: 1; flex: 1 1 0%; } .MomentAnalyticsDialog-disclaimer { border-top: 1px solid rgb(230, 236, 240); color: rgb(102, 117, 127); font-size: 12px; margin-top: 10px; padding-top: 15px; text-align: center; } .MomentCurationMenuItem.is-member .MomentCurationMenuItem-addText, .MomentCurationMenuItem:not(.is-member) .MomentCurationMenuItem-removeText { display: none; } .MomentCapsuleSummaryListDialog .modal { width: 590px; } .MomentCapsuleSummaryListDialog .modal-body { padding: 0px; } .MomentCapsuleSummaryListDialog .modal-close { top: 14px; } .MomentCapsuleSummaryListDialog-title { color: rgb(102, 117, 127); -moz-box-flex: 1; flex-grow: 1; font-size: 21px; font-weight: bold; line-height: 28px; } .MomentCapsuleSummaryListDialog-header { -moz-box-align: end; align-items: flex-end; color: rgb(101, 119, 134); display: flex; padding: 10px 15px; } .MomentCapsuleSummaryListDialog-button.MomentCapsuleSummaryListDialog-button--newMoment { margin: 0px 20px; } .MomentCapsuleSummaryListDialog-listContainer { overflow-y: auto; } .MomentCapsuleSummaryListDialog .spinner { margin: 15px auto; } .DirectMessage-container, .DirectMessage-message:not(.with-cta) .DirectMessage-contentContainer { display: flex; -moz-box-align: end; align-items: flex-end; } .DirectMessage-contentContainer > :first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .DirectMessage-contentContainer > :last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .DirectMessage--sent .DirectMessage-footerItem + .DirectMessage-footerItem::after { content: " • "; margin-right: 2px; } .DirectMessage--received .DirectMessage-footerItem + .DirectMessage-footerItem::before { content: " • "; margin-left: 2px; } .DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+10):first-child, .DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+10):first-child ~ .Emoji { font-size: 27px; vertical-align: middle; } .DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+1):first-child, .DirectMessage--emoji .DirectMessage-message .Emoji:nth-last-child(-n+1):first-child ~ .Emoji { font-size: 40px; } .DMActivity { border-radius: 5px; display: none; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; max-width: 750px; min-width: 425px; overflow: hidden; position: relative; width: 45vw; } .DMActivity--open { display: flex; } .DMActivity-close { line-height: 0; } .DMActivity-header { -moz-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 236, 240); box-sizing: border-box; display: flex; flex-shrink: 0; min-height: 65px; padding: 10px 15px; color: rgb(101, 119, 134); } .DMActivity-container { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-flex: 1; flex-grow: 1; height: 80vh; min-height: 450px; overflow: hidden; } .DMActivity-navigation + .DMActivity-title { -moz-box-pack: center; justify-content: center; } .DMActivity-title { -moz-box-align: center; align-items: center; display: inline-flex; -moz-box-flex: 1; flex: 1 1 auto; color: rgb(20, 23, 26); font-size: 18px; font-weight: bold; line-height: 24px; min-width: 0px; } .DMActivity-navigation { display: flex; } .DMActivity-navigation, .DMActivity-toolbar { flex-basis: 56px; } .DMActivity-toolbar { -moz-box-align: center; align-items: center; display: flex; flex-shrink: 0; -moz-box-pack: end; justify-content: flex-end; line-height: 0; white-space: nowrap; } .DMActivity-toolbar > * + * { margin-left: 15px; } .DMActivity-notice { flex-shrink: 0; } .DMActivity-body { background-color: rgb(255, 255, 255); display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-flex: 1; flex: 1 1 auto; overflow: hidden; position: relative; } .DMActivity-footer { flex-shrink: 0; } .DMAddParticipants-spinner { margin: 10px auto; } .DMAvatar--3 .DMAvatar-container:nth-child(2) { left: 0px; } .DMButtonBar { background-color: rgb(245, 248, 250); display: flex; -moz-box-pack: end; justify-content: flex-end; padding: 15px; } .DMComposer { -moz-box-align: center; align-items: center; display: flex; } .DMComposer-container { background-color: rgb(255, 255, 255); border-radius: 8px; border-style: solid; border-width: 1px; box-sizing: border-box; -moz-box-flex: 1; flex-grow: 1; min-height: 38px ! important; min-width: 0px; position: relative; width: 440px; } .DMComposer.tweet-form .RichEditor, .DMComposer.tweet-form .RichEditor.is-fakeFocus { border: 0px none; border-radius: inherit; box-shadow: none; } .DMComposer .RichEditor-container { margin: 0px 2px; width: calc(100% - 4px); } .DMComposer .RichEditor-scrollContainer { max-height: 96px ! important; } .DMComposer-editor { } .DMComposer .EmojiPicker-trigger { bottom: 4px; } .DMComposer-mediaPicker { flex-shrink: 0; } .DMComposer-send { flex-shrink: 0; } .DMComposer-editor.is-showPlaceholder::before { color: rgb(204, 214, 221); content: attr(data-default-placeholder); margin-left: 2px; position: absolute; } .DMComposer.has-thumbnail .DMComposer-editor.is-showPlaceholder::before, .DMComposer.tweet-showing .DMComposer-editor.is-showPlaceholder::before { content: attr(data-attachment-placeholder); } .DMComposer.from-message-me-card .DMComposer-editor.is-showPlaceholder::before { content: attr(data-from-message-me-card-placeholder); } .DMComposer.has-text-input-quick-reply .DMComposer-editor.is-showPlaceholder::before { content: attr(data-qr-text-input-placeholder); overflow: hidden; text-overflow: ellipsis; width: 90%; } .DMComposer-attachment { border-bottom: 1px solid rgb(204, 214, 221); display: none; padding: 8px; position: relative; } .DMComposer-attachment .thumbnail-wrapper { padding: 0px ! important; } .DMComposer-discardTweet { background-color: rgb(101, 119, 134); border-radius: 20px; color: rgb(255, 255, 255); display: none; font-size: 12px; height: 20px; line-height: 1; margin-top: 4px; margin-right: 4px; opacity: 0.5; position: absolute; right: 3px; top: 3px; width: 20px; } .DMComposer-discardTweet:hover, .DMComposer-discardTweet:focus { opacity: 0.8; } .DMComposer-gifSearch .dropdown-menu { max-width: calc(45vw - 150px); min-width: 275px; } .DMComposer .TweetBoxExtras { margin: 0px 5px; } .DMComposer .TweetBoxExtras-item { margin: 0px; } .DMComposer-quickReplyDismiss, .DMComposer.has-text-input-quick-reply .DMComposer-emojiBar, .DMComposer.has-text-input-quick-reply .DMComposer-gifSearch, .DMComposer.has-text-input-quick-reply .DMComposer-mediaPicker { display: none; } .DMComposer .DMComposer-quickReplyDismiss { height: 38px; } .DMComposer .QuickReplyDismiss, .DMComposer .QuickReplyDismiss-icon { height: 100%; } .DMComposer .QuickReplyDismiss-icon .Icon--close { font-size: 14px; } .DMComposer .tweet-box { border: medium none ! important; min-height: 0px ! important; } .DMComposer-mediaPicker .photo-selector { margin: 0px ! important; } .DMComposer .icon-btn { border: medium none ! important; background: transparent none repeat scroll 0% 0% ! important; } .DMComposer-media .thumbnail-container { background-color: transparent ! important; box-shadow: none ! important; height: auto ! important; position: static ! important; } .DMConversation { position: relative; } .DMConversation .DMUpdateAvatar { margin-right: 12px; } .DMConversation-scrollContainer { max-height: 100%; overflow-x: hidden; padding: 15px; position: relative; transform: translateZ(0px); } .DMConversation-container { -moz-box-pack: end; justify-content: flex-end; } .DMConversation-content { display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-flex: 1; flex-grow: 1; flex-shrink: 0; -moz-box-pack: end; justify-content: flex-end; margin-left: 0px; } .DMConversation-sendingStateIndicator { display: flex; -moz-box-pack: center; justify-content: center; padding: 5px; } .DMConversation-composer { box-sizing: border-box; width: 100%; padding: 10px; border-top: 1px solid rgb(230, 236, 240); } .DMConversation-readonly { width: 100%; } .DMConversation-readonly, .DMConversation.is-readonly .DMConversation-composer { display: none; } .DMConversation-composer, .DMConversation.is-readonly .DMConversation-readonly { display: block; } .DMConversation-readOnlyFooter { padding: 15px; background-color: rgb(170, 184, 194); border-top: 1px solid rgb(230, 236, 240); border-radius: 0px 0px 6px 6px; } .DMConversation-newMessagesPillContainer { position: absolute; top: 100%; width: 100%; text-align: center; } .DMConversation-newMessagesPill { background-color: rgb(255, 255, 255); border: 1px solid rgb(29, 161, 242); border-radius: 30px; box-sizing: border-box; color: rgb(29, 161, 242); cursor: pointer; display: inline-block; line-height: 30px; opacity: 1; padding: 0px 16px; position: relative; top: -40px; transition: all 0.35s linear 0s; visibility: visible; z-index: 5; } .DMConversation-newMessagesPill.is-hidden { transition: all 0.35s linear 0s; top: 0px; opacity: 0; visibility: hidden; } .DMConversation .Icon--arrowDown { vertical-align: top; } .DMConversation-typingIndicator { overflow: hidden; } .DMConversationSettings h3 { display: inline; font-size: 14px; font-weight: bold; } .DMConversationSettings-avatar { align-self: center; margin-bottom: 8px; margin-top: 20px; } .DMConversationSettings-avatar .DMUpdateAvatar-avatar { width: 72px; height: 72px; } .DMConversationSettings-name { align-self: center; width: 25em; } .DMConversationSettings-name .DMUpdateName { font-size: 18px; font-weight: bold; padding-bottom: 20px; text-align: center; } .DMConversationSettings-notifications { border-top: 1px solid rgb(230, 236, 240); padding: 12px 12px 0px; } .DMConversationSettings-mentions { border-bottom: 1px solid rgb(230, 236, 240); padding: 0px 12px 12px; } .DMConversationSettings-participants .DMViewParticipants-header, .DMConversationSettings-subscriptions { padding: 12px; } .DMConversationSettings-participants:empty { background-image: url('spinner-rosetta-blue-26x26@2x.gif'); background-position: center center; background-repeat: no-repeat; } .DMConversationSettings-footer { background-color: currentcolor; border-top: 1px solid rgb(230, 236, 240); padding: 0px 180px; -moz-box-pack: center; justify-content: center; } .DMConversationSettings-footer button { margin: 8px; -moz-box-flex: 1; flex: 1 1 180px; } .DMDialog { -moz-box-align: center; align-items: center; display: flex; -moz-box-pack: center; justify-content: center; overflow: auto; } @media screen and (max-height: 450px) { .DMDialog { -moz-box-align: start; align-items: flex-start; } } .DMDialogTypeahead { display: flex; overflow: hidden; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-flex: 1; flex-grow: 1; height: 100%; padding-top: 8px; } .DMDivider::before { border-bottom: 1px solid rgb(230, 236, 240); content: ""; display: block; position: absolute; top: 50%; width: 100%; } .DMEmptyState { text-align: left; margin: 64px; } .DMEmptyState-header { color: rgb(20, 23, 26); font-size: 27px; line-height: 32px; margin-bottom: 8px; font-weight: bold; } .DMEmptyState-details { color: rgb(102, 117, 127); font-size: 14px; line-height: 20px; margin-bottom: 32px; } .DMInbox-content { max-height: 100%; min-height: 100%; position: absolute; width: 100%; transform: translateZ(0px); } .DMInbox-spinner { margin: 10px auto; } .DMInbox-tab { -moz-box-align: center; align-items: center; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(230, 236, 240); padding: 8px 12px; } .DMInbox-tabToggleItem { -moz-box-align: center; align-items: center; color: rgb(20, 23, 26); cursor: pointer; display: inline-flex; -moz-box-flex: 1; flex: 1 1 0%; line-height: 24px; } .DMInbox-tabToggleItem .DMInbox-tabCopy { font-size: 18px; font-weight: bold; padding-right: 20px; } .DMInbox-tabToggleItem.is-active .DMInbox-tabCopy { color: rgb(20, 23, 26); cursor: default; text-decoration: none; } .DMInbox-secondaryInboxCopy { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(230, 236, 240); color: rgb(102, 117, 127); font-size: 14px; padding: 8px 12px; } .DMInbox-empty, .DMInbox-primary.is-empty .DMInbox-conversations, .DMInbox-primary.is-empty .DMInbox-spinner, .DMInbox-secondary.is-empty .DMInbox-untrustedConversations, .DMInbox-secondary.is-empty .DMInbox-spinner, .DMInbox-secondary.is-empty .DMInbox-secondaryInboxCopy { display: none; } .DMNotice { background: rgb(170, 184, 194) none repeat scroll 0% 0%; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 15px 45px; position: relative; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); z-index: 10; } .DMNotice-message { align-self: center; color: rgb(255, 255, 255); -moz-box-flex: 1; flex-grow: 1; flex-shrink: 1; max-width: 100%; text-align: center; } .DMNotice-actions { display: flex; flex-shrink: 0; flex-wrap: wrap; -moz-box-pack: center; justify-content: center; margin: 15px auto 0px; } .DMNotice-actions > button { -moz-box-flex: 1; flex-grow: 1; margin: 3px; } .DMNotice-dismiss { color: rgb(255, 255, 255); position: absolute; top: 15px; right: 15px; } .DMNotice--error { background: rgb(224, 36, 94) none repeat scroll 0% 0%; } .DMPopover { position: relative; } .DMPopover-button { display: block; } .DMPopover-content { background-color: rgb(255, 255, 255); border-radius: 4px; border: 0px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25); display: none; margin-top: 8px; z-index: 900; } .DMPopover-content.Caret::before, .DMPopover-content.Caret::after { border-width: 8px; } .DMPopover-content.Caret::before { border-color: rgba(0, 0, 0, 0.1); } .DMPopover-content.Caret::after { border-color: rgb(255, 255, 255); } .DMPopover--center .DMPopover-content { left: 50%; position: absolute ! important; transform: translateX(-50%); } .DMPopover--left .Caret::before, .DMPopover--left .Caret::after { left: calc(100% - 16px); } .DMPopover--right .Caret::before, .DMPopover--right .Caret::after { left: 16px; } .DMPopoverMenu { color: rgb(102, 117, 127); font-size: 14px; line-height: 28px; padding: 10px 0px; text-align: inherit; white-space: nowrap; } .DMPopoverMenu-button { box-sizing: border-box; display: inline-block; min-width: 100%; outline: medium none ! important; padding: 0px 15px; text-align: inherit; width: auto; } .DMReadReceipt-check.is-seenAnimated:not(.is-seen) { animation-name: DMReadReceipt-checkSeen; animation-duration: 750ms; animation-fill-mode: forwards; } .DMResendMessage-messageTextContainer { margin-top: 10px; } .DMResendMessage-confirm, .DMResendMessage-copy, .DMResendMessage-cancel, .DMResendMessage-customErrorMessage, .DMResendMessage-defaultErrorMessage, .DMResendMessage-messageTextContainer, .DMResendMessage .DMNotice-dismiss { display: none; } .DMResendMessage.is-retryAllowed .DMResendMessage-confirm, .DMResendMessage.is-retryAllowed .DMResendMessage-cancel, .DMResendMessage.is-retryAllowed .DMResendMessage-defaultErrorMessage, .DMResendMessage:not(.is-retryAllowed) .DMResendMessage-customErrorMessage { display: block; } .DMResendMessage:not(.is-retryAllowed):not(.is-copyAllowed) .DMNotice-dismiss { display: block; } .DMResendMessage:not(.is-retryAllowed):not(.is-copyAllowed) .DMNotice-actions { display: none; } .DMSpinner { background-image: url('spinner-rosetta-blue-26x26@2x.gif'); background-repeat: no-repeat; background-size: cover; display: block; height: 26px; width: 26px; margin: auto; } .DMTypeaheadHeader { color: rgb(20, 23, 26); display: block; font-weight: bold; padding: 5px 15px; } .DMTypingIndicator { display: block; line-height: 0; overflow: hidden; padding: 10px 0px; position: relative; } .DMTypingIndicator-avatarsContainer { display: inline-block; position: relative; } .DMTypingIndicator-messageBubble { display: inline-block; position: absolute; transform: translateY(-50%); top: 50%; } .DMUpdateAvatar { position: relative; text-align: center; } .DMUpdateAvatar-avatar { width: 38px; height: 38px; border-radius: 100%; } .DMUpdateAvatar-avatar:empty { background-color: rgb(230, 236, 240); } .DMUpdateAvatar-photoSelector { position: relative; } .DMUpdateName-form { position: relative; } .DMUpdateName-input, .DMUpdateName-input:focus { box-sizing: border-box; color: rgb(102, 117, 127); font-size: 21px; font-weight: bold; line-height: 28px; padding: 4px 35px; text-align: center; width: 100%; } .DMUpdateName-confirm { font-size: 14px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .DMUpdateName-screenName { display: none; } .TokenizedMultiselect-inputContainer { border: 1px solid rgb(151, 227, 255); border-radius: 5px; flex-shrink: 0; line-height: 20px; margin: 10px 15px; padding: 2px; position: relative; } .TokenizedMultiselect-input { border: 0px none; box-shadow: none; box-sizing: border-box; height: 24px; outline: 0px none; margin: 2px 0px; padding: 2px; resize: none; vertical-align: top; width: 100%; } .TokenizedMultiselect-input:focus { box-shadow: none; outline: 0px none; } .DMTypeaheadSuggestions { -moz-box-flex: 1; flex-grow: 1; height: 100%; overflow-y: auto; position: relative; } .TypingIndicatorMessageBubble { line-height: 0; } .TypingIndicatorMessageBubble.Caret::before { border-color: rgb(230, 236, 240); } .TypingIndicatorMessageBubble-dotContainer { background: rgb(230, 236, 240) none repeat scroll 0% 0%; border-radius: 5px; display: inline-block; line-height: 0; overflow: hidden; padding: 7px; position: relative; } .TypingIndicatorMessageBubble-dot { display: inline-block; height: 8px; position: relative; width: 8px; } .TypingIndicatorMessageBubble.is-hidden .TypingIndicatorMessageBubble-dot::after { animation-duration: 0.2s; animation-fill-mode: forwards; animation-name: TypingIndicatorMessageBubble-pop-in-2; animation-direction: reverse; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.75); top: 50%; } .TypingIndicatorMessageBubble:not(.is-hidden) .TypingIndicatorMessageBubble-dot::after { animation-duration: 0.2s, 1.1s; animation-fill-mode: forwards; animation-iteration-count: 1, infinite; animation-name: TypingIndicatorMessageBubble-pop-in, TypingIndicatorMessageBubble-blink; animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.75), cubic-bezier(0.25, 0.1, 0.25, 1); } .TypingIndicatorMessageBubble-dot::after { background: rgb(170, 184, 194) none repeat scroll 0% 0%; border-radius: 100%; content: ""; display: inline-block; height: 100%; left: 50%; opacity: 0.5; position: absolute; top: calc(7px - -150%); transform: translate(-50%, -50%) scale(0.666); width: 100%; } .TypingIndicatorMessageBubble-dot:nth-child(1)::after { animation-delay: 0s, 0.45s; } .TypingIndicatorMessageBubble-dot:nth-child(2)::after { animation-delay: 0.1s, 0.725s; } .TypingIndicatorMessageBubble-dot:nth-child(3)::after { animation-delay: 0.2s, 1s; } .Media:not(.is-playing) .Media-video { cursor: pointer; } .DMFeedback { display: none; border-top: 1px solid rgb(230, 236, 240); width: 100%; padding: 0px; background-color: rgb(255, 255, 255); min-height: 100px; position: relative; } .DMFeedback-dismiss { position: absolute; top: 10px; right: 13px; color: rgb(101, 119, 134); } .DMFeedback iframe { width: 100%; height: auto; } /* ::::: https://abs.twimg.com/a/1521687771/css/t1/twitter_more_2.bundle.css ::::: */ .ImportFriendsCallout-list li::before { content: counter(ImportFriendsListCounter, decimal); display: block; position: absolute; top: 0px; left: 2px; height: 22px; width: 22px; padding: 4px; background-color: rgb(204, 214, 221); color: rgb(102, 117, 127); border-radius: 50%; text-align: center; font-size: 18px; font-weight: bold; } .StartCongratulations-image:nth-child(2n+1) { float: right; } .StartCongratulations-image:nth-child(1) { animation-delay: 0.6s; } .StartCongratulations-image:nth-child(2) { animation-delay: 0.8s; } .StartCongratulations-image:nth-child(3) { animation-delay: 1s; } .StartCongratulations-image:nth-child(4) { animation-delay: 1.2s; } .StartPage-transitioning .StartNavigationItem:not(.StartNavigationItem--logo), .StartPage-transitioning .StartNavigation-search { opacity: 0; } .StartRecommendations .Grid-cell:nth-child(3) .StartRecommendations-twoThirdsWidthPhoto, .StartRecommendations .Grid-cell:nth-child(4) .StartRecommendations-twoThirdsWidthPhoto { float: left; } .UIWalkthrough { overflow: hidden; } .UIWalkthrough .modal { left: 0px; max-height: 500px; padding: 0px; position: absolute; top: 0px; transform: translate3d(0px, 0px, 0px); transition: top 0.4s ease 0s, left 0.4s ease 0s, transform 0.4s ease 0s, width 0.4s ease 0s, margin 0.4s ease 0s; width: 275px; } .UIWalkthrough .modal-body { height: 150px; padding: 26px 22px; transition: height 0.4s ease 0s; } .UIWalkthrough-title { color: rgb(29, 161, 242); margin-bottom: 8px; font-weight: bold; } .UIWalkthrough .modal-footer { padding: 14px 22px; } .UIWalkthrough-step { display: none; padding-right: 15px; position: absolute; } .UIWalkthrough-button { padding: 6px 16px; } .UIWalkthrough-clickBlocker { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 5002; } .UIWalkthrough-header { display: flex; -moz-box-pack: justify; justify-content: space-between; margin-bottom: 12px; } .UIWalkthrough-skip, .UIWalkthrough-stepProgress { color: rgb(101, 119, 134); font-size: 12px; font-weight: bold; text-transform: uppercase; } .UIWalkthrough-icon { background-color: rgb(29, 161, 242); border-radius: 25px; color: rgb(255, 255, 255); font-size: 18px; height: 20px; line-height: 1; padding: 5px; width: 20px; font-weight: bold; } .UIWalkthrough-step--like .UIWalkthrough-icon { background-color: rgb(224, 36, 94); } .UIWalkthrough-step--like .UIWalkthrough-title { color: rgb(224, 36, 94); } .UIWalkthrough-step--search .UIWalkthrough-icon { background-color: rgb(121, 75, 196); } .UIWalkthrough-step--search .UIWalkthrough-title { color: rgb(121, 75, 196); } .UIWalkthrough-step--retweet .UIWalkthrough-icon, .UIWalkthrough-step--trends .UIWalkthrough-icon { background-color: rgb(23, 191, 99); } .UIWalkthrough-step--retweet .UIWalkthrough-title, .UIWalkthrough-step--trends .UIWalkthrough-title { color: rgb(23, 191, 99); } .UIWalkthrough-step--retweet .UIWalkthrough-icon { font-size: 16px; } .UIWalkthrough-caret { left: 25px; position: absolute; top: 0px; transition: top 0.4s ease 0s, left 0.4s ease 0s; z-index: 1; } .UIWalkthrough-caret::after, .UIWalkthrough-caret::before { border: 10px solid transparent; content: " "; height: 0px; pointer-events: none; position: absolute; top: -20px; transition: top 0.4s ease 0s, border-color 0.4s ease 0s; width: 0px; } .UIWalkthrough--east .UIWalkthrough-caret::after, .UIWalkthrough--west .UIWalkthrough-caret::after, .UIWalkthrough--east .UIWalkthrough-caret::before, .UIWalkthrough--west .UIWalkthrough-caret::before { top: 15px; } .UIWalkthrough--south .UIWalkthrough-caret::after, .UIWalkthrough--south .UIWalkthrough-caret::before { top: 0px; } .UIWalkthrough--east .UIWalkthrough-caret::after { border-left-color: rgb(255, 255, 255); } .UIWalkthrough--west .UIWalkthrough-caret::after { border-right-color: rgb(255, 255, 255); } .UIWalkthrough--north .UIWalkthrough-caret::after { border-bottom-color: rgb(255, 255, 255); } .UIWalkthrough--south .UIWalkthrough-caret::after { border-top-color: rgb(255, 255, 255); } .Avatar { -moz-force-broken-image-icon: 1; display: block; border-radius: 50%; } .Avatar--size32 { height: 32px; width: 32px; } .ProfileCanopy-header::before { display: block; content: ""; position: absolute; height: 100%; width: 100%; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25) inset; z-index: 1; } @media screen and (max-width: 1235px) { .ProfileClusterFollow-content .Grid-cell:nth-child(n+3) { display: none; } } .ProfileHeaderCard-birthdateTextLink:focus:not(:hover) { text-decoration: none; } .ProfileHeaderCard-periscopeProfile.is-live .ProfileHeaderCard-periscopeProfileTextLink, .ProfileHeaderCard-periscopeProfile:not(.is-live) .ProfileHeaderCard-periscopeProfileTextLive { display: none ! important; } .ProfileListsTimeline .GridTimeline-end:not(.has-items) { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 236, 240); border-radius: 0px 0px 4px 4px; } .ProfilePage-editingButtons, .ProfilePage-editingOverlay, .ProfilePage .ProfileHeaderCardEditing, .ProfilePage .ProfileAvatarEditing, .ProfilePage .ProfileHeaderEditing, .ProfilePage-testForEditingCss { display: none; } .TweetImpressionsModule-barchart-tooltip-opensleft::before { left: 9px; position: absolute; top: -7px; display: inline-block; border-left: 7px solid transparent; border-bottom: 4px solid rgb(255, 255, 255); border-right: 7px solid transparent; content: ""; } .TweetImpressionsModule-barchart-tooltip-opensleft::after { left: 10px; position: absolute; top: -6px; display: inline-block; border-left: 6px solid transparent; border-bottom: 6px solid rgb(0, 0, 0); border-right: 6px solid transparent; content: ""; } .TweetImpressionsModule-barchart-tooltip-opensright::before { right: 9px; position: absolute; top: -7px; display: inline-block; border-left: 7px solid transparent; border-bottom: 4px solid rgb(255, 255, 255); border-right: 7px solid transparent; content: ""; } .TweetImpressionsModule-barchart-tooltip-opensright::after { right: 10px; position: absolute; top: -6px; display: inline-block; border-left: 6px solid transparent; border-bottom: 6px solid rgb(0, 0, 0); border-right: 6px solid transparent; content: ""; } @media screen and (max-width: 1235px) { } @media screen and (max-width: 1235px) { } .AdaptiveStickersPage-title .Icon--verified::before { color: transparent; } .AdaptiveSearchTimeline-beforeModule:not(.AdaptiveSearchTimeline-separationModule) { border-bottom: 1px solid rgb(230, 236, 240); } .AdaptiveSearchTimeline-beforeModule:not(.AdaptiveSearchTimeline-separationModule) .tweet { border-bottom: 0px none; } .AdaptiveSearchTimeline :not(.new-tweets-bar-visible) + .stream > .stream-items > .AdaptiveStreamUserGallery:first-child .AdaptiveSearchPage-moduleHeader { padding-top: 0px; } .AdaptiveSearchTimeline--mediaGrid .stream-items::before, .AdaptiveSearchTimeline--mediaGrid .stream-items::after { content: " "; display: table; } .AdaptiveSearchTimeline--mediaGrid .stream-items::after { clear: both; } .AdaptiveSearchTimeline--mediaGrid .timeline-end:not(.has-items), .AdaptiveSearchTimeline--userGrid .GridTimeline-end:not(.has-items) { width: 590px; } .AdaptiveSearchTimeline .AdaptiveStreamUserGallery-user .ProfileCard:not(.ProfileCard--wide), .AdaptiveSearchTimeline--userGrid .GridTimeline .ProfileCard:not(.ProfileCard--wide) { height: 289px; } @media screen and (max-width: 1236px) { } @media screen and (max-height: 720px) { } .Streams-featuredStreamList::after { content: ""; display: inline-block; width: 100%; } .Streams-divider::before { background: rgb(204, 214, 221) none repeat scroll 0% 0%; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 45%; z-index: -1; } @media screen and (min-width: 1236px) { } .StreamsTopBar-searchInput::-moz-placeholder { color: rgb(170, 184, 194); text-overflow: ellipsis ! important; } .StreamsTopBar-searchInput::placeholder { color: rgb(170, 184, 194); text-overflow: ellipsis ! important; } .StreamsTopBar-container:not(.StreamsTopBar-container--collapsedHero) .StreamsHero--tall .StreamsHero-content { top: 20px; } .Streams .TweetForwardTimeline .tweet .time::before { display: none; } .InStreamSignup .SignupForm-input input::-moz-placeholder, .InStreamLogin .LoginForm-input input::-moz-placeholder { color: rgba(255, 255, 255, 0.8); font-size: 14px; letter-spacing: 0.5px; } .InStreamSignup .SignupForm-input input::placeholder, .InStreamLogin .LoginForm-input input::placeholder { color: rgba(255, 255, 255, 0.8); font-size: 14px; letter-spacing: 0.5px; } .dropdown-menu, .dropdown-menu .signin label { width: auto; } .dropdown-menu input[type="text"], .dropdown-menu input[type="password"] { width: 230px; } @media screen and (max-width: 1024px) { } @media screen and (max-width: 520px) { .message { width: 92%; } } @media only screen and (max-width: 1023px), screen and (max-height: 660px) { } @media only screen and (min-width: 800px) { } @media only screen and (max-width: 800px) { } @media only screen and (min-width: 1700px) { } @media not all, not all { } @media screen and (max-height: 720px) { } @media screen and (max-height: 720px) { } .MomentsPage.MomentsPermalinkPage, .MomentsPage.MomentsGuidePage { background-color: rgb(255, 255, 255) ! important; } .MomentsPage.MomentsPermalinkPage .AppContent, .MomentsPage.MomentMakerPage .AppContent { padding: 46px 0px 0px; width: 100%; } .MomentsPage.MomentsPermalinkPage .MomentsPermalinkPage-content, .MomentsPage.MomentsGuidePage .MomentsGuidePage-content { margin: 0px auto; padding-left: 15px; padding-right: 15px; width: 976px; } @media screen and (max-width: 1006px) { .MomentsPage.MomentsGuidePage .MomentsGuidePage-content, .MomentsPage.MomentsPermalinkPage .MomentsPermalinkPage-content { width: 640px; } .MomentsPage.MomentsPermalinkPage .MomentFloatingMenu, .MomentsPage.MomentMakerPage .MomentMakerRecommendations-scrollTop { display: none; } } .MomentsPage.MomentsGuidePage .Footer, .MomentsPage.MomentsPermalinkPage .Footer { margin-bottom: 60px; padding: 0px; } .MomentsPage.MomentsGuidePage .Footer .flex-module-inner, .MomentsPage.MomentsPermalinkPage .Footer .flex-module-inner { text-align: center; } .MomentsPage.MomentsGuidePage .Footer--blankBackground.Footer:hover .Footer-link, .MomentsPage.MomentsPermalinkPage .Footer--blankBackground.Footer:hover .Footer-link { color: rgb(29, 161, 242); } .MomentSensitiveContentDialog .modal-body { background-color: rgb(255, 255, 255); border-radius: 4px; color: rgb(20, 23, 26); text-align: center; } .MomentSensitiveContentDialog-message { margin: 64px 0px; } .MomentSensitiveContentDialog-title { color: rgb(20, 23, 26); margin-bottom: 10px; } .MomentSensitiveContentDialog-actions { -moz-box-align: center; align-items: center; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: inherit; justify-content: inherit; } .MomentSensitiveContentDialog-button { margin-bottom: 12px; } .MomentSensitiveContentDialog-link, .MomentSensitiveContentDialog-link:hover, .MomentSensitiveContentDialog-link:focus { color: rgb(20, 23, 26); margin-bottom: 32px; } .MomentMediaItem.is-playing:not(.is-muted) .MomentAnimation--audioIcon { animation-timing-function: steps(46); animation-name: MomentAnimation-keyframes; animation-duration: 0.8s; animation-iteration-count: infinite; } .MomentMediaItem { background-color: rgb(230, 236, 240); overflow: hidden; position: relative; } .MomentMediaItem + .MomentMediaItem { margin-top: 5px; } .MomentMediaItem:not(.is-muted) .MomentMediaControls-hoverToUnmute { max-width: 16px; opacity: 1; } .MomentMediaItem:not(.is-muted) .MomentMediaControls-hoverToUnmuteText { opacity: 0; } .MomentMediaItem:not(.has-error) .MomentMediaItem-errorOverlay, .MomentMediaItem.has-error .MomentMediaControls { opacity: 0; visibility: hidden; } .MomentMediaItem-entity { opacity: 0; transition: opacity 0.5s ease-in-out 0s; } .MomentMediaItem[data-showable="true"] .MomentMediaItem-entity { opacity: 1; } .MomentMediaItem-entity--image { display: block; } .MomentButton { display: inline-block; font-size: 14px; line-height: 18px; text-decoration: none; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .MomentButton:active, .MomentButton:hover, .MomentButton:focus { outline: 0px none; text-decoration: none; } .MomentButton-icon { line-height: 14px; vertical-align: text-top; } .MomentButton--gray, .MomentButton--gray:focus { color: rgb(101, 119, 134); font-weight: normal; } .MomentButton--gray:active, .MomentButton--gray:hover { color: rgb(102, 117, 127); } .MomentCapsuleCoverAttribution { display: block; font-size: 11px; margin-top: 8px; position: absolute; right: 0px; } .MomentCapsuleCoverAttribution, .MomentCapsuleCoverAttribution:active, .MomentCapsuleCoverAttribution:focus, .MomentCapsuleCoverAttribution:hover { color: rgb(170, 184, 194); } .MomentCapsuleLikesFacepile { display: flex; -moz-box-align: center; align-items: center; } .MomentCapsuleLikesFacepile-count { color: rgb(101, 119, 134); display: inline-flex; font-size: 14px; line-height: 20px; padding-right: 18px; white-space: nowrap; } .MomentCapsuleLikesFacepile-count:active, .MomentCapsuleLikesFacepile-count:focus { outline: 0px none; } .MomentCapsuleLikesFacepile-countNum { color: rgb(20, 23, 26); line-height: 20px; padding-right: 4px; } .MomentCapsuleLikesFacepile-faces { height: 24px; overflow: hidden; } .MomentCapsuleLikesFacepile-faces a:focus > img:first-child:last-child { outline: 0px none; } .MomentCapsuleSubtitle { color: rgb(102, 117, 127); line-height: 1.3; } .MomentCapsuleSubtitle .MomentUserByline-avatar { position: relative; top: 2px; } .MomentCapsuleSubtitle-author + .MomentCapsuleSubtitle-context::before, .MomentCapsuleSubtitle-category + .MomentCapsuleSubtitle-context::before, .MomentCapsuleSubtitle-publish + .MomentCapsuleSubtitle-context::before { content: "·"; } .MomentDropdownMenu-button { color: rgb(101, 119, 134); } .MomentDropdownMenu-button:active, .MomentDropdownMenu-button:focus { outline: 0px none; } .MomentDropdownMenu-button:hover, .MomentDropdownMenu.open .MomentDropdownMenu-button { color: rgb(29, 161, 242); } .MomentDropdownMenu-button > .Icon { top: 2px; } .MomentFloatingMenu { backface-visibility: hidden; background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 236, 240); border-radius: 4px; min-width: 90px; opacity: 0; position: fixed; right: calc(50% - -320px - -20px); top: 110px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; visibility: hidden; z-index: 2; } .MomentFloatingMenu.is-fixed { opacity: 1; transform: translateY(-30px); visibility: visible; } .MomentFloatingMenu .MomentButton { border: 0px none; box-sizing: border-box; display: block; margin-bottom: 2px; padding: 12px 15px; text-align: left; width: 100%; } .MomentFloatingMenu .MomentButton:last-child { margin-bottom: 0px; } .MomentFloatingMenu .MomentButton-icon { margin-right: 8px; width: 15px; } .MomentLikeButton.MomentButton--gray.is-liked { color: rgb(224, 36, 94); } .MomentLikeButton.is-liked .MomentLikeButton-text--notLiked, .MomentLikeButton.is-notLiked .MomentLikeButton-text--liked { display: none; } .MomentLikeButton.is-liked .MomentLikeButton-text--liked, .MomentLikeButton.is-notLiked .MomentLikeButton-text--notLiked { display: inline-block; } .MomentLikeButton.StatefulButton .EdgeButton { min-width: 97px; } .MomentLikeButton .StatefulButton-undo, .MomentLikeButton.is-liked .StatefulButton-inactive, .MomentLikeButton.is-liked:hover .StatefulButton-active, .MomentLikeButton.is-notLiked .StatefulButton-active { display: none; } .MomentLikeButton.is-liked .StatefulButton-active, .MomentLikeButton.is-liked:hover .StatefulButton-undo, .MomentLikeButton.is-notLiked .StatefulButton-inactive { display: inline-block; } .MomentSportsScores-sportsGameDetailsItem:first-child::after { content: " · "; } .MomentTweetActions { color: rgb(204, 214, 221); display: flex; -moz-box-pack: end; justify-content: flex-end; position: absolute; right: 16px; } .MomentTweetActions-item { padding-left: 16px; } .MomentTweetActions .ProfileTweet-action, .MomentTweetActions .ProfileTweet-action:last-child { min-width: auto; width: auto; } .MomentTweetActions .ProfileTweet-actionCount { margin-left: 2px; } .MomentTweetActions .ProfileTweet-actionButton, .MomentTweetActions .ProfileTweet-actionButtonUndo { outline: 0px none; top: 3px; } .MomentTweetActions--withText { top: 20px; } .MomentTweetActions--withMedia { top: -4px; } .MomentUserByline-avatar { float: left; } .MomentUserByline-fullname { color: rgb(20, 23, 26); display: inline-block; font-weight: bold; } .MomentCapsuleCover { margin: 40px auto 0px; width: 640px; } .MomentCapsuleCover-media { border-bottom: 1px solid rgb(170, 184, 194); padding-bottom: 80px; position: relative; } .MomentCapsuleCover-media .MomentMediaItem { height: 640px; width: 640px; } .MomentCapsuleCover-title { color: rgb(20, 23, 26); font-size: 27px; font-weight: bold; line-height: 32px; margin-bottom: 24px; } .MomentCapsuleCover .MomentCapsuleSubtitle-author + .MomentCapsuleSubtitle-context { color: rgb(101, 119, 134); } .MomentCapsuleCover .MomentUserByline-avatar { border-radius: 50%; height: 32px; margin-right: 8px; width: 32px; } .MomentCapsuleCover .MomentUserByline-nameBreak { display: block; } .MomentCapsuleCover-description { color: rgb(102, 117, 127); font-size: 14px; line-height: 20px; margin: 24px 0px; } .MomentCapsuleCover-misc { margin: 24px 0px 36px; } .MomentCapsuleCover .MomentEditButton, .MomentCapsuleCover .MomentShareTweetButton { box-sizing: border-box; min-width: 97px; } .MomentCapsuleCover .MomentEditButton, .MomentCapsuleCover .MomentFollowButton, .MomentCapsuleCover .MomentLikeButton, .MomentCapsuleCover .MomentShareTweetButton, .MomentCapsuleCover .MomentDropdownMenu { display: inline-block; margin-right: 4px; } .MomentCapsuleItem { margin-bottom: 80px; position: relative; } .MomentCapsuleItem:hover { cursor: pointer; } .MomentCapsuleItem--withMedia .MomentMediaItem::before { background-color: rgba(0, 0, 0, 0.02); bottom: 0px; content: ""; left: 0px; position: absolute; right: 0px; top: 0px; } .MomentCapsuleItemTweet { line-height: 1.5; position: relative; } .MomentCapsuleItemTweet-byline, .MomentCapsuleItemTweet-date a, .MomentCapsuleItemTweet-date a:hover { color: rgb(101, 119, 134); } .MomentCapsuleItemTweet a .invisible { font-size: 0px; line-height: 0; } .MomentCapsuleItemTweet .QuoteTweet { border-color: rgb(204, 214, 221); border-radius: 2px; margin-top: 18px; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .MomentCapsuleItemTweet .QuoteTweet:active, .MomentCapsuleItemTweet .QuoteTweet:focus, .MomentCapsuleItemTweet .QuoteTweet:hover { background-color: rgb(245, 248, 250); border-color: rgb(170, 184, 194); } .MomentCapsuleItemTweet .QuoteTweet-innerContainer { line-height: 1.3em; } .MomentCapsuleItemTweet--withText { background-color: rgb(245, 248, 250); border-radius: 2px; padding: 24px; } .MomentCapsuleItemTweet--withText .MomentCapsuleItemTweet-byline { height: 48px; margin-bottom: 10px; } .MomentCapsuleItemTweet--withText .MomentUserByline-avatar { border-radius: 50%; height: 48px; margin-right: 8px; width: 48px; } .MomentCapsuleItemTweet--withText .MomentUserByline-fullname { padding-top: 2px; } .MomentCapsuleItemTweet--withText .MomentUserByline-nameBreak { display: block; } .MomentCapsuleItemTweet--withText .TweetTextSize { font-size: 21px; line-height: 28px; } .MomentCapsuleItemTweet--withText .QuoteTweet:active, .MomentCapsuleItemTweet--withText .QuoteTweet:focus, .MomentCapsuleItemTweet--withText .QuoteTweet:hover { background-color: rgba(255, 255, 255, 0.4); } .MomentCapsuleItemTweet--withMedia { margin-top: 10px; } .MomentCapsuleItemTweet--withMedia .MomentCapsuleItemTweet-byline { margin-bottom: 5px; } .MomentCapsuleItemTweet--withMedia .MomentUserByline-avatar { display: none; } .MomentCapsuleItemTweet--withMedia .TweetTextSize { line-height: 1.5; } .MomentCapsuleSummary { cursor: pointer; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; width: 472px; } .MomentCapsuleSummary:focus { outline: 0px none; } .MomentCapsuleSummary-cover { background-color: rgb(204, 214, 221); border-radius: 2px; display: inline-block; position: relative; } .MomentCapsuleSummary-details { position: relative; } .MomentCapsuleSummary .MomentMediaItem { border-radius: 2px; pointer-events: none; } .MomentCapsuleSummary-title, .MomentCapsuleSummary-description { line-height: 1.3; margin: 8px 0px; overflow: hidden; } .MomentCapsuleSummary-title { color: rgb(20, 23, 26); display: block; } .MomentCapsuleSummary-description { color: rgb(102, 117, 127); font-size: 14px; max-height: 54.6px; } .MomentCapsuleSummary .MomentUserByline-avatar { border-radius: 50%; height: 14px; margin-right: 4px; width: 14px; } .MomentCapsuleSummary .MomentUserByline-nameBreak, .MomentCapsuleSummary .MomentUserByline-username { display: none; } .MomentCapsuleSummary-misc { font-size: 0px; } .MomentCapsuleSummary-misc > * { font-size: 14px; } .MomentCapsuleSummary .MomentCallToAction, .MomentCapsuleSummary .MomentFollowButton, .MomentCapsuleSummary .MomentCapsuleLikesCount { margin: 8px 0px; } .MomentCapsuleSummary .MomentCapsuleLikesCount { color: rgb(102, 117, 127); } .MomentCapsuleSummary .MomentCapsuleSummaryTitle-timestamp::before { content: "·"; } .MomentCapsuleSummary--portrait { display: flex; height: 220px; } .MomentCapsuleSummary--portrait .MomentCapsuleSummary-details { padding-right: 10px; } .MomentCapsuleSummary--portrait .MomentCapsuleSummary-title { font-size: 18px; max-height: 46.8px; font-weight: bold; } .MomentCapsuleSummary--portrait .MomentCapsuleSummary-cover { margin-right: 16px; width: 165px; } .MomentCapsuleSummary--portrait .MomentCapsuleSummary-details { width: 291px; } .MomentCapsuleSummary--portrait .MomentMediaItem { height: 220px; width: 165px; } .MomentCapsuleSummary--small.is-premade .MomentCapsuleSummary-cover::after { background-color: rgb(29, 161, 242); border-radius: 7px; border: 2px solid rgb(255, 255, 255); content: ""; height: 7px; position: absolute; right: -4px; top: -4px; width: 7px; } .MomentCapsuleSummary--hero:hover, .MomentCapsuleSummary--portrait:hover { background: rgb(245, 248, 250) none repeat scroll 0% 0%; } .MomentCapsuleSummary--hero:focus, .MomentCapsuleSummary--portrait:focus { border-radius: 2px; box-shadow: 0px 0px 0px 2px rgba(0, 132, 180, 0.5); } .MomentCapsuleSummaryGroup { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .MomentCapsuleSummaryGroup:nth-child(2n+3) { border-top: 1px solid rgb(230, 236, 240); padding-top: 32px; } .MomentCapsuleSummaryGroup .MomentCapsuleSummary--portrait { margin-bottom: 32px; } .MomentCapsuleSummaryGroup--1and3, .MomentCapsuleSummaryGroup--3and1, .MomentCapsuleSummaryGroup--2and2 .MomentCapsuleSummaryGroup-list { display: flex; flex-wrap: wrap; -moz-box-pack: justify; justify-content: space-between; } @media screen and (max-width: 1235px) { } .MomentsPermalinkPage-capsule { transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .MomentsPermalinkPage-tweets { margin: 80px auto; width: 640px; } .MomentsPermalinkPage-related { border-top: 1px solid rgb(230, 236, 240); margin: 0px auto 60px; } .MomentsPermalinkPage-relatedTitle { color: rgb(20, 23, 26); font-size: 18px; font-weight: bold; margin: 32px 0px; } body:not(.swift-loading) .MomentCapsuleEditableMeta .is-showPlaceholder::before { color: rgb(204, 214, 221); content: attr(data-placeholder-default); position: absolute; } body:not(.swift-loading) .MomentCapsuleEditableMeta .is-showPlaceholder:focus::before { color: rgb(230, 236, 240); } .MomentMakerCapsuleCover-media:not(.has-media) .MomentMakerCapsuleCover-mediaMask, .MomentMakerCapsuleCover-media:not(.has-media) .MomentMakerMediaActionButtons-button--crop, .MomentMakerCapsuleCover-media.has-media .MomentMakerCapsuleCover-empty { display: none; } .MomentMakerCapsuleCover-mediaMask::after { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; bottom: 0px; content: ""; left: 0px; opacity: 0; position: absolute; right: 0px; top: 0px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; } .MomentMakerCapsuleCover-mediaMask:hover::after { content: ""; opacity: 1; } .MomentMakerCoverDialog-cell--image:hover::after { background-color: rgb(255, 255, 255); bottom: 0px; content: ""; left: 0px; opacity: 0.2; position: absolute; right: 0px; top: 0px; } .MomentMakerCropBeforePublishDialog.modal:not(.is-autoPosition) { width: 502px; } .MomentMakerCropOverlay-cropArea .ui-resizable-ne::after { right: 0px; } .MomentMakerCropOverlay-cropArea .ui-resizable-sw::after { top: 20px; } .MomentMakerCropOverlay-cropArea .ui-resizable-se::after { bottom: 0px; right: 0px; } .MomentMakerCropOverlay-cropArea .ui-resizable-sw::after, .MomentMakerCropOverlay-cropArea .ui-resizable-se::after, .MomentMakerCropOverlay-cropArea .ui-resizable-nw::after, .MomentMakerCropOverlay-cropArea .ui-resizable-ne::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; content: ""; height: 5px; position: absolute; width: 25px; } .MomentMakerMediaInlinePreview-buttonRow .EdgeButton:nth-child(1) { margin-left: 0px; } .MomentMakerPage.hasCoverOverlay .topbar:not(.MomentMakerTopBar) { display: none; } .MomentMakerThemeColorDialog-color::before { color: rgb(255, 255, 255); content: ""; font-size: 18px; opacity: 0; position: absolute; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; width: 100%; font-weight: bold; } .MomentMakerThemeColorDialog-color.is-selected::before { opacity: 1; } body:not(.swift-loading) .MutedKeywordsAddItemForm .is-showPlaceholder::before { color: rgb(170, 184, 194); content: attr(data-placeholder-default); padding-left: 2px; position: absolute; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; display: table; } .ui-helper-clearfix::after { clear: both; } button.ui-button::-moz-focus-inner { border: 0px none; padding: 0px; } .crop-zone .cropper-mask::after { content: ""; position: absolute; top: -70px; left: -70px; width: 460px; height: 460px; z-index: 5999; opacity: 0.75; box-shadow: 0px 0px 0px 110px rgb(255, 255, 255) inset, 0px 0px 0px 111px rgba(0, 0, 0, 0.1) inset, 0px 0px 20px 111px rgba(0, 0, 0, 0.25) inset; } .crop-zone .cropper-mask::after { border-radius: 50%; } .VisibilitySettings-optionIcon::before { text-align: left; } .LiveVideoSlate-textOverlay::before { content: " "; } .LiveVideoHomePageModule:not(.is-closed) .LiveVideoHomePageModule-toggleOpen, .LiveVideoHomePageModule.is-closed .LiveVideoHomePageModule-toggleClose { display: none; } .LiveVideoHomePageModule:not(.is-closed) .LiveVideoHomePageModule-toggleClose, .LiveVideoHomePageModule.is-closed .LiveVideoHomePageModule-toggleOpen { display: inline; } .LiveBroadcastCard-playerContainer::before { content: ""; display: block; padding-top: 100%; } .LiveBroadcastCard--supportsLandscapePresentation::before { padding-top: 56.25%; } .LiveEventSlate-textOverlay::before { content: " "; } a, a:hover, a:focus, a:active { color: rgb(102, 102, 102); } .u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:hover .ProfileTweet-actionCount, .u-textUserColorHover:focus { color: rgb(102, 102, 102) ! important; } .u-dropdownUserColor > li:hover, .u-dropdownUserColor > li:focus, .u-dropdownUserColor > li > button:hover, .u-dropdownUserColor > li > button:focus, .u-dropdownUserColor > li > a:focus, .u-dropdownUserColor > li > a:hover { color: rgb(255, 255, 255) ! important; background-color: rgb(102, 102, 102) ! important; } .u-textUserColorLight { color: rgb(193, 193, 193) ! important; } .u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus { border-color: rgb(193, 193, 193) ! important; } .u-bgUserColorLightest { background-color: rgb(239, 239, 239) ! important; } .u-borderUserColorLighter { border-color: rgb(216, 216, 216) ! 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, .find-friends-sources li:hover .source, .stream-item a:hover .fullname, .stream-item a:focus .fullname, .stream-item .view-all-supplements:hover, .stream-item .view-all-supplements:focus, .tweet .time a:hover, .tweet .time a:focus, .tweet .details.with-icn b, .tweet .details.with-icn .Icon, .stream-item:hover .original-tweet .details b, .stream-item .original-tweet.focus .details b, .stream-item.open .original-tweet .details b, .client-and-actions a:hover, .client-and-actions a:focus, .dismiss-btn:hover b, .tweet .context .pretty-link:hover s, .tweet .context .pretty-link:hover b, .tweet .context .pretty-link:focus s, .tweet .context .pretty-link:focus b, .list .username a:hover, .list .username a:focus, .list-membership-container .create-a-list, .list-membership-container .create-a-list:hover, .new-tweets-bar, .card .list-details a:hover, .card .list-details a:focus, .card .card-body:hover .attribution, .card .card-body .attribution:focus { color: rgb(102, 102, 102); } #global-actions > li > a { border-bottom-color: rgb(102, 102, 102); } #global-actions > li:hover > a, #global-actions > li > a:focus, #global-actions > li.active .text, .DashUserDropdown.dropdown-menu .nightmode-toggle .Icon, .nav.right-actions > li > a:hover, .nav.right-actions > li > a:focus { color: rgb(102, 102, 102); } #global-actions .people.new::before { content: none; } .photo-selector:hover .btn, .icon-btn:hover, .icon-btn:active, .icon-btn.active, .icon-btn.enabled { border-color: rgba(102, 102, 102, 0.4); color: rgb(102, 102, 102); } .photo-selector:hover .btn, .icon-btn:hover { background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(102, 102, 102, 0.1)); } .EdgeButton--primary, .EdgeButton--primary:focus { background-color: rgb(132, 132, 132); border-color: transparent; } .EdgeButton--primary:hover, .EdgeButton--primary:active { background-color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); } .EdgeButton--primary:focus { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(193, 193, 193); } .EdgeButton--primary:active { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(132, 132, 132); } .EdgeButton--secondary, .EdgeButton--secondary:hover, .EdgeButton--secondary:focus, .EdgeButton--secondary:active { border-color: rgb(102, 102, 102); color: rgb(102, 102, 102); } .EdgeButton--secondary:hover, .EdgeButton--secondary:active { background-color: rgb(239, 239, 239); } .EdgeButton--secondary:focus { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgba(102, 102, 102, 0.4); } .EdgeButton--secondary:active { box-shadow: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 0px 4px rgb(102, 102, 102); } .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: 0px 0px 0px 2px rgb(255, 255, 255), 0px 0px 2px 4px rgba(102, 102, 102, 0.4); } .global-nav .people .count .count-inner { background: rgb(102, 102, 102) none repeat scroll 0% 0%; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .dropdown-link.is-focused, .dropdown-menu li:hover .dropdown-link, .dropdown-menu li:focus .dropdown-link, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected { background-color: rgb(102, 102, 102) ! important; } .dropdown-menu .typeahead-items li > a:focus, .dropdown-menu .typeahead-items li > a:hover, .dropdown-menu .typeahead-items .selected, .dropdown-menu .typeahead-items .selected a { background-color: rgb(239, 239, 239) ! important; color: rgb(102, 102, 102) ! important; } .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: rgb(102, 102, 102) ! important; } .home-tweet-box, .LiveVideo-tweetBox, .RetweetDialog-commentBox { background-color: rgb(239, 239, 239); } .RichEditor, .TweetBoxAttachments { border-color: rgb(216, 216, 216); } input:focus, textarea:focus, div[contenteditable="true"]:focus, div.fake-focus[contenteditable="true"], div[contenteditable="plaintext-only"]:focus, div.fake-focus[contenteditable="plaintext-only"] { border-color: rgb(193, 193, 193); box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 0.7) inset; } .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: rgb(193, 193, 193); box-shadow: 0px 0px 0px 1px rgb(193, 193, 193); } 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: rgb(102, 102, 102); } .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: rgb(193, 193, 193); } #global-tweet-dialog .modal-header, #Tweetstorm-dialog .modal-header { border-bottom: 1px solid rgba(102, 102, 102, 0.25); } #global-tweet-dialog .modal-tweet-form-container, #Tweetstorm-dialog .modal-body { background: rgba(102, 102, 102, 0.1) none repeat scroll 0% 0%; } .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: rgb(193, 193, 193); } .global-nav .search-input:focus, .global-nav .search-input.focus { border: 2px solid rgb(102, 102, 102); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } svg.RadialCounter { margin-bottom: -4px; overflow: visible; transform: rotate(-90deg); } .RadialCounter-progressUnderlay { stroke: rgb(204, 214, 221); } html * { font-family: Meiryo ! important; }