API tools faq
paste
Advertisement
SingularityUtopia

Twitter Easy Eye userstyle before 15 Jul 2014 update.

SingularityUtopia
Jul 15th, 2014
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.94 KB | None | 0 0
raw download clone embed print report
  1. Twitter Easy Eye stylish userstyle modification backup before 15th July 2014 update.
  2. See latest version here: https://userstyles.org/styles/101446/twitter-easy-eye-no-white-background
  3.  
  4.  
  5. @namespace url(http://www.w3.org/1999/xhtml);
  6. @-moz-document url-prefix("https://twitter.com/ConanOBrien"),
  7. regexp("https?://([^.]*\\.|)twitter\\.com/(?!widget).*")
  8.  
  9. {
  10.  
  11. /*
  12. Singularity Utopia Style
  13. @2045singularity
  14. Last update: 3rd July 2014
  15. */
  16.  
  17. /* original font Gotham Narrow SSm */
  18.  
  19. /* .BackgroundImagePrompt, .promptbird.promptbird-wide-above-timeline */
  20.  
  21. html, body, #doc, #page-outer
  22.  
  23. {
  24. font-family: Arial;
  25. background: #E3E3E3;
  26. max-width:1190px !important;
  27. margin: 0 auto auto auto;
  28. }
  29.  
  30.  
  31. .ProfileCanopy-navBar
  32.  
  33. {
  34. background: #E3E3E3 !important;
  35. border-color: transparent;
  36. border-radius: 10px 10px 30px 30px;
  37.  
  38. }
  39.  
  40. .ProfileHeaderCard-screennameLink:hover
  41. {
  42. background: #E3E3E3 !important;
  43. box-shadow: none !important;
  44. }
  45.  
  46. .ProfileHeaderCard-screenname, .ProfileClusterFollow-title, .ProfileNameTruncated-link.u-textInheritColor.js-nav.js-action-profile-name
  47.  
  48. {
  49. line-height:1.4;
  50. }
  51.  
  52. /* SIDE MODULES and Headers */
  53.  
  54. .WEB-CONTAINER
  55.  
  56. {
  57. background: white !important;
  58. border-radius: 3px;
  59. }
  60.  
  61. .DashboardProfileCard.module
  62.  
  63. {
  64. margin-bottom: 15px;
  65. }
  66.  
  67. .ProfileWTFAndTrends
  68.  
  69. {
  70. margin-right:20px;
  71.  
  72. }
  73.  
  74. .ProfileSidebar--withLeftAlignment
  75.  
  76. {
  77. margin-left: -8px;
  78. }
  79.  
  80. .ProfileSidebar--withRightAlignment
  81.  
  82. {
  83. margin-left: 45px !important;
  84. margin-right: -35px !important;
  85. }
  86.  
  87. .ProfileTweetbox
  88.  
  89. {
  90. background: #F5EEE4 !important;
  91. margin-right:20px;
  92. }
  93.  
  94. .Trends.module.trends
  95.  
  96. {
  97. background:#F2EFE6;
  98. border: solid #C7C5D1 1px;
  99. border-bottom-width:2px;
  100. border-radius: 8px 8px 11px 11px;
  101. box-shadow: inset white 0px 0px 0px 1px;
  102. }
  103.  
  104. .WhoToFollow.is-visible, .ProfileSidebar .SignupCallOut
  105.  
  106. {
  107. background:#F2EFE6 !important;
  108. border: solid #C7C5D1 1px !important;
  109. border-bottom-width:2px !important;
  110. border-radius: 8px 8px 11px 11px !important;
  111. box-shadow: inset white 0px 0px 0px 1px;
  112. margin-bottom:20px;
  113. margin-top:22px;
  114. }
  115.  
  116. .SignupCallOut.js-signup-call-out
  117.  
  118. {
  119. background:#F2EFE6 !important;
  120. border: solid #C7C5D1 1px !important;
  121. border-bottom-width:2px !important;
  122. margin-bottom:20px;
  123. }
  124.  
  125.  
  126. .module.signup-call-out.search-signup-call-out.js-signup-call-out
  127.  
  128. {
  129. border: none;
  130. }
  131.  
  132. .ProfileSidebar .trends-inner .flex-module
  133.  
  134. {
  135. background:#F2EFE6 !important;
  136. }
  137.  
  138. h2, h3, .WhoToFollow-title, .trend-location.js-trend-location, .SignupCallOut-title
  139.  
  140. {
  141. font-size: 21px;
  142. color: #245F8A;
  143. }
  144.  
  145. h2
  146.  
  147. {
  148. text-overflow: ellipsis;
  149. overflow: hidden;
  150. }
  151.  
  152. h2#content-main-heading
  153.  
  154. {
  155. font-size: 21px !important;
  156. }
  157.  
  158. .module .flex-module:first-child
  159.  
  160. {
  161. border-radius:7px 7px 0px 0px;
  162. }
  163.  
  164. .module .flex-module:last-child
  165.  
  166. {
  167. border-bottom-right-radius: 8px;
  168. border-bottom-left-radius: 8px;
  169. }
  170.  
  171. .module .flex-module
  172.  
  173. {
  174. background: #F7F4F2;
  175. border-color: #D9D4D2;
  176. }
  177.  
  178. .CurrentMatches.CurrentMatches--withBackground.module.js-matchesModule
  179.  
  180. {
  181. border-color: #D9D4D2;
  182. }
  183.  
  184. .footer
  185.  
  186. {
  187. border: 1px solid #D9D4D2;
  188. border-radius: 3px;
  189. }
  190.  
  191. .content-header .header-inner
  192.  
  193. {
  194. background: #F0EEE9;
  195.  
  196. }
  197.  
  198. /* MARGIN and padding timelines */
  199.  
  200. .AppContent, #page-container.wrapper.wrapper-discover.white
  201.  
  202. {
  203. margin-top: 7px;
  204. }
  205.  
  206. .ProfilePage .AppContent
  207.  
  208. {
  209. margin-top: 0px;
  210. }
  211.  
  212. #content-main-heading.js-timeline-title, .content-header .header-inner
  213.  
  214. {
  215. padding-left:20px;
  216. padding-right:20px;
  217. }
  218.  
  219. .dashboard
  220.  
  221. {
  222. margin-left: -2px;
  223. }
  224.  
  225. .content-main
  226.  
  227. {
  228. margin-right:-2px;
  229. }
  230.  
  231. .dashboard.dashboard-right
  232.  
  233. {
  234. margin-left: 0px;
  235. margin-right: -12px;
  236. width:205px;
  237. }
  238.  
  239. /* CLOSE BUTTON module, conversation collapse button, etc */
  240.  
  241. .account-summary .dismiss
  242.  
  243. {
  244. color: #6A8EA8;
  245. padding: 17px;
  246. margin: -17px;
  247. outline: none !important;
  248. }
  249.  
  250. .account-summary .dismiss:hover
  251.  
  252. {
  253. color:red;
  254. text-shadow: white 0px 0px 5px;
  255. }
  256.  
  257. .conversation-collapse-btn
  258.  
  259. {
  260. color: #128ADE;
  261. outline:none !important;
  262. }
  263.  
  264. .conversation-collapse-btn:hover
  265.  
  266. {
  267. color: red;
  268. }
  269.  
  270. .save-search-btn
  271.  
  272. {
  273. background: #F5F3F0;
  274. padding: 6px 11px 5px 11px;
  275. border-radius:4px;
  276. border: 1px solid #E3DEDA;
  277. box-shadow: inset white 0px 0px 1px;
  278. }
  279.  
  280. .save-search-btn:hover
  281.  
  282. {
  283. background: #fff;
  284.  
  285. border-color: #D1D1D1;
  286. border-bottom-width: 2px;
  287. margin-bottom: -1px;
  288. }
  289.  
  290. /* BORDERS stream and stream modules */
  291.  
  292. .login-responsive .mobile
  293.  
  294. {
  295. border-radius:6px;
  296. }
  297.  
  298. .topbar
  299.  
  300. {
  301. border-bottom-color: transparent!important;
  302. }
  303.  
  304. .before-module .tweet, .content-main .expansion-container > li:last-child .tweet
  305.  
  306. {
  307. border-bottom-color: white !important;
  308. }
  309.  
  310. .stream-item-activity-me
  311.  
  312. {
  313. border:none !important;
  314. }
  315.  
  316. .content-main .expansion-container > li:last-child .tweet, .content-main .expansion-container > .original-tweet-container
  317.  
  318. {
  319. border-bottom-color: transparent;
  320. }
  321.  
  322. .content-main .stream-items > .stream-item + .stream-item .expansion-container > li:last-child:first-child .tweet:first-child:last-child
  323.  
  324. {
  325. border-bottom-color: transparent !important;
  326. }
  327.  
  328. /*
  329.  
  330. .before-expanded.after-expanded .tweet, .after-expanded .tweet, .before-expanded .tweet
  331.  
  332. {
  333. border-radius: 6px;
  334. }
  335.  
  336.  
  337.  
  338. .stream-media-items + .stream-item .tweet:hover
  339.  
  340. {
  341. border-radius: 6px !important;
  342. }
  343.  
  344. */
  345.  
  346.  
  347. /* POSSIBLE PROBLEM
  348.  
  349. .js-stream-item.stream-item.stream-item.expanding-stream-item.semi-expanded.after-expanded.before-expanded,
  350. .js-stream-item.stream-item.stream-item.expanding-stream-item.after-expanded.before-expanded
  351.  
  352. {
  353. border: transparent !important;
  354. }
  355.  
  356. */
  357.  
  358.  
  359.  
  360.  
  361. .open .opened-tweet,
  362. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.opened-tweet,
  363. div.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website.with-social-proof,
  364. DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.with-social-proof.opened-tweet,
  365. DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website
  366.  
  367. {
  368. border-bottom: 1px solid #E1E8ED !important;
  369. }
  370.  
  371. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website.with-social-proof,
  372. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website,
  373. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website.with-social-proof.opened-tweet:hover,
  374. div.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website.with-social-proof:hover
  375.  
  376. {
  377. border-bottom: 1px solid #E1E8ED !important;
  378. border-bottom-left-radius:0px !important;
  379. border-bottom-right-radius:0px !important;
  380. }
  381.  
  382. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website.with-social-proof:hover,
  383. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-media-forward.auto-expanded.media-forward:hover,
  384. .js-stream-item.stream-item.stream-item.expanding-stream-item.before-expanded:hover
  385.  
  386. {
  387. border-bottom-left-radius:6px !important;
  388. border-bottom-right-radius:6px !important;
  389. }
  390.  
  391.  
  392. /*
  393.  
  394. #stream-items-id .with-social-proof
  395.  
  396. {
  397. border-radius: 0px 0px 6px 6px !important;
  398. }
  399.  
  400.  
  401. */
  402.  
  403. .stream-item.before-expanded
  404.  
  405. {
  406. border-bottom: 1px solid #CCCCD5 !important;
  407. }
  408.  
  409. DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-media-forward.auto-expanded.media-forward.with-social-proof:hover,
  410. DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-media-forward.auto-expanded.media-forward:hover,
  411. DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media
  412.  
  413. {
  414. border-bottom-left-radius:0px !important;
  415. border-bottom-right-radius:0px !important;
  416. }
  417.  
  418.  
  419.  
  420. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-media-forward.auto-expanded.media-forward:hover
  421.  
  422. {
  423. border-radius: 6px;
  424. }
  425.  
  426. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media
  427.  
  428. {
  429. border-radius: 6px 6px 0px 0px;
  430. }
  431.  
  432. .DashboardProfileCard-userFields
  433.  
  434. {
  435. padding-top:2px;
  436. }
  437.  
  438. .DashboardProfileCard-avatarLink
  439.  
  440. {
  441. padding: 3px 3px 0px 3px;
  442. background: #E1E2E8;
  443. border-radius: 4px;
  444. box-shadow: #8C8C8C 0px 2px 1px;
  445. }
  446.  
  447. .ProfileAvatar
  448.  
  449. {
  450. border-radius:11px;
  451. box-shadow: 0px 1px 2px -1px #B0B1B1;
  452. }
  453.  
  454. .DashboardProfileCard-bg
  455.  
  456. {
  457. border-width: 0px;
  458. border-color: grey;
  459. border-style: solid;
  460. }
  461.  
  462. #auto-close p, .content-inner.no-stream-end, .stream-end, .stream-item, .content-header, .stream-loading, .stream-item.open, .conversation-collapse-btn, .DashboardProfileCard,
  463. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.with-social-proof
  464. {
  465. border-color: #CCCCD5 !important;
  466. }
  467.  
  468. .WebToast.original-tweet
  469.  
  470. {
  471. border-color: #8FAFFF !important;
  472. box-shadow: #FFF 0px 0px 0px 2px, #FFF 0px 0px 0px 2px,#95969E 0px 1px 13px, #3F4254 0px 4px 22px 2px;
  473. border-radius: 4px;
  474. }
  475.  
  476. .content-header .header-inner
  477.  
  478. {
  479. border-color: #D3D3DB !important;
  480. }
  481.  
  482. .module .list-link
  483.  
  484. {
  485. border-color: #DCDDE6 #CCCCD5 #DCDDE6 #CCCCD5!important;
  486. }
  487.  
  488. .module ul:first-child li:first-child .list-link
  489.  
  490. {
  491. border-top-color: #CCCCD5 !important;
  492. }
  493.  
  494. .module ul:last-child li:last-child .list-link
  495.  
  496. {
  497. border-bottom-color: #CCCCD5 !important;
  498. }
  499.  
  500. .list-link {transition: all 0.17s ease-in-out; padding-left:16px !important; letter-spacing:0.2px !important; word-spacing: 0.5px;}
  501. .list-link:hover {background: white !important; color: #003AC2 !important; font-weight:bold; text-shadow: white 0px 0px 1px; text-decoration:underline !important;padding-left:35px !important; box-shadow: inset white 0px 0px 0px 1px;}
  502. .list-link:active, .list-link:focus {color:black !important; background:#FFF3D6 !important; text-decoration:underline !important; box-shadow:none;}
  503. .active .list-link {background:#E3E7FF !important;box-shadow: inset #EDEFFF 0px 0px 0px 1px;}
  504. .active .list-link:hover {background: #EBEBEB !important; letter-spacing:0.2px !important; padding-left:16px !important; cursor:help;color: #5E6280 !important; text-shadow: white 0px 1px 1px;}
  505.  
  506. /* COLOR BEHIND HEADER IMAGE - IMAGES - wood http://i.imgur.com/ls2aPtI.jpg */
  507.  
  508. .ProfileCanopy-header.u-bgUserColor
  509.  
  510. {
  511. background-color: #c6c6c6 !important;
  512. background-image: url('http://i.imgur.com/2UD91cD.jpg');
  513. }
  514.  
  515. .ProfileCanopy-header:before, .ProfileCanopy-headerBg, .ProfileCanopy-header.u-bgUserColor
  516.  
  517. {
  518. border-radius:0px 0px 8px 8px !important;
  519.  
  520. }
  521.  
  522. .DashboardProfileCard-bg.u-bgUserColor.u-block
  523.  
  524. {
  525. background-color: #c6c6c6 !important;
  526. }
  527.  
  528. .ProfileCanopy-headerBg img
  529.  
  530. {
  531. border-width: 0px !important;
  532. border-radius: 0px 0px 8px 8px !important;
  533. margin:auto auto auto -2px !important;
  534. width:101% !important;
  535. }
  536.  
  537. #page-container .u-bgUserColorHover:hover
  538.  
  539. {
  540. background: grey !important;
  541. }
  542.  
  543. .DashboardProfileCard-bg
  544.  
  545. {
  546. margin:0px;
  547. width:287px;
  548. }
  549.  
  550. .ProfileTweet-authorDetails
  551. {
  552. line-height: 16px !important;
  553. margin-bottom: 26px !important;
  554.  
  555. }
  556.  
  557. .ProfilePage .AppContent
  558. {
  559. background: none;
  560.  
  561. }
  562.  
  563. .ProfileCanopy-navBar
  564.  
  565. {
  566. background: none;
  567.  
  568. }
  569.  
  570. .ProfileNav-item--userActions
  571. {
  572. background: none;
  573. }
  574.  
  575. .ProfilePopupContainer .profile-header .profile-header-inner
  576.  
  577. {
  578. border-radius: 0px !important;
  579. }
  580.  
  581. #card-container
  582.  
  583. {
  584. background: white;
  585. }
  586.  
  587. /* PROFILE TWEETS */
  588.  
  589. .ProfileTweet
  590. {
  591. transition: all 0.5s ease-in-out;
  592. border-color: #C5CFD7;
  593. border-style: solid;
  594. border-width: 1px 1px 2px 1px;
  595. border-radius: 3px 3px 5px 5px !important;
  596. margin: 5px 0 5px 0 !important;
  597. width:108% !important;
  598. }
  599.  
  600. .ProfileTweet:hover
  601. {
  602. border-color:#A8A7B5;
  603. box-shadow:#A5A4B3 0px 1px 7px;
  604. }
  605.  
  606.  
  607. .StreamToggler
  608. {
  609. border: none;
  610. padding-bottom:4px;
  611. }
  612.  
  613. .Container
  614. {
  615. background: white;
  616. }
  617.  
  618. #widget
  619.  
  620. {
  621. background:none;
  622. }
  623.  
  624. .ProfileCard
  625.  
  626. {
  627. border: 1px solid #B7BDC9;
  628. background-color: #FFF2E3;
  629. border-radius: 5px 5px 10px 10px;
  630. border-bottom-width:2px;
  631. margin-bottom:6px;
  632. margin-right:0px;
  633. box-shadow: inset white 0px 0px 0px 1px;
  634. }
  635.  
  636. .ProfileCard-bg.js-nav
  637.  
  638. {
  639. background: #C0C4CF;
  640. border: 1px solid #fff;
  641. }
  642.  
  643. /* PAGE WIDTH FOR PROFILE PAGE - then top nav header etc */
  644.  
  645. .ProfilePage, .EventPage
  646.  
  647. {
  648. min-width:900px !important;
  649. max-width:998px !important;
  650. margin: 0 auto auto auto;
  651. }
  652.  
  653. .EventPage .AppContent
  654.  
  655. {
  656. margin-top: -1px;
  657. }
  658.  
  659. .global-nav-inner
  660.  
  661. {
  662. background: none repeat scroll 0% 0% #F0ECE1;
  663. box-shadow: inset white 0px 0px 4px 0px, rgba(34, 34, 34, 0.2) 0px 0px 20px;
  664. }
  665.  
  666. A.StreamToggler-link.u-textUserColor.js-nav
  667. {
  668. margin-top:5px;
  669. }
  670.  
  671. /* TWEETS - TWEETS AND REPLIES */
  672.  
  673. .ProfileHeading-toggleItem
  674. {
  675. margin-right: 15px !important;
  676. }
  677.  
  678. .ProfileHeading-toggleItem.is-active
  679.  
  680. {
  681. border-bottom: 3px solid #CFCFCF;
  682. border-radius: 20px 22px 4px 19px;
  683. background: #EDEDED;
  684. padding: 15px 17px 15px 17px;
  685. margin-right: 15px;
  686. margin-bottom:10px !important;
  687. transition: all 0.3s ease-in-out;
  688. }
  689.  
  690. .ProfileHeading-toggleItem.is-active:hover
  691.  
  692. {
  693. border-radius: 22px 20px 19px 4px;
  694. color:#514970;
  695. }
  696.  
  697. .ProfileHeading-title
  698.  
  699. {
  700. margin: 13px 0px 16px 0px;
  701. }
  702.  
  703.  
  704. .ProfileHeading-content
  705.  
  706. {
  707. background:none !important;
  708. border:none;
  709. }
  710.  
  711. A.ProfileHeading-toggleLink.js-nav
  712.  
  713. {
  714. padding:10px 2px 10px 2px;
  715. }
  716.  
  717. A.ProfileHeading-toggleLink.js-nav:hover
  718.  
  719. {
  720. color:darkblue;
  721. text-decoration: none;
  722. }
  723.  
  724. .ProfileHeading-toggleItem.u-textUserColor.js-nav, .ProfileHeading-toggleItem.u-textUserColor
  725.  
  726. {
  727. transition: all 0.2s ease-in-out;
  728. padding: 15px;
  729. border-radius: 13px 17px 4px 13px;
  730. margin: 3px 5px 7px 0px;
  731. border-bottom: 3px solid transparent;
  732. }
  733.  
  734. .ProfileHeading-toggleItem.u-textUserColor.js-nav:hover, .ProfileHeading-toggleItem.u-textUserColor:hover
  735.  
  736. {
  737. background: #FFFBE3;
  738. color:darkblue !important;
  739. box-shadow: inset white 0px 0px 1px, lightgrey 0px 2px 8px;
  740. border-bottom: 3px solid #B1AEBD;
  741. }
  742.  
  743.  
  744. .ProfileHeading-toggleItem.u-textUserColor.js-nav:active, .ProfileHeading-toggleItem.u-textUserColor:active
  745.  
  746. {
  747. background: #FFE2B3;
  748. border-bottom: 3px solid orange;
  749. text-decoration: underline;
  750. }
  751.  
  752. .ProfileHeading-toggleItem.u-textUserColor.js-nav:focus, .ProfileHeading-toggleItem.u-textUserColor:focus
  753.  
  754. {
  755. background: #FFE2B3;
  756. border-bottom: 3px solid orange;
  757. }
  758.  
  759. .ProfileNav-item.is-active .ProfileNav-stat, .ProfileNav-stat:hover, .ProfileNav-stat:focus
  760.  
  761. {
  762. border-radius: 0px;
  763. background: #fff;
  764. }
  765.  
  766. #global-actions A.js-nav:hover
  767.  
  768. {
  769. background: #EBF4FF;
  770. box-shadow: inset #fff 0px 0px 0px 1px;
  771. }
  772.  
  773. .ProfileNav-stat--link:hover, .ProfileNav-stat--link:focus
  774.  
  775. {
  776. background: #EBF4FF;
  777. box-shadow: inset #fff 0px 0px 0px 1px;
  778. }
  779.  
  780. .ProfileNav-stat--moreLink:hover, .ProfileNav-stat--moreLink:focus
  781.  
  782. {
  783. margin-top: 7px;
  784. padding-top:7px;
  785. background:#FFFBE3;
  786. border-radius: 15px !important;
  787. }
  788.  
  789. A.ProfileHeaderCard-nameLink.u-textInheritColor.js-nav:hover
  790.  
  791. {
  792. background:none;
  793. color:grey !important;
  794. transition: all 0.5s ease-in-out;
  795. box-shadow:none !important;
  796. }
  797.  
  798. .GridTimeline-footerIcon
  799.  
  800. {
  801. background-color: #F5F8FA;
  802. padding: 8px 5px 2px 14px;
  803. border-radius: 20px;
  804. }
  805.  
  806. .GridTimeline-footer:before
  807.  
  808. {
  809. background:none;
  810. }
  811.  
  812. .btn:hover
  813.  
  814. {
  815. box-shadow: white 0px 0px 1px 0px;
  816. }
  817.  
  818. .btn:focus
  819.  
  820. {
  821. box-shadow: none;
  822. }
  823.  
  824. .edit-button.btn
  825.  
  826. {
  827. border-color: #C2E2FF;
  828. }
  829.  
  830. #global-new-tweet-button:hover
  831.  
  832. {
  833. border: 1px solid transparent !important;
  834. border-radius:2px;
  835. }
  836.  
  837. .tweet-btn:hover, .tweet-btn:active, .tweet-btn.active
  838.  
  839. {
  840. border:1px solid transparent !important;
  841. }
  842.  
  843. .btn:hover, .follow-combo.open .btn-user-actions, .dropdown.open .user-dropdown
  844.  
  845. {
  846. border-color: #8FD0FF;
  847. }
  848.  
  849. A.js-nav.js-initial-focus
  850.  
  851. {
  852. background:none;
  853. }
  854.  
  855. .btn.primary-btn.retweet-action:focus
  856.  
  857. {
  858. box-shadow: inset #DEF9FF 0px 0px 0px 2px;
  859. border-radius:3px !important;
  860. }
  861.  
  862. .btn.primary-btn.retweet-action
  863.  
  864. {
  865. border: 1px solid #467EE0 !important;
  866. box-shadow: inset white 0px 0px 0px 1px;
  867. border-radius: 2px;
  868. transition: all 0.1s ease-in-out;
  869. letter-spacing: 0.1px;
  870. }
  871.  
  872. .btn.primary-btn.retweet-action:hover:focus, .btn.primary-btn.retweet-action:hover
  873.  
  874. {
  875. border:1px solid #3F72D1 !important;
  876. border-radius: 3px;
  877. box-shadow: inset white 0px 0px 1px;
  878. }
  879.  
  880. A.account-group.js-account-group.js-action-profile.js-user-profile-link.js-nav
  881.  
  882. {
  883. background:none !important;
  884. }
  885.  
  886. .u-bgUserColorLightest
  887.  
  888. {
  889. background: #F5EEE4 !important;
  890. border-color:#CCCCCC !important;
  891. box-shadow: inset #F5EEE4 0px 0px 12px 13px;
  892. }
  893.  
  894. #page-container .content:hover
  895.  
  896. {
  897. background: none !important;
  898. }
  899.  
  900. /* EVENTS */
  901.  
  902. .CurrentMatches .MatchItem
  903.  
  904. {
  905. padding-left: 8px;
  906. border-radius: 7px;
  907. }
  908.  
  909. .EventCanopy-addHeaderCallout
  910.  
  911. {
  912. font-style:italic;
  913. font-family:courier;
  914. font-size:56px;
  915. text-shadow: 0px 1px 2px #000, 0px 0px 8px grey, 0px 1px 4px grey;
  916. }
  917.  
  918. .EventPage .new-tweets-bar
  919.  
  920. {
  921. width:108%;
  922. border-right: 1px solid;
  923. border-bottom: 1px solid;
  924. border-top: 1px solid;
  925. background: #F2F0E9;
  926. box-shadow: inset white 0px 0px 0px 1px;
  927. color:#8C0606;
  928. }
  929.  
  930. .EventPage .new-tweets-bar:hover
  931.  
  932. {
  933. background: #E6F7E7;
  934. color: #0014AB;
  935. text-decoration:underline;
  936. }
  937.  
  938. .EventPage .new-tweets-bar:active
  939.  
  940. {
  941. background: #FFE8ED;
  942. color: #D6004E;
  943. text-decoration:none;
  944. }
  945.  
  946. .MatchItem
  947.  
  948. {
  949. border: 1px solid transparent;
  950. }
  951.  
  952. .MatchItem:hover
  953.  
  954. {
  955. border-color: #D9D4D2;
  956. }
  957.  
  958. #dashboard-matches .MatchItem:hover
  959.  
  960. {
  961. border-color:transparent;
  962. }
  963.  
  964. /* NEW TWEET BAR - NUMBER OF NEW TWEETS - 10etc new Tweets - notifications too color:CC0003 bg:F5F2EB border:E0E0E0 / FFF3E3 FFF3DE E3E0DA */
  965.  
  966.  
  967. .new-tweets-bar
  968.  
  969. {
  970. font-size: 13pt;
  971. font-weight: bold;
  972. word-spacing:5.4px;
  973. letter-spacing:1.1px;
  974. background: #E0DDD7;
  975. padding: 14px 0px 13px 0px;
  976. border-color: #d1d1d1 !important;
  977. font-family:arial;
  978. text-shadow: white 0px 0px 1px;
  979. transition: all 0.05s ease-in-out;
  980. color: #B30003;
  981. font-style:italic;
  982. }
  983.  
  984. .new-tweets-bar:hover
  985.  
  986. {
  987. background: #BBEDCA;
  988. border-color: #ABD9B9;
  989. color: #001866;
  990. }
  991.  
  992. .new-tweets-bar:active
  993.  
  994. {
  995. background: #FFE4A8;
  996. border-color: #EDCA9A;
  997. color: #470024;
  998. }
  999.  
  1000. .stream
  1001.  
  1002. {
  1003. box-shadow: #BFBFBF 0px 60px 30px -40px;
  1004. }
  1005.  
  1006. /* COG DROP and Menu drop */
  1007.  
  1008. .dropdown-menu
  1009.  
  1010. {
  1011. border: 1px solid #8B96B3;
  1012. border-radius: 8px 8px 6px 6px !important;
  1013. padding:14px 10px 17px 10px;
  1014. box-shadow: #565963 0px 6px 16px -3px;
  1015. }
  1016.  
  1017. BUTTON.dropdown-link, .LI.typeahead-item.typeahead-saved-search-item.selected, .typeahead-saved-search-item, .dropdown-menu li > a, .typeahead-items li:hover, .dropdown-menu li:hover, .dropdown-menu li > a:focus, li.typeahead-item.typeahead-saved-search-item:hover, LI.typeahead-item.typeahead-saved-search-item.selected:hover, .typeahead-items li, .typeahead-items:hover
  1018.  
  1019. {
  1020. border-radius: 4px !important;
  1021. }
  1022.  
  1023. .small-user-dropdown
  1024.  
  1025. {
  1026. margin-right:-1px !important;
  1027. padding: 0 0px 0 5px !important;
  1028. }
  1029.  
  1030. .small-user-dropdown:hover
  1031.  
  1032. {
  1033. background: #C2FFE9 !important;
  1034. border-radius:2px !important;
  1035. }
  1036.  
  1037. .UserActions .user-dropdown
  1038.  
  1039. {
  1040. color: #2D648F;
  1041. transition: all 0.2s ease-in-out;
  1042. margin: 1px 11px 0px 0px;
  1043. padding: 0 3px 0 8px;
  1044. border: 1px solid transparent;
  1045. }
  1046.  
  1047. .UserActions .user-dropdown:hover
  1048.  
  1049. {
  1050. color: #CF003B;
  1051. background:#FFF9CF;
  1052. box-shadow: #A3A3A3 0px 0px 1px 0px, lightgrey 0px 0px 1px 0px;
  1053. }
  1054.  
  1055. .ProfileSidebar .Footer-item, .ProfileSidebar .Footer-link
  1056. {
  1057. color: #3B3F63;
  1058. }
  1059.  
  1060. .ProfileClusterFollow
  1061.  
  1062. {
  1063. background:none;
  1064. border:none;
  1065. outline: none !important;
  1066. }
  1067.  
  1068. .ProfileClusterFollow-closeButton
  1069.  
  1070. {
  1071. padding:8px 18px 8px 18px;
  1072. margin-top: -11px;
  1073. border-radius: 5px;
  1074. background: white;
  1075. border:1px solid #B0B7D6;
  1076. outline: none !important;
  1077. text-shadow: white 0px 0px 2px;
  1078. }
  1079.  
  1080. .ProfileClusterFollow-closeButton:hover
  1081.  
  1082. {
  1083. background: #B0FFDB;
  1084. box-shadow:#BCD1CE 0px 2px 4px;
  1085. border-color: #9297AD;
  1086. outline: none !important;
  1087. }
  1088.  
  1089. .ProfileClusterFollow-header
  1090.  
  1091. {
  1092. padding: 0px 33px 0px 0px;
  1093. }
  1094.  
  1095. .primary-btn:hover
  1096.  
  1097. {
  1098. border-color: transparent !important;
  1099. }
  1100.  
  1101. .primary-btn:active
  1102.  
  1103. {
  1104. background: #A797BF;
  1105. }
  1106.  
  1107. .primary-btn.retweet-action:focus
  1108.  
  1109. {
  1110. box-shadow: inset blue 0px 0px 1px 0px;
  1111. }
  1112.  
  1113. .related li
  1114.  
  1115. {
  1116. border: 1px solid #CECECE;
  1117. border-radius: 8px;
  1118. background: white;
  1119. }
  1120.  
  1121. /* LOGGED OUT STYLE */
  1122.  
  1123. .tweet.permalink-tweet
  1124.  
  1125. {
  1126. border-radius: 5px;
  1127. }
  1128.  
  1129. .module.signup-call-out.js-signup-call-out
  1130.  
  1131. {
  1132. border: 1px solid #CCCCD5;
  1133. }
  1134.  
  1135. /* SORRY NO EXIST */
  1136.  
  1137. h1
  1138.  
  1139. {
  1140. color: #4069CC;
  1141. text-shadow: none;
  1142. }
  1143.  
  1144. p, label
  1145.  
  1146. {
  1147. color: #292F33;
  1148. text-shadow: none;
  1149. }
  1150.  
  1151. .footer li, .footer a
  1152.  
  1153. {
  1154. color: #5E79B1;
  1155. text-shadow: white 0px 0px 3px;
  1156. }
  1157.  
  1158. /* SIGN IN PAGE */
  1159.  
  1160. .copyright, .front-container .footer, .front-container .footer a
  1161.  
  1162. {
  1163. color: #64667D !important;
  1164. font-size: 10pt;
  1165. }
  1166.  
  1167. .footer a:hover
  1168.  
  1169. {
  1170. color: blue !important;
  1171. }
  1172.  
  1173. .footer.inline-list
  1174.  
  1175. {
  1176. margin-bottom: -20px;
  1177. border: none !important;
  1178. }
  1179.  
  1180. .footer
  1181.  
  1182. {
  1183. border-radius:8px !important;
  1184. }
  1185.  
  1186. .front-welcome
  1187.  
  1188. {
  1189. margin-left:-10px;
  1190. }
  1191.  
  1192. .front-signup, .front-signin
  1193.  
  1194. {
  1195. margin-left: 10px;
  1196. box-shadow: #BBBEC9 0px 2px 13px 1px !important;
  1197. }
  1198.  
  1199. /* COOKIE NOTICE BS Promoted Tweets*/
  1200.  
  1201.  
  1202. /*
  1203.  
  1204. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website, .promoted-tweet,
  1205. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet
  1206.  
  1207.  
  1208. {
  1209. font-size:0px !important;
  1210. overflow:hidden !important;
  1211. text-overflow: clip !important;
  1212. border-width: 1px 0px 1px 0px !important;
  1213. box-shadow:#E3E3E3 0px -1px 0px 2px !important;
  1214. line-height:0px;
  1215. min-height:0px;
  1216. padding:0px;
  1217. max-height: 0px;
  1218.  
  1219. }
  1220.  
  1221.  
  1222. */
  1223.  
  1224. li.promoted-trend
  1225.  
  1226. {
  1227. display: none;
  1228. }
  1229.  
  1230. div.promoted-account
  1231.  
  1232. {
  1233. display: none;
  1234. }
  1235.  
  1236. .eu-cookie-notice
  1237.  
  1238. {
  1239. visibility: hidden;
  1240. display: none;
  1241. height: 0px;
  1242. }
  1243.  
  1244.  
  1245. }
  1246.  
  1247. /* include this too so you are sure you have not missed anything, the end. */
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!