API tools faq
paste
Advertisement
Gomuboy

Custom Moko Twitter Theme / Fixes

Gomuboy
Oct 22nd, 2016
251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.55 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document domain("twitter.com")
  2.     {
  3.         /*custom colors var(--bg)*/
  4.         :root
  5.             {
  6.                 --bg1: #373635 !important;
  7.                 --bg2: #242526 !important;
  8.                 --text1: #f7f7f7 !important;
  9.                 --text2: #aaaaaa !important;
  10.                 --accent: #f7f7f7 !important;
  11.             }
  12.  
  13.        
  14.        
  15.         /* bg and text color */
  16.         body,
  17.         html,
  18.         .ProfilePage .AppContent
  19.             {
  20.                 color: var(--text1) !important;  
  21.                 /*background: url() !important;*/
  22.                 background: var(--bg2) !important;
  23.             }
  24.        
  25.         .tweet
  26.             {
  27.                 padding: 20px !important;
  28.                 background: var(--bg1) !important;
  29.             }
  30.        
  31.        
  32.        
  33.         /* font */  
  34.         body,
  35.         p,
  36.         a,
  37.         div.DirectMessage-text,
  38.         div.tweet-text.js-tweet-text,
  39.         #tweet-box-global
  40.             {
  41.                 /* font-family: "Segoe UI Semibold";
  42.                 font-size: 13px !important;*/
  43.             }
  44.        
  45.        
  46.        
  47.         /* content bg color */  
  48.         .module .flex-module,
  49.         .DashboardProfileCard-content,
  50.         .Trends,
  51.         .tweet,
  52.         .global-nav .search-input,
  53.         .DashboardProfileCard-avatarLink
  54.             {
  55.                 background: var(--bg1) !important;
  56.             }  
  57.        
  58.        
  59.        
  60.         /* content & hover */
  61.         .tweet:hover,
  62.         .top-timeline-tweetbox .tweet-user,
  63.         .new-tweets-bar,
  64.         .new-tweets-bar:hover,
  65.         .top-timeline-tweetbox .timeline-tweet-box .tweet-form.condensed .tweet-box,
  66.         .global-nav-inner,
  67.         div.profilecard-content,
  68.         .dashboard-profilecard-stats,
  69.         .DMActivity-container,
  70.         .DMNotice,
  71.         .DMActivity-header,
  72.         .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox,
  73.         div.notie,
  74.         .content-main .expansion-container > li:last-child .view-more-container,
  75.         .dismiss-confirmation,
  76.         .action-prompt,
  77.         .stream-end-inner,
  78.         .Trends,
  79.         .module,
  80.         .module .flex-module,
  81.         .permalink .inline-reply-tweetbox,
  82.         .btn,
  83.         div.ProfileCard-content,
  84.         div.ProfileCard.js-actionable-user,
  85.         li.active:nth-child(1) > a:nth-child(1),
  86.         .js-nav-links > li:nth-child(2) > a:nth-child(1),
  87.         .js-nav-links > li:nth-child(1) > a:nth-child(1),
  88.         .js-nav-links > li > a,
  89.         .stream-item-favorited_mention,
  90.         .stream-item-favorited_mention,
  91.         .stream-item-retweet,
  92.         #stream-item-activity,
  93.         .modal-tweet-form-container,
  94.         #global-new-tweet-button:hover,
  95.         /*button:hover,*/
  96.         .button:hover,
  97.         .content-inner,
  98.         .StreamsTopBar,
  99.         div.MomentGuideVTwoCapsuleSummary,
  100.         .StreamsFooter,
  101.         .message,
  102.     /*New Lines*/
  103.     .DMConversation-scrollContainer,
  104.     .dropdown-menu,
  105.     .modal-header,
  106.     .modal-content,
  107.     .ProfileCanopy-navBar,
  108.     .ProfileNav-item--userActions,
  109.     .ProfileHeading-toggle,
  110.     .WhoToFollow,
  111.     .ThreadedConversation-showMore,
  112.     .RetweetDialog-commentBox,
  113.         .js-activity-follow,
  114.     .js-activity-retweeted_retweet,
  115.     .js-activity-favorited_retweet,
  116.     .js-activity-list_member_added,
  117.     .js-activity-retweeted_mention,
  118.     .js-activity-favorite,
  119.     .ProfileCard,
  120.         .DMActivity-body,
  121.         .DMDivider,
  122.         button.NewTweetButton,
  123.         button.DMButton,
  124.         .PollXChoice-pollWrapper,
  125.         .TwitterCardsGrid,
  126.         .social-proof-label,
  127.         .DMPopoverMenu,
  128.         .DismissibleModule,
  129.         .ThreadedConversation-viewOther,
  130.         .DMConversation-sendingStateIndicator,
  131.         .permalink.light-inline-actions.stream-uncapped.has-replies.original-permalink-page,
  132.         div.header-inner,
  133.         #notifications-optout-all-top,
  134.         .notifications-web-soft-prompt,
  135.         .with-contacts-dashboard,
  136.         .find-friends-sources,
  137.         .muted-setting.js-actionable-user.account,
  138.         .blocked-setting.js-actionable-user.account,
  139.         .FacebookConnect,
  140.         .content-main .stream-item,
  141.         .ProfileHeading-content,
  142.         .SummaryCard-contentContainer.TwitterCardsGrid-float--prev,
  143.         .PollingCardComposer,
  144.         .PollingCardComposer-optionInput.is-singleLine.is-plainText.u-borderUserColorLightFocus.is-showPlaceholder,
  145.         .js-stream-item.stream-item.stream-item,
  146.         .stats,
  147.         .follow-bar.js-list-actions,
  148.         .MomentCard.TwitterCard-container.TwitterCard-container--clickable.TwitterCardsGrid-col--12.TwitterCardsGrid-noColSpacing.u-block.js-openLink,
  149.         .DMButtonBar,
  150.         .FoundMediaSearch-query,
  151.         .ResponsiveLayout,
  152.         .PageContainer,
  153.         .web-reporting-flow,
  154.         /*Moments start here*/
  155.         .MomentFloatingMenu.is-fixed
  156.          { background: var(--bg1) !important; }  
  157.            
  158.         .stream-items,
  159.         input,
  160.         textarea,
  161.         div[contenteditable],
  162.         .t1-select,
  163.         .TweetImpressionsModule,
  164.         .TweetImpressionsModule-xAxis,
  165.         .MomentGuideNavigation,
  166.         #page-container,
  167.         div.thumbnail-container,
  168.         button.DMInbox-toolbar,
  169.         li.DMInbox-conversationItem:hover > *,
  170.         .DMConversation-composer,
  171.         .DMComposer-container,
  172.         .EmojiBar-icon,
  173.         div.DirectMessage-text,
  174.         #global-new-tweet-button,
  175.         #global-tweet-dialog > div:nth-child(1),
  176.         .modal-tweet-form-container > form:nth-child(1) > div:nth-child(2) > div:nth-child(2) > button:nth-child(3),
  177.         #user-dropdown > div:nth-child(2) > ul:nth-child(3) > li:hover,
  178.         a.list-link.js-nav:hover,
  179.         a.list-link:hover,
  180.         .active > a:nth-child(1),
  181.         .page-canvas,
  182.         .mobile,
  183.         .Streams-dividerText,
  184.         .StreamsHero-image,
  185.         .LoginDialog-body,
  186.         .LoginDialog-footer,
  187.     /*NewLines*/
  188.     .UserActions-editButton,
  189.     .user-actions-follow-button,
  190.     .primary-btn,
  191.     .new-tweets-bar,
  192.     .TypingIndicatorMessageBubble-dotContainer,
  193.         .FollowStatus,
  194.         .FacebookConnect-actionButton,
  195.         .content-main #apps-stream .stream-item .app button,
  196.         .typeahead-item.typeahead-account-item.js-selectable > a:hover,
  197.         .typeahead-item.typeahead-topic-item > a:hover,
  198.         .js-selectable.typeahead-accounts-shortcut.js-shortcut > a:hover,
  199.         .ProfileClusterFollow,
  200.         .GridTimeline-footerIcon,
  201.         .follow-bar.js-list-actions > a
  202.             { background: var(--bg2) !important; }     
  203.        
  204.         /* text color */
  205.         body,
  206.         p,
  207.         a,
  208.         div.DirectMessage-text,
  209.         .Trends .context-trend-item .trend-item-stats,
  210.         .Trends .trend-location,
  211.         .Footer-item,
  212.         .metadata.social-context,
  213.         h3,
  214.         input,
  215.         .with-icn,
  216.         .QuoteTweet-screenname,
  217.         .QuoteTweet-text,
  218.         .DMActivity-title,
  219.         .DMEmptyState-header,
  220.         .ProfileHeading-toggleItem.is-active,
  221.         .ProfileHeaderCard-locationText,
  222.         .ProfileHeaderCard-joinDateText,
  223.         .ProfileNav-item.is-active .ProfileNav-value,
  224.         .ProfileNav-stat,
  225.         .metadata,
  226.         .global-nav .form-search,
  227.         .bird-topbar-etched,
  228.         #tweet-box-home-timeline,
  229.         div.ProfileCardStats:nth-child(3) > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1) > span:nth-child(1),
  230.         div.ProfileCardStats:nth-child(3) > ul:nth-child(1) > li:nth-child(2) > a:nth-child(1) > span:nth-child(1),
  231.         div.ProfileCardStats:nth-child(3) > ul:nth-child(1) > li:nth-child(3) > a:nth-child(1) > span:nth-child(1),
  232.         .btn,
  233.         .u-textUserColorHover,
  234.         .ProfileTweet-actionButton,
  235.         .ProfileTweet-actionCount,
  236.         .nav > li .Icon,
  237.         .nav > li > a .text,
  238.         .ProfileHeaderCard-location .Icon,
  239.         .ProfileHeaderCard-url .Icon,
  240.         .PhotoRail-heading .Icon,
  241.         .ProfileHeaderCard-joinDate .Icon,
  242.         .global-nav .search-icon .Icon,
  243.         .ProfileHeaderCard-birthdateText,
  244.         .ProfileHeaderCard-screenname > span,
  245.         div.u-floatLeft,
  246.         div.u-floatRight,
  247.         .count > span,
  248.         div.ProfileNameTruncated,
  249.         .TweetImpressionsModule-heading,
  250.         .MomentGuideVTwoCapsuleSummary-description.u-dir,
  251.         .new-tweets-bar,
  252.         .TweetTextSize.js-tweet-text.tweet-text,
  253.         #tweet-box-global,
  254.         .tagged-users,
  255.         div.tweet-text.js-tweet-text,
  256.         #tweet-box-global,
  257.         #tweet-box-dm-conversation,
  258.         a:hover,
  259.         span.js-display-url:hover,
  260.         span.StreamsCategoryBar-itemName,
  261.         .message-text,
  262.         span.fullname,
  263.         .PollXChoice-progress,
  264.         .ProfileCard,
  265.         span.profile-card-listName,
  266.         .DMConversation-sendingStateIndicator,
  267.         .tweet-box.rich-editor,
  268.         .ProfileCardStats-statLabel,
  269.         .typeahead-item.typeahead-account-item.js-selectable > a:hover,
  270.         .typeahead-item.typeahead-topic-item > a:hover,
  271.         .js-selectable.typeahead-accounts-shortcut.js-shortcut > a:hover,
  272.         /*Moments start here*/
  273.         .MomentUserByline-fullname,
  274.         .MomentCapsuleCover-description.u-dir,
  275.         .MomentShareTweetButton.js-momentShareTweet.MomentButton.MomentButton--gray,
  276.         .MomentShareDMButton.js-momentShareDM.MomentButton.MomentButton--gray
  277.             { color: var(--text1) !important; }  
  278.        
  279.        
  280.        
  281.         /* link color */
  282.         a,
  283.         .TweetTextSize .twitter-atreply b,
  284.         s,
  285.         b,
  286.         .account-group .fullname,
  287.         .import-prompt p > span,
  288.         .account-group .username,
  289.         .DashboardProfileCard-statLabel,
  290.         .Trends .context-trend-item .trend-item-context,
  291.         .DMNotice-message,
  292.         strong,
  293.         .ProfileNav-item.is-active .ProfileNav-label,
  294.         .ProfileNav-item.is-active:hover .ProfileNav-label,
  295.         .ProfileNav-label,
  296.         .ProfileUserList-permalink,
  297.         a.u-textUserColor,
  298.         .ProfileNav-item.is-active .ProfileNav-label,
  299.         .btn-link,
  300.         .dropdown-menu .dropdown-link,
  301.         .MomentCapsuleSubtitle,
  302.         #menu-0,
  303.         span._timestamp.js-relative-timestamp,
  304.         label,
  305.         legend,
  306.         span.js-display-url,
  307.         .FacebookConnect-title,
  308.         .FollowStatus,
  309.         .TwitterCardsGrid-col--spacerNext.TwitterCardsGrid-float--prev.u-block.PollXChoice-footer--total,
  310.         .TwitterCardsGrid-col--spacerNext.TwitterCardsGrid-float--prev.u-block,
  311.         .TwitterCardsGrid-col--spacerNext.TwitterCardsGrid-float--prev.u-block.PollXChoice-footer--time,
  312.         .PollingCardComposer-customDuration,
  313.         .ProfileClusterFollow-title,
  314.         .ProfileClusterFollow-closeButtonText.u-alignMiddle,
  315.         .MomentCard-authorName,
  316.         .MomentCard-authorScreenName,
  317.         .DMTypeaheadHeader,
  318.         .WtfLargeCarouselStreamItem-title,
  319.         .list-explanation,
  320.         .list-title.multiple-line,
  321.         .ProfileTweet-actionButton.u-textUserColorHover.js-actionButton.js-actionReply:hover .ProfileTweet-actionCount,
  322.         /*Moments start here*/
  323.         .MomentCapsuleCover-title.u-dir,
  324.         .MomentUserByline-username
  325.             { color: var(--text2) !important; }  
  326.        
  327.        
  328.        
  329.         /* date color */
  330.         .time,
  331.         .LoginDialog-bird > span:nth-child(1)
  332.             { color: var(--text2) !important; }  
  333.        
  334.        
  335.         /*Poll Colors*/
  336.         span.PollXChoice-progress.tcu-textBold { color: var(--text2) !important; }
  337.        
  338.         span.PollXChoice-choice--chart[data-poll-index="1"],
  339.         span.PollXChoice-choice--chart[data-poll-index="3"],
  340.         span.PollXChoice-choice--chart[data-poll-index="5"],
  341.         span.PollXChoice-choice--chart[data-poll-index="7"]
  342.           { background-color: var(--bg2) !important; }
  343.        
  344.       span.PollXChoice-choice--chart[data-poll-index="2"],
  345.         span.PollXChoice-choice--chart[data-poll-index="4"],
  346.         span.PollXChoice-choice--chart[data-poll-index="6"],
  347.         span.PollXChoice-choice--chart[data-poll-index="8"]
  348.           { background-color: var(--accent) !important; }
  349.        
  350.         .PollingCardComposer-addOption.u-textUserColor,
  351.         .PollingCardComposer-remove.u-textUserColor,
  352.         .PollingCardComposer-defaultDuration.u-textUserColor
  353.           { color: var(--accent) !important; }
  354.        
  355.         .PollingCardComposer-pollDuration { border-top: none !important; }
  356.        
  357.         .PollingCardComposer-optionInput.is-singleLine.is-plainText.u-borderUserColorLightFocus
  358.           {
  359.                 color: var(--accent) !important;
  360.                   border-color: var(--accent) !important;
  361.                   box-shadow: var(--accent) !important;
  362.           }
  363.        
  364.         .btn.icon-btn.PollCreator-btn.js-tooltip.enabled,
  365.     .btn.js-found-media-search-trigger.js-dropdown-toggle.icon-btn.js-tooltip.enabled,
  366.         .btn.icon-btn.js-tooltip.enabled
  367.           { border-color: transparent !important; }
  368.        
  369.         .btn.icon-btn.PollCreator-btn.js-tooltip:hover,
  370.         .btn.js-found-media-search-trigger.js-dropdown-toggle.icon-btn.js-tooltip:hover,
  371.         .TweetBoxExtras-item.TweetBox-mediaPicker:hover
  372.           { border-color: var(--bg2) !important; }
  373.        
  374.        
  375.         /*Hiding Editor*/
  376.         .timeline-tweet-box { display: none !important; }
  377.        
  378.        
  379.         /* remove borders */
  380.         .tweet,
  381.         .module .flex-module,
  382.         .wtf-module .import-prompt .cta,
  383.         .top-timeline-tweetbox .timeline-tweet-box,
  384.         .new-tweets-bar,
  385.         .top-timeline-tweetbox .timeline-tweet-box .tweet-form.condensed .tweet-box,
  386.         .global-nav .search-input,
  387.         .QuoteTweet,
  388.         .Trends,
  389.         .module,
  390.         .stream-item:not(.no-header-background-module),
  391.         .content-main .expansion-container > .original-tweet-container,
  392.         .DMActivity-header,
  393.         .content-header .header-inner,
  394.         .content-header,
  395.         .stream-item-activity-notification,
  396.         .stream-end,
  397.         .ProfileHeading-content,
  398.         .ProfileCanopy-navBar,
  399.         .ProfileAvatar,
  400.         .WhoToFollow.is-visible,
  401.         .content-main .conversations-enabled .expansion-container .inline-reply-tweetbox,
  402.         .conversations-enabled .inline-reply-caret,
  403.         .conversations-enabled .inline-reply-caret .caret-inner,
  404.         .tweet .stats,
  405.         .stream-item .stats .avatar-row a:first-child,
  406.         .dropdown-caret .caret-inner,
  407.         .dropdown-menu li,
  408.         .dismiss-module .dismiss-confirmation,
  409.         .dismiss-module .feedback-action,
  410.         .stream-end-item,
  411.         .stream-end,
  412.         .stream-loading,
  413.         .stream-placeholder,
  414.         .TwitterCard-container,
  415.         div.SummaryCard-contentContainer,
  416.         .permalink .inline-reply-tweetbox,
  417.         .DashboardProfileCard-bg,
  418.         div.RichEditor,
  419.         .NewTweetButton,
  420.         .user-actions-follow-button,
  421.         .UserActions-editButton,
  422.         .TweetImpressionsModule,
  423.         .TweetImpressionsModule-xAxis,
  424.         div.ProfileCard.js-actionable-user,
  425.         li.active:nth-child(1) > a:nth-child(1),
  426.         .js-nav-links > li:nth-child(2) > a:nth-child(1),
  427.         .js-nav-links > li:nth-child(1) > a:nth-child(1),
  428.         .dismiss-module,
  429.         #stream-item-who_to_follow_entry-754957469835755520,
  430.         .NotificationsHeadingContent,
  431.         .stream-item-favorited_mention,
  432.         .MomentGuideNavigation,
  433.         div.MomentGuideVTwoCapsuleGroup,
  434.         .modal-header,
  435.         .AdaptiveFiltersBar,
  436.         .AdaptiveFiltersBar-label,
  437.         div.ComposerThumbnail,
  438.         #tweet-box-home-timeline,
  439.         button.DMInbox-toolbar,
  440.         .DMConversation-composer,
  441.         .DMComposer-container,
  442.         div.DirectMessage-message::before,
  443.         .content-inner,
  444.         input,
  445.         select,
  446.         a.list-link.js-nav,
  447.         a.list-link,
  448.         button.submit,
  449.         .StreamsTopBar,
  450.         a.StreamsCategoryBar-item,
  451.         div.MomentGuideVTwoCapsuleSummary,
  452.         .StreamsFooter,
  453.         .LoginDialog-footer,
  454.         .global-nav,
  455.     /*New Lines*/
  456.     .ThreadedConversation-showMore,
  457.     .ThreadedConversation-showMore::after,
  458.     .js-profile-popup-actionable,
  459.     .primary-btn,
  460.         .TypingIndicatorMessageBubble.Caret.Caret--left::before,
  461.         .view-other-link,
  462.     .ThreadedConversation,
  463.         .ThreadedConversation--loneTweet,
  464.         .typeahead-items.typeahead-accounts.social-context.js-typeahead-accounts.block3.has-results,
  465.         #notifications-optout-all-top,
  466.         .find-friends-list > li,
  467.         .muted-setting.js-actionable-user.account,
  468.         .blocked-setting.js-actionable-user.account,
  469.         /*.AppContent.wrapper.wrapper-settings > div div,
  470.         .AppContent.wrapper.wrapper-settings > div div > button,
  471.         .content-main .stream-item > div,
  472.         .AppContent.wrapper.wrapper-settings .content-main,*/
  473.     .SummaryCard-image.TwitterCardsGrid-col--12,
  474.         .SummaryCard-image.TwitterCardsGrid-float--prev,
  475.         .TwitterCardsGrid-col--12.PlayerCard-videoContainer,
  476.         .FacebookConnect-actionButton,
  477.         .content-main #apps-stream .stream-item .app,
  478.         .content-main #apps-stream .stream-item .app button,
  479.         .ProfileClusterFollow,
  480.         .follow-bar.js-list-actions,
  481.         .follow-bar.js-list-actions > a,
  482.         .MomentCard-cover.TwitterCardsGrid-col--5,
  483.         .FoundMediaSearch-query,
  484.         .MomentFloatingMenu.is-fixed
  485.           { border: none !important; }
  486.                
  487.         .NewTweetButton,
  488.         .DMButton,
  489.         .user-actions-follow-button,
  490.         div.ComposerThumbnail,
  491.         #tweet-box-home-timeline,
  492.         button.DMInbox-toolbar,
  493.         .DMConversation-composer,
  494.         .DMComposer-container,
  495.         #global-new-tweet-button,
  496.         button.tweet-action,
  497.         button.submit,
  498.         .FacebookConnect-actionButton
  499.             { box-shadow: none !important; }    
  500.        
  501.        
  502.        
  503.         /* f u c k */
  504.         li.DMInbox-conversationItem > *
  505.             {
  506.                 background: var(--bg1) !important;
  507.                 border: none !important;
  508.                 box-shadow: none !important;
  509.             }
  510.        
  511.         /* buttons */
  512.         .follow-btn.small-follow-btn,
  513.         .follow-btn,
  514.         .DashboardProfileCard-avatarImage,
  515.         .modal-tweet-form-container
  516.             {
  517.                 background: var(--bg2) !important;
  518.                 color: var(--text2) !important;
  519.                 border: 1px solid var(--bg2) !important;
  520.                 box-shadow: none !important;
  521.                 border: none !important;
  522.             }    
  523.        
  524.         #global-tweet-dialog > div:nth-child(1)
  525.             {
  526.                 opacity: 0.3 !important;
  527.             }  
  528.        
  529.  
  530.        
  531.         .dismiss,
  532.         .modal-tweet-form-container > form:nth-child(1) > div:nth-child(2) > div:nth-child(2) > span:nth-child(2)
  533.             { color: var(--text2) !important; }  
  534.        
  535.         .modal-tweet-form-container > form:nth-child(1) > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) { text-shadow: none !important; }  
  536.        
  537.         .tweet .time { float: right !important; }
  538.        
  539.         .tweet .time::before,
  540.         .TweetBox-photoIntent > div:nth-child(1)/*,
  541.         .home-tweet-box,
  542.     .top-timeline-tweet-box-user-image*/
  543.             { display: none !important; }  
  544.        
  545.         .ProfileHeaderCard-screenname > span
  546.             {
  547.                 text-transform: none !important;
  548.                 font-size: 14px !important;
  549.             }  
  550.        
  551.         .username,
  552.         .MomentCard-authorScreenName
  553.             {
  554.                 opacity: 0 !important;
  555.                 transition: .2s ease-out !important;
  556.             }
  557.        
  558.         .username:hover,
  559.         .MomentCard-authorScreenName:hover
  560.           { opacity: 1 !important; }  
  561.        
  562.        
  563.        
  564.         /* remove right sidebar */
  565.         div.roaming-module,
  566.         .Footer
  567.             { display: none !important; }
  568.        
  569.         .nav > li > a .text { opacity: 0 !important; }
  570.        
  571.        
  572.        
  573.         /* autohide stuff */
  574.         div.Grid-cell,
  575.         div.ComposerThumbnail
  576.             { background: transparent !important; }
  577.        
  578.         #global-nav-home,
  579.         .people,
  580.         .dm-nav,
  581.         .moments
  582.          { max-width: 50px !important; }       
  583.        
  584.        
  585.         /* hide buttons in header */
  586.         .global-nav .search-icon .Icon,
  587.         .InStreamLogin
  588.             { display: none !important; }
  589.                
  590.         a,
  591.         span.js-display-url
  592.             { text-decoration: none !important; }
  593.        
  594.         #global-tweet-dialog-dialog > div:nth-child(2) > div:nth-child(1),
  595.         .page-canvas,
  596.         .mobile,
  597.         div.MomentGuideVTwoCapsuleSummary,
  598.         #submit_button
  599.             { border-radius: 0px !important; }
  600.        
  601.         .global-nav .search-input
  602.             {
  603.                 width: 500px !important;
  604.                 margin-left: 0px !important;
  605.                 opacity: 0 !important;  
  606.             }
  607.        
  608.         .global-nav .search-input:hover { opacity: 0.9 !important; }
  609.        
  610.         .home-tweet-box,
  611.         .global-nav
  612.             { box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1) !important; }
  613.        
  614.        
  615.     .retweet-action { box-shadow: none !important; }
  616.        
  617.         .ProfileTweet-action--retweet .ProfileTweet-actionButton:hover,
  618.         .ProfileTweet-action--retweet .ProfileTweet-actionButton:focus,
  619.         .ProfileTweet-action--retweet .ProfileTweet-actionCount:hover,
  620.         .ProfileTweet-action--retweet .ProfileTweet-actionCount:focus,
  621.         .tweet.retweeted .ProfileTweet-action--retweet .Icon--retweet,
  622.         .tweet.retweeted .ProfileTweet-action--retweet .ProfileTweet-actionButtonUndo
  623.           { color: #1ace86 !important; }
  624.        
  625.         .ProfileTweet-action--reply .ProfileTweet-actionButton:hover,
  626.         .ProfileTweet-action--more .ProfileTweet-actionButton:hover
  627.           { color: var(--text2) !important; }
  628.        
  629.  
  630.         .QuoteTweet-link
  631.           {
  632.               box-shadow: 3px 4px 5px var(--bg2) !important;
  633.             border-radius: 5px !important;
  634.           }
  635.        
  636.         /*Linked content shit*/
  637.        
  638.         .TwitterCardsGrid-col--12.TwitterCard-container.TwitterCard-container--clickable.SummaryCard--small.PlayerCard--preview:hover,
  639.         .js-openLink.u-block.TwitterCardsGrid-col--12.TwitterCard-container.TwitterCard-container--clickable.SummaryCard--large:hover,
  640.         .js-openLink.u-block.TwitterCardsGrid-col--12.TwitterCard-container.TwitterCard-container--clickable.SummaryCard--small:hover,
  641.         .js-openLink.u-block.SummaryCard-contentContainer.TwitterCard-container--clickable.TwitterCardsGrid-col--12:hover,
  642.         .TwitterCardsGrid-col--12.TwitterCard-container.TwitterCard-container--clickable.SummaryCard--large.PlayerCard--video.PlayerCard--clickToLoad:hover,
  643.         .SummaryCard-content:hover
  644.           { background-color: var(--bg2) !important; }
  645.        
  646.         .card2.js-media-container
  647.           {
  648.                 box-shadow: 3px 4px 5px var(--bg2) !important;
  649.                 padding-bottom: 0px !important;
  650.                 border-radius: 5px !important;
  651.           }
  652.        
  653.       .TwitterCardsGrid-col--12.TwitterCardsGrid-col--spacerBottom.CardContent { margin-bottom: 0px !important; }
  654.        
  655.         .TwitterCardsGrid-col--12.TwitterCard-container.TwitterCard-container--clickable.SummaryCard--small.PlayerCard--preview
  656.           {
  657.                 background-color: var(--bg1) !important;
  658.                 margin-top: 4px !important;
  659.                 border-radius: 5px !important;
  660.           }
  661.        
  662.         div.SummaryCard-contentContainer.TwitterCardsGrid-float--prev { background-color: transparent !important; }
  663.        
  664.         div.TwitterCardsGrid.TwitterCard.TwitterCard--animation { padding: 0px !important; }
  665.                
  666.         .js-macaw-cards-iframe-container.card-type-player { margin-bottom: -3px !important; }
  667.        
  668.         .SummaryCard-contentContainer.TwitterCardsGrid-col--12 { margin-top: 5px !important; }
  669.  
  670.        
  671.         /*Antiguo morado
  672.         background-color: #BF3EFF !important;*/
  673.        
  674.         .dm-new { background-color: transparent !important; }
  675.        
  676.         .count > span,
  677.         .dm-new > span
  678.             {
  679.                 opacity: 1 !important;
  680.                 border-width: 1px !important;
  681.                 margin: 1px 0px 0px 1px !important;
  682.               border-radius: 10px !important;
  683.             }
  684.                
  685.         .dm-new > span:nth-child(1),
  686.         .count > span:nth-child(1)
  687.           {
  688.                 background-color: var(--accent) !important;
  689.                 border-color: var(--bg1) !important;
  690.                 color: var(--bg1) !important;
  691.           }
  692.        
  693.         .count.new-count { background-color: transparent !important; }
  694.        
  695.         .home.active { background-color: var(--accent) !important; }
  696.        
  697.         .home > a,
  698.         .people > a,
  699.         .dm-nav > a
  700.           { border-color: var(--accent) !important; }
  701.        
  702.         li#global-nav-home.home.new::before { color: var(--accent) !important; }
  703.        
  704.         .t1-form.form-horizontal.requires-password > hr,
  705.         .t1-form.form-horizontal.notifications-form > hr
  706.          { display: none !important; }
  707.        
  708.         .content-main #apps-stream .stream-item .app .content { padding-right: 10% !important; }
  709.        
  710.        
  711.         /*Thread Convo Lines*/
  712.        
  713.         .ThreadedConversation { margin: 0px !important; }
  714.        
  715.         .ThreadedConversation-tweet::before,
  716.         .ThreadedConversation-tweet::after,
  717.         .ThreadedConversation-unavailableTweet::before,
  718.         .ThreadedConversation-unavailableTweet::after,
  719.         .ThreadedConversation-viewOther::before,
  720.         .permalink-inner.permalink-tweet-container.ThreadedConversation.ThreadedConversation--permalinkTweetWithAncestors::before
  721.           {
  722.                 background-color: var(--accent) !important;
  723.                 margin: 1.6% 0% -2% -2.6% !important;
  724.           }
  725.        
  726.         .ThreadedConversation-unavailableTweet::before {height: 100% !important; }
  727.        
  728.         .conversation-module .conversation-tweet-item::after,
  729.         .original-tweet-item.last-navigable-stream-item::before,
  730.         .conversation-ancestor.conversation-tweet-item::before,
  731.         .home.active.new::before,
  732.         .missing-tweets-bar::before,
  733.         .missing-tweets-bar::after
  734.           {
  735.                 background-color: var(--accent) !important;
  736.                 margin: 2.25% 0% -3% 1.25% !important;
  737.           }
  738.        
  739.         .conversation-ancestor.conversation-tweet-item::before
  740.           {
  741.                 height: 8% !important;
  742.                 margin-top: 0% !important;
  743.                 z-index: 20 !important;
  744.           }
  745.        
  746.         .conversation-ancestor.conversation-tweet-item.selected-stream-item::before
  747.           {
  748.               background-color: var(--accent) !important;
  749.         height: 8% !important;
  750.                 margin-top: 0% !important;
  751.           }
  752.        
  753.         .missing-tweets-bar::after
  754.           {
  755.                 height: 130% !important;
  756.                 margin-top: -1% !important;
  757.           }
  758.        
  759.         .original-tweet-item.last-navigable-stream-item.selected-stream-item::before
  760.           {
  761.                 margin-top: -5% !important;
  762.                 height: 17% !important;
  763.           }
  764.        
  765.         .conversation-root.conversation-tweet-item.first-navigable-stream-item::after { margin-top: 1.8% !important; }
  766.  
  767.        
  768.         .vellip,
  769.         span.vellip::before,
  770.         span.vellip::after
  771.          { display: none !important; }
  772.        
  773.        
  774.         /*Selected tweet colours*/
  775.                
  776.         li.js-stream-item.stream-item.stream-item.selected-stream-item,
  777.         .conversation-root.conversation-tweet-item.first-navigable-stream-item.selected-stream-item,
  778.         .original-tweet-item.last-navigable-stream-item.selected-stream-item,
  779.         .conversation-ancestor.conversation-tweet-item.selected-stream-item,
  780.         .conversation-header.first-navigable-stream-item.selected-stream-item
  781.           { box-shadow: 0 0 0px 3px var(--accent) !important; }
  782.        
  783.        
  784.        
  785.         /*Menu colors*/
  786.        
  787.         .dropdown-menu li > a:hover,
  788.     .dropdown-menu li > a:focus,
  789.     .dropdown-menu .dropdown-link:hover,
  790.     .dropdown-menu .dropdown-link:focus,
  791.     .dropdown-menu .dropdown-link.is-focused,
  792.     .dropdown-menu li:hover .dropdown-link,
  793.     .dropdown-menu li:focus .dropdown-link,
  794.     .dropdown-menu .typeahead-recent-search-item.selected,
  795.     .dropdown-menu .typeahead-saved-search-item.selected,
  796.     .dropdown-menu .selected a,
  797.     .dropdown-menu .dropdown-link.selected,
  798.         .current-user:hover .metadata      
  799.         {
  800.                 background-color: var(--accent) !important;
  801.             color: var(--bg1) !important;
  802.           }
  803.        
  804.        
  805.         .current-user:hover .fullname { color: var(--bg2) !important; }
  806.        
  807.         .preview-message .Icon--me { color: var(--accent) !important; }
  808.        
  809.         .TweetBoxExtras-item .TweetBox-mediaPicker:hover { box-shadow: var(--text1) !important; }
  810.        
  811.         /*Moments fixed*/
  812.        
  813.         /*Button*/
  814.         .MomentShareTweetButton.js-momentShareTweet.MomentButton.MomentButton--blue { border: 1px solid var(--accent); color: var(--accent); } 
  815.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!