twitter/style.css
/*
urls on the domain: twitter.com
*/
body{
background-color: #222222 !important;
}
.siderail-container {
display: block;
}
.wrapper-permalink .siderail-related-tweets-container {
display: block;
}
.wtf-module.has-content {
display: block;
}
.WhoToFollow.is-visible {
display: block;
}
.opened-tweet .content .cards-media-container, .opened-tweet .content .expanded-content {
display: inline!important;
}
body {
color: #BBB!important;
}
.wrapper.white {
background: rgba(36,36,36,0.75)!important;
}
.tweet-counter, .modal-header .modal-title, .dashboard .tweet-box-title h2 {
text-shadow: none!important;
}
.module {
text-shadow: none!important;
border: 1px solid #000!important;
}
.module .active .list-link, label {
background-color: rgb(36,36,36)!important;
color: #BBB;
}
.module .list-link {
background-color: rgb(16,16,16)!important;
border-top: 1px solid #000;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.module .flex-module, .dashboard .stats {
background-color: rgb(16,16,16)!important;
}
.tweet-user {
background-color: rgb(36,36,36)!important;
}
.stats {
border-top: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}
.profile-card .stats {
border-top: 0!important;
border-bottom: 0!important;
}
.profile-card.profile-header .profile-picture {
border: 4px solid #000!important;
background-color: #000!important;
}
.stats a strong, .modal-body p {
color: #BBB!important;
}
.btn, .primary-btn, .following.first-hover .follow-btn:hover, .following .follow-btn, .following .follow-button.cancel-hover-style:hover, .following .follow-button, .email-following .email-follow-button.cancel-hover-style:hover, .email-following .email-follow-button, .email-follow-enabled .email-follow-state-button, .button-group-item .content.selected {
color: #777!important;
text-shadow: none!important;
background-color: rgb(25,25,25)!important;
background-image: -moz-linear-gradient(rgb(36,36,36),rgb(26,26,26))!important;
background-image: linear-gradient(rgb(36,36,36),rgb(26,26,26))!important;
border-color: #000!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
outline: none!important;
}
.btn:hover, .primary-btn:hover, .following.first-hover .follow-btn:hover, .following .follow-btn:hover, .following .follow-button.cancel-hover-style:hover, .following .follow-button:hover, .email-following .email-follow-button.cancel-hover-style:hover, .email-following .email-follow-button:hover, .email-follow-enabled .email-follow-state-button:hover, .button-group-item .content.selected:hover, .btn:hover, .btn:focus, .photo-selector:not(.disabled):hover .btn {
color: #FFF!important;
background-color: rgb(45,45,45)!important;
background-image: -moz-linear-gradient(rgb(26,26,26),rgb(36,36,36))!important;
background-image: linear-gradient(rgb(26,26,26),rgb(36,36,36))!important;
}
input, textarea, div[contenteditable="true"], select {
background-color: rgb(16,16,16)!important;
color: #BBB!important;
border: 1px solid #000!important;
}
input:focus, textarea:focus, div[contenteditable="true"]:focus, div[contenteditable="true"].fake-focus {
box-shadow: none!important;
}
.topbar {
-webkit-box-shadow: none!important;
box-shadow: none!important;
border-bottom: 1px solid #000!important;
}
.global-nav-inner {
background-color: rgb(36,36,36)!important;
border-bottom: 1px solid #000 !important;
}
.global-nav {
border-bottom: 0px !important;
}
h1, h2, h3, h4, h5, h6, .fullname {
color: #BBB!important;
}
.profile-header .profile-card-inner h1, .profile-header .profile-card-inner h2, .profile-header .profile-card-inner p, .profile-header .profile-card-inner s, .profile-header .profile-card-inner a, .profile-header .profile-card-inner a b, .profile-header .profile-card-inner a:hover s, .profile-header .profile-card-inner a:hover b {
color: #fff!important;
}
.username, .time, .time a, .metadata, .metadata button.btn-link, .metadata a {
color: #666!important;
}
.content-header, .content-no-header {
border: 1px solid #000!important;
border-bottom: none!important;
}
.content-header .header-inner, .content-no-header .no-header-inner {
background-color: rgb(16,16,16)!important;
border-bottom: 1px solid #000!important;
}
.stream-item {
background: rgb(16,16,16)!important;
}
.stream-item-activity-me {
border-bottom: 1px solid rgb(5,3,7)!important;
}
.stream-item-activity-me .latest-tweet {
border-bottom: 0px none!important;
}
.new-tweets-bar {
background-color: rgb(25,25,25)!important;
border-top: 1px solid #000!important;
border-bottom: none!important;
}
.new-tweets-bar:hover {
background-color: rgb(36,36,36)!important;
}
.tweet-actions {
background-color: rgb(16,16,16)!important;
box-shadow: none!important;
padding: 2px 12px 1px 5px!important;
}
.inline-reply-tweetbox, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox, .content-main .expansion-container .inline-reply-tweetbox {
background-color: rgb(36,36,36);
border-top: none!important;
}
.vellip, .vellip:before, .vellip:after, .conversation-module > li:after, .conversation-module > li:before {
background-color: #999!important;
}
.modal-close {
border-left: 1px solid #000;
border-bottom: none;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.modal-close:hover {
border: 1px solid #000;
background: rgb(36,36,36)!important;
}
.modal-btn {
outline: none!important;
}
.modal-header {
background-color: rgb(16,16,16)!important;
border: 1px solid #000!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.modal-content {
background-color: rgb(36,36,36)!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.activity-content .account, .modal-footer, hr, #profile_popup .go-to-profile {
background: rgb(16,16,16)!important;
border-top: 1px solid #000!important;
}
.module.profile-card.component.profile-header {
border:0!important;
}
.dropdown-menu {
background-color: rgb(16,16,16)!important;
border-color: #000!important;
border-style: solid!important;
border-width: 1px!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-menu .dropdown-link:hover, .dropdown-menu .dropdown-link:focus, .dropdown-menu .typeahead-recent-search-item.selected, .dropdown-menu .typeahead-saved-search-item.selected, .dropdown-menu .selected a, .dropdown-menu .dropdown-link.selected {
background-color: rgb(36,36,36)!important;
background-image: -moz-linear-gradient(top,rgb(36,36,36) 0,rgb(36,36,36) 100%)!important;
}
.dropdown-caret .caret-inner {
border-bottom: 6px solid rgb(16,16,16)!important;
}
.dropdown-caret .caret-outer {
border-bottom: 7px solid #000!important;
}
.dropdown-divider {
border-bottom: 1px solid #000!important;
}
.content-inner {
background-color: rgb(36,36,36)!important;
border-left: 1px solid #000!important;
border-right: 1px solid #000!important;
border-bottom: 1px solid #000!important;
}
.conversation-collapse-btn {
background-color: rgb(16,16,16)!important;
border: 1px solid #000!important;
border-left: none!important;
border-radius: 0!important;
outline: none!important;
}
.conversation-collapse-btn:hover {
background-color: rgb(36,36,36)!important;
}
.profile-social-proof {
background-color: rgb(36,36,36)!important;
border-top: 1px solid #000!important;
}
.promptbird-below-black-bar, .promptbird-dashboard-narrow, .promptbird-wide-above-timeline {
border: 1px solid #000!important;
background-color: rgb(16,16,16)!important;
}
.content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: rgb(35, 35, 35)!important;
}
.content-main .expansion-container .tweet.ancestor, .content-main .expansion-container .tweet.descendant, .content-main .expansion-container .view-more-container, .content-main .expansion-container .inline-reply-tweetbox {
background: none repeat scroll 0% 0% rgb(16, 16, 16)!important;
}
.stream-end-inner {
background-color: rgb(16, 16, 16)!important;
}
.permalink-tweet:hover, .permalink-tweet.focus, .stream-item.open .original-tweet:hover, .stream-item.open .original-tweet.focus {
background-color: rgb(16, 16, 16)!important;
}
.modal-header {
background-color: rgb(16, 16, 16)!important;
background-image: -moz-linear-gradient(center top , rgb(16, 16, 16) 0px, rgb(6, 6, 6) 100%)!important;
}
.modal-close {
border-left: 1px solid rgb(1, 1, 1)!important;
}
i, .icon {
background-image: url("https://lh4.googleusercontent.com/-WLjR8_SyrVg/Uu1PR_CDDxI/AAAAAAAAAl4/PSgwVIA1Kro/s0-I/twitter_icon.png")!important;
}
.stats a strong {
font-size: 10px!important;
}
.module .flex-module {
border: 0px solid rgb(5, 2, 7)!important;
}
.dashboard .stats {
border: 0px solid rgb(5, 2, 7)!important;
}
.stream-item, .stream-item.open, .unfocusable-stream-item {
border-color: rgb(5, 2, 7)!important;
}
.stream-end-item, .stream-end, .stream-loading, .stream-placeholder {
border-right: 1px solid rgb(5, 2, 7)!important;
border-color: -moz-use-text-color rgb(5, 2, 7) rgb(5, 2, 7)!important;
}
.spinner {
background: url("https://lh3.googleusercontent.com/-MZvQ0HWDsYI/UvG7BAuAAGI/AAAAAAAAAno/GiNW6fAR-OA/s32-no/ajax-loader.gif") !important;
}
.message {
background: none repeat scroll 0% 0% rgba(16, 16, 16, 0.97)!important;
}
.message .message-text {
color: rgb(187, 187, 187)!important;
}
.user-dropdown {
padding: 0px 5px 0px 5px !important;
}
.follow-card .follow-bar {
background-color: rgb(16,16,16)!important;
background-image: none !important;
border-top: 0px solid rgb(6, 6, 6)!important;
box-shadow: 0px 1px 0px rgb(6,6,6) inset !important;
}
.follow-card {
background-color: rgb(16,16,16)!important;
}
.module .list-link, .search-more-options .btn-link {
border-right: 0px solid rgb(6,6,6)!important;
border-width: 0px 0px 0px!important;
border-color: -moz-use-text-color rgb(6,6,6) rgb(6,6,6)!important;
}
.module li:first-child .list-link {
border-top: 0px solid rgb(6,6,6)!important;
}
.search {
background-color: rgba(36,36,36,0.75)!important;
text-shadow: none !important;
}
label {
color: rgb(235,235,235)!important;
}
.media-not-displayed {
background: none repeat scroll 0% 0% rgb(6,6,6)!important;
}
.stats a {
border-left: 0px solid #E8E8E8 !important;
}
.stream-item .stats .avatar-row a:first-child {
border-left: 1px solid rgb(5,3,7) !important;
padding-left: 5px !important;
}
.tweet .stats .avatar-row a {
padding: 13px 0px !important;
}
.content-main .expansion-container > li:last-child:first-child .tweet {
border-bottom: 0px solid #DDD !important;
}
.modal .modal-tweet .tweet {
background-color: #101010 !important;
border-bottom: 0px solid #060606 !important;
border-left: 1px solid #050307 !important;
border-right: 1px solid #050307 !important;
}
.modal .modal-tweet .tweet:hover {
background-color: #060606 !important;
}
.modal-footer {
text-align: right;
border-top: 1px solid #FEF6F8;
border-radius: 0px 0px 7px !important;
border-left: 1px solid #050307 !important;
border-right: 1px solid #050307 !important;
}
.pushstate-spinner {
background-image: url('https://lh5.googleusercontent.com/-lKchuVGb11A/UxXYI1mU1vI/AAAAAAAAAqg/Iva5K_9sLY8/s24-no/39-0.gif') !important;
}
.permalink-tweet {
background-color: #101010 !important;
}
.GalleryTweet--new .simple-tweet {
background-color: #060606 !important;
}
.GalleryTweet--new .simple-tweet:hover {
background-color: #050505 !important;
}
.GalleryTweet {
color: #BBB !important;
}
.GalleryTweet .pretty-link b, .GalleryTweet .pretty-link:hover s, .GalleryTweet .pretty-link:hover b, .GalleryTweet .pretty-link:focus s, .GalleryTweet .pretty-link:focus b, .GalleryTweet .tweet-actions > li b {
color: #AAA !important;
}
.tweet-form .thumbnail-container {
background-color: #060606 !important;
}
.dm-convo {
background-color: #101010 !important;
}
.dm-message {
background-color: #060606 !important;
border: 1px solid #555 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.4) inset, 0px 0px 0px rgba(0, 0, 0, 0.05) !important;
}
.dm-caret-outer {
border-right: 5px solid #555 !important;
}
.dm-caret-inner {
border-right: 4px solid #555 !important;
}
.content-searchbar {
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.content-searchbar .search-query {
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05) inset, 0px 0px 0px #FFF !important;
}
.stream-item-activity-network .stream-item-activity-header {
padding: 8px 8px 8px 12px;
margin: 0px 12px;
background-color: #060606 !important;
border-color: #060606 #060606 #060606 !important;
}
.stream-item-activity-network .supplement, .stream-item-activity-network .follow-more-than-two, .stream-item-activity-network .follow-exactly-two, .stream-item-activity-network .activity-secondary-supplement {
border-right: 1px solid #060606 !important;
border-width: 0px 1px 1px !important;
border-color: -moz-use-text-color #060606 #060606 !important;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.08) !important;
}
.stream-item-activity .account, .stream-item-activity .list {
border-bottom: 0px none !important;
}
.find-friends-sources {
background-color: #101010 !important;
padding: 0px 0px 12px;
}
.find-friends-top-subheader, .find-friends-bottom-subheader {
background-color: #060606 !important;
}
.find-friends-list li:hover {
background-color: #060606 !important;
}
.find-friends-list li {
border-bottom: 1px solid #060606 !important;
}
.find-friends-bottom-subheader {
border-top: 1px solid #060606 !important;
}
.find-friends-top-subheader, .find-friends-bottom-subheader {
background-color: #242424 !important;
}
.find-friends-list .source {
color: #BBB !important;
}
.find-friends-search form {
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.content-main .expansion-container > .original-tweet-container, .content-main .expansion-container > li .tweet, .content-main .expansion-container > li .inline-reply-tweetbox, .content-main .expansion-container > li + li:last-child .tweet.original-tweet, .content-main .stream-items > .stream-item:last-child .expansion-container > li .tweet, .content-main .stream-items > .stream-item:last-child .expansion-container > li .inline-reply-tweetbox, .content-main .stream-items > .stream-item:last-child .expansion-container > li .view-more-container {
border-bottom: 1px solid #060606;
}
.tweet-translation {
border-top: 1px solid #666 !important;
}
.typeahead .dropdown-inner > .has-results ~ .has-results, .typeahead .dropdown-inner > .has-items ~ .has-items {
border-top: 1px solid #666 !important;
}
.card2 {
border-bottom: 1px solid #060606 !important;
}
.cards-base {
border-color: #060606 !important;
}
.stream-media-grid-items.media-grid {
background: none repeat scroll 0% 0% padding-box content-box #101010 !important;
border-left: 1px solid rgb(0, 0, 0) !important;
border-right: 1px solid rgb(0, 0, 0) !important;
}
.DashboardProfileCard {
border: 1px solid #060606 !important;
background: none repeat scroll 0% 0% #101010 !important;
border-radius: 6px;
}
.DashboardProfileCard-avatarLink {
background: none !important;
}
.DashboardProfileCard-avatarImage {
border: 1px solid #060606 !important
}
.DashboardProfileCard-bg {
border-bottom: 1px solid #060606 !important;
}
.DashboardProfileCard-tweetbox {
border: 1px solid #060606 !important;
}
.ProfileListItem {
border-bottom: 1px solid #060606 !important;
}
.DashboardProfileCard-statValue {
font-size: 12px !important;
}
.Gallery-content {
background-color: #101010 !important;
}
body.user-style-MeetAnimals {
background-color: #242424;
}
.top-timeline-tweetbox .timeline-tweet-box {
border: 1px solid #060606 !important;
}
/* TweetDeck */
.column-header, .column-header-temp {
color: #BBB !important;
background-color: #242424 !important;
border-bottom: 1px solid #060606 !important;
}
.with-column-divider-bottom {
border-bottom: 0px solid #060606 !important;
}
.column {
background-color: #242424 !important;
}
.app-content {
background-color: #1A1B1F !important;
}
.dropdown-menu [data-action] {
color: #BBB !important;
}
.compose {
background-color: #09181D !important;
color: #BBB !important;
}
.sprite {
background-image: url('https://tweetdeck.twitter.com/web/assets/global/backgrounds/td_sprite_sheet_2013_@1x.54186780c8.png') !important;
}
.app-header {
background-color: #242424 !important;
}
.app-navigator {
background-color: #242424 !important;
}
.column-nav-item {
background-color: #242424 !important;
}
.list-item:hover, .list-item:active, .list-item.is-selected {
background-color: #101010 !important;
color: #BBB !important;
}
.popover {
background-color: #101010 !important;
}
.list-item {
color: #BBB !important;
}
.list-item-button {
color: #BBB !important;
background-color: #060606 !important;
}
.column-background-fill {
background-color: #060606 !important;
}
.app-title {
background-color: #101010 !important;
}
.column-options .button-tray {
background-color: #191919 !important;
}
.accordion-divider-t {
border-top: 1px solid #060606 !important;
}
.column-options {
background-color: #101010 !important;
}
.facet-type {
border-bottom: 1px solid #060606 !important;
}
.tweet-btn, .tweet-btn:active, .tweet-btn.active {
background-color: #09181D !important;
}
.is-options-open .column-settings-link {
background-color: #101010 !important;
border-color: #060606 #060606 -moz-use-text-color;
}
.mdl {
background-color: #101010 !important;
}
.mdl-content {
border: 1px solid #060606 !important;
background: none repeat scroll 0% 0% padding-box #242424 !important;
}
.mdl-col-settings {
background-color: #242424 !important;
}
.QuoteTweet {
border: 1px solid #666 !important;
}
.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 b:hover, .QuoteTweet-text .pretty-link b:focus, .QuoteTweet-text .pretty-link b:active, .QuoteTweet-text .pretty-link s {
color: #BBB !important;
}
/* New Page style */
.ProfileCanopy-navBar {
background-color: #101010 !important;
border-bottom: 1px solid #060606 !important;
}
.ProfileTweet {
background-color: #101010 !important;
border: 1px solid #060606 !important;
}
.ProfileSidebar .ProfileSignupCallOut, .ProfileSidebar .ProfileLifelineInfo, .ProfileSidebar .WhoToFollow, .ProfileSidebar .Trends {
background-color: #101010 !important;
border: 1px solid #060606 !important;
}
.ProfileSidebar .Footer {
background-color: #101010 !important;
}
.Grid--withInnerPadding > .Grid-cell {
border-radius: 0px 0px 5px 5px !important;
background-color: rgba(36,36,36,0.75) !important;
}
.ProfileHeaderCard-bio {
color: #CCC !important;
}
.ProfileTweet-text {
color: #BBB !important;
}
.ProfileHeaderCard-locationText, .ProfileHeaderCard-joinDateText {
color: #CCC !important;
}
.ProfileNav-item--userActions {
background-color: #101010 !important;
}
.StreamToggler {
border-bottom: 1px solid #060606 !important;
}
.ProfileTweet-fullname {
color: #BBB !important;
}
.StreamToggler-link.is-active, .StreamToggler-link.is-active:hover .StreamToggler-link.is-active:focus {
color: #CCC !important;
}
.tweet {
background-color: #101010 !important;
}
.permalink.has-replies .inline-reply-tweetbox, .permalink.stream-uncapped .replies-to li:last-child .tweet {
border-bottom: 1px solid #060606 !important;
}
.ProfileCard {
background-color: #101010 !important;
border: 1px solid #060606 !important;
}
.TwitterPhoto-media {
background-color: #101010 !important;
border-top: 1px solid #060606 !important;
border-bottom: 1px solid #060606 !important;
}
.u-bgUserColorLightest {
background-color: #303030 !important;
}
.u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus {
border-color: #060606 !important;
}
.ProfileNav-item.is-active .ProfileNav-value, .ProfileNav-item.is-active:hover .ProfileNav-value {
color: #BBB !important;
}
.ProfilePage {
background-color: rgba(18,19,21,0.95) !important;
}
.ProfileClusterFollow {
border-top: 1px solid #060606 !important;
border-bottom: 1px solid #060606 !important;
background-color: rgba(36,36,36,0.0) !important;
}
.ProfileCard-userFields {
color: #BBB !important;
}
.GridTimeline-footer:before {
background: none repeat scroll 0% 0% #060606 !important;
}
.GridTimeline-footerIcon {
background-color: rgba(0,0,0,0) !important;
}
.ProfileHeading-content {
background-color: #101010 !important;
border: 1px solid #060606 !important;
}
.ProfileHeading-toggleItem.is-active, .ProfileHeading-toggleItem.is-active:hover, .ProfileHeading-toggleItem.is-active:focus {
color: #BBB !important;
}
.TwitterPhoto-media {
background-color: #060606 !important;
border: 0px solid #060606 !important;
}
.ProfileListItem {
border-top: 0px solid #E1E8ED !important;
}
.stream-item-header .avatar, .permalink-header .avatar {
margin-left: -58px ;
}
.conversation-module .conversation-tweet-item .stream-item-header .avatar {
margin-left: -58px;
}
.wtf-module .import-prompt .cta {
border-bottom: 1px solid #060606 !important;
}
.style-element-7 {
color: #BBB !important;
}
.style-element-71 {
background: linear-gradient(0rad, #111, #222) repeat scroll 0% 0% transparent !important;
border-color: #666 !important;
}
.style-element-85 {
color: #BBB !important;
}
.DMInboxItem:hover {
background-color: #101010 !important;
}
.DMInbox .DMInboxItem {
border-bottom: 1px solid #333 !important;
}
.dm-to {
background-color: #060606 !important;
border-bottom: 1px solid #060606 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.dm-thread:hover {
background-color: rgb(6,6,6)!important;
background-image: none !important;
}
.dm-thread {
background-color: rgb(16,16,16)!important;
border-bottom: 1px solid rgb(5,3,7)!important;
}
.dm-dialog .twttr-dialog-footer {
text-shadow: 0px 0px 0px #FFF !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.twttr-dialog-footer {
background-color: rgb(6,6,6)!important;
border-top: 0px solid!important;
}
.dm-thread-snippet {
font-size: 14px !important;
color: #BBB !important;
}
.tweet .stats {
padding-left: 1px !important;
}
.dm-convo-placeholder {
background-color: #101010 !important;
}
.home-tweet-box, .rosetta .dm-tweetbox, .rosetta .WebNotification-buffer--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: #242424 !important;
}
.dm-tweetbox {
border-top: 1px solid #050307 !important;
background-color: #242424 !important;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset !important;
}
.dm-dialog .twttr-dialog-header {
border-bottom: 0px solid #050307 !important;
}
.modal-content {
border-radius: 6px !important;
border-bottom: 1px solid #050307 !important;
background-color: #060606 !important;
}
.dm-dialog .twttr-dialog-body {
border-left: 1px solid #050307 !important;
border-right: 1px solid #050307 !important;
border-radius: 6px !important;
}
.user-select-controls {
border: 1px solid #777 !important;
background-color: #101010 !important;
}
.t1-label {
background-color: #242424 !important;
}
.t1-legend {
color: #CCC !important;
}
.dm-participant-container {
border-top: 0px solid #060606 !important;
}
.dm-participant-container .typeahead-item {
border-bottom: 1px solid #777 !important;
}
.user-select-controls input {
border: 0px none !important;
}
body {
background: none repeat scroll 0% 0% #101010;
}
.ep-Section {
border-top: 1px solid #444;
}
.ep-AggregateMetric {
color: #e93 !important;
}
.DMInboxItem.is-unread {
background-color: #000;
}
.DirectMessage--received .DirectMessage-text {
color: #aaa !important;
}
.TwitterCard {
color: #bbb;
}
.Trends {
background-color: #101010 !important;
}
.icon-btn {
background: none repeat scroll 0% 0% transparent !important;
border: 1px solid transparent !important;
}
.home-tweet-box, .dm-tweetbox, .RetweetDialog-commentBox, .WebToast-box--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: #242424;
}
.modal .modal-tweet {
background-color: #060606 !important;
}
.modal .modal-tweet .tweet {
background-color: #060606 !important;
}
.ProfilePopupContainer--bellbird .ProfileHeader .profile-header-inner {
border-bottom: 1px solid #060606 !important;
}
.recent-tweets .tweet {
border-top: 1px solid #060606 !important;
}
.SiderailRelatedTweets {
background-color: #060606 !important;
}
.SiderailRelatedTweets-header {
border-bottom: 1px solid #060606 !important;
}
.SiderailRelatedTweets-viewMore {
border-top: 1px solid #060606 !important;
}
.SiderailRelatedTweet-authorFullName {
color: #ccc;
}
.SiderailRelatedTweets-viewMore:hover {
background-color: #101010 !important;
}
.DMConversation-scrollContainer {
background-color: #101010 !important;
}
.AdaptiveSearchPage {
background-color: rgba(16,16,16,0.95) !important;
}
.AdaptiveFiltersBar {
border-bottom: 0px solid #E1E8ED ;
}
.stream-item-activity-notification {
border-bottom: 1px solid #060606 !important;
}
.tweet {
border-bottom: 1px solid #060606;
}
.tweet:hover {
background-color: #060606 !important;
}
.simple-tweet:hover, .recent-tweets .tweet:hover, .stream-item-activity .tweet:hover, .twttr-dialog-reply-footer:hover {
background-color: transparent !important;
}
.permalink {
background-color: #101010;
}
.ThreadedConversation, .ThreadedConversation-showMore, .ThreadedConversation-showMore:after, .ThreadedConversation + .ThreadedConversation--loneTweet, :not(.ThreadedConversation--ownReply) + .ThreadedConversation--ownReply, .ThreadedConversation--ownReply + .ThreadedConversation--loneTweet:not(.ThreadedConversation--ownReply), .ThreadedConversation--loneTweet:first-child {
border-top: 0px solid #E1E8ED;
}
.ThreadedConversation, .ThreadedConversation--loneTweet {
background-color: #060606;
}
.tweet-form .thumbnail-container {
box-shadow: 0px 1px 0px #666 inset;
}
.TwitterCard-container {
border-color: #666;
}
.QuoteTweet-fullname {
color: #BBB;
}
.ThreadedConversation, .ThreadedConversation-showMore:after, .ThreadedConversation-viewOther .view-other-link {
border-bottom: 1px solid #060606;
}
.stream-item.separated-module.before-expanded .original-tweet {
border-bottom: 1px solid #060606;
}
.TokenizedMultiselect-inputContainer {
border: 0px solid #BBDDF5;
}
.DMTypeaheadHeader {
background-color: #101010;
border-bottom: 1px solid #333;
}
.InputToken {
background-color: #101010;
}
.DMTokenizedMultiselectSuggestion.is-highlighted {
background-color: #101010;
}
.DMTokenizedMultiselectSuggestion {
border-bottom: 1px solid #333;
}
.DMActivity-header {
background-color: #050505;
border-bottom: 1px solid #333;
}
.DMInboxItem {
background-color: #050505 !important;
}
.DMActivity-container {
background-color: #050505;
}
.DMButtonBar {
background-color: #050505;
border-top: 1px solid #333;
}
.u-borderUserColorLighter {
border-color: #050505 !important;
}
.DMComposer .tweet-content {
background-color: #101010;
}
.DMComposer {
border-top: 1px solid #050505;
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5) inset;
}
.u-bgUserColorLightest {
background-color: #050505 !important;
}
.DMInboxItem-snippet {
font-size: 13px;
color: #ccc;
}
.DirectMessage--sent .DirectMessage-text {
color: #ccc !important;
}
.hovercard.profile-card.profile-header .DashboardProfileCard-stats {
border-top: 1px solid #050505;
}
.ThreadedConversation-viewOther {
background: none repeat scroll 0% 0% #101010;
}
.ProfileHeaderCard-locationText, .ProfileHeaderCard-joinDateText, .ProfileHeaderCard-birthdateText {
color: #CCC;
}
.QuoteTweet--unavailable {
background: none repeat scroll 0% 0% #060606;
}
.ProfileSidebar .TweetImpressionsModule,
.ProfileSidebar .ProfileLifelineInfo,
.ProfileSidebar .RelatedUsers {
background-color: #000;
border-color: #111;
color: #d0d0d0;
}
.TweetImpressionsModule-text {
color: #d0d0d0;
}
.main-page-header {
background-color: #000;
border-bottom-color: #111;
}
.SharedNavBar--analytics {
background-color: #000;
border-bottom-color: #111;
}
.SharedNavBar--analytics a.SharedNavBar-brand,
.SharedNavBar--analytics a.SharedNavBar-brand:hover,
.SharedNavBar--analytics a.SharedNavBar-brand:visited,
.SharedNavBar--analytics a.SharedNavBar-brand:focus,
#tweet-impression-header .headline-highlight {
color: #d0d0d0
}
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,
.account-group:hover .fullname,
.account-group:focus .fullname,
.account-summary:focus .fullname,
.message .message-text a,
.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,
.profile-modal-header .fullname a:hover,
.profile-modal-header .username a:hover,
.profile-modal-header .fullname a:focus,
.profile-modal-header .username a:focus,
.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,
.tweet .tweet-geo-text a:hover,
.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,
.card .list-details a:hover,
.card .list-details a:focus,
.card .card-body:hover .attribution,
.card .card-body .attribution:focus,
.new-tweets-bar,
.onebox .soccer ul.ticker a:hover,
.onebox .soccer ul.ticker a:focus,
.remove-background-btn,
.stream-item-activity-notification .latest-tweet .tweet-row a:hover,
.stream-item-activity-notification .latest-tweet .tweet-row a:focus,
.stream-item-activity-notification .latest-tweet .tweet-row a:hover b,
.stream-item-activity-notification .latest-tweet .tweet-row a:focus b,
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: #528B8B;
}
.DashUserDropdown.dropdown-menu li>a, .DashUserDropdown.dropdown-menu button {
color: #528B8B;
}
.ProfileHeading .NotificationsHeadingContent {
background: #000;
border: none;
}
.ActivityItem,
.wtf-module .UserSmallListItem {
border-color: #444;
}
.EdgeButton--secondary {
background-color: #222;
border-color: #333;
}
.EdgeButton--secondary:hover {
background-color: #666;
border-color: #777;
}
.EdgeButton--secondary, .EdgeButton--secondary:hover, .EdgeButton--secondary:focus, .EdgeButton--secondary:active {
color: #c1c1c1;
}