Skip to content

Instantly share code, notes, and snippets.

@stevenkellow
Last active November 19, 2016 18:31
Show Gist options
  • Save stevenkellow/b807e4484b9458dd04507178cec4213c to your computer and use it in GitHub Desktop.
Save stevenkellow/b807e4484b9458dd04507178cec4213c to your computer and use it in GitHub Desktop.
#global-actions > li > a {
border-bottom-color: #fff;
}
#global-actions > li:hover > a, #global-actions > li > a:focus, .nav.right-actions > li > a:hover, .nav.right-actions > li > button:hover, .nav.right-actions > li > a:focus, .nav.right-actions > li > button:focus {
color: #fff;
}
#global-tweet-dialog .modal-tweet .tweet:hover, #global-tweet-dialog .modal-tweet .tweet {
background: #222 ;
}
#global-tweet-dialog.tweet-showing .modal-header {
border-bottom: 1px solid #333 ;
}
#notifications-optout-all-top {
background-color: #1a2835;
border-bottom: none;
}
.AdaptiveFiltersBar {
border-bottom: 1px solid #333 ;
}
.AdaptiveNewsLargeImageHeadline-body {
-moz-border-radius: 0 ;
background-color: #1a2835 ;
border: 1px solid #333 ;
border-radius: 0 ;
}
.AdaptiveRelatedSearches, .WhoToFollow, ul.u-cf {
border: 1px solid #fff;
border-radius: 3px;
margin-bottom: 5px;
}
.AdaptiveSearchPage {
background-color: #1a2835 ;
}
.CardContent {
background-color: #f5f8fa;
border-radius: 5px;
}
.ComposerThumbnail {
-moz-border-radius: 0 ;
background-color: #222 ;
border: 1px solid #333 ;
border-radius: 0 ;
box-shadow: none ;
}
.DMActivity-body {
background-color: #1a1a1a ;
}
.DMActivity-header {
background-color: #1a2835 ;
border-bottom: 1px solid #333 ;
color: #fff ;
}
.DMConversation-composer {
border-top: 1px solid #444;
box-shadow: none;
}
.DMInboxItem {
background: #222 ;
border-bottom: 1px solid #333 ;
}
.DMInboxItem:hover {
background: #2a2a2a ;
border-bottom: 1px solid #333 ;
}
.DMNotice {
background: #777 ;
}
.DashboardProfileCard {
-moz-border-radius: 0;
background: #1a2835;
border: 1px solid #fff;
border-radius: 0 0 3px 3px;
}
.DashboardProfileCard-avatarImage {
-moz-border-radius: 0;
border: none;
border-radius: 3px;
color: #fff;
}
.DashboardProfileCard-avatarLink {
-moz-border-radius: 0;
background-color: #1a2835 ;
border-radius: 0;
}
.DashboardProfileCard-bg {
border: 1px solid #fff;
border-radius: 3px 3px 0 0;
width: 99%;
}
.DashboardProfileCard-name {
color: #fff ;
}
.DirectMessage--received .DirectMessage-message {
background-color: #eee;
}
.DirectMessage--received .DirectMessage-text a {
color: blue ;
text-decoration: underline;
}
.Gallery-content {
-moz-border-radius: 0 ;
background-color: #222 ;
border-radius: 0 ;
}
.GalleryTweet {
-moz-border-radius: 0;
background: #222;
border-radius: 0;
color: #fff;
}
.MomentGuideNavigation {
background-color: #1a2835;
border-bottom: 4px solid #1a2835;
margin-top: -46px;
}
.MomentGuideVTwoCapsuleGroup:nth-child(2n+3) {
border-top: 1px solid #333 ;
}
.MomentsPage.MomentCapsuleVTwoPage .AppContent, .MomentsPage.MomentGuideVTwoPage .AppContent {
background: #1a2835 ;
}
.MomentsPage.MomentCapsuleVTwoPage .AppContent, .MomentsPage.MomentsGuidePage .AppContent {
padding: px 0 0;
width: 100%;
}
.NotificationsHeadingContent {
background-color: #1a2835;
border-bottom: 1px solid #333;
border-radius: 0;
}
.PlayableMedia-description, .PlayableMedia--vine .PlayableMedia-externalUrl {
color: #ddd ;
}
.PlayableMedia-title {
color: #ddd ;
}
.PollingCardComposer {
-moz-border-radius: 0 ;
background-color: #1a2835 ;
border-radius: 0 ;
box-shadow: inset 0 1px 0 #333 ;
}
.PollingCardComposer .PollingCardComposer-pollDuration {
border-top: solid 1px #333 ;
color: #fff ;
}
.PollingCardComposer-option div.PollingCardComposer-optionInput {
color: #fff ;
}
.ProfileAvatar {
-moz-border-radius: 0 ;
background: #222 ;
border: 5px solid #222 ;
border-radius: 0 ;
box-shadow: none ;
}
.ProfileAvatar-image, .ProfileAvatar-placeholderImage {
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.ProfileAvatarEditing {
-moz-border-radius: 0;
background: #444 ;
border: 5px solid #444 ;
border-radius: 0;
}
.ProfileAvatarEditing-image, .ProfileAvatarEditing-placeholder, .ProfileAvatarEditing-button, .ProfileAvatarEditing-overlay, .ProfileAvatarEditing-iframeSaving {
-moz-border-radius: 0;
border-radius: 0;
}
.ProfileCanopy-navBar {
background-color: #222 ;
border-bottom: 1px solid #333 ;
}
.ProfileCard {
-moz-border-radius: 0 ;
background-color: #1a1a1a ;
border: 1px solid #333 ;
border-radius: 0 ;
}
.ProfileCard-avatarImage {
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.ProfileCard-avatarLink {
-moz-border-radius: 0 ;
background-color: #222 ;
border-radius: 0 ;
}
.ProfileCard-bg {
-moz-border-radius: 0 ;
border-bottom: 1px solid #333 ;
border-radius: 0 ;
}
.ProfileClusterFollow {
background-color: #222;
border-bottom: 1px solid #222;
}
.ProfileHeaderCardEditing-name .ProfileHeaderCardEditing-editableField {
color: #ddd;
}
.ProfileHeading-content {
-moz-border-radius: 0;
background-color: #1a2835 ;
border: 1px solid #333 ;
border-radius: 0 ;
}
.ProfileHeading-toggle {
border: 1px solid #fff;
border-radius: 3px 3px 0 0;
margin-left: -1px;
margin-right: -1px;
}
.ProfileHeading-toggleItem.is-active, .ProfileHeading-toggleItem.is-active:hover, .ProfileHeading-toggleItem.is-active:focus {
color: #fff ;
}
.ProfileNav-item--userActions {
background-color: #222 ;
}
.ProfileNav-item.is-active .ProfileNav-value, .ProfileNav-item.is-active:hover .ProfileNav-value {
color: #fff ;
}
.ProfilePage .AppContent {
background: #1a2835 ;
}
.ProfilePage.is-editing .ProfilePage-editingOverlay {
background-color: #000;
}
.ProfileSidebar .TweetImpressionsModule, .ProfileSidebar .ProfileLifelineInfo, .ProfileSidebar .RelatedUsers {
-moz-border-radius: 0;
background-color: #1a2835;
border: 1px solid #fff;
border-radius: 5px;
}
.PromptbirdPrompt--dashboardProfile {
-moz-border-radius: 0;
background-color: #101010;
border-radius: 0;
border-top: 1px solid #444;
}
.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-arrow:not(.ie8) {
background-color: #1a2835;
border-color: #444;
}
.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-explanation {
color: #fff ;
}
.PromptbirdPrompt--dashboardProfile .PromptbirdPrompt-title {
color: #fff ;
}
.QuoteTweet {
-moz-border-radius: 0 ;
border: solid 1px #444 ;
border-radius: 0 ;
}
.QuoteTweet-fullname {
color: #fff ;
}
.RichEditor {
-moz-border-radius: 0;
border: 1px solid #333 ;
border-radius: 0;
}
.RichEditor div[contenteditable], .RichEditor div[contenteditable]:focus, .RichEditor div.fake-focus[contenteditable] {
background: #222;
color: #fff;
}
.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: 1px solid #333 ;
}
.ThreadedConversation, .ThreadedConversation-showMore:after, .ThreadedConversation-viewOther .view-other-link {
border-bottom: 1px solid #333 ;
}
.ThreadedConversation-showMore {
background: #222 ;
}
.ThreadedConversation-viewOther {
background: #222 ;
}
.ThreadedPermalinkOverlay {
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.ThreadedPermalinkOverlay .permalink-replies {
border-top: 1px solid #333 ;
}
.ThreadedPermalinkOverlay, .ThreadedPermalinkOverlay-focalTweet .js-stream-tweet:hover {
background-color: #1a2835 ;
}
.ThreadedPermalinkOverlay-footer {
border-top: 1px solid #333 ;
}
.ThreadedPermalinkOverlay-header {
border-bottom: 1px solid #333 ;
color: #aaa ;
}
.ThreadedPermalinkOverlay-replies, .ThreadedPermalinkOverlay-replies .stream-end-inner {
background-color: #1a2835 ;
}
.Trends {
background: #1a2835;
border-color: #333;
}
.Trends .context-trend-item .trend-item-context {
color: #8899a6;
}
.TweetImpressionsModule {
color: #fff ;
}
.TweetImpressionsModule-text {
color: #fff ;
}
.TwitterCard .PollXChoice-footer .PollXChoice-info {
margin-left: 10px;
}
.TwitterCard .PollXChoice-optionContainer .PollXChoice-choice {
color: #ddd ;
}
.TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--chart {
background-color: lightblue;
}
.TwitterCard .PollXChoice-optionContainer .PollXChoice-choice--text, .TwitterCard .PollXChoice-optionContainer .PollXChoice-progress {
color: #000;
}
.TwitterCard .PollXChoice-optionContainer .PollXChoice-progress {
color: #eee ;
}
.TwitterCard .SummaryCard--large .SummaryCard-content p {
color: #000 ;
}
.TwitterCard .SummaryCard--small .SummaryCard-content p {
color: #000 ;
}
.TwitterCard .SummaryCard-content .TwitterCard-title {
color: #000 ;
}
.TwitterCard .SummaryCard-destination {
color: #aab8c2 ;
}
.TwitterCard-container {
-moz-border-radius: 0;
border-color: #333;
border-radius: 0;
border-width: 1px;
}
.TwitterCard-container:hover {
-moz-border-radius: 0;
border-color: #333;
border-radius: 0;
border-width: 1px;
}
.WebToast {
-moz-border-radius: 0 ;
background: #222 ;
border: 1px solid #333 ;
border-radius: 0 ;
box-shadow: none ;
}
.WhoToFollow {
-moz-border-radius: 0;
background-color: #1a2835 ;
border: 1px solid #333 ;
border-radius: 0;
}
._timestamp, .js-retweet-text > a > b, .trend-location {
color: #fff;
text-decoration: none;
}
.account, .tweet, .app {
border-bottom: 1px solid #333;
}
.avatar {
-moz-border-radius: 3px ;
border-radius: 3px ;
}
.bird-topbar-etched {
color: #fff;
}
.bird-topbar-etched:hover {
color: #1da1f2;
}
.block-dialog .block-section {
border-bottom: 1px solid #444;
}
.block-dialog .submit-section {
-moz-border-radius: 0;
background-color: #1a2835;
border-radius: 0;
}
.btn {
-moz-border-radius: 0;
background-color: #1a2835;
border: 1px solid #333;
border-radius: 0;
color: #ccc;
}
.btn:hover {
-moz-border-radius: 0;
background-color: #1a2835;
border: 1px solid #1a2835;
border-radius: 0;
color: #ccc;
}
.content-header .header-inner, .content-no-header .no-header-inner {
-moz-border-radius: 0;
background-color: #1a2835 ;
border-bottom: 1px solid #333 ;
border-radius: 0;
}
.content-header, .content-no-header {
-moz-border-radius: 0 ;
border: 1px solid #333;
border-radius: 0 ;
}
.content-inner {
background-color: #1a2835;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.content-inner.no-stream-end {
border-bottom: 1px solid #333;
border-radius: 0;
}
.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:not(.open) > .expansion-container > li .tweet, .content-main .stream-items > .stream-item:last-child:not(.open) > .expansion-container > li .inline-reply-tweetbox, .content-main .stream-items > .stream-item:last-child:not(.open) > .expansion-container > li .view-more-container {
border-bottom: 1px solid #333 ;
}
.conversation-module .conversation-tweet-item .tweet:hover {
background-color: #222 ;
}
.dropdown-divider {
border-bottom: 1px solid #444;
}
.dropdown-menu {
-moz-border-radius: 0;
background: #1a2835;
background-color: #1a2835;
border: 0 solid rgba(0,0,0,0.25);
border-radius: 0;
}
.find-friends-list li {
border-bottom: 1px solid #333;
}
.find-friends-list li:hover {
background: #1a2835;
}
.find-friends-sources {
-moz-border-radius: 0;
background-color: #1a2835;
border-radius: 0;
padding: 0 0 12px;
}
.find-friends-top-subheader, .find-friends-bottom-subheader {
background-color: #1a2835;
}
.follow-btn, .js-follow-btn {
color: #000;
}
.following-text, .TweetImpressionsModule-heading, .tweet-btn:not(.disabled) {
color: #fff;
font-weight: 600;
}
.fullname {
color: #fff ;
}
.global-nav {
border-bottom: 1px solid #fff;
}
.global-nav .search-input {
-moz-border-radius: 0;
background-color: #444 ;
border: 1px solid #666;
border-radius: 3px ;
color: #fff ;
}
.global-nav-inner {
background: #1a2835;
box-shadow: 0 0 10px #000;
height: 46px;
}
.has-scroll-bump .ScrollBump-content>li:first-child {
margin-right: 0px!important;
}
.home-tweet-box {
border: 1px solid #fff;
border-radius: 3px 3px 0 0 ;
}
.home-tweet-box, .RetweetDialog-commentBox, .WebToast-box--altColor, .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox {
background-color: #1a2835;
}
.hovercard .profile-social-proof {
background: #1a1a1a ;
}
.hovercard.profile-card .ProfileCard-bg {
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.hovercard.profile-card .ProfileCard-content .FollowStatus {
background-color: #1a2835 ;
color: #b7b7b7 ;
}
.hovercard.profile-card .bio-container {
color: #fff ;
}
.inline-reply-tweetbox {
background-color: #222;
}
.js-global-new-tweet, .modal-tweet-form-container {
background-color: #4099FF;
border-radius: 3px;
color: white;
}
.modal .modal-tweet {
background-color: #1a2835;
}
.modal-body p {
color: #fff;
}
.modal-content {
-moz-border-radius: 0 ;
background-color: #222 ;
border: 1px solid #333 ;
border-radius: 0 ;
}
.modal-footer {
border-top: 1px solid #333;
}
.modal-header {
-moz-border-radius: 0 ;
background: #222 ;
border-bottom: 1px solid #333 ;
border-radius: 0 ;
}
.module {
-moz-border-radius: 0;
border-radius: 0px ;
}
.module .flex-module {
background-color: #1a2835;
}
.module .list-link {
background-color: #1a2835 ;
border: 1px solid #333 ;
}
.module .list-link:hover, .module .active .list-link {
background-color: #1a2835 ;
}
.module li:first-child .list-link {
border-top: 1px solid #333 ;
}
.new-tweets-bar {
background-color: #f5f8fa ;
border-bottom: 1px solid #444 ;
border-top: 1px solid #444 ;
}
.notifications-prompt-container {
background-color: #1a2835;
border-bottom: none;
}
.permalink {
background-color: #333 ;
}
.permalink .in-reply-to .stream-item, .permalink .in-reply-to .stream-item .tweet:hover {
background-color: #222 ;
}
.permalink .inline-reply-tweetbox {
-moz-border-radius: 0;
border-radius: 0;
border-top: 1px solid #333;
}
.permalink .stats .avatar-row a:first-child {
border-left: 1px solid #333;
}
.permalink-tweet, .permalink-tweet:hover {
background-color: #2b2b2b;
}
.permalink-tweet:hover, .permalink-tweet.focus {
background-color: transparent;
}
.permalink.has-replies .inline-reply-tweetbox {
border-bottom: 1px solid #333 ;
}
.player-container {
-moz-border-radius: 0 ;
border-radius: 0 ;
}
.promoted-tweet {
display: none;
}
.stream-container {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.stream-end-inner {
-moz-border-radius: 0 ;
background-color: #222 ;
border-bottom: 1px solid #fff;
border-radius: 3px ;
}
.stream-end-item, .stream-end, .stream-loading, .stream-placeholder {
-moz-border-radius: 0 ;
border: 1px solid #333 ;
border-radius: 0 ;
}
.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 #333 ;
}
.stream-item-activity-notification {
border-bottom: 1px solid #333 ;
}
.stream-item-activity-notification .stream-item-activity-line {
color: #888 ;
}
.stream-item.separated-module+.stream-item, .stream-item.separated-module+.stream-item .tweet:hover, .PromptbirdPrompt-streamItem.separated-module+.stream-item {
border-top-left-radius: 0 ;
border-top-right-radius: 0 ;
}
.stream-item:not(.no-header-background-module) {
background: #1a2835;
border-left: 1px solid #333;
border-right: 1px solid #333;
}
.t1-label {
color: #fff;
}
.t1-legend {
color: #fff;
}
.top-timeline-tweetbox .timeline-tweet-box {
-moz-border-radius: 0;
border: 1px solid #333;
border-radius: 0;
}
.tweet .stats {
border-bottom: 1px solid #333;
border-top: 1px solid #333;
}
.tweet p {
color: #fff ;
}
.tweet-btn, .tweet-btn:focus {
background: rgba(81, 82, 83, 0.8);
background-color: #444;
}
.tweet-btn:not(.disabled) {
background-color: #4099FF;
}
.tweet-counter {
text-shadow: none;
}
.tweet-counter.warn, .user_description_count.warn {
color: #dd4133;
}
.tweet-form .thumbnail-container {
-moz-border-radius: 0 ;
background-color: #222 ;
border-radius: 0 ;
box-shadow: none ;
}
.tweet-form.is-cardComposerOn.is-pollingCardComposerOn[data-poll-composer-rows="3"][data-poll-duration="true"] .CardComposer, .tweet-form.is-cardComposerOn.is-pollingCardComposerOn[data-poll-composer-rows="3"][data-poll-duration="true"] .PollingCardComposer {
background: #1a2835 ;
}
.tweet:hover {
background: #2a2a2a;
}
.twitter-form > fieldset > div > label > input , #since, #until, #tweet-box-dm-conversation, #status {
color: #fff;
}
.twttr-dialog-footer {
background-color: #222 ;
border-top: 1px solid #333 ;
color: #888;
}
.typeahead .dropdown-inner > .has-results ~ .has-results, .typeahead .dropdown-inner > .has-items ~ .has-items {
border-top: 1px solid #333 ;
}
.u-bgUserColorLighter {
background-color: #1a2835 ;
}
.u-bgUserColorLightest {
background-color: #1a2835 ;
}
.u-borderUserColor, .u-borderUserColorHover:hover, .u-borderUserColorHover:focus {
border-color: #fff ;
}
.u-borderUserColorLight, .u-borderUserColorLightFocus:focus, .u-borderUserColorLightHover:hover, .u-borderUserColorLightHover:focus {
border-color: #444 ;
}
.u-borderUserColorLighter {
border-color: #444 ;
}
.u-dir[dir="ltr"] {
color: #fff ;
}
.u-textTruncate {
color: #fff ;
}
.u-textUserColor, .u-textUserColorHover:hover, .u-textUserColorHover:focus {
color: #fff;
}
a, .btn-link, .btn-link:focus, .icon-btn, .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, .pretty-link s, .pretty-link b, .pretty-link:hover s, .pretty-link:hover b, .pretty-link:focus s, .pretty-link:focus b, .twitter-hashtag s, .twitter-hashtag b {
color: #4099FF;
}
b, strong {
color: #ddd ;
}
body {
background: #1a2835;
color: #fff;
}
div.Trends.module.trends {
border: 1px solid #fff;
border-radius: 3px;
}
h1, h2, h3, h4, h5, h6 {
color: #fff ;
}
hr {
border-top: 1px solid #333;
}
input, textarea, div[contenteditable], .t1-select {
-moz-border-radius: 0 ;
background-color: #222 ;
border: 1px solid #333 ;
border-radius: 0 ;
}
input:focus, textarea:focus, div[contenteditable="true"]:focus, div.fake-focus[contenteditable="true"] {
border-color: #444;
color: #fff;
}
li.stream-item.highlighted {
background-color: #1a2835 ;
}
ul.u-cf {
padding: 5px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment