Advertisement
Guest User

Untitled

a guest
Feb 6th, 2016
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 78.54 KB | None | 0 0
  1. @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300);
  2. ::-webkit-scrollbar
  3. {
  4. left: -100px;
  5. width: 12px !important;
  6. }
  7.  
  8. ::-webkit-scrollbar:horizontal
  9. {
  10. display: none;
  11. }
  12.  
  13. ::-webkit-scrollbar-thumb
  14. {
  15. background-color: #1b1d1f !important;
  16. border-radius: 0 !important;
  17. transition: all .3s ease-in-out;
  18. }
  19.  
  20. ::-webkit-scrollbar-thumb:hover
  21. {
  22. background-color: #0F1518 !important;
  23. }
  24.  
  25. ::-webkit-scrollbar-track
  26. {
  27. background-color: #17191B !important;
  28. border-left: 1px solid #17191b !important;
  29. }
  30.  
  31. body
  32. {
  33. background-image: radial-gradient(circle, #252424, #000000) !important;
  34. }
  35.  
  36. .js-login-form
  37. {
  38. font-weight: 600 !important;
  39. }
  40.  
  41. .app-signin-form
  42. {
  43. display: block;
  44. left: 35% !important;
  45. margin-left: auto;
  46. margin-right: auto;
  47. margin-top: 17%;
  48. right: initial !important;
  49. }
  50.  
  51. *
  52. {
  53. outline: 0 !important;
  54. }
  55.  
  56. .column-drag-handle
  57. {
  58. left: 0 !important;
  59. opacity: 0.1;
  60. top: 5px !important;
  61. }
  62.  
  63. .column-title,
  64. .column-title-back
  65. {
  66. font-weight: 400;
  67. text-transform: uppercase;
  68. }
  69.  
  70. .column-head-title
  71. {
  72. color: #ddd !important;
  73. float: left;
  74. font-size: 16px !important;
  75. font-weight: 600;
  76. }
  77.  
  78. .column-title .attribution
  79. {
  80. display: block;
  81. float: left;
  82. font-weight: 500 !important;
  83. margin-left: 5px;
  84. opacity: 0.3;
  85. overflow: hidden;
  86. }
  87.  
  88. .app-columns-container
  89. {
  90. background-color: #101010 !important;
  91. }
  92.  
  93. .js-column-content
  94. {
  95. background-color: #17191B !important;
  96. font-family: Arial, Verdana, sans-serif !important;
  97. }
  98.  
  99. .column-settings-link
  100. {
  101. opacity: 0.5;
  102. transition: all .3s ease-in-out;
  103. }
  104.  
  105. .is-options-open .column-settings-link,
  106. .column-settings-link:hover
  107. {
  108. opacity: 1.0;
  109. }
  110.  
  111. .js-column-options .txt-size--13,
  112. .js-column-options .txt-base-small,
  113. .js-search-filter .txt-base-small
  114. {
  115. font-size: 13px !important;
  116. font-weight: 500;
  117. text-transform: uppercase;
  118. }
  119.  
  120. .js-search-results-header .js-search-filter .facet-subtitle
  121. {
  122. padding-left: 18px !important;
  123. }
  124.  
  125. .js-search-results-header .js-search-filter *,
  126. .list-text,
  127. .prf-stats strong,
  128. .list-account strong,
  129. .icon-close,
  130. .js-accordion-item.js-account-settings-row b,
  131. .is-inverted-dark .accordion .icon-arrow-d,
  132. .list-twitter-list strong
  133. {
  134. color: #ddd !important;
  135. }
  136.  
  137. .js-column-options .facet-subtitle,
  138. .js-search-filter .facet-subtitle
  139. {
  140. color: #b1b1b1 !important;
  141. font-weight: 600;
  142. padding-top: 2px !important;
  143. text-transform: uppercase;
  144. }
  145.  
  146. .js-column-options .control-label,
  147. .js-search-filter .control-label
  148. {
  149. color: #999 !important;
  150. font-weight: 500 !important;
  151. text-align: left !important;
  152. text-transform: uppercase;
  153. width: 100% !important;
  154. }
  155.  
  156. .js-column-options .js-containing,
  157. .js-search-filter .js-containing
  158. {
  159. border-radius: 0;
  160. margin: 3px 0;
  161. width: 100% !important;
  162. }
  163.  
  164. .js-column-options .facet-type.is-expanded,
  165. .js-search-filter .facet-type.is-expanded,
  166. .js-search-results-container
  167. {
  168. background-color: #191919 !important;
  169. }
  170.  
  171. .js-column-options .accordion-panel
  172. {
  173. padding-left: 3px !important;
  174. }
  175.  
  176. .js-column-options .control-group
  177. {
  178. padding-bottom: 5px !important;
  179. }
  180.  
  181. .search-input-perform-search,
  182. .search-input-clear-search,
  183. .search-input-spinner
  184. {
  185. top: 20px !important;
  186. }
  187.  
  188. .js-column-options .control-s,
  189. .js-search-filter .control-s
  190. {
  191. padding-left: 5px !important;
  192. }
  193.  
  194. .js-column-options input
  195. {
  196. border-radius: 0 !important;
  197. }
  198.  
  199. .toggle-item
  200. {
  201. color: rgba(255, 255, 255, 0.46) !important;
  202. }
  203.  
  204. .js-column-options .facet-type-thumb-size .accordion-header
  205. {
  206. font-weight: 600;
  207. text-transform: uppercase;
  208. }
  209.  
  210. .startflow-panel-rounded
  211. {
  212. background-color: #333232 !important;
  213. border: 0 !important;
  214. border-radius: 0 !important;
  215. color: #fff !important;
  216. }
  217.  
  218. .js-login-form .form-legend
  219. {
  220. background-color: #2B2A2A;
  221. border-bottom: 0 !important;
  222. color: #fff !important;
  223. font-size: 15px !important;
  224. font-weight: 600;
  225. padding-bottom: 12px !important;
  226. text-align: center;
  227. text-transform: uppercase;
  228. }
  229.  
  230. .js-login-form .input-prepend,
  231. .form-login-pwd
  232. {
  233. width: 100%;
  234. }
  235.  
  236. .js-login-form .input-prepend input
  237. {
  238. border-radius: 0;
  239. width: 100% !important;
  240. }
  241.  
  242. .js-login-username,
  243. .js-login-password
  244. {
  245. background-color: #2b2a2a;
  246. border: 0 !important;
  247. border-radius: 0 !important;
  248. color: #fff;
  249. outline: 0 !important;
  250. width: 100% !important;
  251. }
  252.  
  253. .btn-positive:focus,
  254. .btn-positive-alt:focus,
  255. .btn-fav.s-favorited:focus,
  256. .s-following .follow-btn:focus,
  257. input:focus,
  258. select:focus,
  259. textarea:focus,
  260. .focus,
  261. .compose-header
  262. {
  263. border: 0 !important;
  264. box-shadow: none !important;
  265. }
  266.  
  267. .compose-header
  268. {
  269. background-color: #1B1D1F !important;
  270. margin-left: -16px !important;
  271. margin-right: -16px !important;
  272. }
  273.  
  274. .compose-header *
  275. {
  276. left: 16px !important;
  277. padding-right: 16px !important;
  278. }
  279.  
  280. .btn-login
  281. {
  282. background-color: #2B2A2A !important;
  283. border-radius: 0 !important;
  284. font-size: 14px !important;
  285. font-weight: 500;
  286. height: 35px !important;
  287. margin-bottom: 10px !important;
  288. text-transform: uppercase !important;
  289. width: 100% !important;
  290. }
  291.  
  292. .js-login-form .cf,
  293. .js-login-form .txt-regular
  294. {
  295. font-size: 11px;
  296. font-weight: 500;
  297. opacity: 0.5;
  298. text-align: center;
  299. text-transform: uppercase;
  300. transition: all .3s ease-in-out;
  301. }
  302.  
  303. .startflow-link
  304. {
  305. color: #fff !important;
  306. text-decoration: none !important;
  307. }
  308.  
  309. .js-login-form .txt-regular:hover,
  310. .js-login-forgot-password:hover
  311. {
  312. cursor: pointer;
  313. opacity: 1.0;
  314. }
  315.  
  316. .form-error-message
  317. {
  318. background-color: #2B2A2A !important;
  319. border-radius: 0 !important;
  320. }
  321.  
  322. .js-tweet-text
  323. {
  324. font-weight: 400;
  325. }
  326.  
  327. .nbfc
  328. {
  329. font-weight: 500;
  330. }
  331.  
  332. .column-options .button-tray
  333. {
  334. background-color: #191919 !important;
  335. border: 0;
  336. }
  337.  
  338. .btn-options-tray .icon
  339. {
  340. font-size: 12px !important;
  341. }
  342.  
  343. .btn-options-tray .label
  344. {
  345. font-weight: 600 !important;
  346. text-transform: uppercase;
  347. transition: all .3s ease !important;
  348. }
  349.  
  350. .btn-options-tray:hover,
  351. .btn-options-tray:focus
  352. {
  353. color: #fff !important;
  354. opacity: 0.4;
  355. }
  356.  
  357. .avatar,
  358. .compose-account.is-actionable,
  359. .prf-img
  360. {
  361. border-radius: 50% !important;
  362. }
  363.  
  364. .btn-compose,
  365. .app-search-input,
  366. .app-search-fake
  367. {
  368. background-color: #151515 !important;
  369. }
  370.  
  371. .column-title-back
  372. {
  373. color: #fff !important;
  374. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  375. transition: all .1s ease-in-out !important;
  376. }
  377.  
  378. .js-column-back i
  379. {
  380. font-size: 13px !important;
  381. top: 26px !important;
  382. }
  383.  
  384. .js-column-back .js-tooltip-target
  385. {
  386. font-weight: 600 !important;
  387. margin-left: -4px !important;
  388. }
  389.  
  390. .js-column-back .column-head-title
  391. {
  392. float: none !important;
  393. }
  394.  
  395. .js-column-state-detail-view .scroll-conversation,
  396. .tweet-detail-wrapper
  397. {
  398. background: #17191B !important;
  399. }
  400.  
  401. .js-column-state-detail-view .is-selected-tweet .scroll-conversation,
  402. .tweet-detail-wrapper .is-selected-tweet
  403. {
  404. background: rgb(35, 35, 39) !important;
  405. }
  406.  
  407. .js-detail-view-inline-text
  408. {
  409. background-color: #1e2023 !important;
  410. border: 0 !important;
  411. color: rgba(255, 255, 255, 0.69) !important;
  412. }
  413.  
  414. .activity-header img
  415. {
  416. border-radius: 50%;
  417. height: 48px !important;
  418. width: 48px !important;
  419. }
  420.  
  421. .avatar.pull-right.size24.margin-lm
  422. {
  423. height: 24px !important;
  424. width: 24px !important;
  425. }
  426.  
  427. .icon.pull-right.activity-indicator
  428. {
  429. background-color: rgba(27, 29, 31, 0.77);
  430. border-radius: 50%;
  431. font-size: 25px !important;
  432. height: 48px;
  433. line-height: 2em;
  434. margin-top: -48px;
  435. position: static;
  436. text-align: center;
  437. width: 48px;
  438. }
  439.  
  440. .activity-icon-aligned.icon.pull-right.activity-indicator
  441. {
  442. background-color: rgba(27, 29, 31, 0.77);
  443. border-radius: 50%;
  444. float: none !important;
  445. font-size: 25px !important;
  446. height: 48px;
  447. line-height: 2em;
  448. margin-top: 20px;
  449. position: absolute;
  450. text-align: center;
  451. width: 48px;
  452. }
  453.  
  454. .icon-small-context.pull-right
  455. {
  456. background-color: rgba(27, 29, 31, 0.77);
  457. border-radius: 50%;
  458. color: #19cf86;
  459. float: none !important;
  460. font-size: 25px !important;
  461. height: 48px;
  462. line-height: 2em;
  463. margin-top: 22px;
  464. position: absolute;
  465. text-align: center;
  466. width: 48px;
  467. }
  468.  
  469. .margin-ts
  470. {
  471. margin-top: -48px !important;
  472. }
  473.  
  474. .icon.pull-right.icon-list
  475. {
  476. background-color: rgba(27, 29, 31, 0.77);
  477. border-radius: 0;
  478. float: none !important;
  479. font-size: 16px !important;
  480. height: 0;
  481. margin-left: 0;
  482. margin-top: 4px !important;
  483. padding-left: 0 !important;
  484. padding-top: 0 !important;
  485. position: static;
  486. width: 0;
  487. }
  488.  
  489. .dropdown-menu
  490. {
  491. background-color: #2b2b2b !important;
  492. border: 0 !important;
  493. border-radius: 0 !important;
  494. padding: 0 !important;
  495. }
  496.  
  497. .caret
  498. {
  499. border-bottom: #767676 !important;
  500. }
  501.  
  502. .drp-h-divider
  503. {
  504. border-bottom: none !important;
  505. }
  506.  
  507. .js-dropdown .caret-inner
  508. {
  509. border-bottom: 6px solid rgb(43, 43, 43) !important;
  510. }
  511.  
  512. .dropdown-menu li
  513. {
  514. padding: 5px 0 !important;
  515. transition: all .2s ease-in-out !important;
  516. }
  517.  
  518. .dropdown-menu .is-selected
  519. {
  520. background-color: #1B1B1B !important;
  521. color: #fff !important;
  522. }
  523.  
  524. .dropdown-menu .non-selectable-item
  525. {
  526. color: #fff !important;
  527. font-weight: 400 !important;
  528. }
  529.  
  530. .quoted-tweet
  531. {
  532. background-color: rgba(17, 18, 19, 0.73);
  533. border: 0 !important;
  534. }
  535.  
  536. .js-media .is-video .video-overlay
  537. {
  538. background-color: rgba(0, 0, 0, 0.51) !important;
  539. height: 100% !important;
  540. left: 0 !important;
  541. margin: 0 !important;
  542. top: 0 !important;
  543. text-align: center !important;
  544. width: 100% !important;
  545. }
  546.  
  547. .video-overlay .icon-bg-dot
  548. {
  549. color: transparent !important;
  550. }
  551.  
  552. .video-overlay .icon
  553. {
  554. background-color: transparent !important;
  555. display: block;
  556. font-size: 40px !important;
  557. left: initial !important;
  558. margin-left: auto;
  559. position: relative!important;
  560. margin-right: auto;
  561. overflow: hidden;
  562. }
  563.  
  564. .compose
  565. {
  566. background-color: #131518 !important;
  567. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  568. }
  569.  
  570. .btn-on-blue
  571. {
  572. background-color: #1E2023 !important;
  573. border: 0 !important;
  574. border-color: transparent !important;
  575. border-radius: 0 !important;
  576. color: #ddd !important;
  577. float: left !important;
  578. font-weight: 600 !important;
  579. text-transform: uppercase !important;
  580. transition: all .2s ease-in-out;
  581. }
  582.  
  583. .js-send-button
  584. {
  585. background-color: #1E2023 !important;
  586. border: 0 !important;
  587. border-color: transparent !important;
  588. border-radius: 0 !important;
  589. color: #ddd !important;
  590. font-weight: 600 !important;
  591. text-transform: uppercase !important;
  592. transition: all .2s ease-in-out;
  593. }
  594.  
  595. .compose-title-text
  596. {
  597. color: #ddd !important;
  598. font-size: 15px !important;
  599. font-weight: 600 !important;
  600. text-transform: uppercase !important;
  601. }
  602.  
  603. .js-app-search-input
  604. {
  605. background-color: #1B1D1F !important;
  606. border: 0 !important;
  607. border-radius: 0 !important;
  608. box-shadow: none !important;
  609. color: #fff !important;
  610. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  611. font-weight: 600 !important;
  612. text-transform: uppercase !important;
  613. }
  614.  
  615. .js-perform-search i
  616. {
  617. color: #666 !important;
  618. }
  619.  
  620. .compose .cf,
  621. .js-compose-message-header
  622. {
  623. font-size: 14px !important;
  624. font-weight: 500 !important;
  625. }
  626.  
  627. .js-quote-tweet-holder,
  628. .js-compose-text
  629. {
  630. background-color: #1E2023 !important;
  631. border: 0 !important;
  632. border-radius: 0 !important;
  633. color: #fff !important;
  634. }
  635.  
  636. .js-compose-stay-open
  637. {
  638. bottom: 7px !important;
  639. position: absolute !important;
  640. right: 0 !important;
  641. }
  642.  
  643. .compose-remember-state
  644. {
  645. font-weight: 600;
  646. padding-right: 20px;
  647. text-transform: uppercase;
  648. }
  649.  
  650. .js-quote-tweet-remove i
  651. {
  652. background-image: none !important;
  653. color: rgba(255, 255, 255, 0.78) !important;
  654. left: -14px !important;
  655. position: absolute !important;
  656. top: 11px !important;
  657. }
  658.  
  659. .js-quote-tweet-remove i:before
  660. {
  661. -webkit-font-smoothing: antialiased !important;
  662. content: '\f00d' !important;
  663. font-family: tweetdeckregular !important;
  664. font-style: normal !important;
  665. font-weight: 400 !important;
  666. }
  667.  
  668. .js-typeahead-recent-search-item.list-item,
  669. .js-typeahead-topic-item.list-item,
  670. .js-typeahead-recent-search-clear
  671. {
  672. background-color: #17191B !important;
  673. border: 0 !important;
  674. border-color: transparent !important;
  675. border-radius: 0 !important;
  676. color: #ddd !important;
  677. font-size: 14px !important;
  678. font-weight: 600 !important;
  679. height: 20px;
  680. transition: all .2s ease-in-out;
  681. }
  682.  
  683. .js-typeahead-recent-search-clear:before
  684. {
  685. -webkit-font-smoothing: antialiased;
  686. content: '\f00d';
  687. font-family: tweetdeckregular;
  688. font-style: normal;
  689. font-weight: 400;
  690. padding-left: 4px;
  691. padding-right: 10px;
  692. }
  693.  
  694. .js-typeahead-user-item.list-item
  695. {
  696. background-color: #151515 !important;
  697. border: 0 !important;
  698. border-color: transparent !important;
  699. border-radius: 0 !important;
  700. color: #ddd !important;
  701. font-size: 14px !important;
  702. font-weight: 600 !important;
  703. transition: all .2s ease-in-out;
  704. }
  705.  
  706. .recent-searches-fixed-list
  707. {
  708. height: 100%;
  709. }
  710.  
  711. .btn-neutral-negative:hover
  712. {
  713. background-color: #dd4b39 !important;
  714. border: 0 !important;
  715. box-shadow: none !important;
  716. cursor: pointer !important;
  717. }
  718.  
  719. .column-title-edit-box
  720. {
  721. background-color: #151515 !important;
  722. border: 0 solid #ccc !important;
  723. border-radius: 0;
  724. color: #ddd !important;
  725. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  726. font-size: 15px !important;
  727. font-weight: 600 !important;
  728. text-transform: uppercase !important;
  729. }
  730.  
  731. .js-poll a
  732. {
  733. background-color: #151515 !important;
  734. border: 0 !important;
  735. border-color: transparent !important;
  736. border-radius: 0 !important;
  737. color: #ddd !important;
  738. font-size: 14px !important;
  739. font-weight: 600 !important;
  740. line-height: 2em;
  741. text-transform: uppercase !important;
  742. transition: all .2s ease-in-out;
  743. }
  744.  
  745. .js-modal-panel.s-tall-fixed,
  746. .js-mdl-content.horizontal-flow-container.mdl-content
  747. {
  748. background-color: #131518 !important;
  749. border: 0 solid #d2d2d2;
  750. border-radius: 0;
  751. }
  752.  
  753. .js-modal-panel.s-tall-fixed h3
  754. {
  755. color: #ddd !important;
  756. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  757. font-weight: 600 !important;
  758. padding: 0;
  759. text-transform: uppercase !important;
  760. }
  761.  
  762. .js-profile-columns
  763. {
  764. background-color: #131518 !important;
  765. margin-left: 10px !important;
  766. width: calc(100% - 10px) !important;
  767. }
  768.  
  769. .prf .lst-profile span
  770. {
  771. color: #ddd !important;
  772. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  773. font-size: 14px !important;
  774. font-weight: 700 !important;
  775. left: 40px !important;
  776. position: absolute !important;
  777. top: 8px !important;
  778. }
  779.  
  780. .prf-meta
  781. {
  782. background-color: #131518 !important;
  783. border-top: 0 solid #ebebeb !important;
  784. display: block !important;
  785. width: 520px !important;
  786. }
  787.  
  788. .social-proof-container
  789. {
  790. background-color: #131518 !important;
  791. color: #ddd !important;
  792. margin-left: 10px !important;
  793. width: calc(100% - 10px) !important;
  794. }
  795.  
  796. .js-action-follow.btn-relation-group.s-following button
  797. {
  798. border: 0 !important;
  799. border-color: transparent !important;
  800. border-radius: 0 !important;
  801. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  802. font-size: 12px !important;
  803. font-weight: 600 !important;
  804. text-transform: uppercase !important;
  805. transition: all .2s ease-in-out;
  806. }
  807.  
  808. .js-action-follow.btn-relation-group.s-not-following button,
  809. .btn-back,
  810. .js-item-launch,
  811. .s-thats-you .follow-btn,
  812. .js-user-actions-menu.btn-alt,
  813. .js-accordion-item.js-account-settings-row,
  814. .js-action-header-button
  815. {
  816. background-color: #1E2023 !important;
  817. border: 0 !important;
  818. border-color: transparent !important;
  819. border-radius: 0 !important;
  820. color: #ddd !important;
  821. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  822. font-size: 12px !important;
  823. font-weight: 600 !important;
  824. text-transform: uppercase !important;
  825. transition: all .2s ease-in-out;
  826. }
  827.  
  828. .js-action-follow.btn-relation-group.s-not-following button:hover,
  829. .btn-back:hover,
  830. .js-item-launch:hover,
  831. .s-thats-you .follow-btn:hover,
  832. .js-user-actions-menu.btn-alt:hover,
  833. .js-accordion-item.js-account-settings-row:hover
  834. {
  835. background-color: #16181B !important;
  836. border: 0 !important;
  837. box-shadow: none !important;
  838. color: #aaa !important;
  839. cursor: pointer !important;
  840. }
  841.  
  842. .lst-launcher .js-item-launch a
  843. {
  844. background-color: #1E2023 !important;
  845. border: 0 !important;
  846. border-color: transparent !important;
  847. border-radius: 0 !important;
  848. color: #ddd !important;
  849. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  850. font-size: 16px !important;
  851. font-weight: 600 !important;
  852. text-transform: uppercase !important;
  853. transition: all .2s ease-in-out;
  854. }
  855.  
  856. .js-item-launch i
  857. {
  858. display: inline-block !important;
  859. padding-left: 4px !important;
  860. }
  861.  
  862. .prf .lst-profile a:hover span
  863. {
  864. color: #aaa !important;
  865. }
  866.  
  867. .prf-stats li
  868. {
  869. border: 0 !important;
  870. border-color: transparent !important;
  871. border-radius: 0 !important;
  872. color: #ddd !important;
  873. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  874. font-size: 16px !important;
  875. font-weight: 600 !important;
  876. margin-left: 10px !important;
  877. text-transform: uppercase !important;
  878. transition: all .2s ease-in-out;
  879. }
  880.  
  881. .prf-stats li+li a
  882. {
  883. border-left: 0 solid #ebebeb !important;
  884. }
  885.  
  886. .prf .lst-profile li
  887. {
  888. width: 16.65% !important;
  889. }
  890.  
  891. .prf-stats li:hover
  892. {
  893. border: 0 !important;
  894. box-shadow: none !important;
  895. color: #aaa !important;
  896. cursor: pointer !important;
  897. }
  898.  
  899. .prf .lst-profile i
  900. {
  901. color: #aaa !important;
  902. font-size: 34px !important;
  903. margin-top: 8px !important;
  904. }
  905.  
  906. .js-item-launch a
  907. {
  908. border-right-width: 0 !important;
  909. }
  910.  
  911. .lst-launcher span
  912. {
  913. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  914. font-size: 16px !important;
  915. font-weight: 600 !important;
  916. }
  917.  
  918. .stream-item
  919. {
  920. background-color: #17191B !important;
  921. color: #ddd !important;
  922. }
  923.  
  924. .account-link
  925. {
  926. color: #ccc !important;
  927. }
  928.  
  929. .l-column.mdl-column
  930. {
  931. background-color: #1b1d1f !important;
  932. }
  933.  
  934. .mdl-column-rhs
  935. {
  936. border-left: 0 solid #d7dbdf !important;
  937. }
  938.  
  939. .js-add-column-search-input.search-input
  940. {
  941. background-color: #151515 !important;
  942. border: 0 solid #ccc !important;
  943. border-radius: 0 !important;
  944. color: #ddd !important;
  945. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  946. font-size: 14px !important;
  947. font-weight: 600 !important;
  948. transition: all .2s ease-in-out;
  949. }
  950.  
  951. .list-account,
  952. .list-twitter-list
  953. {
  954. text-shadow: none !important;
  955. transition: all .2s ease-in-out;
  956. }
  957.  
  958. .js-add-column.btn,
  959. .js-dismiss.btn,
  960. .js-account-action.btn,
  961. .js-modal-panel .btn.btn-positive
  962. {
  963. background-color: #55acee !important;
  964. border: 0 !important;
  965. border-color: transparent !important;
  966. border-radius: 0 !important;
  967. color: #fff !important;
  968. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  969. font-size: 12px !important;
  970. font-weight: 600 !important;
  971. text-transform: uppercase !important;
  972. transition: all .2s ease-in-out;
  973. }
  974.  
  975. .js-add-column.btn:hover,
  976. .js-dismiss.btn:hover,
  977. .js-account-action.btn:hover,
  978. .js-modal-panel .btn.btn-positive:hover
  979. {
  980. background-color: #2092e9 !important;
  981. border: 0 !important;
  982. box-shadow: none !important;
  983. color: #ddd !important;
  984. cursor: pointer !important;
  985. }
  986.  
  987. .settings-modal .js-modal-panel
  988. {
  989. background-color: #131518 !important;
  990. border-radius: 0;
  991. }
  992.  
  993. .list-link
  994. {
  995. color: #ddd !important;
  996. transition: all .2s ease-in-out;
  997. }
  998.  
  999. .js-inline-reply
  1000. {
  1001. background-color: transparent !important;
  1002. margin: 0 !important;
  1003. overflow: visible;
  1004. padding: 0 !important;
  1005. }
  1006.  
  1007. .js-inline-reply .padding-axl
  1008. {
  1009. margin-top: 10px;
  1010. padding: 0 !important;
  1011. }
  1012.  
  1013. .compose-reply-tweet
  1014. {
  1015. background-color: #191B1D !important;
  1016. color: #fff !important;
  1017. }
  1018.  
  1019. .js-in-reply-to .replyto-caret
  1020. {
  1021. border-color: #191B1D !important;
  1022. }
  1023.  
  1024. .js-in-reply-to .tweet-body
  1025. {
  1026. padding-bottom: 5px;
  1027. }
  1028.  
  1029. .js-in-reply-to .fullname
  1030. {
  1031. color: #FFF !important;
  1032. font-weight: 400 !important;
  1033. }
  1034.  
  1035. .js-inline-reply .pull-left
  1036. {
  1037. opacity: 0.6;
  1038. }
  1039.  
  1040. .compose-reply-tweet-remove
  1041. {
  1042. right: -5px !important;
  1043. top: -6px !important;
  1044. }
  1045.  
  1046. .compose-reply-tweet-remove .icon-close
  1047. {
  1048. font-size: 15px !important;
  1049. }
  1050.  
  1051. .compose-text-title
  1052. {
  1053. font-weight: 500 !important;
  1054. text-transform: uppercase !important;
  1055. }
  1056.  
  1057. .s-nonav .mdl-content li
  1058. {
  1059. float: left !important;
  1060. line-height: 36px !important;
  1061. margin: 10px 1% -2px 0 !important;
  1062. width: 49% !important;
  1063. }
  1064.  
  1065. .s-nonav .mdl-content li a i
  1066. {
  1067. font-size: 19px !important;
  1068. padding-top: 2px !important;
  1069. }
  1070.  
  1071. .mdl-content .lst-launcher span
  1072. {
  1073. line-height: 39px !important;
  1074. }
  1075.  
  1076. .mdl-content .lst-launcher .attribution
  1077. {
  1078. opacity: 0.5 !important;
  1079. }
  1080.  
  1081. .mdl-dismiss
  1082. {
  1083. right: 20px !important;
  1084. top: 16px !important;
  1085. }
  1086.  
  1087. .mdl-content .js-left-column .js-title
  1088. {
  1089. background-color: #1b1d1f;
  1090. display: block;
  1091. font-size: 16px;
  1092. font-weight: 600 !important;
  1093. height: 50px;
  1094. line-height: 50px;
  1095. overflow: hidden;
  1096. padding-left: 10px;
  1097. width: 100%;
  1098. }
  1099.  
  1100. .js-modal .s-nonav
  1101. {
  1102. height: 495px !important;
  1103. }
  1104.  
  1105. .mdl-content .js-left-column .selected .list-account,
  1106. .selected .list-twitter-list
  1107. {
  1108. background: #282829 !important;
  1109. padding: 15px;
  1110. }
  1111.  
  1112. .mdl-content .js-left-column .list-account,
  1113. .list-twitter-list
  1114. {
  1115. padding: 15px;
  1116. }
  1117.  
  1118. .mdl-content .js-left-column .js-list-container li
  1119. {
  1120. margin: 10px !important;
  1121. }
  1122.  
  1123. .mdl-content .js-left-column::-webkit-scrollbar-track
  1124. {
  1125. border-left: 12px solid #1b1d1f !important;
  1126. }
  1127.  
  1128. .mdl-content .js-left-column .list-account:hover,
  1129. .mdl-content .js-left-column .list-account:focus,
  1130. .list-twitter-list:hover,
  1131. .list-twitter-list:focus
  1132. {
  1133. background: rgba(34, 37, 39, 0.701961) !important;
  1134. }
  1135.  
  1136. .lst-group .selected
  1137. {
  1138. background: transparent !important;
  1139. }
  1140.  
  1141. .mdl-content .search-input-list input
  1142. {
  1143. height: 52px !important;
  1144. }
  1145.  
  1146. .mdl-content .search-input-control .icon,
  1147. .mdl-content .js-perform-search i
  1148. {
  1149. top: -13px !important;
  1150. }
  1151.  
  1152. .js-stream-item-content .padding-axl
  1153. {
  1154. margin: 0 !important;
  1155. padding: 10px 0 !important;
  1156. }
  1157.  
  1158. a
  1159. {
  1160. transition: all .1s ease-in-out !important;
  1161. }
  1162.  
  1163. .prf-header-inner-overlay
  1164. {
  1165. height: 100% !important;
  1166. }
  1167.  
  1168. .prf-card-inner
  1169. {
  1170. z-index: 9999 !important;
  1171. }
  1172.  
  1173. .prf .js-dismiss i
  1174. {
  1175. background-image: none !important;
  1176. }
  1177.  
  1178. .prf .js-dismiss i:before
  1179. {
  1180. -webkit-font-smoothing: antialiased !important;
  1181. color: #fff;
  1182. content: '\f00d' !important;
  1183. font-family: tweetdeckregular !important;
  1184. font-size: 18px;
  1185. font-style: normal !important;
  1186. font-weight: 400 !important;
  1187. opacity: 0.8;
  1188. position: absolute;
  1189. right: -10px;
  1190. }
  1191.  
  1192. .btn-compose .label
  1193. {
  1194. font-size: 14px !important;
  1195. font-weight: 600;
  1196. text-transform: uppercase;
  1197. }
  1198.  
  1199. .btn-compose .icon-compose
  1200. {
  1201. font-size: 17px !important;
  1202. }
  1203.  
  1204. .is-condensed .btn-compose .icon-compose
  1205. {
  1206. font-size: 22px !important;
  1207. margin-left: 0px !important;
  1208. }
  1209.  
  1210. .app-header .app-search-in-popover .js-perform-search
  1211. {
  1212. top: 14px !important;
  1213. }
  1214.  
  1215. .app-header .js-perform-search .search-input-control
  1216. {
  1217. top: 20px !important;
  1218. }
  1219.  
  1220. [data-title='Expand']:after
  1221. {
  1222. color: #ddd !important;
  1223. content: 'Tweeten' !important;
  1224. display: inline-block !important;
  1225. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1226. padding-left: 10px !important;
  1227. padding-top: 21px !important;
  1228. font-size: 16px !important;
  1229. }
  1230.  
  1231. [data-title='Expand']
  1232. {
  1233. display: none;
  1234. }
  1235.  
  1236. .is-condensed [data-title='Expand']
  1237. {
  1238. text-align: center !important;
  1239. width: 30px !important;
  1240. }
  1241.  
  1242. [data-title='Expand'],
  1243. [data-title='Expand']:hover
  1244. {
  1245. color: #fff !important;
  1246. opacity: 1.0 !important;
  1247. }
  1248.  
  1249. [data-title='Expand'] .icon-arrow-l-double:hover,
  1250. [data-title='Expand'] .icon-arrow-r-double:hover
  1251. {
  1252. opacity: 0.7;
  1253. }
  1254.  
  1255. .js-app-header
  1256. {
  1257. -moz-transition: height 2s;
  1258. -o-transition: height 2s;
  1259. -webkit-transition: height 2s;
  1260. transition: height 2s;
  1261. }
  1262.  
  1263. .btn-compose
  1264. {
  1265. background-color: #131518 !important;
  1266. border: 0 !important;
  1267. border-color: transparent !important;
  1268. border-radius: 0 !important;
  1269. color: #fff !important;
  1270. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1271. font-size: 12px !important;
  1272. font-weight: 600 !important;
  1273. text-transform: uppercase !important;
  1274. transition: all .2s ease-in-out;
  1275. margin-left: 5px !important;
  1276. margin-top: 5px !important;
  1277. }
  1278.  
  1279. .overlay-super
  1280. {
  1281. z-index: 1 !important;
  1282. }
  1283.  
  1284. article[data-key^='favorite_'] .tweet-avatar
  1285. {
  1286. margin-top: -18px !important;
  1287. }
  1288.  
  1289. article[data-key^='follow_'] .avatar
  1290. {
  1291. background-color: rgba(0, 0, 0, 0.72);
  1292. margin-top: -18px !important;
  1293. overflow: hidden !important;
  1294. }
  1295.  
  1296. article .tweet-context.txt-small.txt-mute.padding-bs .nbfc
  1297. {
  1298. font-size: 13px !important;
  1299. }
  1300.  
  1301. .activity-header.has-source-avatar .obj-left.item-img
  1302. {
  1303. margin-top: 6px !important;
  1304. position: absolute !important;
  1305. }
  1306.  
  1307. .activity-header.has-source-avatar .nbfc
  1308. {
  1309. margin-left: 58px !important;
  1310. }
  1311.  
  1312. .js-modals-container
  1313. {
  1314. position: absolute !important;
  1315. z-index: 99999 !important;
  1316. }
  1317.  
  1318. .is-condensed .column-nav-link .icon
  1319. {
  1320. font-size: 26px !important;
  1321. }
  1322.  
  1323. .js-app-header .js-column-nav-list ul,
  1324. .js-app-header .js-column-nav-list li
  1325. {
  1326. margin: 0 0 !important;
  1327. }
  1328.  
  1329. .js-app-header .column-nav-link .column-head-title
  1330. {
  1331. color: #ddd !important;
  1332. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1333. font-size: 16px !important;
  1334. font-weight: 600 !important;
  1335. padding-bottom: 2px !important;
  1336. text-transform: uppercase !important;
  1337. width: 100% !important;
  1338. }
  1339.  
  1340. .js-app-header .column-nav-link .attribution
  1341. {
  1342. color: #999 !important;
  1343. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1344. font-size: 13px;
  1345. font-weight: 500 !important;
  1346. opacity: 0.3 !important;
  1347. text-transform: uppercase !important;
  1348. width: 100% !important;
  1349. }
  1350.  
  1351. .js-app-header .js-header-add-column .nbfc
  1352. {
  1353. color: #fff !important;
  1354. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1355. font-size: 16px !important;
  1356. font-weight: 600 !important;
  1357. padding-bottom: 2px !important;
  1358. text-transform: uppercase !important;
  1359. }
  1360.  
  1361. .app-search-fake
  1362. {
  1363. background-color: #1B1D1F !important;
  1364. box-shadow: none !important;
  1365. color: #fff !important;
  1366. }
  1367.  
  1368. .app-search-fake i
  1369. {
  1370. font-size: 17px !important;
  1371. padding-top: 2px !important;
  1372. }
  1373.  
  1374. .column-nav-flyout .column-head-title
  1375. {
  1376. color: #ddd !important;
  1377. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1378. font-weight: 600 !important;
  1379. padding-right: 10px !important;
  1380. text-transform: uppercase !important;
  1381. }
  1382.  
  1383. .column-nav-flyout .attribution
  1384. {
  1385. color: #999 !important;
  1386. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1387. font-weight: 600 !important;
  1388. opacity: 0.6 !important;
  1389. padding-right: 10px !important;
  1390. text-transform: uppercase !important;
  1391. }
  1392.  
  1393. .column-title-back:hover,
  1394. .column-title-back:focus
  1395. {
  1396. opacity: 0.6;
  1397. text-decoration: none !important;
  1398. }
  1399.  
  1400. .cmp-file-upload
  1401. {
  1402. visibility: hidden !important;
  1403. }
  1404.  
  1405. .js-account-manager-container
  1406. {
  1407. background-color: #131518 !important;
  1408. }
  1409.  
  1410. .js-account-manager-container .drawer-header-title
  1411. {
  1412. color: #ddd !important;
  1413. float: left !important;
  1414. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1415. font-size: 16px !important;
  1416. font-weight: 600 !important;
  1417. padding-top: 20px !important;
  1418. text-transform: uppercase;
  1419. }
  1420.  
  1421. .js-account-manager-container .drawer-header
  1422. {
  1423. background-color: #1B1D1F !important;
  1424. border-bottom: 0 solid #aab8c2 !important;
  1425. border-bottom-color: transparent !important;
  1426. border-bottom-style: none !important;
  1427. border-bottom-width: 0 !important;
  1428. }
  1429.  
  1430. .js-media-image-link:hover
  1431. {
  1432. opacity: 1 !important;
  1433. }
  1434.  
  1435. .column-detail-level-2 .social-proof-for-tweet-title
  1436. {
  1437. background-color: #17191b !important;
  1438. color: #ddd !important;
  1439. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1440. font-size: 13px !important;
  1441. padding-left: 10px !important;
  1442. text-align: left !important;
  1443. text-transform: uppercase !important;
  1444. }
  1445.  
  1446. .column-detail-level-2 .social-proof-for-tweet-title b
  1447. {
  1448. font-weight: 500 !important;
  1449. }
  1450.  
  1451. .column.is-focused
  1452. {
  1453. box-shadow: 0 0 0 6px #151515 !important;
  1454. }
  1455.  
  1456. .s-profile
  1457. {
  1458. background-color: #131518 !important;
  1459. height: 100% !important;
  1460. right: 0 !important;
  1461. position: inherit !important;
  1462. top: 0 !important;
  1463. width: 520px !important;
  1464. }
  1465.  
  1466. .prf .mdl-dismiss
  1467. {
  1468. left: 6px !important;
  1469. margin: 20px !important;
  1470. right: 100% !important;
  1471. top: 0 !important;
  1472. z-index: 999999;
  1473. }
  1474.  
  1475. .s-profile .prf-stats,
  1476. .s-profile .prf-stats li
  1477. {
  1478. float: none !important;
  1479. width: calc(100% - 10px) !important;
  1480. }
  1481.  
  1482. .prf-header:after
  1483. {
  1484. background-color: rgba(0, 0, 0, 0.62) !important;
  1485. content: '' !important;
  1486. height: 100% !important;
  1487. left: 0 !important;
  1488. position: absolute !important;
  1489. top: 0 !important;
  1490. width: 100% !important;
  1491. }
  1492.  
  1493. .prf-stats a
  1494. {
  1495. background-color: #131518 !important;
  1496. color: #FFF !important;
  1497. font-size: 13px !important;
  1498. padding: 15px 10px !important;
  1499. }
  1500.  
  1501. .prf-stats a strong
  1502. {
  1503. float: right;
  1504. font-size: 14px !important;
  1505. font-weight: 400 !important;
  1506. }
  1507.  
  1508. .prf-follow-state
  1509. {
  1510. float: none !important;
  1511. width: 100% !important;
  1512. }
  1513.  
  1514. .js-follow-button
  1515. {
  1516. width: 45.75% !important;
  1517. }
  1518.  
  1519. .s-profile .js-user-actions-menu
  1520. {
  1521. margin-left: 10px !important;
  1522. width: 45.75% !important;
  1523. }
  1524.  
  1525. .s-profile .prf-actions .js-item-launch
  1526. {
  1527. height: 45px !important;
  1528. margin-left: 8px !important;
  1529. margin-top: 10px !important;
  1530. text-align: left !important;
  1531. width: 236px !important;
  1532. }
  1533.  
  1534. .s-profile .prf-actions .js-item-launch i
  1535. {
  1536. color: #ddd !important;
  1537. font-size: 19px !important;
  1538. margin-left: 8px !important;
  1539. }
  1540.  
  1541. .modal-content
  1542. {
  1543. background-color: #131518 !important;
  1544. height: 100% !important;
  1545. overflow-x: hidden !important;
  1546. overflow-y: auto !important;
  1547. }
  1548.  
  1549. .js-accordion-item.js-account-settings-row
  1550. {
  1551. margin-top: 0 !important;
  1552. padding-bottom: 0 !important;
  1553. padding-top: 10px !important;
  1554. }
  1555.  
  1556. .js-accordion-item .js-accordion-toggle-view
  1557. {
  1558. padding-bottom: 10px !important;
  1559. }
  1560.  
  1561. .js-accordion-item.js-account-settings-row .padding-tm.padding-hxl
  1562. {
  1563. padding-left: 0 !important;
  1564. padding-right: 0 !important;
  1565. width: 97% !important;
  1566. margin: 0 6px !important;
  1567. overflow: hidden;
  1568. }
  1569.  
  1570. .js-accordion-item.js-account-settings-row .account-stats li
  1571. {
  1572. margin: 0 12px !important;
  1573. width: 90.3% !important;
  1574. }
  1575.  
  1576. .js-account-settings-detail
  1577. {
  1578. background-color: #16181B !important;
  1579. }
  1580.  
  1581. .js-accordion-item.js-account-settings-row .account-stats li a
  1582. {
  1583. background-color: rgb(30, 32, 35) !important;
  1584. border: 0 !important;
  1585. margin-bottom: 10px !important;
  1586. border-color: transparent !important;
  1587. border-radius: 0 !important;
  1588. color: #FFF !important;
  1589. display: inline-flex !important;
  1590. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1591. font-size: 16px !important;
  1592. font-weight: 600 !important;
  1593. height: 37px !important;
  1594. text-transform: uppercase !important;
  1595. transition: all .2s ease-in-out !important;
  1596. width: 100% !important;
  1597. }
  1598.  
  1599. .js-accordion-item.js-account-settings-row .account-stats li a:hover
  1600. {
  1601. background-color: #1A1B1D !important;
  1602. }
  1603.  
  1604. .js-accordion-item.js-account-settings-row .account-stats li a .txt-base-largest
  1605. {
  1606. color: #ddd !important;
  1607. float: right !important;
  1608. font-size: 13px !important;
  1609. font-weight: 400 !important;
  1610. padding-right: 20px !important;
  1611. padding-top: 12px !important;
  1612. position: absolute !important;
  1613. right: 0 !important;
  1614. }
  1615.  
  1616. .js-accordion-item.js-account-settings-row .account-stats li a .txt-base-smallest
  1617. {
  1618. font-weight: 600 !important;
  1619. padding-left: 12px !important;
  1620. padding-top: 12px !important;
  1621. text-transform: uppercase !important;
  1622. }
  1623.  
  1624. .js-accordion-item.js-account-settings-row .link-complex.block.cf
  1625. {
  1626. background-color: #1E2023 !important;
  1627. border: 0 !important;
  1628. border-color: transparent !important;
  1629. border-radius: 0 !important;
  1630. color: #ddd !important;
  1631. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1632. font-size: 12px !important;
  1633. font-weight: 600 !important;
  1634. height: 45px !important;
  1635. margin-left: 12px !important;
  1636. margin-right: 12px !important;
  1637. text-transform: uppercase !important;
  1638. transition: all .2s ease-in-out !important;
  1639. }
  1640.  
  1641. .js-accordion-item.js-account-settings-row .link-complex.block.cf .txt-base-largest
  1642. {
  1643. padding-top: 12px !important;
  1644. }
  1645.  
  1646. .js-accordion-item.js-account-settings-row .link-complex.block.cf i
  1647. {
  1648. color: #ddd !important;
  1649. display: initial !important;
  1650. font-size: 19px !important;
  1651. margin-left: 8px !important;
  1652. }
  1653.  
  1654. .tweet-detail-actions
  1655. {
  1656. background-color: #1e2023 !important;
  1657. padding: 10px 0 !important;
  1658. }
  1659.  
  1660. .column-navigator
  1661. {
  1662. bottom: 220px !important;
  1663. top: 95px !important;
  1664. }
  1665.  
  1666. .js-column-nav
  1667. {
  1668. right: 0 !important;
  1669. bottom: 0 !important;
  1670. }
  1671.  
  1672. .app-navigator .js-hide-drawer.is-selected
  1673. {
  1674. background-color: #131518 !important;
  1675. border-radius: 0 !important;
  1676. transition: all .2s ease-in-out;
  1677. }
  1678.  
  1679. .app-navigator .nbfc
  1680. {
  1681. color: #ddd !important;
  1682. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1683. font-size: 15px !important;
  1684. font-weight: 600 !important;
  1685. padding-bottom: 2px !important;
  1686. text-transform: uppercase !important;
  1687. }
  1688.  
  1689. .follow-combo .dropdown-menu
  1690. {
  1691. left: 10px !important;
  1692. width: 208px !important;
  1693. }
  1694.  
  1695. .numbered-badge
  1696. {
  1697. background-color: #383b3e !important;
  1698. border: 0 solid #111 !important;
  1699. border-radius: 50% !important;
  1700. text-align: center !important;
  1701. width: 10px !important;
  1702. }
  1703.  
  1704. .btn,
  1705. .js-login-form,
  1706. .js-column-header,
  1707. .js-column-options,
  1708. .btn-options-tray .label,
  1709. .js-search-filter
  1710. {
  1711. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1712. }
  1713.  
  1714. .app-masthead,
  1715. .app-info-panel,
  1716. .dropdown-menu .drp-h-divider,
  1717. .privacy-info,
  1718. .column-number,
  1719. .app-title,
  1720. .column-type-icon,
  1721. .with-nav-border-t:before,
  1722. .js-login-form .add-on.with-emphasis,
  1723. .js-reply-action .reply-triangle,
  1724. a[rel='viewDetails'],
  1725. .mdl-drag-handle,
  1726. .column-nav-link:after,
  1727. [data-title='Expand'] .nbfc,
  1728. .is-condensed [data-title='Expand']:after
  1729. {
  1730. display: none !important;
  1731. }
  1732.  
  1733. .stream-item,
  1734. .column,
  1735. .facet-type-thumb-size,
  1736. .facet-type,
  1737. .column-header,
  1738. .column-header-temp,
  1739. .js-detail-view-inline,
  1740. .tweet-detail-actions,
  1741. .js-tweet-detail,
  1742. .tweet-stats,
  1743. .with-column-divider-bottom,
  1744. .accordion-divider-t
  1745. {
  1746. border: 0 !important;
  1747. }
  1748.  
  1749. .column-options,
  1750. .mdl-content .js-left-column,
  1751. .js-modal-panel .column-panel .stream-item,
  1752. .js-modal-panel .js-title
  1753. {
  1754. background-color: #131518 !important;
  1755. }
  1756.  
  1757. .js-column-options .control-s .controls,
  1758. [data-title='Expand'] .obj-left,
  1759. .is-condensed .js-column-nav-list ul,
  1760. .tweet-detail-action-item,
  1761. .js-search-results-header .control-s .controls
  1762. {
  1763. margin: 0 !important;
  1764. }
  1765.  
  1766. .toggle-item.is-selected,
  1767. .dropdown-menu .typeahead-item,
  1768. .dropdown-menu [data-action]
  1769. {
  1770. color: #fff !important;
  1771. }
  1772.  
  1773. .compose-title,
  1774. .js-account-settings-accounts,
  1775. .js-accordion-item.js-account-settings-row .link-complex.block.cf .obj-left
  1776. {
  1777. margin-top: 10px !important;
  1778. }
  1779.  
  1780. .app-header,
  1781. .column-nav-item,
  1782. .column-navigator,
  1783. .app-navigator,
  1784. .column-background-fill,
  1785. .js-add-column-search-input.search-input:hover,
  1786. .column-nav-flyout .column-nav-item,
  1787. .column-detail-level-2,
  1788. .js-accordion-item.js-account-settings-row .link-complex.block.cf:hover
  1789. {
  1790. background-color: #17191B !important;
  1791. }
  1792.  
  1793. .btn-options-tray span:hover,
  1794. .btn-options-tray span:focus,
  1795. .btn-neutral:hover .label,
  1796. .btn-neutral-negative:hover .label,
  1797. .btn-neutral-positive:hover .label,
  1798. .btn-options-tray:hover .label,
  1799. .link-complex:focus .link-complex-target,
  1800. .link-complex:active .link-complex-target,
  1801. .js-accordion-item.js-account-settings-row .link-complex.block.cf:hover .nbfcm
  1802. {
  1803. text-decoration: none !important;
  1804. }
  1805.  
  1806. .app-navigator,
  1807. .needs-scroll-bottom-offset.scroll-styled-h
  1808. {
  1809. bottom: 0 !important;
  1810. }
  1811.  
  1812. .nbfc.txt-mute.txt-small,
  1813. .tweet-context.txt-small.txt-mute.padding-bs
  1814. {
  1815. padding-left: 58px !important;
  1816. }
  1817.  
  1818. .nbfc.txt-mute.txt-small i,
  1819. .tweet-context.txt-small.txt-mute.padding-bs i
  1820. {
  1821. left: 10px !important;
  1822. }
  1823.  
  1824. .med-fullpanel,
  1825. .prf-img
  1826. {
  1827. background-color: transparent !important;
  1828. }
  1829.  
  1830. .js-typeahead-user-item.list-item:hover,
  1831. .js-typeahead-recent-search-item.list-item:hover,
  1832. .js-typeahead-topic-item.list-item:hover,
  1833. .js-typeahead-recent-search-clear:hover,
  1834. .js-poll a:hover
  1835. {
  1836. background-color: #1E2023 !important;
  1837. border: 0 !important;
  1838. box-shadow: none !important;
  1839. cursor: pointer !important;
  1840. }
  1841.  
  1842. .prf .lst-profile,
  1843. .prf-stats,
  1844. .s-nonav .mdl-content ul,
  1845. .mdl-content .search-input-list,
  1846. .is-condensed .btn-compose .btn-compose
  1847. {
  1848. padding: 0 !important;
  1849. }
  1850.  
  1851. .list-account:hover,
  1852. .list-link:hover
  1853. {
  1854. background: #2d3137 !important;
  1855. }
  1856.  
  1857. .s-nonav .mdl-content li a,
  1858. .mdl-content .js-left-column .js-list-container
  1859. {
  1860. width: 100% !important;
  1861. }
  1862.  
  1863. .btn-compose:hover,
  1864. .app-navigator .js-hide-drawer.is-selected:hover
  1865. {
  1866. background-color: #1B1D1F !important;
  1867. border: 0 !important;
  1868. box-shadow: none !important;
  1869. color: #ddd !important;
  1870. cursor: pointer !important;
  1871. }
  1872.  
  1873. article[data-key^='favorite_'] .account-link,
  1874. article[data-key^='follow_'] .account-link,
  1875. article[data-key^='retweet_'] .account-link,
  1876. article[data-key^='retweeted_retweet_'] .account-link,
  1877. article[data-key^='favorited_retweet_'] .account-link,
  1878. article .tweet-context.txt-small.txt-mute.padding-bs a
  1879. {
  1880. font-weight: 600 !important;
  1881. }
  1882.  
  1883. article[data-key^='favorite_'] .activity-header .nbfc.txt-mute.txt-small,
  1884. article[data-key^='follow_'] .activity-header .nbfc.txt-mute.txt-small,
  1885. article[data-key^='retweet_'] .activity-header .nbfc.txt-mute.txt-small,
  1886. article[data-key^='retweeted_retweet_'] .activity-header .nbfc.txt-mute.txt-small,
  1887. article[data-key^='favorited_retweet_'] .activity-header .nbfc.txt-mute.txt-small
  1888. {
  1889. color: #ccc !important;
  1890. font-size: 13px !important;
  1891. }
  1892.  
  1893. article[data-key^='favorite_'] .js-stream-item-content .activity-header .obj-left.item-img .activity-icon-aligned.pull-right.icon-favorite,
  1894. article[data-key^='follow_'] .js-stream-item-content .activity-header .obj-left.item-img .activity-icon-aligned.pull-right.icon-follow,
  1895. article[data-key^='retweeted_retweet_'] .js-stream-item-content .activity-header .obj-left.item-img .activity-icon-aligned.pull-right.icon-follow,
  1896. article[data-key^='favorited_retweet_'] .js-stream-item-content .activity-header .obj-left.item-img .activity-icon-aligned.pull-right.icon-follow
  1897. {
  1898. margin-top: 0 !important;
  1899. }
  1900.  
  1901. article[data-key^='favorite_'] .tweet-body,
  1902. article[data-key^='retweet_'] .account-link .fullname,
  1903. article[data-key^='favorite_'] .account-link .fullname,
  1904. article[data-key^='follow_'] .account-link .fullname,
  1905. article[data-key^='retweeted_retweet_'] .account-link .fullname,
  1906. article[data-key^='favorited_retweet_'] .account-link .fullname
  1907. {
  1908. color: #999 !important;
  1909. }
  1910.  
  1911. article[data-key^='favorite_'] .avatar,
  1912. article[data-key^='retweet_'] .avatar,
  1913. article[data-key^='retweeted_retweet_'] .avatar,
  1914. article[data-key^='favorited_retweet_'] .avatar
  1915. {
  1916. background-color: rgba(0, 0, 0, 0.72);
  1917. overflow: hidden !important;
  1918. }
  1919.  
  1920. .icon-favorite.activity-indicator,
  1921. .icon-follow.activity-indicator,
  1922. .icon-retweet.activity-indicator
  1923. {
  1924. margin-left: 0px !important;
  1925. margin-top: -48px !important;
  1926. z-index: 1 !important;
  1927. }
  1928.  
  1929. .js-app-header .column-nav-link .icon,
  1930. .js-app-header .js-header-add-column .icon,
  1931. .app-navigator i
  1932. {
  1933. color: #ddd !important;
  1934. font-size: 22px !important;
  1935. }
  1936.  
  1937. .js-account-manager-container .drawer-header:after,
  1938. .account-row-separator-b:after
  1939. {
  1940. height: 0 !important;
  1941. }
  1942.  
  1943. .js-header-action:not(.column-nav-link):not([data-title='Expand']),
  1944. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand'])
  1945. {
  1946. height: 40px !important;
  1947. padding-top: 0 !important;
  1948. }
  1949.  
  1950. .js-header-action:not(.column-nav-link):not([data-title='Expand']) i,
  1951. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand']) i
  1952. {
  1953. padding-top: 6px !important;
  1954. }
  1955.  
  1956. .js-header-action:not(.column-nav-link):not([data-title='Expand']) .nbfc,
  1957. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand']) .nbfc
  1958. {
  1959. padding-top: 17px !important;
  1960. }
  1961.  
  1962. .js-search-results-header .js-toggle-button,
  1963. .btn-neutral-negative
  1964. {
  1965. background-color: #151515 !important;
  1966. border: 0 !important;
  1967. border-color: transparent !important;
  1968. border-radius: 0 !important;
  1969. color: #ddd !important;
  1970. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  1971. font-size: 14px !important;
  1972. font-weight: 600 !important;
  1973. text-transform: uppercase;
  1974. transition: all .2s ease-in-out;
  1975. }
  1976.  
  1977. .js-search-results-header .js-toggle-button.is-selected,
  1978. .js-detail-header,
  1979. .js-column-header,
  1980. .js-typeahead-recent-search-clear,
  1981. .popover,
  1982. .column-detail-level-2 .column-header
  1983. {
  1984. background-color: #1B1D1F !important;
  1985. }
  1986.  
  1987. .js-search-results-header .js-toggle-button:hover,
  1988. .js-send-button:hover,
  1989. .js-send-button:focus,
  1990. .btn-on-blue:hover,
  1991. .btn-on-blue:focus,
  1992. .lst-launcher .js-item-launch a:hover
  1993. {
  1994. background-color: #16181B !important;
  1995. border: 0 !important;
  1996. box-shadow: none !important;
  1997. cursor: pointer !important;
  1998. }
  1999.  
  2000. [data-title='Expand'] .icon-arrow-l-double:before,
  2001. [data-title='Expand'] .icon-arrow-r-double:before
  2002. {
  2003. color: #ddd !important;
  2004. content: '☰';
  2005. transition: all .3s ease-in-out;
  2006. font-size: 26px !important;
  2007. }
  2008.  
  2009. .nav-user-info
  2010. {
  2011. bottom: 10px !important;
  2012. }
  2013.  
  2014. .app-navigator
  2015. {
  2016. bottom: 50px !important;
  2017. }
  2018.  
  2019. .nav-user-info img
  2020. {
  2021. width: 30px !important;
  2022. height: auto !important;
  2023. margin-left: 10px !important;
  2024. }
  2025.  
  2026. .nav-user-info .fullname
  2027. {
  2028. text-transform: uppercase;
  2029. font-weight: 600;
  2030. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2031. font-size: 16px !important;
  2032. line-height: 32px !important;
  2033. padding-left: 2px;
  2034. }
  2035.  
  2036. .nav-user-info .username
  2037. {
  2038. display: none !important;
  2039. }
  2040.  
  2041. .prf .fullname
  2042. {
  2043. text-shadow: none !important;
  2044. font-weight: normal !important;
  2045. }
  2046.  
  2047. .prf .username
  2048. {
  2049. text-shadow: none !important;
  2050. font-weight: normal !important;
  2051. font-size: 15px !important;
  2052. opacity: 0.7 !important;
  2053. padding-bottom: 5px !important;
  2054. }
  2055.  
  2056. .tweet-context .icon-retweet
  2057. {
  2058. top: -11px !important;
  2059. z-index: 99 !important;
  2060. }
  2061.  
  2062. .list-details.frm label
  2063. {
  2064. color: #ddd !important;
  2065. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2066. font-weight: 500 !important;
  2067. text-transform: uppercase;
  2068. }
  2069.  
  2070. .mdl-placeholder
  2071. {
  2072. text-shadow: none !important;
  2073. color: #ddd !important;
  2074. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2075. font-weight: 600 !important;
  2076. }
  2077.  
  2078. .tweet-context .icon-retweet
  2079. {
  2080. top: -13px !important;
  2081. z-index: 99 !important;
  2082. }
  2083.  
  2084. .js-compose-header .js-drawer-close
  2085. {
  2086. margin-top: 12px !important;
  2087. }
  2088.  
  2089. .column-type-home .obj-left.item-img.tweet-img,
  2090. .column-type-list .obj-left.item-img.tweet-img,
  2091. .column-type-tweets .obj-left.item-img.tweet-img,
  2092. .column-temp .obj-left.item-img.tweet-img
  2093. {
  2094. top: 7px !important;
  2095. position: absolute !important;
  2096. }
  2097.  
  2098. .column-temp [data-key^='favorite_'] .obj-left.item-img.tweet-img,
  2099. .column-temp [data-key^='follow_'] .obj-left.item-img.tweet-img,
  2100. .column-temp [data-key^='retweet_'] .obj-left.item-img.tweet-img,
  2101. .column-temp [data-key^='retweeted_retweet_'] .obj-left.item-img.tweet-img,
  2102. .column-temp [data-key^='favorited_retweet_'] .obj-left.item-img.tweet-img
  2103. {
  2104. top: auto !important;
  2105. }
  2106.  
  2107. .tweet-context
  2108. {
  2109. font-weight: normal !important;
  2110. }
  2111.  
  2112. .tweet-dettail .margin-t--10,
  2113. .margin-tl
  2114. {
  2115. margin-top: 0px !important;
  2116. margin-bottom: 10px !important;
  2117. }
  2118.  
  2119. .tweet-dettail.tweet-stats
  2120. {
  2121. margin: 0px !important;
  2122. padding: 0px !important;
  2123. }
  2124.  
  2125. .tweet-stats li
  2126. {
  2127. margin-top: 0px !important;
  2128. }
  2129.  
  2130. .column-type-activity .txt-sub-antialiased a
  2131. {
  2132. color: #999 !important;
  2133. }
  2134.  
  2135. .link-complex:hover .link-complex-target,
  2136. .link-complex:focus .link-complex-target,
  2137. .link-complex:active .link-complex-target
  2138. {
  2139. text-decoration: none !important;
  2140. }
  2141.  
  2142. *:focus
  2143. {
  2144. box-shadow: none !important;
  2145. }
  2146.  
  2147. .stream-item .js-user-actions-menu .icon
  2148. {
  2149. font-size: 16px !important;
  2150. padding-bottom: 2px !important;
  2151. padding-left: 2px !important;
  2152. }
  2153.  
  2154. .mdl-content .js-left-column .selected .list-account,
  2155. .selected .list-twitter-list
  2156. {
  2157. background-color: rgba(34, 37, 39, 0.701961) !important;
  2158. }
  2159.  
  2160. .js-list-container *,
  2161. .js-list-container *:hover,
  2162. .js-list-container *:focus
  2163. {
  2164. text-decoration: none !important;
  2165. }
  2166.  
  2167. .mdl
  2168. {
  2169. background-color: rgb(22, 24, 27) !important;
  2170. }
  2171.  
  2172. .mdl .mdl-column-sml
  2173. {
  2174. color: #fff !important;
  2175. }
  2176.  
  2177. .mdl .accs-header
  2178. {
  2179. padding: 0px !important;
  2180. margin: 0px !important;
  2181. color: #fff !important;
  2182. padding-right: 26px !important;
  2183. }
  2184.  
  2185. .mdl .accs-header h3
  2186. {
  2187. font-weight: 600 !important;
  2188. text-transform: uppercase !important;
  2189. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2190. }
  2191.  
  2192. .mdl .js-account-selector
  2193. {
  2194. padding-top: 10px !important;
  2195. }
  2196.  
  2197. .mdl .js-account-selector li
  2198. {
  2199. border: 0px !important;
  2200. border-radius: 0px !important;
  2201. background-color: transparent !important;
  2202. }
  2203.  
  2204. .mdl .js-account-selector .acc-avatar
  2205. {
  2206. border-radius: 50% !important;
  2207. width: 50px !important;
  2208. height: 50px !important;
  2209. }
  2210.  
  2211. .mdl .js-account-selector .icon-twitter-bird:before
  2212. {
  2213. content: '\f021' !important;
  2214. }
  2215.  
  2216. .mdl .js-account-selector i
  2217. {
  2218. display: none;
  2219. }
  2220.  
  2221. .mdl .js-account-selector .acc-selected i
  2222. {
  2223. position: absolute;
  2224. font-size: 23px !important;
  2225. width: 50px;
  2226. height: 50px;
  2227. left: 0 !important;
  2228. top: 0 !important;
  2229. border-radius: 50%;
  2230. background-color: rgba(0, 0, 0, 0.72);
  2231. text-align: center;
  2232. line-height: 52px !important;
  2233. display: block !important;
  2234. }
  2235.  
  2236. .mdl [data-action^='quote'],
  2237. .mdl [data-action^='retweet']
  2238. {
  2239. text-transform: uppercase;
  2240. font-weight: 600!important;
  2241. color: #fff !important;
  2242. background-color: #2B2B2B!important;
  2243. border: 0px!important;
  2244. border-radius: 0px!important;
  2245. margin-top: 16px!important;
  2246. padding: 8px !important;
  2247. transition: all .1s ease-in-out;
  2248. }
  2249.  
  2250. .mdl [data-action^='quote']:hover,
  2251. .mdl [data-action^='retweet']:hover,
  2252. .mdl [data-action^='quote']:focus,
  2253. .mdl [data-action^='retweet']:focus
  2254. {
  2255. background-color: #232323 !important;
  2256. }
  2257.  
  2258. .mdl .js-inreply
  2259. {
  2260. background-color: rgb(19, 20, 23) !important;
  2261. border: 0px !important;
  2262. }
  2263.  
  2264. .mdl .js-inreply .tweet-body
  2265. {
  2266. color: #fff !important;
  2267. }
  2268.  
  2269. .mdl .js-inreply .tweet-context i
  2270. {
  2271. top: -5px !important;
  2272. }
  2273.  
  2274. .mdl .js-inreply .tweet-img
  2275. {
  2276. position: absolute !important;
  2277. top: 16px;
  2278. }
  2279.  
  2280. .compose-content .js-account-list *,
  2281. .compose-content .js-account-list *:hover,
  2282. .compose-content .js-account-list *:focus
  2283. {
  2284. box-shadow: none !important;
  2285. }
  2286.  
  2287. .compose-content .compose-account-selected
  2288. {
  2289. border-radius: 50% !important;
  2290. width: 20px !important;
  2291. height: 20px !important;
  2292. line-height: 22px !important;
  2293. }
  2294.  
  2295. .compose-content .compose-account-selected i
  2296. {
  2297. font-size: 11px !important;
  2298. }
  2299.  
  2300. .js-schedule-datepicker-holder .popover
  2301. {
  2302. display: block;
  2303. width: 81% !important;
  2304. padding: 0 10px !important;
  2305. margin: 0px !important;
  2306. }
  2307.  
  2308. .js-schedule-datepicker-holder #scheduled-hour,
  2309. .js-schedule-datepicker-holder #scheduled-minute
  2310. {
  2311. border: 0px !important;
  2312. border-radius: 0px;
  2313. margin-top: 10px;
  2314. background-color: rgb(42, 45, 49) !important;
  2315. color: #fff;
  2316. float: left;
  2317. }
  2318.  
  2319. .js-schedule-datepicker-holder header span
  2320. {
  2321. height: 30px !important;
  2322. display: block;
  2323. text-align: center;
  2324. width: 12px;
  2325. overflow: hidden;
  2326. line-height: 30px;
  2327. float: left !important;
  2328. margin-top: 10px;
  2329. background-color: rgb(33, 34, 35) !important;
  2330. }
  2331.  
  2332. .js-schedule-datepicker-holder #amPm
  2333. {
  2334. border: 0px !important;
  2335. border-radius: 0px;
  2336. margin-top: 10px;
  2337. background-color: rgb(42, 45, 49) !important;
  2338. color: #fff;
  2339. float: left;
  2340. margin-left: 6px;
  2341. transition: all .1s ease-in-out;
  2342. line-height: 22px;
  2343. }
  2344.  
  2345. .js-schedule-datepicker-holder #amPm:hover,
  2346. .js-schedule-datepicker-holder #amPm:focus
  2347. {
  2348. background-color: rgb(31, 34, 37) !important;
  2349. }
  2350.  
  2351. .js-schedule-datepicker-holder header
  2352. {
  2353. display: block !important;
  2354. width: 100% !important;
  2355. overflow: hidden !important;
  2356. }
  2357.  
  2358. .js-schedule-datepicker-holder .form-calendar #calhead
  2359. {
  2360. padding: 0px !important;
  2361. height: 30px !important;
  2362. }
  2363.  
  2364. .js-schedule-datepicker-holder .form-calendar #calroot
  2365. {
  2366. position: relative;
  2367. padding: 0px !important;
  2368. margin: 6px !important;
  2369. width: 95% !important;
  2370. }
  2371.  
  2372. .js-schedule-datepicker-holder .form-calendar .nav-group
  2373. {
  2374. top: 0px !important;
  2375. height: 21px !important;
  2376. overflow: hidden;
  2377. }
  2378.  
  2379. .js-schedule-datepicker-holder .form-calendar .nav-group a
  2380. {
  2381. border-radius: 0px !important;
  2382. border: 0px !important;
  2383. width: 20px !important;
  2384. padding: 0px !important;
  2385. height: 21px !important;
  2386. overflow: hidden;
  2387. background-color: transparent !important;
  2388. color: #fff !important;
  2389. opacity: 0.6;
  2390. transition: all .1s ease-in-out;
  2391. text-align: right !important;
  2392. }
  2393.  
  2394. .js-schedule-datepicker-holder .form-calendar .nav-group a:hover
  2395. {
  2396. opacity: 1.0 !important;
  2397. }
  2398.  
  2399. .js-schedule-datepicker-holder .form-calendar .nav-group a i
  2400. {
  2401. font-size: 12px !important;
  2402. }
  2403.  
  2404. .js-schedule-datepicker-holder .form-calendar #caltitle
  2405. {
  2406. font-weight: 600 !important;
  2407. text-transform: uppercase !important;
  2408. font-size: 14px !important;
  2409. line-height: 22px !important;
  2410. color: #fff !important;
  2411. }
  2412.  
  2413. .compose .margin-b--30
  2414. {
  2415. margin-bottom: 6px !important;
  2416. }
  2417.  
  2418. .compose .js-add-image-button
  2419. {
  2420. margin-top: 24px !important;
  2421. }
  2422.  
  2423. .js-schedule-datepicker-holder .form-calendar #calbody
  2424. {
  2425. background-color: rgb(42, 45, 49) !important;
  2426. }
  2427.  
  2428. .js-schedule-datepicker-holder .form-calendar #caldays
  2429. {
  2430. border: 0px !important;
  2431. height: 30px !important;
  2432. }
  2433.  
  2434. .js-schedule-datepicker-holder .form-calendar #caldays span
  2435. {
  2436. font-size: 15px !important;
  2437. font-weight: 500 !important;
  2438. width: 29.68px !important;
  2439. line-height: 33px !important;
  2440. color: #fff !important;
  2441. }
  2442.  
  2443. .js-schedule-datepicker-holder .form-calendar #calweeks
  2444. {
  2445. background-color: rgb(31, 34, 37) !important;
  2446. height: auto !important;
  2447. display: block !important;
  2448. overflow: auto !important;
  2449. padding-bottom: 10px;
  2450. }
  2451.  
  2452. .js-schedule-datepicker-holder .form-calendar .calweek
  2453. {
  2454. padding: 9px !important;
  2455. }
  2456.  
  2457. .js-schedule-datepicker-holder .form-calendar .calweek a
  2458. {
  2459. background-color: rgb(42, 45, 49) !important;
  2460. color: #fff !important;
  2461. width: 13.7% !important;
  2462. border: 0px !important;
  2463. border-radius: 0px !important;
  2464. height: 30px !important;
  2465. font-size: 14px !important;
  2466. transition: all .1s ease-in-out;
  2467. line-height: 30px;
  2468. }
  2469.  
  2470. .js-schedule-datepicker-holder .form-calendar .calweek a:hover,
  2471. .js-schedule-datepicker-holder .form-calendar .calweek a:focus
  2472. {
  2473. background-color: rgb(39, 40, 45) !important;
  2474. }
  2475.  
  2476. .js-schedule-datepicker-holder .form-calendar .calweek .caldisabled
  2477. {
  2478. opacity: 0.5;
  2479. }
  2480.  
  2481. .js-schedule-datepicker-holder .form-calendar .calweek .caldisabled:hover,
  2482. .js-schedule-datepicker-holder .form-calendar .calweek .caldisabled:focus
  2483. {
  2484. background-color: rgb(42, 45, 49) !important;
  2485. }
  2486.  
  2487. .js-schedule-datepicker-holder .js-remove
  2488. {
  2489. border-radius: 0px !important;
  2490. margin: 0 2px !important;
  2491. padding: 7px !important;
  2492. width: 98.2% !important;
  2493. margin-bottom: 10px !important;
  2494. transition: all .1s ease-in-out;
  2495. background-color: rgb(31, 34, 37) !important;
  2496. }
  2497.  
  2498. .js-schedule-datepicker-holder .js-remove:hover,
  2499. .js-schedule-datepicker-holder .js-remove:focus
  2500. {
  2501. background-color: rgb(42, 45, 49) !important;
  2502. }
  2503.  
  2504. .js-schedule-datepicker-holder .js-remove i
  2505. {
  2506. font-size: 14px !important;
  2507. padding-right: 8px;
  2508. }
  2509.  
  2510. .js-schedule-datepicker-holder .js-remove .label
  2511. {
  2512. font-weight: 600 !important;
  2513. text-transform: uppercase !important;
  2514. }
  2515.  
  2516. .is-selected-tweet
  2517. {
  2518. background: rgb(35, 35, 39) !important;
  2519. }
  2520.  
  2521. .keyboard-shortcut-definition .text-like-keyboard-key
  2522. {
  2523. color: #000 !important;
  2524. }
  2525.  
  2526. .js-column-loading-placeholder .spinner-small
  2527. {
  2528. display: none !important;
  2529. }
  2530.  
  2531. .is-unread
  2532. {
  2533. background-color: #323538 !important;
  2534. margin-top: 1px !important;
  2535. }
  2536.  
  2537. .js-tweet .txt-small
  2538. {
  2539. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2540. font-weight: 600;
  2541. font-size: 13px !important;
  2542. }
  2543.  
  2544. .js-tweet-stats .tweet-stats *
  2545. {
  2546. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2547. font-weight: 600;
  2548. text-transform: uppercase;
  2549. font-size: 13px !important;
  2550. }
  2551.  
  2552. .js-tweet a:hover,
  2553. .js-tweet a:focus
  2554. {
  2555. text-decoration: none !important;
  2556. opacity: 0.6;
  2557. }
  2558.  
  2559. .app-header .js-column-nav-list li:first-child
  2560. {
  2561. margin-top: 0px !important;
  2562. }
  2563.  
  2564. [data-title='Expand'] i
  2565. {
  2566. width: 25px !important;
  2567. overflow: hidden !important;
  2568. padding-left: 2.5px !important;
  2569. height: auto !important;
  2570. }
  2571.  
  2572. .btn-compose .label
  2573. {
  2574. font-size: 17px !important;
  2575. padding-left: 10px !important;
  2576. }
  2577.  
  2578. .tweet-button .icon-compose
  2579. {
  2580. font-size: 15px !important;
  2581. padding-top: 1px !important;
  2582. margin-left: 0px !important;
  2583. }
  2584.  
  2585. .is-condensed .js-column-nav-list li a:hover
  2586. {
  2587. background-color: transparent !important;
  2588. }
  2589.  
  2590. .mdl-content
  2591. {
  2592. background-color: transparent !important;
  2593. border: 0px !important;
  2594. }
  2595.  
  2596. .js-follow-from.l-table.padding-al,
  2597. .mdl-content .padding-al
  2598. {
  2599. padding: 8px 2px !important;
  2600. }
  2601.  
  2602. .mdl-buttonbar
  2603. {
  2604. padding: 15px 18px !important;
  2605. }
  2606.  
  2607. [data-title='Expand'] .obj-left
  2608. {
  2609. padding-top: 12px !important;
  2610. }
  2611.  
  2612. .open-compose-dm-link,
  2613. .mark-all-read-link
  2614. {
  2615. background-color: transparent !important;
  2616. }
  2617.  
  2618. .js-column-nav-list li,
  2619. .js-header-action:not(.column-nav-link):not([data-title='Expand']):not([data-action="show-search"]):not([data-drawer="compose"]),
  2620. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand']):not([data-action="show-search"]):not([data-drawer="compose"])
  2621. {
  2622. height: 52px !important;
  2623. transition: background-color .2s ease-in-out;
  2624. box-shadow: none !important;
  2625. width: 100% !important;
  2626. padding-left: 0 !important;
  2627. padding-right: 0 !important;
  2628. margin-left: 0 !important;
  2629. }
  2630.  
  2631. .js-column-nav-list li i,
  2632. .js-header-action:not(.column-nav-link):not([data-title='Expand']):not([data-action="show-search"]):not([data-drawer="compose"]) i,
  2633. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand']):not([data-action="show-search"]):not([data-drawer="compose"]) i
  2634. {
  2635. text-align: center !important;
  2636. }
  2637.  
  2638. .js-header-action:not(.column-nav-link):not([data-title='Expand']) .obj-left,
  2639. .js-hide-drawer:not(.column-nav-link):not([data-title='Expand']) .obj-left
  2640. {
  2641. margin-left: 10px !important;
  2642. padding-top: 6px !important;
  2643. }
  2644.  
  2645. .js-column-nav-list li *
  2646. {
  2647. padding-top: 2px !important;
  2648. }
  2649.  
  2650. .js-column-nav-list li:hover,
  2651. .js-header-action:hover
  2652. {
  2653. background-color: #1B1D1F !important;
  2654. }
  2655.  
  2656. .js-app-header-inner
  2657. {
  2658. padding: 0 !important;
  2659. }
  2660.  
  2661. .app-search button.js-header-action
  2662. {
  2663. padding: 0 !important;
  2664. margin-bottom: 0px !important;
  2665. height: 48px !important;
  2666. width: calc(100% - 10px);
  2667. margin-left: 5px !important;
  2668. }
  2669.  
  2670. .btn-compose
  2671. {
  2672. width: 190px !important;
  2673. }
  2674.  
  2675. .js-hide-drawer.btn-compose
  2676. {
  2677. width: 200px !important;
  2678. }
  2679.  
  2680. .is-condensed .btn-compose
  2681. {
  2682. width: 40px !important;
  2683. }
  2684.  
  2685. .is-condensed .js-hide-drawer.btn-compose
  2686. {
  2687. width: 50px !important;
  2688. }
  2689.  
  2690. .js-column-nav.antiscroll-inner::-webkit-scrollbar
  2691. {
  2692. display: none;
  2693. }
  2694.  
  2695. .app-search-form .js-search-input-control
  2696. {
  2697. width: 190px !important;
  2698. margin-left: 5px !important;
  2699. }
  2700.  
  2701. .is-condensed .js-search-input-control
  2702. {
  2703. width: 285px !important;
  2704. }
  2705.  
  2706. .js-column-options .js-accordion-panel
  2707. {
  2708. padding: 0 10px !important;
  2709. }
  2710.  
  2711. .is-options-open .js-action-header-button
  2712. {
  2713. background-color: transparent !important;
  2714. }
  2715.  
  2716. .js-login-form .js-spinner-button-active
  2717. {
  2718. width: 25px;
  2719. height: 25px;
  2720. margin: 0px;
  2721. background-color: #00acee;
  2722. position: absolute;
  2723. left: 46%;
  2724. background-image: none !important;
  2725. border-radius: 100%;
  2726. -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  2727. animation: sk-scaleout 1.0s infinite ease-in-out;
  2728. }
  2729.  
  2730. .js-send-button-container .js-spinner-button-active
  2731. {
  2732. width: 20px;
  2733. height: 20px;
  2734. margin: 0px;
  2735. background-color: #00acee;
  2736. position: absolute;
  2737. left: 34%;
  2738. top: 3px;
  2739. background-image: none !important;
  2740. border-radius: 100%;
  2741. -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  2742. animation: sk-scaleout 1.0s infinite ease-in-out;
  2743. }
  2744.  
  2745. @-webkit-keyframes sk-scaleout
  2746. {
  2747. 0%
  2748. {
  2749. -webkit-transform: scale(0)
  2750. }
  2751. 100%
  2752. {
  2753. -webkit-transform: scale(1.0);
  2754. opacity: 0;
  2755. }
  2756. }
  2757.  
  2758. @keyframes sk-scaleout
  2759. {
  2760. 0%
  2761. {
  2762. -webkit-transform: scale(0);
  2763. transform: scale(0);
  2764. }
  2765. 100%
  2766. {
  2767. -webkit-transform: scale(1.0);
  2768. transform: scale(1.0);
  2769. opacity: 0;
  2770. }
  2771. }
  2772.  
  2773. .js-app-loading .sign-in .spinner-centered,
  2774. .js-app-loading [alt*="Loading"]
  2775. {
  2776. display: none !important;
  2777. }
  2778.  
  2779. .js-app-loading .sign-in .js-signin-ui
  2780. {
  2781. width: 50px;
  2782. height: 50px;
  2783. background-color: #333;
  2784. /*margin: 100px auto;*/
  2785.  
  2786. -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  2787. animation: sk-rotateplane 1.2s infinite ease-in-out;
  2788. }
  2789.  
  2790. @-webkit-keyframes sk-rotateplane
  2791. {
  2792. 0%
  2793. {
  2794. -webkit-transform: perspective(120px)
  2795. }
  2796. 50%
  2797. {
  2798. -webkit-transform: perspective(120px) rotateY(180deg)
  2799. }
  2800. 100%
  2801. {
  2802. -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  2803. }
  2804. }
  2805.  
  2806. @keyframes sk-rotateplane
  2807. {
  2808. 0%
  2809. {
  2810. transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  2811. -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  2812. }
  2813. 50%
  2814. {
  2815. transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  2816. -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  2817. }
  2818. 100%
  2819. {
  2820. transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  2821. -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  2822. }
  2823. }
  2824.  
  2825. .js-login-form input:disabled
  2826. {
  2827. background-color: rgba(43, 42, 42, 0.5) !important;
  2828. }
  2829.  
  2830. .compose-send-button-success
  2831. {
  2832. background-color: #0592ff!important;
  2833. text-align: center!important;
  2834. width: 62.4688px !important;
  2835. height: 40px !important;
  2836. left: 11px !important;
  2837. top: 2px !important;
  2838. font-size: 20px!important;
  2839. line-height: 40px!important;
  2840. }
  2841.  
  2842. .js-status-message
  2843. {
  2844. background-color: #00acee !important;
  2845. right: 0px !important;
  2846. color: #fff !important;
  2847. position: fixed !important;
  2848. padding: 0 !important;
  2849. margin: 0 !important;
  2850. width: 100% !important;
  2851. height: 50px !important;
  2852. max-width: 100% !important;
  2853. }
  2854.  
  2855. .status-message-text
  2856. {
  2857. font-size: 20px !important;
  2858. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2859. font-weight: 400;
  2860. line-height: 32px !important;
  2861. top: 0% !important;
  2862. position: absolute;
  2863. color: #fff !important;
  2864. text-align: center !important;
  2865. width: 100%;
  2866. }
  2867.  
  2868. .js-status-message .icon-close
  2869. {
  2870. color: #fff !important;
  2871. font-size: 15px !important;
  2872. margin-right: 10px !important;
  2873. margin-top: 12px !important;
  2874. }
  2875.  
  2876. .is-condensed .attach-compose-buttons
  2877. {
  2878. width: 50px !important;
  2879. overflow: hidden;
  2880. }
  2881.  
  2882. .hide-detail-view-inline .attach-compose-buttons
  2883. {
  2884. width: 200px;
  2885. overflow: hidden;
  2886. }
  2887.  
  2888. .tweet-actions
  2889. {
  2890. padding: 5px 0 0 0;
  2891. }
  2892.  
  2893. .js-tweet-text
  2894. {
  2895. padding-top: 3px;
  2896. }
  2897.  
  2898. .js-account-settings-accounts .account-inline .fullname,
  2899. .account-inline .username
  2900. {
  2901. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  2902. }
  2903.  
  2904. .js-account-settings-accounts .js-manage-team,
  2905. .js-account-settings-accounts .js-account-action
  2906. {
  2907. margin: 12px !important;
  2908. padding-top: 8px !important;
  2909. }
  2910.  
  2911. .js-account-settings-accounts
  2912. {
  2913. padding-top: 0px !important;
  2914. margin-top: 0px !important;
  2915. }
  2916.  
  2917. .js-account-settings-accounts .is-active
  2918. {
  2919. display: block;
  2920. overflow: hidden;
  2921. padding-bottom: 20px !important;
  2922. background-color: rgb(22, 24, 27) !important;
  2923. }
  2924.  
  2925. .js-compose-header .icon-close
  2926. {
  2927. font-size: 13px !important;
  2928. top: 7px !important;
  2929. left: 5px !important;
  2930. }
  2931.  
  2932. .drawer-header .icon-close,
  2933. .js-compose-header .icon-close
  2934. {
  2935. font-size: 13px !important;
  2936. top: 8px !important;
  2937. left: 8px !important;
  2938. }
  2939.  
  2940. .js-account-settings-detail .margin-bxl
  2941. {
  2942. margin-bottom: 0px !important;
  2943. }
  2944.  
  2945. .js-account-settings-detail .padding-txxl
  2946. {
  2947. color: #fff !important;
  2948. background-color: #232527 !important;
  2949. margin: 0 15px !important;
  2950. line-height: 21px !important;
  2951. padding-bottom: 7px !important;
  2952. padding-top: 10px !important;
  2953. }
  2954.  
  2955. .js-account-settings-detail .padding-txxl i
  2956. {
  2957. float: left !important;
  2958. padding-left: 10px;
  2959. font-size: 14px !important;
  2960. line-height: 20px;
  2961. }
  2962.  
  2963. .js-account-settings-detail .account-remove button
  2964. {
  2965. color: #fff !important;
  2966. background-color: #232527 !important;
  2967. margin-right: 15px !important;
  2968. margin-left: 5px !important;
  2969. width: 97.2% !important;
  2970. margin-top: 5px !important;
  2971. line-height: 21px !important;
  2972. padding-bottom: 7px !important;
  2973. padding-top: 10px !important;
  2974. }
  2975.  
  2976. .js-account-settings-detail .account-remove button i
  2977. {
  2978. float: left !important;
  2979. padding-left: 0px;
  2980. font-size: 12px !important;
  2981. line-height: 22px;
  2982. }
  2983.  
  2984. .js-account-settings-detail [data-action="setDefault"]
  2985. {
  2986. margin-left: 15px !important;
  2987. width: 88% !important;
  2988. }
  2989.  
  2990. .js-contributor-manager-container
  2991. {
  2992. background-color: rgb(20, 21, 23) !important;
  2993. color: #fff !important;
  2994. }
  2995.  
  2996. .js-contributor-manager-container .drawer-header
  2997. {
  2998. border: 0px !important;
  2999. background-color: rgb(27, 29, 31) !important;
  3000. }
  3001.  
  3002. .js-contributor-manager-container .drawer-header-title
  3003. {
  3004. float: left !important;
  3005. font-weight: 600 !important;
  3006. color: rgb(221, 221, 221) !important;
  3007. font-size: 16px !important;
  3008. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  3009. text-transform: uppercase !important;
  3010. padding-top: 20px !important;
  3011. }
  3012.  
  3013. .js-contributor-manager-container .drawer-header-title i
  3014. {
  3015. font-size: 11px !important;
  3016. padding-top: 5px;
  3017. }
  3018.  
  3019. .js-contributor-manager-container .drawer-header:after
  3020. {
  3021. background-color: transparent !important;
  3022. }
  3023.  
  3024. .js-contributor-manager-container .account-link .margin-bxxl
  3025. {
  3026. background-color: rgb(27, 29, 31) !important;
  3027. }
  3028.  
  3029. .js-contributor-manager-container .txt-base-extra-large
  3030. {
  3031. font-weight: 600 !important;
  3032. color: rgb(221, 221, 221) !important;
  3033. font-size: 16px !important;
  3034. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  3035. text-transform: uppercase !important;
  3036. }
  3037.  
  3038. .js-contributor-manager-container .padding-tl
  3039. {
  3040. color: rgba(255, 255, 255, 0.61) !important;
  3041. font-weight: 500 !important;
  3042. font-size: 14px !important;
  3043. font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif !important;
  3044. }
  3045.  
  3046. .js-contributor-manager-container .contributor-adder-block
  3047. {
  3048. background-color: transparent !important;
  3049. }
  3050.  
  3051. .js-contributor-manager-container .js-username-input
  3052. {
  3053. width: 83% !important;
  3054. border-radius: 0 !important;
  3055. background-color: rgb(27, 29, 31) !important;
  3056. color: #fff !important;
  3057. }
  3058.  
  3059. .js-contributor-manager-container .js-search-input-control ul
  3060. {
  3061. width: 83% !important;
  3062. border-radius: 0 !important;
  3063. background-color: rgba(27, 29, 31, 0.4) !important;
  3064. color: #fff !important;
  3065. box-shadow: none !important;
  3066. border: 0px !important;
  3067. }
  3068.  
  3069. .js-contributor-manager-container .js-search-input-control ul .s-selected
  3070. {
  3071. border: 0px !important;
  3072. background-color: #242627 !important;
  3073. opacity: 1 !important;
  3074. }
  3075.  
  3076. .js-contributor-manager-container .js-search-input-control li
  3077. {
  3078. border: 0px;
  3079. color: #fff !important;
  3080. opacity: 0.7;
  3081. }
  3082.  
  3083. .js-contributor-manager-container .js-search-input-control li .fullname
  3084. {
  3085. color: #fff !important;
  3086. }
  3087.  
  3088. .js-contributor-manager-container [data-state="confirmAdd"],
  3089. .js-contributor-manager-container [data-state="settings"],
  3090. .js-contributor-manager-container [data-previous-state="settings"]
  3091. {
  3092. background-color: rgb(27, 29, 31) !important;
  3093. width: 75.5% !important;
  3094. margin-left: auto;
  3095. margin-right: auto;
  3096. height: auto !important;
  3097. }
  3098.  
  3099. .js-contributor-manager-container .contributor-confirm-add
  3100. {
  3101. color: rgba(255, 255, 255, 0.64) !important;
  3102. }
  3103.  
  3104. .js-contributor-manager-container .js-contributor-action-confirm .label
  3105. {
  3106. display: none !important;
  3107. }
  3108.  
  3109. .contributor-settings-role
  3110. {
  3111. border: 0px !important;
  3112. }
  3113.  
  3114. .compose-account-selected
  3115. {
  3116. background-color: #0592ff !important;
  3117. }
  3118.  
  3119. .med-origlink,
  3120. .med-flaglink
  3121. {
  3122. margin: auto 25px;
  3123. color: #fff !important;
  3124. }
  3125.  
  3126. .med-origlink:hover,
  3127. .med-flaglink:hover,
  3128. .med-origlink:focus,
  3129. .med-flaglink:focus
  3130. {
  3131. opacity: 0.6 !important;
  3132. text-decoration: none !important;
  3133. }
  3134.  
  3135. .js-follow-from .js-from-username,
  3136. .mdl-favorite-from-options .padding-lm
  3137. {
  3138. color: rgba(255, 255, 255, 0.8) !important;
  3139. }
  3140.  
  3141. .column-type-message .rpl textarea
  3142. {
  3143. color: #fff !important;
  3144. padding: 8px !important;
  3145. border: 0px;
  3146. background-color: rgb(37, 36, 36) !important;
  3147. border-radius: 0px;
  3148. box-shadow: none;
  3149. margin: 0px !important;
  3150. }
  3151.  
  3152. .column-type-message .rpl
  3153. {
  3154. background-color: rgba(10, 11, 12, 0.48) !important;
  3155. }
  3156.  
  3157. .column-type-message .rpl-actions i
  3158. {
  3159. color: #fff !important;
  3160. opacity: 0.7;
  3161. }
  3162.  
  3163. .column-type-message .js-column-header .column-settings-link
  3164. {
  3165. background-color: transparent !important;
  3166. line-height: 56px !important;
  3167. }
  3168.  
  3169. .column-type-message .conversation-title
  3170. {
  3171. text-align: left !important;
  3172. }
  3173.  
  3174. .column-type-message .conversation-title .username
  3175. {
  3176. display: none !important;
  3177. }
  3178.  
  3179. .column-options .js-perform-search
  3180. {
  3181. margin-top: 12px !important;
  3182. }
  3183.  
  3184. .compose .js-add-image-button i,
  3185. .compose .js-schedule-button i,
  3186. .compose .js-dm-button i
  3187. {
  3188. font-size: 16px !important;
  3189. }
  3190.  
  3191. .compose .js-compose-message-recipient-container *:focus,
  3192. .compose .js-compose-message-recipient-container *:hover,
  3193. .compose .js-compose-message-recipient-container *:active,
  3194. .compose-message-recipient-input-container.is-focused
  3195. {
  3196. box-shadow: none !important;
  3197. border-color: transparent !important;
  3198. }
  3199.  
  3200. .compose .js-compose-message-account
  3201. {
  3202. background-color: rgb(30, 32, 35) !important;
  3203. color: #fff !important;
  3204. }
  3205.  
  3206. .compose .js-typeahead-user-list li
  3207. {
  3208. padding: 10px !important;
  3209. background-color: rgb(25, 26, 29) !important;
  3210. }
  3211.  
  3212. .compose .js-typeahead-user-list li .fullname
  3213. {
  3214. font-weight: 500!important;
  3215. font-size: 15px;
  3216. line-height: 18px;
  3217. }
  3218.  
  3219. .compose .js-typeahead-user-list li .username
  3220. {
  3221. opacity: 0.6;
  3222. font-weight: normal !important;
  3223. }
  3224.  
  3225. .compose .js-typeahead-user-list .is-selected
  3226. {
  3227. background-color: rgba(25, 26, 29, 0.6) !important;
  3228. }
  3229.  
  3230. .compose .js-typeahead-conversation-item .multiple-avatar-grid-mini
  3231. {
  3232. margin: 10px !important;
  3233. border-radius: 50% !important;
  3234. height: 30px !important;
  3235. width: 30px !important;
  3236. }
  3237.  
  3238. .compose .js-typeahead-conversation-item .nbfc
  3239. {
  3240. padding-left: 20px !important;
  3241. padding-top: 10px !important;
  3242. }
  3243.  
  3244. .compose .js-compose-message-recipient-list
  3245. {
  3246. background-color: rgb(30, 32, 35);
  3247. }
  3248.  
  3249. .compose .js-compose-message-recipient-list .js-compose-message-recipient
  3250. {
  3251. background-color: rgb(37, 37, 37);
  3252. height: auto;
  3253. padding: 5px;
  3254. border: 0px !important;
  3255. margin: 5px;
  3256. width: 97.6%;
  3257. }
  3258.  
  3259. .compose .js-compose-message-recipient-list .js-compose-message-recipient .name
  3260. {
  3261. color: #fff !important;
  3262. }
  3263.  
  3264. .compose .js-compose-message-recipient-list .js-remove-recipient i
  3265. {
  3266. font-size: 10px !important;
  3267. line-height: 25px !important;
  3268. }
  3269.  
  3270. .compose .js-compose-message-recipient-list .compose-message-recipient-name,
  3271. .compose .js-compose-message-recipient-list .remove-recipient
  3272. {
  3273. border: 0px !important;
  3274. }
  3275.  
  3276. .js-mediatable .mdl
  3277. {
  3278. background-color: transparent !important;
  3279. box-shadow: none !important;
  3280. }
  3281.  
  3282. .tweet-stats [data-original-title="View on analytics.twitter.com"]
  3283. {
  3284. padding-bottom: 20px !important;
  3285. }
  3286.  
  3287. .keyboard-shortcut-list
  3288. {
  3289. color: #fff !important;
  3290. }
  3291.  
  3292. .icon:before
  3293. {
  3294. font-weight: 100 !important;
  3295. font-family: "Segoe MDL2 Assets" !important;
  3296. }
  3297.  
  3298. .js-account-selector-grid-toggle i:before
  3299. {
  3300. font-family: "tweetdeckregular" !important;
  3301. font-weight: normal !important;
  3302. }
  3303.  
  3304. .js-column-nav-scroller .icon-favorite:before
  3305. {
  3306. content: "\E006" !important;
  3307. }
  3308.  
  3309. .icon-home:before
  3310. {
  3311. content: "\E10F" !important;
  3312. }
  3313.  
  3314. .icon-activity:before
  3315. {
  3316. content: "\E701" !important;
  3317. }
  3318.  
  3319. .mdl .mdl-dismiss .icon-close
  3320. {
  3321. font-size: 15px !important;
  3322. }
  3323.  
  3324. .js-mediatable .icon-close
  3325. {
  3326. font-size: 18px !important;
  3327. }
  3328.  
  3329. .icon-notifications:before,
  3330. .icon-info:before
  3331. {
  3332. content: "\EA8F" !important;
  3333. }
  3334.  
  3335. .icon-user:before
  3336. {
  3337. content: "\E8A9" !important;
  3338. }
  3339.  
  3340. .icon-schedule:before
  3341. {
  3342. content: "\E8BE" !important;
  3343. }
  3344.  
  3345. .icon-message:before
  3346. {
  3347. content: "\E8F2" !important;
  3348. }
  3349.  
  3350. .icon-compose:before,
  3351. .icon-compose-dm:before
  3352. {
  3353. content: "\E104" !important;
  3354. }
  3355.  
  3356. .icon-search:before
  3357. {
  3358. content: "\E1A3" !important;
  3359. }
  3360.  
  3361. .icon-sliders:before,
  3362. .icon-settings:before
  3363. {
  3364. content: "\E15E" !important;
  3365. }
  3366.  
  3367. .icon-schedule:before
  3368. {
  3369. content: "\E823" !important;
  3370. }
  3371.  
  3372. .icon-plus:before
  3373. {
  3374. content: "\E109" !important;
  3375. }
  3376.  
  3377. .icon-list:before,
  3378. .icon-user-team-mgr:before
  3379. {
  3380. content: "\E125" !important;
  3381. }
  3382.  
  3383. .icon-follow:before,
  3384. .icon-twitter-bird:before
  3385. {
  3386. content: "\E1E2" !important;
  3387. }
  3388.  
  3389. .icon-mention:before
  3390. {
  3391. content: "\E168" !important;
  3392. }
  3393.  
  3394. .icon-user:before
  3395. {
  3396. content: "\E77B" !important;
  3397. }
  3398.  
  3399. .icon-user-switch:before
  3400. {
  3401. content: "\E125" !important;
  3402. }
  3403.  
  3404. .icon-favorite:before
  3405. {
  3406. content: "\E00B" !important;
  3407. }
  3408.  
  3409. .icon-retweet:before
  3410. {
  3411. content: "\E1CA" !important;
  3412. }
  3413.  
  3414. .icon-reply:before
  3415. {
  3416. content: "\E248" !important;
  3417. }
  3418.  
  3419. .icon-more:before
  3420. {
  3421. content: "\E712" !important;
  3422. }
  3423.  
  3424. .icon-dot:before
  3425. {
  3426. content: "\E1F5" !important;
  3427. }
  3428.  
  3429. .icon-content:before
  3430. {
  3431. content: "\E70B" !important;
  3432. }
  3433.  
  3434. .icon-image:before,
  3435. .icon-camera:before
  3436. {
  3437. content: "\EB9F" !important;
  3438. }
  3439.  
  3440. .icon-arrow-l:before
  3441. {
  3442. content: "\E00E" !important;
  3443. }
  3444.  
  3445. .icon-arrow-r:before
  3446. {
  3447. content: "\E00F" !important;
  3448. }
  3449.  
  3450. .icon-arrow-u:before
  3451. {
  3452. content: "\E010" !important;
  3453. }
  3454.  
  3455. .icon-arrow-d:before
  3456. {
  3457. content: "\E011" !important;
  3458. }
  3459.  
  3460. .icon-play-video:before
  3461. {
  3462. content: "\E768" !important;
  3463. }
  3464.  
  3465. .icon-clear-timeline:before,
  3466. .icon-trash:before
  3467. {
  3468. content: "\E107" !important;
  3469. }
  3470.  
  3471. .icon-close:before
  3472. {
  3473. content: "\E106" !important;
  3474. }
  3475.  
  3476. .icon-user-dd:before
  3477. {
  3478. content: "\E779" !important;
  3479. }
  3480.  
  3481. .icon-trending:before
  3482. {
  3483. content: "\E945" !important;
  3484. }
  3485.  
  3486. .icon-custom-timeline:before
  3487. {
  3488. content: "\E923" !important;
  3489. }
  3490.  
  3491. .icon-check:before,
  3492. .mdl .js-account-selector .acc-selected i:before
  3493. {
  3494. content: "\E0E7" !important;
  3495. }
  3496.  
  3497. .icon-mark-read:before
  3498. {
  3499. content: "\EA98" !important;
  3500. }
  3501.  
  3502. .icon-share:before
  3503. {
  3504. content: "\E72D" !important;
  3505. }
  3506.  
  3507. .icon-move:before
  3508. {
  3509. content: "\E759" !important;
  3510. }
  3511.  
  3512. .icon-protected:before
  3513. {
  3514. content: "\E1F6" !important;
  3515. }
  3516.  
  3517. .icon-popout:before
  3518. {
  3519. content: "\E2B4" !important;
  3520. }
  3521.  
  3522. .icon-popout
  3523. {
  3524. transform: scaleX(-1);
  3525. -moz-transform: scaleX(-1);
  3526. -webkit-transform: scaleX(-1);
  3527. -ms-transform: scaleX(-1);
  3528. }
  3529.  
  3530. .icon-geo:before
  3531. {
  3532. content: "\E1D2" !important;
  3533. }
  3534.  
  3535. .js-app-settings .icon-settings:before
  3536. {
  3537. content: "\E713" !important;
  3538. }
  3539.  
  3540. [data-title='Expand'] .icon-arrow-l-double:before,
  3541. [data-title='Expand'] .icon-arrow-r-double:before
  3542. {
  3543. content: "\E700" !important;
  3544. font-family: "Segoe MDL2 Assets" !important;
  3545. }
  3546.  
  3547. [data-title='Expand'] .icon-arrow-l-double,
  3548. [data-title='Expand'] .icon-arrow-r-double
  3549. {
  3550. padding-top: 3px !important;
  3551. }
  3552.  
  3553. .mdl .js-account-selector .icon-twitter-bird:before
  3554. {
  3555. content: '\E0E7' !important;
  3556. }
  3557.  
  3558. .column-header-link
  3559. {
  3560. top: 2px !important;
  3561. }
  3562.  
  3563. .column-header-link i
  3564. {
  3565. font-size: 17px !important;
  3566. }
  3567.  
  3568. .js-action-header-button:hover
  3569. {
  3570. background-color: transparent !important;
  3571. }
  3572.  
  3573. .icon-analytics:before
  3574. {
  3575. content: "\EC24" !important;
  3576. }
  3577.  
  3578. .js-tweet-actions [rel="reply"] i
  3579. {
  3580. font-size: 15px !important;
  3581. }
  3582.  
  3583. .js-tweet-actions [rel="retweet"] i
  3584. {
  3585. font-size: 20px !important;
  3586. }
  3587.  
  3588. .js-tweet-actions [rel="favorite"] i
  3589. {
  3590. font-size: 16px !important;
  3591. }
  3592.  
  3593. .js-tweet-actions [rel="actionsMenu"] i
  3594. {
  3595. font-size: 22px !important;
  3596. }
  3597.  
  3598. .js-inline-reply .icon-close
  3599. {
  3600. font-size: 14px !important;
  3601. line-height: 5px !important;
  3602. }
  3603.  
  3604. .js-inline-reply .icon-popout
  3605. {
  3606. font-size: 22px !important;
  3607. line-height: 20px !important;
  3608. }
  3609.  
  3610. .column-type-message .rpl-actions .icon-camera
  3611. {
  3612. font-size: 20px !important;
  3613. line-height: 21px !important;
  3614. }
  3615.  
  3616. .column-type-message .js-column-header .open-compose-dm-link i
  3617. {
  3618. font-size: 15px !important;
  3619. }
  3620.  
  3621. .column-type-message .js-column-header .mark-all-read-link i
  3622. {
  3623. font-size: 21px !important;
  3624. }
  3625.  
  3626. .column-type-message .js-column-header .open-compose-dm-link
  3627. {
  3628. line-height: 56px;
  3629. }
  3630.  
  3631. .column-type-message .js-column-header .mark-all-read-link
  3632. {
  3633. line-height: 62px !important;
  3634. }
  3635.  
  3636. *
  3637. {
  3638. font-family: "Raleway", sans-serif;
  3639. }
  3640.  
  3641. .is-narrow-columns .column
  3642. {
  3643. width: 238px;
  3644. border: none;
  3645. }
  3646.  
  3647. .js-stream-item-content .pull-left
  3648. {
  3649. margin-top: -27px;
  3650. }
  3651. /* Column Header Condensing; this was originally written by pixeldesu */
  3652.  
  3653. .js-column-header
  3654. {
  3655. height: 30px;
  3656. line-height: 30px;
  3657. }
  3658.  
  3659. .column-header
  3660. {
  3661. height: 30px;
  3662. line-height: 30px;
  3663. }
  3664.  
  3665. .js-tweet-results .column-header
  3666. {
  3667. height: 50px;
  3668. line-height: 50px;
  3669. }
  3670.  
  3671. .column-drag-handle
  3672. {
  3673. height: 15px;
  3674. }
  3675.  
  3676. .column-content
  3677. {
  3678. top: 30px;
  3679. }
  3680.  
  3681. .column-title-back .icon
  3682. {
  3683. top: 50%;
  3684. }
  3685.  
  3686. .icon-arrow-l
  3687. {
  3688. margin-top: -11px !important;
  3689. }
  3690. /*Background and color*/
  3691.  
  3692. .compose-content,
  3693. .pin-bottom,
  3694. .js-docked-compose
  3695. {
  3696. background-color: #1B1D1F !important;
  3697. }
  3698.  
  3699. .s-fluid .mdl-header-title,
  3700. .s-fluid .checkbox
  3701. {
  3702. color: #d1d1d1;
  3703. }
  3704.  
  3705. .js-modal-panel
  3706. {
  3707. background-color: #131518 !important;
  3708. height: 100% !important;
  3709. right: 0 !important;
  3710. position: inherit !important;
  3711. top: 0 !important;
  3712. width: 614px !important;
  3713. }
  3714.  
  3715. .open-modal .js-modal-panel {
  3716. position: absolute !important;
  3717. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement