Advertisement
SingularityUtopia

Prior to 6th August 2014 Twitter Easy Eye

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