SHARE
TWEET

Untitled

a guest Sep 21st, 2019 129 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SETTINGS :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  2.  
  3. :root {
  4.   --bg: #2c2c33 !important;             /*  var(--bg) blue  */
  5.   --bg2: #2a2a31 !important;             /*  var(--bg2) a bit darker blue  */
  6.   --bg-dark: #1d1e22 !important;             /*  var(--bg-dark) darker blue  */
  7.   --border: #000102 !important;             /* var(--border) Black Border */
  8.   --first-color: #fff !important;             /* var(--first-color) white  */
  9.   --second-color: #888 !important;             /* var(--second-color) grey  */
  10.   --third-color: #16a085 !important;             /* var(--third-color) darker Keppel  */
  11.   --fourth-color: #009edf !important;             /* var(--fourth-color) blue  */
  12.   --fifth-color: #f00 !important;             /* var(--fifth-color) red  */
  13.   --sixth-color: #000 !important;             /* var(--sixth-color) black  */
  14.   --seventh-color: #8e44ad !important;             /* var(--seventh-color) purple  */
  15.   --eight-color: #6e7a83 !important;             /* var(--eight-color) light blue-grey  */
  16.   --transparent1: rgba(29, 30, 34, .65) !important;             /* var(--transparent1) */
  17.   --transparent2: rgba(0, 0, 0, .75) !important;             /* var(--transparent2) */
  18.   --transparent3: rgba(0, 0, 0, .5) !important;             /* var(--transparent3) */
  19.   --transparent4: rgba(0, 0, 0, .10) !important;             /* var(--transparent4) */
  20. }
  21.  
  22. /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::: THEME :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  23.  
  24. /*::: Main Global :::*/
  25.  
  26. /*::: HP Trakt Logo :::*/
  27. .trakt-full img {
  28.   visibility: hidden !important;
  29. }
  30.  
  31. .trakt-full {
  32.   border-bottom: none !important;
  33.   background: url("https://raw.githubusercontent.com/JourneyDeprecated/My-Userstyles/dev/trakt.tv/img/Trakt_TV_Header_Logo.png") no-repeat !important;
  34. }
  35.  
  36. /*::: HP Join Trakt.tv Buttons :::*/
  37. #watching-wrapper .btn-primary {
  38.   border: 1px solid var(--border) !important;
  39.  
  40.   color: var(--second-color) !important;
  41.   background: var(--bg-dark) !important;
  42.  
  43.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  44. }
  45.  
  46. #watching-wrapper .btn-primary:hover {
  47.   border: 1px solid var(--border) !important;
  48.  
  49.   color: var(--second-color) !important;
  50.   background: var(--bg) !important;
  51.  
  52.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  53. }
  54.  
  55. body.main.home header#top-nav.scrolled .btn-primary {
  56.   border: 1px solid var(--border) !important;
  57.  
  58.   color: var(--second-color) !important;
  59.   background: var(--bg-dark) !important;
  60.  
  61.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  62. }
  63.  
  64. body.main.home header#top-nav.scrolled .btn-primary:hover {
  65.   border: 1px solid var(--border) !important;
  66.  
  67.   color: var(--second-color) !important;
  68.   background: var(--bg) !important;
  69.  
  70.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  71. }
  72.  
  73. /*::: HP Scrobble & sync
  74. from your media center. :::*/
  75. #scrobblers-wrapper .full-screenshot.lazy.enabled {
  76.   background-image: url("https://services.tegrazone.com/sites/default/files/article-feature-images/plex-media-server.jpg") !important;
  77. }
  78.  
  79. #scrobblers-wrapper .btn-primary {
  80.   border: 1px solid var(--border) !important;
  81.  
  82.   color: var(--second-color) !important;
  83.   background: var(--bg-dark) !important;
  84.  
  85.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  86. }
  87.  
  88. #scrobblers-wrapper .btn-primary:hover {
  89.   border: 1px solid var(--border) !important;
  90.  
  91.   color: var(--second-color) !important;
  92.   background: var(--bg) !important;
  93.  
  94.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  95. }
  96.  
  97. /*::: HP Find where to watch TV & movies. :::*/
  98. #watchnow-wrapper .shade {
  99.   display: none !important;
  100. }
  101.  
  102. /*::: HP Apps for all
  103. your devices. :::*/
  104. #apps-wrapper .btn-primary {
  105.   border: 1px solid var(--border) !important;
  106.  
  107.   color: var(--second-color) !important;
  108.   background: var(--bg-dark) !important;
  109.  
  110.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  111. }
  112.  
  113. #apps-wrapper .btn-primary:hover {
  114.   border: 1px solid var(--border) !important;
  115.  
  116.   color: var(--second-color) !important;
  117.   background: var(--bg) !important;
  118.  
  119.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  120. }
  121.  
  122. /*::: HP Create using the API :::*/
  123. #api-wrapper .full-screenshot.lazy.enabled,
  124. #api-wrapper {
  125.   border-top: none !important;
  126.  
  127.   background-image: none !important;
  128. }
  129.  
  130. #api-wrapper .shade {
  131.   display: none !important;
  132. }
  133.  
  134. #api-wrapper .btn-primary {
  135.   border: 1px solid var(--border) !important;
  136.  
  137.   color: var(--second-color) !important;
  138.   background: var(--bg-dark) !important;
  139.  
  140.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  141. }
  142.  
  143. #api-wrapper .btn-primary:hover {
  144.   border: 1px solid var(--border) !important;
  145.  
  146.   color: var(--second-color) !important;
  147.   background: var(--bg) !important;
  148.  
  149.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  150. }
  151.  
  152. /*::: Background + footer background :::*/
  153. section {
  154.   color: var(--first-color) !important;
  155.   background-color: var(--bg-dark) !important;
  156. }
  157.  
  158. footer {
  159.   background: var(--bg-dark) !important;
  160. }
  161.  
  162. #main-search {
  163.   background: var(--bg-dark) !important;
  164. }
  165.  
  166. #main-search input.footer-search {
  167.   color: var(--first-color) !important;
  168.   background: transparent !important;
  169. }
  170.  
  171. /*::: Navigation Menu :::*/
  172. .no-touch header#top-nav,
  173. .no-touch header#top-nav:hover {
  174.   background: var(--transparent1) !important;
  175. }
  176.  
  177. /*::: Navigation Menu Logo IMG :::*/
  178. #top-brand img {
  179.   visibility: hidden !important;
  180. }
  181.  
  182. #top-brand {
  183.   width: 65px !important;
  184.   height: 65px !important;
  185.  
  186.   background: url("https://raw.githubusercontent.com/JourneyDeprecated/My-Userstyles/dev/trakt.tv/img/Trakt_TV_Header_Logo.png") no-repeat !important;
  187. }
  188.  
  189. header#top-nav #top-brand .bottom-wrapper .bottom,
  190. .no-touch header#top-nav:hover #top-brand .bottom-wrapper .bottom {
  191.   background: none !important;
  192. }
  193.  
  194. header#top-nav #top-brand .bottom-wrapper {
  195.   overflow: hidden !important;
  196.  
  197.   position: static !important;
  198.   bottom: 0 !important;
  199.   z-index: -1 !important;
  200.  
  201.   width: 65px !important;
  202.   height: 1px !important;
  203. }
  204.  
  205. /*::: Navigation Menu User Menu :::*/
  206. #user-menu {
  207.   background: var(--transparent1) !important;
  208. }
  209.  
  210. /*::: Header Search :::*/
  211. #header-search,
  212. header#top-nav #header-search #header-search-button.btn-primary {
  213.   border: 1px solid var(--border) !important;
  214.  
  215.   color: var(--second-color) !important;
  216.   background: var(--bg) !important;
  217.  
  218.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  219. }
  220.  
  221. #header-search:hover,
  222. header#top-nav #header-search #header-search-button.btn-primary:hover {
  223.   border: 1px solid var(--border) !important;
  224.  
  225.   color: var(--second-color) !important;
  226.   background: var(--transparent3) !important;
  227.  
  228.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  229. }
  230.  
  231. header#top-nav #header-search #header-search-query.open {
  232.   color: var(--first-color) !important;
  233.   background: transparent !important;
  234. }
  235.  
  236. header#top-nav #header-search #header-search-type.shown .dropdown-toggle {
  237.   border-left: transparent !important;
  238.  
  239.   color: var(--first-color) !important;
  240.   background: transparent !important;
  241. }
  242.  
  243. header#top-nav #header-search #header-search-type.shown .dropdown-menu {
  244.   background: var(--bg) !important;
  245. }
  246.  
  247. header#top-nav #header-search #header-search-type.shown .dropdown-menu {
  248.   background: var(--bg) !important;
  249. }
  250.  
  251. header#top-nav #header-search #header-search-type a {
  252.   color: var(--first-color) !important;
  253.   background: var(--bg) !important;
  254.  
  255.   cursor: pointer !important;
  256. }
  257.  
  258. header#top-nav #header-search #header-search-type a:hover {
  259.   color: var(--fifth-color) !important;
  260.   background: var(--bg) !important;
  261. }
  262.  
  263. /*::: Alert :::*/
  264. .alert {
  265.   border: 1px solid var(--sixth-color) !important;
  266.  
  267.   color: var(--first-color) !important;
  268.   background-color: transparent !important;
  269. }
  270.  
  271. /*::: Toast :::*/
  272. #toast-container.toast-top-full-width .toast.toast-success {
  273.   border: 1px solid var(--sixth-color) !important;
  274.  
  275.   color: var(--first-color) !important;
  276.   background-color: transparent !important;
  277. }
  278.  
  279. /*::: watchlist/collections Dropdown Menu :::*/
  280. .quick-icons .actions .popover .popover-title {
  281.   color: var(--first-color) !important;
  282. }
  283.  
  284. .popover.remove .popover-content,
  285. .popover.with-list .popover-content {
  286.   background-color: var(--bg-dark) !important;
  287. }
  288.  
  289. .popover-title {
  290.   border-bottom: 1px solid var(--bg2) !important;
  291.  
  292.   background-color: var(--bg-dark) !important;
  293. }
  294.  
  295. ul.lists li {
  296.   color: var(--second-color) !important;
  297. }
  298.  
  299. ul.lists li.selected {
  300.   color: var(--first-color) !important;
  301. }
  302.  
  303. .popover.remove .popover-content > button,
  304. .popover.remove .popover-content > button.btn-cancel {
  305.   border: 1px solid var(--border) !important;
  306.  
  307.   color: var(--second-color) !important;
  308.   background: var(--bg) !important;
  309.  
  310.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  311. }
  312.  
  313. .popover.remove .popover-content > button.btn-cancel:hover,
  314. .popover.remove .popover-content > button:hover {
  315.   border: 1px solid var(--border) !important;
  316.  
  317.   color: var(--second-color) !important;
  318.   background: var(--transparent3) !important;
  319.  
  320.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  321. }
  322.  
  323. /*::: Add To Collection *Metadata*  :::*/
  324. .popover .metadata-wrapper {
  325.   background-color: var(--bg-dark) !important;
  326. }
  327.  
  328. .popover i.add-metadata {
  329.   color: var(--first-color) !important;
  330. }
  331.  
  332. .popover .metadata-wrapper button {
  333.   border: 1px solid var(--border) !important;
  334.  
  335.   color: var(--second-color) !important;
  336.   background: var(--bg-dark) !important;
  337.  
  338.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  339. }
  340.  
  341. .popover .metadata-wrapper button:hover {
  342.   border: 1px solid var(--border) !important;
  343.  
  344.   color: var(--second-color) !important;
  345.   background: var(--transparent3) !important;
  346.  
  347.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  348. }
  349.  
  350. /*::: Add To Collection *Other Date*  :::*/
  351. .popover .data-wrapper input {
  352.   color: var(--first-color) !important;
  353.   background: var(--bg-dark) !important;
  354. }
  355.  
  356. .popover .data-wrapper {
  357.   background-color: var(--bg) !important;
  358. }
  359.  
  360. .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline {
  361.   border-top: 1px solid var(--bg2) !important;
  362.  
  363.   background-color: var(--bg) !important;
  364. }
  365.  
  366. .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline button {
  367.   opacity: 1 !important;
  368. }
  369.  
  370. .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_month,
  371. .popover .data-wrapper .xdsoft_datetimepicker.xdsoft_inline .xdsoft_year {
  372.   color: var(--first-color) !important;
  373. }
  374.  
  375. .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  376.   background: var(--bg) !important;
  377. }
  378.  
  379. .generic-datepicker .xdsoft_calendar td.xdsoft_current,
  380. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  381.   background: var(--bg-dark) !important;
  382. }
  383.  
  384. .xdsoft_datetimepicker .xdsoft_calendar td,
  385. .xdsoft_datetimepicker .xdsoft_calendar th,
  386. .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  387.   font-size: 13px !important;
  388.  
  389.   color: var(--first-color) !important;
  390.   background: var(--bg) !important;
  391. }
  392.  
  393. /*::: Avatars on various pages  :::*/
  394. .user-avatar img {
  395.   display: block !important;
  396.  
  397.   margin-left: 5px !important;
  398.   border: solid 1px var(--border) !important;
  399.   border-radius: 0 !important;
  400.   width: 100% !important;
  401.  
  402.   background-color: var(--bg-dark) !important;
  403. }
  404.  
  405. .user-avatar .corner-rating {
  406.   right: -5px !important;
  407. }
  408.  
  409. .comment-wrapper .above-comment .user-avatar .corner-rating .text {
  410.   right: -17px !important;
  411. }
  412.  
  413. /*::: Fanart/Poster images  :::*/
  414. .fanart {
  415.   visibility: hidden !important;
  416. }
  417.  
  418. .fanart .shadow-base {
  419.   visibility: visible !important;
  420. }
  421.  
  422. .fanart .titles {
  423.   visibility: visible !important;
  424. }
  425.  
  426. .fanart .real {
  427.   visibility: visible !important;
  428.  
  429.   border-radius: 5px !important;
  430. }
  431.  
  432. .poster {
  433.   visibility: hidden !important;
  434. }
  435.  
  436. .poster .real {
  437.   visibility: visible !important;
  438.  
  439.   border-radius: 5px !important;
  440. }
  441.  
  442. .poster-wrapper .poster,
  443. .posters .poster-items-wrapper {
  444.   visibility: visible !important;
  445. }
  446.  
  447. .posters .poster {
  448.   border: hidden !important;
  449. }
  450.  
  451. /*::: Show Ratings on Posters :::*/
  452. .corner-rating {
  453.   visibility: visible !important;
  454. }
  455.  
  456. /*::: Quick Icons :::*/
  457. .titles-link h3 {
  458.   color: var(--first-color) !important;
  459. }
  460.  
  461. .titles-link h4 {
  462.   color: var(--second-color) !important;
  463. }
  464.  
  465. .quick-icons {
  466.   margin-top: 2px !important;
  467.   border-width: 0 !important;
  468.  
  469.   background-color: var(--transparent4) !important;
  470. }
  471.  
  472. .quick-icons .actions a.watch.selected,
  473. .quick-icons .actions a.watch:hover {
  474.   color: var(--first-color) !important;
  475. }
  476.  
  477. .quick-icons .actions a.collect.selected,
  478. .quick-icons .actions a.collect:hover {
  479.   color: var(--first-color) !important;
  480. }
  481.  
  482. .quick-icons .actions a.list.selected,
  483. .quick-icons .actions a.list:hover {
  484.   color: var(--first-color) !important;
  485. }
  486.  
  487. .quick-icons .actions a.ignore.selected,
  488. .quick-icons .actions a.ignore:hover {
  489.   color: var(--first-color) !important;
  490. }
  491.  
  492. /*::: Divider/Eye/Cal/Rss/CSV icons + See more text :::*/
  493. .see-more {
  494.   color: var(--second-color) !important;
  495. }
  496.  
  497. .see-more:hover {
  498.   color: var(--first-color) !important;
  499. }
  500.  
  501. .feed-icons .feed-icon {
  502.   color: var(--second-color) !important;
  503. }
  504.  
  505. .feed-icons .feed-icon:hover {
  506.   color: var(--first-color) !important;
  507. }
  508.  
  509. .filter-dropdown .hide-dividers .icon {
  510.   color: var(--second-color) !important;
  511. }
  512.  
  513. .filter-dropdown .hide-dividers .icon:hover {
  514.   color: var(--first-color) !important;
  515. }
  516.  
  517. .filter-dropdown .selected .caret,
  518. .filter-dropdown .selected .icon,
  519. .filter-dropdown.selected .caret,
  520. .filter-dropdown.selected .icon {
  521.   color: var(--first-color) !important;
  522. }
  523.  
  524. .filter-dropdown .icon .line {
  525.   background: var(--first-color) !important;
  526. }
  527.  
  528. .filter-dropdown .dropdown-toggle {
  529.   color: var(--second-color) !important;
  530. }
  531.  
  532. .filter-dropdown .dropdown-toggle:hover {
  533.   color: var(--first-color) !important;
  534. }
  535.  
  536. .subnav-wrapper .right .feed-icon .icon {
  537.   color: var(--second-color) !important;
  538. }
  539.  
  540. .subnav-wrapper .right .feed-icon .icon:hover {
  541.   color: var(--first-color) !important;
  542. }
  543.  
  544. /*::: Twitter Button :::*/
  545. .btn-twitter {
  546.   border: 1px solid var(--border) !important;
  547.  
  548.   color: var(--second-color) !important;
  549.   background: var(--bg-dark) !important;
  550.  
  551.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  552. }
  553.  
  554. .btn-twitter:hover {
  555.   border: 1px solid var(--border) !important;
  556.  
  557.   color: var(--second-color) !important;
  558.   background: var(--transparent3) !important;
  559.  
  560.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  561. }
  562.  
  563. /*::: Facebook Button :::*/
  564. .btn-facebook {
  565.   border: 1px solid var(--border) !important;
  566.  
  567.   color: var(--second-color) !important;
  568.   background: var(--bg-dark) !important;
  569.  
  570.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  571. }
  572.  
  573. .btn-facebook:hover {
  574.   border: 1px solid var(--border) !important;
  575.  
  576.   color: var(--second-color) !important;
  577.   background: var(--transparent3) !important;
  578.  
  579.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  580. }
  581.  
  582. /*::: Google+ Button :::*/
  583. .btn-google-plus,
  584. .btn-gplus {
  585.   border: 1px solid var(--border) !important;
  586.  
  587.   color: var(--second-color) !important;
  588.   background: var(--bg-dark) !important;
  589.  
  590.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  591. }
  592.  
  593. .btn-google-plus:hover,
  594. .btn-gplus:hover {
  595.   border: 1px solid var(--border) !important;
  596.  
  597.   color: var(--second-color) !important;
  598.   background: var(--transparent3) !important;
  599.  
  600.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  601. }
  602.  
  603. /*::: Tumblr Button :::*/
  604. .btn-tumblr {
  605.   border: 1px solid var(--border) !important;
  606.  
  607.   color: var(--second-color) !important;
  608.   background: var(--bg-dark) !important;
  609.  
  610.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  611. }
  612.  
  613. .btn-tumblr:hover {
  614.   border: 1px solid var(--border) !important;
  615.  
  616.   color: var(--second-color) !important;
  617.   background: var(--transparent3) !important;
  618.  
  619.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  620. }
  621.  
  622. /*::: Medium Button :::*/
  623. .btn-medium {
  624.   border: 1px solid var(--border) !important;
  625.  
  626.   color: var(--second-color) !important;
  627.   background: var(--bg-dark) !important;
  628.  
  629.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  630. }
  631.  
  632. .btn-medium:hover {
  633.   border: 1px solid var(--border) !important;
  634.  
  635.   color: var(--second-color) !important;
  636.   background: var(--transparent3) !important;
  637.  
  638.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  639. }
  640.  
  641. /*::: Profile Globals :::*/
  642.  
  643. /*::: Profile Header :::*/
  644.  
  645.  
  646. #cover-wrapper .shadow {
  647.   display: none !important;
  648. }
  649.  
  650. #cover-wrapper #avatar-wrapper .avatar {
  651.   border: 0 !important;
  652.   border-radius: 1% !important;
  653.  
  654.   background-color: transparent !important;
  655. }
  656.  
  657. #cover-wrapper #backdrop-info a,
  658. #cover-wrapper #backdrop-info a .year {
  659.   color: var(--first-color) !important;
  660. }
  661.  
  662. /*::: Links Wrapper :::*/
  663. #links-wrapper {
  664.   background: var(--transparent1) !important;
  665. }
  666.  
  667. /*::: All Types/All Ratings/Recently Rated/Watched,
  668. Recently Watched/Recently Collected/Personal Lists,
  669. Rank/Comments/Recently Added dropdowns/Friends :::*/
  670. .btn-default {
  671.   border: 1px solid var(--border) !important;
  672.  
  673.   color: var(--first-color) !important;
  674.   background: var(--transparent3) !important;
  675.  
  676.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  677. }
  678.  
  679. .dropdown .btn-default {
  680.   border: 1px solid var(--border) !important;
  681.  
  682.   color: var(--first-color) !important;
  683.   background: var(--bg-dark) !important;
  684.  
  685.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  686. }
  687.  
  688. .btn-default.active,
  689. .btn-default:active,
  690. .btn-default:focus,
  691. .dropdown .btn-default:hover,
  692. .open > .btn-default.dropdown-toggle {
  693.   border: 1px solid var(--border) !important;
  694.  
  695.   color: var(--second-color) !important;
  696.   background: var(--transparent3) !important;
  697.  
  698.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  699. }
  700.  
  701. .dropdown-menu,
  702. .dropdown-menu > li > a {
  703.   color: var(--second-color) !important;
  704.   background: var(--bg-dark) !important;
  705. }
  706.  
  707. .dropdown-menu > li > a:focus,
  708. .dropdown-menu > li > a:hover {
  709.   color: var(--first-color) !important;
  710.   background: var(--sixth-color) !important;
  711. }
  712.  
  713. /*::: Items/Plays/Watched/TLTW/Shows/lists/comments/People Count :::*/
  714. .above-comment {
  715.   background-color: transparent !important;
  716. }
  717.  
  718. .comment-wrapper {
  719.   border-width: 0 !important;
  720.  
  721.   background-color: transparent !important;
  722. }
  723.  
  724. .new-comment-wrapper textarea {
  725.   background-color: rgb(42, 44, 49) !important;
  726. }
  727.  
  728. .new-comment-wrapper .formatting-help {
  729.   background-color: transparent !important;
  730. }
  731.  
  732. #main-comment .interactions,
  733. .comment-wrapper .interactions {
  734.   font-size: 13px !important;
  735. }
  736.  
  737. .comment-wrapper.wider .above-comment .interactions a {
  738.   margin: 15px !important;
  739.  
  740.   color: var(--first-color) !important;
  741. }
  742.  
  743. /*::: Page numbers :::*/
  744. .pagination li a {
  745.   color: var(--first-color) !important;
  746.   background-color: transparent !important;
  747. }
  748.  
  749. /*::: Comments :::*/
  750.  
  751. /*::: Thumbs Up Button :::*/
  752. .comment-wrapper .above-comment .selected {
  753.   color: var(--fifth-color) !important;
  754. }
  755.  
  756. /*::: Date and Time :::*/
  757. .comment-wrapper .above-comment .date {
  758.   font-family: "Proxima Nova" !important;
  759.  
  760.   color: var(--first-color) !important;
  761. }
  762.  
  763. /*::: Add Comment :::*/
  764. .new-comment-focus.main {
  765.   font-size: 13px !important;
  766.  
  767.   color: var(--second-color) !important;
  768. }
  769.  
  770. .new-comment-focus.main:hover {
  771.   font-size: 13px !important;
  772.  
  773.   color: var(--first-color) !important;
  774. }
  775.  
  776. /*::: reply Box :::*/
  777. .new-reply-wrapper .reply-field textarea {
  778.   border: solid 1px var(--border) !important;
  779.  
  780.   background-color: var(--bg) !important;
  781. }
  782.  
  783. .new-reply-wrapper .buttons .comment-submit {
  784.   border: 1px solid var(--border) !important;
  785.  
  786.   color: var(--second-color) !important;
  787.   background: var(--bg-dark) !important;
  788.  
  789.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  790. }
  791.  
  792. .new-reply-wrapper .buttons .comment-submit:active,
  793. .new-reply-wrapper .buttons .comment-submit:hover {
  794.   border: 1px solid var(--border) !important;
  795.  
  796.   color: var(--first-color) !important;
  797.   background: var(--transparent3) !important;
  798.  
  799.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  800. }
  801.  
  802. /*::: Spoiler Stuff :::*/
  803. .comment-wrapper .comment.visible pre {
  804.   border: 0 !important;
  805.  
  806.   word-wrap: normal !important;
  807.   word-break: normal !important;
  808.  
  809.   color: var(--first-color) !important;
  810.   background-color: var(--bg-dark) !important;
  811. }
  812.  
  813. .comment-wrapper .comment code {
  814.   border: 0 !important;
  815. }
  816.  
  817. /*::: TV/Movies/Calender/Discover page :::*/
  818.  
  819. /*::: Body :::*/
  820. .frame-wrapper {
  821.   background-color: var(--bg-dark) !important;
  822. }
  823.  
  824. .frame-wrapper #huckster-desktop-wrapper.visible {
  825.   display: block !important;
  826.  
  827.   padding: 0 !important;
  828.  
  829.   background: var(--bg-dark) !important;
  830. }
  831.  
  832. .container-fluid {
  833.   background: var(--bg-dark) !important;
  834. }
  835.  
  836. /*::: End Globals :::*/
  837.  
  838. /*::: Sign in page :::*/
  839.  
  840. /*::: Trakt Logo :::*/
  841. #auth-form-wrapper .logo-wrapper .logo,
  842. .checkin-modal .logo-wrapper .logo {
  843.   background: url("https://raw.githubusercontent.com/JourneyDeprecated/My-Userstyles/dev/trakt.tv/img/Trakt_TV_Login.png") no-repeat !important;
  844.   background-size: 128px 128px !important;
  845. }
  846.  
  847. /*::: Login form :::*/
  848. #auth-form-wrapper,
  849. .checkin-modal {
  850.   border-radius: 1px !important;
  851.  
  852.   color: var(--second-color) !important;
  853.   background-color: var(--bg-dark) !important;
  854. }
  855.  
  856. /*::: Text area :::*/
  857. .form-control {
  858.   border: 1px solid var(--border) !important;
  859.  
  860.   color: var(--first-color) !important;
  861.   background-color: var(--bg-dark) !important;
  862. }
  863.  
  864. /*::: Sign-in Button :::*/
  865. #auth-form-wrapper .btn-primary,
  866. .checkin-modal .btn-primary {
  867.   border: 1px solid var(--border) !important;
  868.  
  869.   color: var(--second-color) !important;
  870.   background: var(--bg-dark) !important;
  871.  
  872.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  873. }
  874.  
  875. #auth-form-wrapper .btn-primary:hover,
  876. .checkin-modal .btn-primary:hover {
  877.   border: 1px solid var(--border) !important;
  878.  
  879.   color: var(--first-color) !important;
  880.   background: var(--transparent3) !important;
  881.  
  882.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  883. }
  884.  
  885. /*::: Bottom Section of login form :::*/
  886. #auth-form-wrapper .bottom-wrapper,
  887. .checkin-modal .bottom-wrapper {
  888.   border-top: solid 1px var(--bg2) !important;
  889.  
  890.   color: var(--second-color) !important;
  891.   background-color: var(--bg-dark) !important;
  892. }
  893.  
  894. /*::: Apps Page :::*/
  895. #apps-icon-wrapper {
  896.   background: var(--bg-dark) !important;
  897. }
  898.  
  899. .btn-group.in-wrapper .btn {
  900.   border: 1px solid var(--border) !important;
  901.  
  902.   color: var(--second-color) !important;
  903.   background: var(--bg-dark) !important;
  904.  
  905.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  906. }
  907.  
  908. .btn-group.in-wrapper .btn:hover {
  909.   border: 1px solid var(--border) !important;
  910.  
  911.   color: var(--first-color) !important;
  912.   background: var(--transparent3) !important;
  913.  
  914.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  915. }
  916.  
  917. .btn-group.in-wrapper .btn-primary {
  918.   border: 1px solid var(--border) !important;
  919.  
  920.   color: var(--fifth-color) !important;
  921.   background: var(--bg-dark) !important;
  922.  
  923.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  924. }
  925.  
  926. /*::: Dashboard :::*/
  927.  
  928. /*::: On deck to watch :::*/
  929. #ondeck-wrapper .posters .titles-link {
  930.   color: var(--first-color) !important;
  931. }
  932.  
  933. /*::: Avatar :::*/
  934. #results-top-wrapper.user-wrapper .user-avatar img {
  935.   border-width: 0 !important;
  936.   border-color: var(--bg-dark) !important;
  937.  
  938.   background-color: var(--bg-dark) !important;
  939. }
  940.  
  941. /*::: Stats Wrapper :::*/
  942. #results-top-wrapper.user-wrapper .stats-wrapper {
  943.   background-color: var(--bg2) !important;
  944. }
  945.  
  946. /*::: Last 30 days at a glance :::*/
  947. #charts-wrapper h3 {
  948.   color: var(--first-color) !important;
  949. }
  950.  
  951. #charts-wrapper .genre-bars.light .bar label {
  952.   color: var(--first-color) !important;
  953. }
  954.  
  955. /*::: Network Activity :::*/
  956. #network-wrapper .posters .poster-under {
  957.   color: var(--first-color) !important;
  958.   background-color: transparent !important;
  959. }
  960.  
  961. #network-wrapper .posters .poster-under .text a.username {
  962.   color: var(--first-color) !important;
  963. }
  964.  
  965. #network-wrapper .posters .poster-under .text a {
  966.   color: var(--first-color) !important;
  967. }
  968.  
  969. #network-wrapper .posters .activity-date {
  970.   color: var(--first-color) !important;
  971.   background-color: var(--bg2) !important;
  972. }
  973.  
  974. /*::: profile page :::*/
  975.  
  976. /*::: About/Last Watched/WATCHED TV SHOWS/MOST WATCHED TV SHOW,
  977. MOST WATCHED MOVIE/FEATURED LIST/FAVORITE GENRES :::*/
  978. #boxes-wrapper .row .stat-box {
  979.   border: 1px solid var(--border) !important;
  980. }
  981.  
  982. #boxes-wrapper .row .last-comment h3 span,
  983. #boxes-wrapper .row .stat-box .shade h3,
  984. #boxes-wrapper .row .stat-box .shade h4,
  985. #boxes-wrapper .row .stat-box h2 {
  986.   left: 70px !important;
  987.  
  988.   margin-right: 0 !important;
  989.  
  990.   font-family: "Proxima Nova" !important;
  991.   font-size: 15px !important;
  992. }
  993.  
  994. #boxes-wrapper .row .last-comment h3 .fa {
  995.   margin: 0 !important;
  996.  
  997.   font-size: 30px !important;
  998. }
  999.  
  1000. #boxes-wrapper .row .last-comment {
  1001.   background-color: var(--bg-dark) !important;
  1002. }
  1003.  
  1004. #boxes-wrapper .row .stats,
  1005. #boxes-wrapper .row .stats .bottom-shade {
  1006.   background-color: var(--bg-dark) !important;
  1007. }
  1008.  
  1009. #boxes-wrapper .row .stats .under-stat {
  1010.   color: var(--fifth-color) !important;
  1011. }
  1012.  
  1013. #boxes-wrapper .row .stat-box {
  1014.   background-color: var(--bg-dark) !important;
  1015. }
  1016.  
  1017. #boxes-wrapper .row .stat-box .see-more {
  1018.   color: var(--first-color) !important;
  1019. }
  1020.  
  1021. /*::: Favorites :::*/
  1022. #favorites-wrapper.col-stat.alt {
  1023.   background: transparent !important;
  1024. }
  1025.  
  1026. /*::: Ratings :::*/
  1027. #chart-ratings-wrapper.col-stat.alt {
  1028.   background: transparent !important;
  1029. }
  1030.  
  1031. #chart-ratings-wrapper #chart-ratings {
  1032.   border: 1px solid var(--border) !important;
  1033. }
  1034.  
  1035. /*::: Progress Page :::*/
  1036.  
  1037. /*::: Season Bar :::*/
  1038. .seasons {
  1039.   margin-left: 3% !important;
  1040.   border-radius: 15px !important;
  1041.   width: 85% !important;
  1042.  
  1043.   text-align: center !important;
  1044.  
  1045.   background-color: var(--bg2) !important;
  1046.  
  1047.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1048. }
  1049.  
  1050. .season-toggle {
  1051.   color: var(--first-color) !important;
  1052. }
  1053.  
  1054. /*::: Lists Page :::*/
  1055.  
  1056. /*::: Add List / Reorder :::*/
  1057. #btn-list-add,
  1058. #btn-list-edit-lists {
  1059.   font-size: 13px !important;
  1060.  
  1061.   color: var(--second-color) !important;
  1062. }
  1063.  
  1064. #btn-list-add:hover,
  1065. #btn-list-edit-lists.active,
  1066. #btn-list-edit-lists:hover {
  1067.   font-size: 13px !important;
  1068.  
  1069.   color: var(--first-color) !important;
  1070. }
  1071.  
  1072. #btn-list-edit-lists .icon {
  1073.   transition: all 0s !important;
  1074. }
  1075.  
  1076. /*::: Sort Direction :::*/
  1077. #sort-direction {
  1078.   color: var(--second-color) !important;
  1079. }
  1080.  
  1081. #sort-direction.selected {
  1082.   color: var(--first-color) !important;
  1083. }
  1084.  
  1085. /*::: by *name* color :::*/
  1086. .comment-wrapper.list .above-comment .user-name h4 a.username {
  1087.   color: var(--first-color) !important;
  1088. }
  1089.  
  1090. /*::: create custom calander icon :::*/
  1091. .custom-list .list-info .user-actions .icon.btn-list-clone,
  1092. .custom-list .list-info .user-actions .icon.btn-list-subscribe {
  1093.   color: var(--first-color) !important;
  1094. }
  1095.  
  1096. .comment-wrapper.list .selected {
  1097.   color: var(--fifth-color) !important;
  1098. }
  1099.  
  1100. /*::: Get rid of white shade on bottom of list overview :::*/
  1101. .custom-list .list-info .info .overview[data-readmore][aria-expanded="false"] .shade,
  1102. .subnav-text .text[data-readmore][aria-expanded="false"] .shade {
  1103.   width: 0 !important;
  1104. }
  1105.  
  1106. /*::: clone and subscribe buttons :::*/
  1107. .subnav-wrapper .left h2 .right a {
  1108.   color: var(--second-color) !important;
  1109. }
  1110.  
  1111. .subnav-wrapper .left h2 .right a:hover {
  1112.   color: var(--first-color) !important;
  1113. }
  1114.  
  1115. /*::: Show Page :::*/
  1116.  
  1117. /*::: Rate this show :::*/
  1118. @keyframes fade-in {
  1119.   from {
  1120.     color: var(--first-color) !important;
  1121.   }
  1122.   to {
  1123.     color: var(--fifth-color) !important;
  1124.   }
  1125. }
  1126.  
  1127. @keyframes fade-out {
  1128.   from {
  1129.     color: var(--fifth-color) !important;
  1130.   }
  1131.   to {
  1132.     color: var(--first-color) !important;
  1133.   }
  1134. }
  1135.  
  1136. .fa-heart-o {
  1137.   color: var(--first-color) !important;
  1138.  
  1139.   animation-name: fade-out !important;
  1140.   animation-duration: .5s !important;
  1141. }
  1142.  
  1143. .fa-heart-o:hover {
  1144.   color: var(--fifth-color) !important;
  1145.  
  1146.   animation-name: fade-in !important;
  1147.   animation-duration: .5s !important;
  1148. }
  1149.  
  1150. /*::: Checkin/Watched/Collection/Add to List/Comment :::*/
  1151. .btn-checkin {
  1152.   color: var(--fifth-color) !important;
  1153.   background-color: transparent !important;
  1154. }
  1155.  
  1156. .btn-checkin:hover {
  1157.   color: var(--first-color) !important;
  1158.   background-color: var(--fifth-color) !important;
  1159. }
  1160.  
  1161. .btn-watch {
  1162.   background-color: transparent !important;
  1163. }
  1164.  
  1165. .btn-watch:hover {
  1166.   background-color: var(--seventh-color) !important;
  1167. }
  1168.  
  1169. .btn-collect {
  1170.   background-color: transparent !important;
  1171. }
  1172.  
  1173. .btn-collect:hover {
  1174.   background-color: var(--third-color) !important;
  1175. }
  1176.  
  1177. .btn-list {
  1178.   background-color: transparent !important;
  1179. }
  1180.  
  1181. .btn-list:hover {
  1182.   background-color: var(--fourth-color) !important;
  1183. }
  1184.  
  1185. .btn-comment {
  1186.   background-color: transparent !important;
  1187. }
  1188.  
  1189. .btn-comment:hover {
  1190.   background-color: var(--eight-color) !important;
  1191. }
  1192.  
  1193. /*::: Sidebar Watch Now :::*/
  1194. .btn-watch-now {
  1195.   border: 1px solid var(--border) !important;
  1196.  
  1197.   color: var(--second-color) !important;
  1198.   background: var(--bg-dark) !important;
  1199.  
  1200.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1201. }
  1202.  
  1203. .btn-watch-now:hover {
  1204.   border: 1px solid var(--border) !important;
  1205.  
  1206.   color: var(--second-color) !important;
  1207.   background: var(--transparent3) !important;
  1208.  
  1209.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1210. }
  1211.  
  1212. .streaming-links .title {
  1213.   border-bottom: solid 1px var(--bg) !important;
  1214. }
  1215.  
  1216. /*::: Sidebar Navigation :::*/
  1217. .sidebar .sections li a {
  1218.   color: var(--second-color) !important;
  1219. }
  1220.  
  1221. .sidebar .sections li a:hover {
  1222.   color: var(--first-color) !important;
  1223. }
  1224.  
  1225. .sidebar .external li a {
  1226.   border: 1px solid var(--border) !important;
  1227.  
  1228.   color: var(--second-color) !important;
  1229.   background: var(--bg-dark) !important;
  1230.  
  1231.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1232. }
  1233.  
  1234. .sidebar .external li a:hover {
  1235.   border: 1px solid var(--border) !important;
  1236.  
  1237.   color: var(--second-color) !important;
  1238.   background: var(--transparent3) !important;
  1239.  
  1240.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1241. }
  1242.  
  1243. /*::: Trailers/opening & Closing Credits :::*/
  1244. .affiliate-links .section {
  1245.   margin-top: 22px !important;
  1246. }
  1247.  
  1248. .affiliate-links .section a {
  1249.   border: 1px solid var(--border) !important;
  1250.  
  1251.   color: var(--second-color) !important;
  1252.   background: var(--bg-dark) !important;
  1253.  
  1254.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1255. }
  1256.  
  1257. .affiliate-links .section a:hover {
  1258.   border: 1px solid var(--border) !important;
  1259.  
  1260.   color: var(--second-color) !important;
  1261.   background: var(--transparent3) !important;
  1262.  
  1263.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1264. }
  1265.  
  1266. /*::: Summary and user activity :::*/
  1267. .summary-activity .tabs .tab {
  1268.   border: 1px solid var(--border) !important;
  1269.  
  1270.   color: var(--first-color) !important;
  1271.   background: var(--bg-dark) !important;
  1272.  
  1273.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1274.  
  1275.   transition: all 0s !important;
  1276. }
  1277.  
  1278. .summary-activity .tabs .tab:hover {
  1279.   border: 1px solid var(--border) !important;
  1280.  
  1281.   color: var(--second-color) !important;
  1282.   background: var(--bg2) !important;
  1283.  
  1284.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1285.  
  1286.   transition: all 0s !important;
  1287. }
  1288.  
  1289. .summary-activity .tabs .tab.selected {
  1290.   border: 1px solid var(--border) !important;
  1291.  
  1292.   color: var(--first-color) !important;
  1293.   background: var(--bg-dark) !important;
  1294.  
  1295.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1296.  
  1297.   transition: all 0s !important;
  1298. }
  1299.  
  1300. .summary-activity .tabs .tab.selected:hover {
  1301.   border: 1px solid var(--border) !important;
  1302.  
  1303.   color: var(--second-color) !important;
  1304.   background: var(--bg2) !important;
  1305.  
  1306.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1307.  
  1308.   transition: all 0s !important;
  1309. }
  1310.  
  1311. .summary-activity .tab-content .tab-pane .users-wrapper {
  1312.   border: 1px solid var(--border) !important;
  1313.  
  1314.   color: var(--first-color) !important;
  1315.   background: var(--bg2) !important;
  1316. }
  1317.  
  1318. /*::: Actors :::*/
  1319. #info-wrapper .info #actors .posters ul li .character {
  1320.   color: var(--first-color) !important;
  1321. }
  1322.  
  1323. #info-wrapper .info #actors .posters ul:hover li .titles .name {
  1324.   color: var(--first-color) !important;
  1325.  
  1326.   opacity: 1 !important;
  1327. }
  1328.  
  1329. .tooltip-inner {
  1330.   border: 1px solid var(--border) !important;
  1331.  
  1332.   color: var(--first-color) !important;
  1333.   background-color: var(--bg) !important;
  1334. }
  1335.  
  1336. .tooltip .alt {
  1337.   color: var(--first-color) !important;
  1338. }
  1339.  
  1340. /*::: Lists :::*/
  1341. blockquote,
  1342. .readmore code {
  1343.   background: transparent !important;
  1344. }
  1345.  
  1346. /*::: Seasons Page :::*/
  1347.  
  1348. /*::: season navigation bar :::*/
  1349. .subnav-wrapper {
  1350.   background-color: var(--bg-dark) !important;
  1351. }
  1352.  
  1353. .season-links {
  1354.   border-top: 1px solid var(--border) !important;
  1355.   border-bottom: 1px solid var(--border) !important;
  1356.  
  1357.   color: var(--second-color) !important;
  1358. }
  1359.  
  1360. .season-links .links ul li a {
  1361.   color: var(--second-color) !important;
  1362. }
  1363.  
  1364. .season-links .links ul li a.selected {
  1365.   color: var(--first-color) !important;
  1366. }
  1367.  
  1368. .season-links .links ul li a:hover {
  1369.   color: var(--first-color) !important;
  1370. }
  1371.  
  1372. /*::: Episode Info :::*/
  1373. .under-info .titles {
  1374.   border: 1px solid var(--border) !important;
  1375.  
  1376.   background-color: var(--bg2) !important;
  1377.  
  1378.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1379. }
  1380.  
  1381. .under-info h3 a {
  1382.   color: var(--fifth-color) !important;
  1383. }
  1384.  
  1385. #seasons-episodes-sortable .episode-stats a {
  1386.   color: var(--first-color) !important;
  1387. }
  1388.  
  1389. /*::: Comments page :::*/
  1390. body.comments #info-wrapper .above-comment-bg,
  1391. body.comments_episode #info-wrapper .above-comment-bg,
  1392. body.comments_season #info-wrapper .above-comment-bg,
  1393. body.list_comments #info-wrapper .above-comment-bg comment blockquote {
  1394.   background-color: var(--bg-dark) !important;
  1395. }
  1396.  
  1397. body.comments #info-wrapper .info #read .comment-wrapper .comment blockquote,
  1398. body.comments_episode #info-wrapper .info #read .comment-wrapper .comment blockquote,
  1399. body.comments_season #info-wrapper .info #read .comment-wrapper .comment blockquote,
  1400. body.list_comments #info-wrapper .info #read .comment-wrapper .comment blockquote {
  1401.   background-color: var(--bg-dark) !important;
  1402. }
  1403.  
  1404. .comment-wrapper .comment blockquote {
  1405.   background-color: var(--bg-dark) !important;
  1406. }
  1407.  
  1408. /*::: Shouts page :::*/
  1409. body.comments #info-wrapper .above-comment-bg,
  1410. body.comments_episode #info-wrapper .above-comment-bg,
  1411. body.comments_liked #info-wrapper .above-comment-bg,
  1412. body.comments_season #info-wrapper .above-comment-bg,
  1413. body.list_comments #info-wrapper .above-comment-bg {
  1414.   background-color: var(--bg-dark) !important;
  1415. }
  1416.  
  1417. /*::: Settings Page :::*/
  1418.  
  1419. /*::: General :::*/
  1420. .panel-default {
  1421.   border-color: var(--border) !important;
  1422.  
  1423.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1424. }
  1425.  
  1426. .panel-heading {
  1427.   border-color: var(--border) !important;
  1428.  
  1429.   color: var(--first-color) !important;
  1430.   background-color: var(--bg-dark) !important;
  1431. }
  1432.  
  1433. .panel-body {
  1434.   border-color: var(--border) !important;
  1435.  
  1436.   color: var(--first-color) !important;
  1437.   background-color: var(--bg-dark) !important;
  1438. }
  1439.  
  1440. .input-group .form-control:first-child {
  1441.   border-color: var(--border) !important;
  1442.  
  1443.   color: var(--first-color) !important;
  1444.   background: var(--bg-dark) !important;
  1445.  
  1446.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1447. }
  1448.  
  1449. #avatar-file-upload {
  1450.   border-color: var(--border) !important;
  1451.  
  1452.   color: var(--first-color) !important;
  1453.   background: var(--bg-dark) !important;
  1454.  
  1455.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1456. }
  1457.  
  1458. #avatar-file-upload:hover {
  1459.   border: 1px solid var(--border) !important;
  1460.  
  1461.   color: var(--second-color) !important;
  1462.   background: var(--transparent3) !important;
  1463.  
  1464.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1465. }
  1466.  
  1467. body.settings .buttons .btn {
  1468.   border: 1px solid var(--border) !important;
  1469.  
  1470.   color: var(--second-color) !important;
  1471.   background: var(--bg-dark) !important;
  1472.  
  1473.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1474. }
  1475.  
  1476. body.settings .buttons .btn:hover {
  1477.   border: 1px solid var(--border) !important;
  1478.  
  1479.   color: var(--second-color) !important;
  1480.   background: var(--transparent3) !important;
  1481.  
  1482.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1483. }
  1484.  
  1485. /*::: Sharing and Notifications :::*/
  1486. body.settings .notifications-table .table tbody > tr > td {
  1487.   border: 1px solid var(--border) !important;
  1488. }
  1489.  
  1490. body.settings .notifications-table .table tbody > tr:hover {
  1491.   border: 1px solid var(--border) !important;
  1492.  
  1493.   color: var(--second-color) !important;
  1494.   background: var(--transparent3) !important;
  1495.  
  1496.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1497. }
  1498.  
  1499. h3.instructions {
  1500.   background-color: var(--bg-dark) !important;
  1501. }
  1502.  
  1503. /*::: Hidden Items :::*/
  1504. body.settings .subnav-wrapper {
  1505.   border-bottom: solid 1px var(--border) !important;
  1506.  
  1507.   color: var(--first-color) !important;
  1508. }
  1509.  
  1510. /*::: Connected Apps :::*/
  1511. body.authorized_applications .subnav-wrapper {
  1512.   border-bottom: solid 1px var(--border) !important;
  1513.  
  1514.   color: var(--first-color) !important;
  1515. }
  1516.  
  1517. /*::: Your API Apps :::*/
  1518. #authorized-applications .btn-primary,
  1519. #authorized-applications .btn-success {
  1520.   border: 1px solid var(--border) !important;
  1521.  
  1522.   color: var(--first-color) !important;
  1523.   background: var(--bg-dark) !important;
  1524.  
  1525.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1526. }
  1527.  
  1528. #authorized-applications .btn-primary:hover,
  1529. #authorized-applications .btn-success:hover {
  1530.   border: 1px solid var(--border) !important;
  1531.  
  1532.   color: var(--first-color) !important;
  1533.   background: var(--transparent3) !important;
  1534.  
  1535.   box-shadow: 1px 1px 5px 1px var(--transparent2) !important;
  1536. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top