Advertisement
SingularityUtopia

Twitter Easy Eye Stylish backup before 3rd July 2014

Jul 3rd, 2014
351
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.23 KB | None | 0 0
  1. Here is my old Twitter userstyle just before 3 July 2014 update.
  2. See the current style 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: 19th June 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 1px 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. }
  288.  
  289. /* BORDERS stream and stream modules */
  290.  
  291. .login-responsive .mobile
  292.  
  293. {
  294. border-radius:6px;
  295. }
  296.  
  297. .topbar
  298.  
  299. {
  300. border-bottom-color: transparent!important;
  301. }
  302.  
  303. .before-module .tweet, .content-main .expansion-container > li:last-child .tweet
  304.  
  305. {
  306. border-bottom-color: white !important;
  307. }
  308.  
  309. .stream-item-activity-me
  310.  
  311. {
  312. border:none !important;
  313. }
  314.  
  315. .content-main .expansion-container > li:last-child .tweet, .content-main .expansion-container > .original-tweet-container
  316.  
  317. {
  318. border-bottom-color: transparent;
  319. }
  320.  
  321. .content-main .stream-items > .stream-item + .stream-item .expansion-container > li:last-child:first-child .tweet:first-child:last-child
  322.  
  323. {
  324. border-bottom-color: transparent !important;
  325. }
  326.  
  327. /*
  328.  
  329. .before-expanded.after-expanded .tweet, .after-expanded .tweet, .before-expanded .tweet
  330.  
  331. {
  332. border-radius: 6px;
  333. }
  334.  
  335.  
  336.  
  337. .stream-media-items + .stream-item .tweet:hover
  338.  
  339. {
  340. border-radius: 6px !important;
  341. }
  342.  
  343. */
  344.  
  345.  
  346. /* POSSIBLE PROBLEM
  347.  
  348. .js-stream-item.stream-item.stream-item.expanding-stream-item.semi-expanded.after-expanded.before-expanded,
  349. .js-stream-item.stream-item.stream-item.expanding-stream-item.after-expanded.before-expanded
  350.  
  351. {
  352. border: transparent !important;
  353. }
  354.  
  355. */
  356.  
  357.  
  358.  
  359.  
  360. .open .opened-tweet,
  361. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.opened-tweet
  362.  
  363. {
  364. border-bottom: 1px solid #E1E8ED !important;
  365. }
  366.  
  367. /*
  368.  
  369. #stream-items-id DIV.tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media.with-social-proof
  370.  
  371. {
  372. border-radius: 0px 0px 6px 6px !important;
  373. }
  374.  
  375.  
  376. */
  377.  
  378. .stream-item.before-expanded
  379.  
  380. {
  381. border-bottom: 1px solid #CCCCD5 !important;
  382. }
  383.  
  384. 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,
  385. 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
  386.  
  387. {
  388. border-bottom-left-radius:0px !important;
  389. border-bottom-right-radius:0px !important;
  390. }
  391.  
  392.  
  393.  
  394. .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
  395.  
  396. {
  397. border-radius: 6px;
  398. }
  399.  
  400. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.has-cards.has-native-media
  401.  
  402. {
  403. border-radius: 6px 6px 0px 0px;
  404. }
  405.  
  406. .DashboardProfileCard-userFields
  407.  
  408. {
  409. padding-top:2px;
  410. }
  411.  
  412. .DashboardProfileCard-avatarLink
  413.  
  414. {
  415. padding: 3px 3px 0px 3px;
  416. background: #E1E2E8;
  417. border-radius: 4px;
  418. box-shadow: #8C8C8C 0px 2px 2px;
  419. }
  420.  
  421. .DashboardProfileCard-bg
  422.  
  423. {
  424. border-width: 0px;
  425. border-color: grey;
  426. border-style: solid;
  427. }
  428.  
  429. #auto-close p, .content-inner.no-stream-end, .stream-end, .stream-item, .content-header, .stream-loading, .stream-item.open, .conversation-collapse-btn, .DashboardProfileCard
  430.  
  431. {
  432. border-color: #CCCCD5 !important;
  433. }
  434.  
  435. .WebToast.original-tweet
  436.  
  437. {
  438. border-color: #8FAFFF !important;
  439. box-shadow: #FFF 0px 0px 0px 2px, #FFF 0px 0px 0px 2px,#95969E 0px 1px 13px, #3F4254 0px 4px 22px 2px;
  440. border-radius: 4px;
  441. }
  442.  
  443. .content-header .header-inner
  444.  
  445. {
  446. border-color: #D3D3DB !important;
  447. }
  448.  
  449. .module .list-link
  450.  
  451. {
  452. border-color: #DCDDE6 #CCCCD5 #DCDDE6 #CCCCD5!important;
  453. }
  454.  
  455. .module ul:first-child li:first-child .list-link
  456.  
  457. {
  458. border-top-color: #CCCCD5 !important;
  459. }
  460.  
  461. .module ul:last-child li:last-child .list-link
  462.  
  463. {
  464. border-bottom-color: #CCCCD5 !important;
  465. }
  466.  
  467. .list-link {transition: all 0.17s ease-in-out; padding-left:16px !important; letter-spacing:0.2px !important; word-spacing: 0.5px;}
  468. .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;}
  469. .list-link:active, .list-link:focus {color:black !important; background:#FFF3D6 !important; text-decoration:underline !important; box-shadow:none;}
  470. .active .list-link {background:#E3E7FF !important;box-shadow: inset #EDEFFF 0px 0px 0px 1px;}
  471. .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;}
  472.  
  473. /* COLOR BEHIND HEADER IMAGE - IMAGES - wood http://i.imgur.com/ls2aPtI.jpg */
  474.  
  475. .ProfileCanopy-header.u-bgUserColor
  476.  
  477. {
  478. background-color: #c6c6c6 !important;
  479. background-image: url('http://i.imgur.com/2UD91cD.jpg');
  480. }
  481.  
  482. .DashboardProfileCard-bg.u-bgUserColor.u-block
  483.  
  484. {
  485. background-color: #c6c6c6 !important;
  486. }
  487.  
  488. #page-container .u-bgUserColorHover:hover
  489.  
  490. {
  491. background: grey !important;
  492. }
  493.  
  494. .DashboardProfileCard-bg
  495.  
  496. {
  497. margin:0px;
  498. width:287px;
  499. }
  500.  
  501. .ProfileTweet-authorDetails
  502. {
  503. line-height: 16px !important;
  504. margin-bottom: 26px !important;
  505.  
  506. }
  507.  
  508. .ProfilePage .AppContent
  509. {
  510. background: none;
  511.  
  512. }
  513.  
  514. .ProfileCanopy-navBar
  515.  
  516. {
  517. background: none;
  518.  
  519. }
  520.  
  521. .ProfileNav-item--userActions
  522. {
  523. background: none;
  524. }
  525.  
  526. .ProfilePopupContainer .profile-header .profile-header-inner
  527.  
  528. {
  529. border-radius: 0px !important;
  530. }
  531.  
  532. #card-container
  533.  
  534. {
  535. background: white;
  536. }
  537.  
  538. /* PROFILE TWEETS */
  539.  
  540. .ProfileTweet
  541. {
  542. transition: all 0.5s ease-in-out;
  543. border-color: #C5CFD7;
  544. border-style: solid;
  545. border-width: 1px 1px 2px 1px;
  546. border-radius: 3px 3px 5px 5px !important;
  547. margin: 5px 0 5px 0 !important;
  548. width:108% !important;
  549. }
  550.  
  551. .ProfileTweet:hover
  552. {
  553. border-color:#A8A7B5;
  554. box-shadow:#A5A4B3 0px 1px 7px;
  555. }
  556.  
  557.  
  558. .StreamToggler
  559. {
  560. border: none;
  561. padding-bottom:4px;
  562. }
  563.  
  564. .Container
  565. {
  566. background: white;
  567. }
  568.  
  569. #widget
  570.  
  571. {
  572. background:none;
  573. }
  574.  
  575. .ProfileCard
  576.  
  577. {
  578. border: 1px solid #B7BDC9;
  579. background-color: #FFF2E3;
  580. border-radius: 5px 5px 10px 10px;
  581. border-bottom-width:2px;
  582. margin-bottom:6px;
  583. margin-right:0px;
  584. box-shadow: inset white 0px 0px 0px 1px;
  585. }
  586.  
  587. .ProfileCard-bg.js-nav
  588.  
  589. {
  590. background: #C0C4CF;
  591. border: 1px solid #fff;
  592. }
  593.  
  594. /* PAGE WIDTH FOR PROFILE PAGE - then top nav header etc */
  595.  
  596. .ProfilePage, .EventPage
  597.  
  598. {
  599. min-width:900px !important;
  600. max-width:998px !important;
  601. margin: 0 auto auto auto;
  602. }
  603.  
  604. .global-nav-inner
  605.  
  606. {
  607. background: none repeat scroll 0% 0% #F0ECE1;
  608. box-shadow: inset white 0px 0px 4px 0px, rgba(34, 34, 34, 0.2) 0px 0px 20px;
  609. }
  610.  
  611. A.StreamToggler-link.u-textUserColor.js-nav
  612. {
  613. margin-top:5px;
  614. }
  615.  
  616. /* TWEETS - TWEETS AND REPLIES */
  617.  
  618. .ProfileHeading-toggleItem
  619. {
  620. margin-right: 15px !important;
  621. }
  622.  
  623. .ProfileHeading-toggleItem.is-active
  624.  
  625. {
  626. border-bottom: 3px solid #CFCFCF;
  627. border-radius: 20px 22px 4px 19px;
  628. background: #EDEDED;
  629. padding: 15px 17px 15px 17px;
  630. margin-right: 15px;
  631. margin-bottom:10px !important;
  632. transition: all 0.3s ease-in-out;
  633. }
  634.  
  635. .ProfileHeading-toggleItem.is-active:hover
  636.  
  637. {
  638. border-radius: 22px 20px 19px 4px;
  639. color:#514970;
  640. }
  641.  
  642. .ProfileHeading-title
  643.  
  644. {
  645. margin: 13px 0px 16px 0px;
  646. }
  647.  
  648.  
  649. .ProfileHeading-content
  650.  
  651. {
  652. background:none !important;
  653. border:none;
  654. }
  655.  
  656. A.ProfileHeading-toggleLink.js-nav
  657.  
  658. {
  659. padding:10px 2px 10px 2px;
  660. }
  661.  
  662. A.ProfileHeading-toggleLink.js-nav:hover
  663.  
  664. {
  665. color:darkblue;
  666. text-decoration: none;
  667. }
  668.  
  669. .ProfileHeading-toggleItem.u-textUserColor.js-nav, .ProfileHeading-toggleItem.u-textUserColor
  670.  
  671. {
  672. transition: all 0.2s ease-in-out;
  673. padding: 15px;
  674. border-radius: 13px 17px 4px 13px;
  675. margin: 3px 5px 7px 0px;
  676. border-bottom: 3px solid transparent;
  677. }
  678.  
  679. .ProfileHeading-toggleItem.u-textUserColor.js-nav:hover, .ProfileHeading-toggleItem.u-textUserColor:hover
  680.  
  681. {
  682. background: #FFFBE3;
  683. color:darkblue !important;
  684. box-shadow: inset white 0px 0px 1px, lightgrey 0px 2px 8px;
  685. border-bottom: 3px solid #B1AEBD;
  686. }
  687.  
  688.  
  689. .ProfileHeading-toggleItem.u-textUserColor.js-nav:active, .ProfileHeading-toggleItem.u-textUserColor:active
  690.  
  691. {
  692. background: #FFE2B3;
  693. border-bottom: 3px solid orange;
  694. text-decoration: underline;
  695. }
  696.  
  697. .ProfileHeading-toggleItem.u-textUserColor.js-nav:focus, .ProfileHeading-toggleItem.u-textUserColor:focus
  698.  
  699. {
  700. background: #FFE2B3;
  701. border-bottom: 3px solid orange;
  702. }
  703.  
  704. .ProfileNav-item.is-active .ProfileNav-stat, .ProfileNav-stat:hover, .ProfileNav-stat:focus
  705.  
  706. {
  707. border-radius: 0px;
  708. background: #fff;
  709. }
  710.  
  711. #global-actions A.js-nav:hover
  712.  
  713. {
  714. background: #EBF4FF;
  715. box-shadow: inset #fff 0px 0px 0px 1px;
  716. }
  717.  
  718. .ProfileNav-stat--link:hover, .ProfileNav-stat--link:focus
  719.  
  720. {
  721. background: #EBF4FF;
  722. box-shadow: inset #fff 0px 0px 0px 1px;
  723. }
  724.  
  725. .ProfileNav-stat--moreLink:hover, .ProfileNav-stat--moreLink:focus
  726.  
  727. {
  728. margin-top: 7px;
  729. padding-top:7px;
  730. background:#FFFBE3;
  731. border-radius: 15px !important;
  732. }
  733.  
  734. A.ProfileHeaderCard-nameLink.u-textInheritColor.js-nav:hover
  735.  
  736. {
  737. background:none;
  738. color:grey !important;
  739. transition: all 0.5s ease-in-out;
  740. box-shadow:none !important;
  741. }
  742.  
  743. .GridTimeline-footerIcon
  744.  
  745. {
  746. background-color: #F5F8FA;
  747. padding: 8px 5px 2px 14px;
  748. border-radius: 20px;
  749. }
  750.  
  751. .GridTimeline-footer:before
  752.  
  753. {
  754. background:none;
  755. }
  756.  
  757.  
  758. .ProfileCanopy-header.u-bgUserColor
  759.  
  760. {
  761. border-radius: 0px 0px 8px 8px !important;
  762. }
  763.  
  764. .btn:hover
  765.  
  766. {
  767. box-shadow: white 0px 0px 1px 0px;
  768. }
  769.  
  770. .btn:focus
  771.  
  772. {
  773. box-shadow: none;
  774. }
  775.  
  776. .edit-button.btn
  777.  
  778. {
  779. border-color: #C2E2FF;
  780. }
  781.  
  782. #global-new-tweet-button:hover
  783.  
  784. {
  785. border: 1px solid transparent !important;
  786. border-radius:2px;
  787. }
  788.  
  789. .tweet-btn:hover, .tweet-btn:active, .tweet-btn.active
  790.  
  791. {
  792. border:1px solid transparent !important;
  793. }
  794.  
  795. .btn:hover, .follow-combo.open .btn-user-actions, .dropdown.open .user-dropdown
  796.  
  797. {
  798. border-color: #8FD0FF;
  799. }
  800.  
  801. A.js-nav.js-initial-focus
  802.  
  803. {
  804. background:none;
  805. }
  806.  
  807. .btn.primary-btn.retweet-action:focus
  808.  
  809. {
  810. box-shadow: inset #DEF9FF 0px 0px 0px 2px;
  811. border-radius:3px !important;
  812. }
  813.  
  814. .btn.primary-btn.retweet-action
  815.  
  816. {
  817. border: 1px solid #467EE0 !important;
  818. box-shadow: inset white 0px 0px 0px 1px;
  819. border-radius: 2px;
  820. transition: all 0.1s ease-in-out;
  821. letter-spacing: 0.1px;
  822. }
  823.  
  824. .btn.primary-btn.retweet-action:hover:focus, .btn.primary-btn.retweet-action:hover
  825.  
  826. {
  827. border:1px solid #3F72D1 !important;
  828. border-radius: 3px;
  829. box-shadow: inset white 0px 0px 1px;
  830. }
  831.  
  832. A.account-group.js-account-group.js-action-profile.js-user-profile-link.js-nav
  833.  
  834. {
  835. background:none !important;
  836. }
  837.  
  838. .u-bgUserColorLightest
  839.  
  840. {
  841. background: #F5EEE4 !important;
  842. border-color:#CCCCCC !important;
  843. box-shadow: inset #F5EEE4 0px 0px 12px 13px;
  844. }
  845.  
  846. #page-container .content:hover
  847.  
  848. {
  849. background: none !important;
  850. }
  851.  
  852. /* EVENTS */
  853.  
  854. .CurrentMatches .MatchItem
  855.  
  856. {
  857. padding-left: 8px;
  858. border-radius: 7px;
  859. }
  860.  
  861. .EventCanopy-addHeaderCallout
  862.  
  863. {
  864. font-style:italic;
  865. font-family:courier;
  866. font-size:56px;
  867. text-shadow: 0px 1px 2px #000, 0px 0px 8px grey, 0px 1px 4px grey;
  868. }
  869.  
  870. .EventPage .new-tweets-bar
  871.  
  872. {
  873. width:108%;
  874. border-right: 1px solid;
  875. border-bottom: 1px solid;
  876. border-top: 1px solid;
  877. background: #F2F0E9;
  878. box-shadow: inset white 0px 0px 0px 1px;
  879. color:#8C0606;
  880. }
  881.  
  882. .EventPage .new-tweets-bar:hover
  883.  
  884. {
  885. background: #E6F7E7;
  886. color: #0014AB;
  887. text-decoration:underline;
  888. }
  889.  
  890. .EventPage .new-tweets-bar:active
  891.  
  892. {
  893. background: #FFE8ED;
  894. color: #D6004E;
  895. text-decoration:none;
  896. }
  897.  
  898. /* NEW TWEET BAR - NUMBER OF NEW TWEETS - 10etc new Tweets - notifications too color:CC0003 bg:F5F2EB border:E0E0E0 / FFF3E3 FFF3DE E3E0DA */
  899.  
  900.  
  901. .new-tweets-bar
  902.  
  903. {
  904. font-size: 13pt;
  905. font-weight: bold;
  906. word-spacing:5.4px;
  907. letter-spacing:1.1px;
  908. background: #E0DDD7;
  909. padding: 14px 0px 13px 0px;
  910. border-color: #d1d1d1 !important;
  911. font-family:arial;
  912. text-shadow: white 0px 0px 1px;
  913. transition: all 0.05s ease-in-out;
  914. color: #B30003;
  915. font-style:italic;
  916. }
  917.  
  918. .new-tweets-bar:hover
  919.  
  920. {
  921. background: #BBEDCA;
  922. border-color: #ABD9B9;
  923. color: #001866;
  924. }
  925.  
  926. .new-tweets-bar:active
  927.  
  928. {
  929. background: #FFE4A8;
  930. border-color: #EDCA9A;
  931. color: #470024;
  932. }
  933.  
  934. .stream
  935.  
  936. {
  937. box-shadow: #BFBFBF 0px 60px 30px -40px;
  938. }
  939.  
  940. /* COG DROP and Menu drop */
  941.  
  942. .dropdown-menu
  943.  
  944. {
  945. border: 1px solid #8B96B3;
  946. border-radius: 8px 8px 6px 6px !important;
  947. padding:14px 10px 17px 10px;
  948. box-shadow: #565963 0px 6px 16px -3px;
  949. }
  950.  
  951. 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
  952.  
  953. {
  954. border-radius: 4px !important;
  955. }
  956.  
  957. .small-user-dropdown
  958.  
  959. {
  960. margin-right:-1px !important;
  961. padding: 0 0px 0 5px !important;
  962. }
  963.  
  964. .small-user-dropdown:hover
  965.  
  966. {
  967. background: #C2FFE9 !important;
  968. border-radius:2px !important;
  969. }
  970.  
  971. .UserActions .user-dropdown
  972.  
  973. {
  974. color: #2D648F;
  975. transition: all 0.2s ease-in-out;
  976. margin: 1px 11px 0px 0px;
  977. padding: 0 3px 0 8px;
  978. border: 1px solid transparent;
  979. }
  980.  
  981. .UserActions .user-dropdown:hover
  982.  
  983. {
  984. color: #CF003B;
  985. background:#FFF9CF;
  986. box-shadow: #A3A3A3 0px 0px 1px 0px, lightgrey 0px 0px 1px 0px;
  987. }
  988.  
  989. .ProfileSidebar .Footer-item, .ProfileSidebar .Footer-link
  990. {
  991. color: #3B3F63;
  992. }
  993.  
  994. .ProfileClusterFollow
  995.  
  996. {
  997. background:none;
  998. border:none;
  999. outline: none !important;
  1000. }
  1001.  
  1002. .ProfileClusterFollow-closeButton
  1003.  
  1004. {
  1005. padding:8px 18px 8px 18px;
  1006. margin-top: -11px;
  1007. border-radius: 5px;
  1008. background: white;
  1009. border:1px solid #B0B7D6;
  1010. outline: none !important;
  1011. text-shadow: white 0px 0px 2px;
  1012. }
  1013.  
  1014. .ProfileClusterFollow-closeButton:hover
  1015.  
  1016. {
  1017. background: #B0FFDB;
  1018. box-shadow:#BCD1CE 0px 2px 4px;
  1019. border-color: #9297AD;
  1020. outline: none !important;
  1021. }
  1022.  
  1023. .ProfileClusterFollow-header
  1024.  
  1025. {
  1026. padding: 0px 33px 0px 0px;
  1027. }
  1028.  
  1029. .primary-btn:hover
  1030.  
  1031. {
  1032. border-color: transparent !important;
  1033. }
  1034.  
  1035. .primary-btn:active
  1036.  
  1037. {
  1038. background: #A797BF;
  1039. }
  1040.  
  1041. .primary-btn.retweet-action:focus
  1042.  
  1043. {
  1044. box-shadow: inset blue 0px 0px 1px 0px;
  1045. }
  1046.  
  1047. .related li
  1048.  
  1049. {
  1050. border: 1px solid #CECECE;
  1051. border-radius: 8px;
  1052. background: white;
  1053. }
  1054.  
  1055. /* LOGGED OUT STYLE */
  1056.  
  1057. .tweet.permalink-tweet
  1058.  
  1059. {
  1060. border-radius: 5px;
  1061. }
  1062.  
  1063. .module.signup-call-out.js-signup-call-out
  1064.  
  1065. {
  1066. border: 1px solid #CCCCD5;
  1067. }
  1068.  
  1069. /* SORRY NO EXIST */
  1070.  
  1071. h1
  1072.  
  1073. {
  1074. color: #4069CC;
  1075. text-shadow: none;
  1076. }
  1077.  
  1078. p, label
  1079.  
  1080. {
  1081. color: #292F33;
  1082. text-shadow: none;
  1083. }
  1084.  
  1085. .footer li, .footer a
  1086.  
  1087. {
  1088. color: #5E79B1;
  1089. text-shadow: white 0px 0px 3px;
  1090. }
  1091.  
  1092. /* SIGN IN PAGE */
  1093.  
  1094. .copyright, .front-container .footer, .front-container .footer a
  1095.  
  1096. {
  1097. color: #64667D !important;
  1098. font-size: 10pt;
  1099. }
  1100.  
  1101. .footer a:hover
  1102.  
  1103. {
  1104. color: blue !important;
  1105. }
  1106.  
  1107. .footer.inline-list
  1108.  
  1109. {
  1110. margin-bottom: -20px;
  1111. border: none !important;
  1112. }
  1113.  
  1114. .footer
  1115.  
  1116. {
  1117. border-radius:8px !important;
  1118. }
  1119.  
  1120. .front-welcome
  1121.  
  1122. {
  1123. margin-left:-10px;
  1124. }
  1125.  
  1126. .front-signup, .front-signin
  1127.  
  1128. {
  1129. margin-left: 10px;
  1130. box-shadow: #BBBEC9 0px 2px 13px 1px !important;
  1131. }
  1132.  
  1133. /* COOKIE NOTICE BS Promoted Tweets*/
  1134.  
  1135.  
  1136. /*
  1137.  
  1138. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet.has-cards.mf-website, .promoted-tweet,
  1139. .tweet.original-tweet.js-stream-tweet.js-actionable-tweet.js-profile-popup-actionable.js-original-tweet.promoted-tweet
  1140.  
  1141.  
  1142. {
  1143. font-size:0px !important;
  1144. overflow:hidden !important;
  1145. text-overflow: clip !important;
  1146. border-width: 1px 0px 1px 0px !important;
  1147. box-shadow:#E3E3E3 0px -1px 0px 2px !important;
  1148. line-height:0px;
  1149. min-height:0px;
  1150. padding:0px;
  1151. max-height: 0px;
  1152.  
  1153. }
  1154.  
  1155.  
  1156. */
  1157.  
  1158. li.promoted-trend
  1159.  
  1160. {
  1161. display: none;
  1162. }
  1163.  
  1164. div.promoted-account
  1165.  
  1166. {
  1167. display: none;
  1168. }
  1169.  
  1170. .eu-cookie-notice
  1171.  
  1172. {
  1173. visibility: hidden;
  1174. display: none;
  1175. height: 0px;
  1176. }
  1177.  
  1178.  
  1179. }
  1180.  
  1181. /* include this too so you are sure you have not missed anything, the end. */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement