API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 1st, 2022
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 23.43 KB | None | 0 0
raw download clone embed print report
  1. /*    dP   dP                                                                  dP        */
  2. /*    88   88                                                                  88        */
  3. /*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
  4. /*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
  5. /*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
  6. /*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
  7. /*                                                  88                                   */
  8. /*                                                  dP                   */
  9.  
  10. /*                      Made by @gilbN                   */
  11. /*                https://github.com/gilbN/theme.park            */
  12.  
  13. *::-webkit-input-placeholder {
  14.   color: var(--text-muted) !important;
  15. }
  16.  
  17. *:focus::-webkit-input-placeholder {
  18.   color: var(--text-hover) !important;
  19. }
  20.  
  21. /* Firefox < 19 */
  22. *:-moz-placeholder {
  23.   color: var(--text-muted) !important;
  24. }
  25.  
  26. *:focus:-moz-placeholder {
  27.   color: var(--text-hover) !important;
  28. }
  29.  
  30. /* Firefox > 19 */
  31. *::-moz-placeholder {
  32.   color: var(--text-muted) !important;
  33. }
  34.  
  35. *:focus::-moz-placeholder {
  36.   color: var(--text-hover) !important;
  37. }
  38.  
  39. /* Internet Explorer 10 */
  40. *:-ms-input-placeholder {
  41.   color: var(--text-muted) !important;
  42. }
  43.  
  44. *:focus:-ms-input-placeholder {
  45.   color: var(--text-hover) !important;
  46. }
  47.  
  48. :root {
  49.     --transparency-dark-05: rgba(0, 0, 0, .05);
  50.     --transparency-dark-10: rgba(0, 0, 0, .10);
  51.     --transparency-dark-15: rgba(0, 0, 0, .15);
  52.     --transparency-dark-25: rgba(0, 0, 0, .25);
  53.     --transparency-dark-35: rgba(0, 0, 0, .35);
  54.     --transparency-dark-40: rgba(0, 0, 0, .40);
  55.     --transparency-dark-45: rgba(0, 0, 0, .45);
  56.     --transparency-dark-50: rgba(0, 0, 0, .50);
  57.     --transparency-dark-55: rgba(0, 0, 0, .55);
  58.     --transparency-dark-60: rgba(0, 0, 0, .60);
  59.     --transparency-dark-65: rgba(0, 0, 0, .65);
  60.     --transparency-dark-70: rgba(0, 0, 0, .70);
  61.     --transparency-dark-75: rgba(0, 0, 0, .75);
  62.     --transparency-dark-80: rgba(0, 0, 0, .80);
  63.     --transparency-dark-85: rgba(0, 0, 0, .85);
  64.     --transparency-dark-90: rgba(0, 0, 0, .90);
  65.     --transparency-light-05: rgba(255, 255, 255, .05);
  66.     --transparency-light-10: rgba(255, 255, 255, .10);
  67.     --transparency-light-15: rgba(255, 255, 255, .15);
  68.     --transparency-light-20: rgba(255, 255, 255, .20);
  69.     --transparency-light-25: rgba(255, 255, 255, .25);
  70.     --transparency-light-30: rgba(255, 255, 255, .30);
  71.     --transparency-light-35: rgba(255, 255, 255, .35);
  72.     --transparency-light-45: rgba(255, 255, 255, .45);
  73.     --transparency-light-50: rgba(255, 255, 255, .50);
  74.     --transparency-light-55: rgba(255, 255, 255, .55);
  75.     --transparency-blue-60: linear-gradient(to bottom right, #0062aa, #191818) !important;
  76.     }
  77.    
  78. :root {
  79.   --main-bg-color: radial-gradient(circle, #000000, #000000, #000000, #000000, #000000) center center/cover no-repeat fixed;
  80.  
  81.   --modal-bg-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  82.   --modal-header-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  83.   --modal-footer-color: linear-gradient(135deg , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
  84.  
  85.   --drop-down-menu-bg: #2d2d2d;
  86.  
  87.   --button-color: #0062aa;
  88.   --button-color-hover: #0062aa;
  89.   --button-text: #eee;
  90.   --button-text-hover: #FFF;
  91.  
  92.   --accent-color: 0, 98, 170;
  93.   --accent-color-hover: rgba(0, 98, 170, 1.0);
  94.   --link-color: #ffffff;
  95.   --link-color-hover: #0062aa;
  96.   --label-text-color: black;
  97.    
  98.   --text:#ffffff;
  99.   --text-hover: #ffffff;
  100.   --text-muted: #999;
  101.  
  102.   /*Specials*/
  103.   --arr-queue-color: #6b5; /* Servarr apps + Bazarr*/
  104.   --plex-poster-unwatched: #e5a00d;
  105.   --petio-spinner: invert(35%) sepia(12%) saturate(4%) hue-rotate(2deg) brightness(104%) contrast(86%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
  106.   --gitea-color-primary-dark-4: 255, 255, 255;
  107.   --overseerr-gradient: radial-gradient(circle, rgba(58, 58, 58,.95), rgba(45, 45, 45,.95), rgba(32, 32, 32,.95), rgba(20, 20, 20,.95), rgb(0, 0, 0,.95)) center center/cover no-repeat fixed;
  108. }
  109.  
  110. * {
  111.     outline: none;
  112. }
  113.  
  114. body {
  115.     color: var(--text);
  116.     background: var(--main-bg-color);
  117.     background-repeat: repeat, no-repeat;
  118.     background-attachment: fixed, fixed;
  119.     background-position: center center, center center;
  120.     background-size: auto, cover;
  121.     -webkit-background-size: auto, cover;
  122.     -moz-background-size: auto, cover;
  123.     -o-background-size: auto, cover;
  124. }
  125.  
  126. h1,
  127. h2,
  128. h3,
  129. h4,
  130. h5,
  131. h6,
  132. strong {
  133.     color: var(--text-hover);
  134. }
  135.  
  136. i.fa.fa-fw {
  137.     color: var(--text-hover) !important;
  138. }
  139.  
  140. a,
  141. .blue-text,
  142. a.static,
  143. i.control {
  144.     color: var(--link-color);
  145. }
  146.  
  147. a:hover,
  148. a.static:hover,
  149. i.control:hover {
  150.     color: var(--link-color-hover);
  151. }
  152.  
  153. pre {
  154.     border: 1px solid rgb(255 255 255 / 30%);
  155. }
  156.  
  157. #template {
  158.     background: var(--main-bg-color);
  159.     background-repeat: repeat, no-repeat;
  160.     background-attachment: fixed, fixed;
  161.     background-position: center center, center center;
  162.     background-size: auto, cover;
  163.     -webkit-background-size: auto, cover;
  164.     -moz-background-size: auto, cover;
  165.     -o-background-size: auto, cover;
  166. }
  167.  
  168. #menu {
  169.     background: var(--main-bg-color);
  170.     background-repeat: repeat, no-repeat;
  171.     background-attachment: fixed, fixed;
  172.     background-position: center center, center center;
  173.     background-size: auto, cover;
  174.     -webkit-background-size: auto, cover;
  175.     -moz-background-size: auto, cover;
  176.     -o-background-size: auto, cover;
  177. }
  178.  
  179. #header .text-left {
  180.     border-right: solid medium rgb(var(--accent-color));
  181. }
  182.  
  183. #header {
  184.     background-color: transparent;
  185. }
  186.  
  187. #header,
  188. #header .text-right a {
  189.     color: var(--text) !important;
  190. }
  191.  
  192. #header .block {
  193.     background: var(--transparency-dark-20);
  194.     border-radius: 0px 0px 0px 25px;
  195. }
  196. .upgrade_notice {
  197.     color: #0062aa !important;
  198.     background: #000000d9 !important;
  199.     border-bottom: none !important;
  200.     font-weight: 700;
  201.     box-shadow: #ffffff -1px 2px 12px 2px;
  202. }
  203.  
  204. #nav-block #nav-item:focus:after,
  205. #nav-block #nav-item:hover:after,
  206. #nav-block #nav-item.active:after {
  207.     background: var(--accent-color-hover);
  208. }
  209.  
  210. #nav-block #nav-item a:hover {
  211.     color: var(--text-hover);
  212. }
  213.  
  214. #nav-block #nav-item a {
  215.     color: var(--text);
  216. }
  217.  
  218. #nav-item.active a {
  219.     color: rgb(var(--accent-color)) !important;
  220. }
  221.  
  222. #nav-item.active a:hover {
  223.     color: rgb(var(--accent-color)) !important;
  224. }
  225.  
  226. textarea {
  227.     background: var(--transparency-dark-25);
  228. }
  229.  
  230. /*DASHBOARD*/
  231. table.share_status.dashboard {
  232.     background: var(--transparency-dark-15);
  233.     border: 1px solid rgba(255, 255, 255, .25);
  234. }
  235.  
  236. table.share_status.dashboard tr>td.next {
  237.     border-top: 1px solid rgba(255, 255, 255, .25);
  238.     color: var(--text-hover);
  239. }
  240.  
  241. span.outer.solid {
  242.     background-color: transparent;
  243. }
  244.  
  245. span.inner {
  246.     width: 137px !important;
  247. }
  248.  
  249. thead.sortable,
  250. thead,
  251. table.tablesorter thead tr th {
  252.     color: var(--text-hover);
  253. }
  254.  
  255. .sys,
  256. .usage-disk,
  257. .usage-bar {
  258.     background: var(--transparency-dark-35)
  259. }
  260.  
  261. .usage-disk>span:first-child {
  262.     background-color: #0062aa
  263. }
  264.  
  265. #db-box3>tbody.smb.share.share1.sortable>tr>td>a {
  266.     color: var(--link-color);
  267. }
  268.  
  269. #db-box3>tbody.smb.share.share1.sortable>tr>td>a:hover {
  270.     color: var(--link-color-hover);
  271. }
  272.  
  273. .green-text,
  274. .passed,
  275. .green {
  276.     color: #0062aa;
  277. }
  278.  
  279. /*MAIN*/
  280. #title {
  281.     border-bottom: 2px solid rgba(0, 98, 206, .25);
  282.     background: var(--transparency-blue-60);
  283.    
  284. }
  285.  
  286. table {
  287.     background: var(--transparency-dark-25);
  288. }
  289.  
  290. table.disk_status thead tr:first-child td,
  291. table tbody tr.tr_last,
  292. table.share_status tbody tr:nth-child(even),
  293. table.share_status thead tr:first-child td,
  294. table.tablesorter thead tr th,
  295. table.tablesorter tbody tr:nth-child(even),
  296. table.tablesorter thead tr .tablesorter-headerAsc,
  297. table.tablesorter thead tr .tablesorter-headerDesc {
  298.     background: var(--transparency-dark-25);
  299. }
  300.  
  301. table.disk_status tbody tr:nth-child(even) {
  302.     background: var(--transparency-dark-25);
  303. }
  304.  
  305. table.disk_status thead tr:last-child {
  306.     border-bottom: 1px solid rgb(160, 160, 160);
  307. }
  308.  
  309. table.tablesorter thead tr {
  310.     border-bottom: rgba(255, 255, 255, .25) 1px solid;
  311. }
  312.  
  313. table tbody tr.tr_last {
  314.     border-top: 1px solid rgba(255, 255, 255, .25);
  315. }
  316.  
  317. table.share_status tbody tr.warn {
  318.     color: #e68a00 !important;
  319.     background-color: #feefb3 !important;
  320. }
  321.  
  322. /*BUTTON*/
  323. input[type=button],
  324. input[type=reset],
  325. input[type=submit],
  326. button,
  327. button[type=button],
  328. a.button,
  329. .sweet-alert button,
  330. #template button[type=button],
  331. #template button {
  332.     color: var(--text);
  333.     text-shadow: var(--text-shadow) var(--text-shadow-color);
  334.     background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
  335.     background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
  336.     background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
  337.     border: 1px solid transparent;
  338. }
  339.  
  340. input:hover[type=button],
  341. input:hover[type=reset],
  342. input:hover[type=submit],
  343. button:hover,
  344. button:hover[type=button],
  345. a.button:hover,
  346. .sweet-alert button:hover,
  347. #template button[type=button]:hover,
  348. #template button:hover {
  349.     color: var(--button-text-hover);
  350.     text-shadow: var(--text-shadow) var(--button-color-hover);
  351.     box-shadow: var(--box-shadow) var(--button-color-hover);
  352.     background-color: var(--button-color-hover);
  353.     background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
  354.     background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
  355. }
  356.  
  357. .swal-button {
  358.     color: var(--button-text) !important;
  359.     text-shadow: var(--text-shadow) var(--text-shadow-color) !important;
  360.     background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat !important;
  361.     background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat !important;
  362.     background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100% !important;
  363.     border: 1px solid transparent !important;
  364. }
  365.  
  366. .swal-button:hover {
  367.     color: var(--button-text-hover) !important;
  368.     text-shadow: var(--text-shadow) var(--button-color-hover) !important;
  369.     box-shadow: var(--box-shadow) var(--button-color-hover) !important;
  370.     background-color: var(--button-color-hover) !important;
  371.     background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))) !important;
  372.     background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)) !important;
  373. }
  374.  
  375. .switch-button-background.checked {
  376.     background-color: #4caf50 !important;
  377. }
  378.  
  379. .switch-button-label.on {
  380.     color: #4caf50 !important;
  381. }
  382.  
  383. /* BAR GAUGES */
  384. .usage-disk {
  385.     color: white;
  386. }
  387.  
  388. /* USERS */
  389. div.user-list {
  390.     border: 1px solid rgba(255, 255, 255, .15);
  391.     background: var(--transparency-light-05);
  392. }
  393.  
  394. /* SETTINGS */
  395. label.checkbox input:checked~.checkmark {
  396.     background: var(--button-color);
  397. }
  398.  
  399. .logLine {
  400.     background: transparent;
  401. }
  402.  
  403. .logLine.spacing {
  404.     color: var(--text);
  405.     background: var(--modal-bg-color);
  406.     background-repeat: repeat, no-repeat;
  407.     background-attachment: fixed, fixed;
  408.     background-position: center center, center center;
  409.     background-size: auto, cover;
  410.     -webkit-background-size: auto, cover;
  411.     -moz-background-size: auto, cover;
  412.     -o-background-size: auto, cover;
  413. }
  414.  
  415. #sb-info-inner,
  416. #sb-loading-inner,
  417. div.sb-message {
  418.     color: var(--text);
  419.     background-color: transparent;
  420. }
  421.  
  422. #sb-title,
  423. #sb-title-inner {
  424.     color: var(--text-hover);
  425.     background-color: transparent;
  426. }
  427.  
  428.  
  429. #sb-wrapper {
  430.     border: 1px rgba(0, 0, 0, 0) solid;
  431.     color: var(--text);
  432.     background: var(--modal-bg-color);
  433.     background-repeat: repeat, no-repeat;
  434.     background-attachment: fixed, fixed;
  435.     background-position: center center, center center;
  436.     background-size: auto, cover;
  437.     -webkit-background-size: auto, cover;
  438.     -moz-background-size: auto, cover;
  439.     -o-background-size: auto, cover;
  440. }
  441.  
  442. #sb-loading,
  443. #sb-body-inner,
  444. iframe {
  445.     color: var(--text);
  446.     background: transparent !important;
  447. }
  448.  
  449. div.Panel i.PanelIcon {
  450.     color: var(--text-hover);
  451. }
  452.  
  453. /* PLUGINS */
  454. div.tab [type=radio]:checked+label,
  455. div.tab [type=radio]+label:hover {
  456.     border: 1px solid var(--accent-color-hover);
  457.     color: var(--text-hover);
  458. }
  459.  
  460. div.tab [type=radio]+label {
  461.     border: 1px solid var(--transparency-light-25);
  462.     background: var(--transparency-dark-50);
  463.     opacity: 0.5;
  464. }
  465.  
  466. /* FOOTER */
  467. #footer {
  468.     color: var(--text);
  469.     background: var(--main-bg-color);
  470.     background-repeat: repeat, no-repeat;
  471.     background-attachment: fixed, fixed;
  472.     background-position: center center, center center;
  473.     background-size: auto, cover;
  474.     -webkit-background-size: auto, cover;
  475.     -moz-background-size: auto, cover;
  476.     -o-background-size: auto, cover;
  477. }
  478.  
  479. /* CA */
  480. hr {
  481.  
  482. color: var(--text);
  483. background-color: var(--text);
  484. }
  485.  
  486. .ca_holderDocker {
  487.     background: var(--transparency-dark-10) !important;
  488.     border-color: rgb(0 0 0 / 25%) !important;
  489. }
  490.  
  491. .ca_holderDocker::before {
  492.     color: rgb(255 255 255 / 40%) !important;
  493. }
  494.  
  495. .selectedMenu {
  496.     color: rgb(var(--accent-color)) !important;
  497. }
  498.  
  499. .hoverMenu {
  500.     color: var(--link-color-hover) !important;
  501. }
  502.  
  503. .ca_descriptionArea:hover,
  504. a.ca_repoPopup:hover {
  505.     color: var(--button-text-hover) !important;
  506. }
  507.  
  508. .ca_templatesDisplay .ca_holderFav {
  509.     background: rgb(var(--accent-color), .7) !important;
  510.     color: var(--label-text-color) !important;
  511. }
  512.  
  513. a.ca_appreadmore:hover {
  514.     color: var(--link-color-hover) !important;
  515. }
  516.  
  517. .ca_bottomLine .appIcons:hover,
  518. .ca_bottomLine .unpinned:hover {
  519.     text-decoration: none;
  520.     color: var(--link-color-hover) !important;
  521. }
  522.  
  523. .tooltipster-sidetip.tooltipster-right .tooltipster-box {
  524.     border-left: 3px solid rgb(var(--accent-color)) !important;
  525. }
  526.  
  527. .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  528.     border-top: 3px solid rgb(var(--accent-color)) !important;
  529. }
  530.  
  531. .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  532.     border-top-color: rgb(var(--accent-color)) !important;
  533. }
  534.  
  535. .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  536.     border-right-color: rgb(var(--accent-color)) !important;
  537. }
  538.  
  539. .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border,
  540. .tooltipster-sidetip.tooltipster-top .tooltipster-box {
  541.     border-bottom-color: rgb(var(--accent-color)) !important;
  542. }
  543.  
  544. .appIconsPopUp:hover {
  545.     color: var(--accent-color-hover) !important;
  546. }
  547.  
  548. a.popUpLink:hover {
  549.     color: var(--accent-color-hover) !important;
  550. }
  551.  
  552. li.caMenuItem {
  553.     color: var(--link-color);
  554. }
  555.  
  556. li.caMenuItem:hover {
  557.     color: var(--link-color-hover);
  558. }
  559.  
  560. .ca_holder {
  561.     background: var(--transparency-dark-25) !important;
  562.     border-color: rgba(255, 255, 255, 0.1) !important;
  563. }
  564.  
  565. .ca_holder:hover {
  566.     background: var(--transparency-dark-45) !important;
  567. }
  568.  
  569. .supportButton,
  570. #sidenavContent .actionsPopup,
  571. #sidenavContent .pinPopup,
  572. #sidenavContent .supportPopup,
  573. #sidenavContent .popupProfile,
  574. #sidenavContent .repoPopup,
  575. #sidenavContent .ca_favouriteRepo,
  576. #sidenavContent .donate,
  577. span .maxPerPage {
  578.     color: var(--button-text) !important;
  579.     background: var(--button-color) !important;
  580.     border-color: var(--button-color) !important;
  581. }
  582.  
  583. .ca_holder .infoButton {
  584.     color: var(--button-text) !important;
  585.     background: var(--button-color) !important;
  586.     border-color: var(--button-color) !important;
  587. }
  588. .infoButton:hover {
  589.     background: var(--button-color-hover) !important;
  590.     color: var(--button-text-hover) !important;
  591.     border-color: var(--button-color-hover) !important;
  592. }
  593.  
  594. #sidenavContent .supportButton:hover,
  595. #sidenavContent .actionsPopup:hover,
  596. #sidenavContent .pinPopup:hover,
  597. #sidenavContent .supportPopup:hover,
  598. #sidenavContent .popupProfile:hover,
  599. #sidenavContent .repoPopup:hover,
  600. #sidenavContent .ca_favouriteRepo:hover,
  601. #sidenavContent .donate:hover,
  602. .maxPerPage:hover {
  603.     background: var(--button-color-hover) !important;
  604.     color: var(--button-text-hover) !important;
  605.     border-color: var(--button-color-hover) !important;
  606. }
  607.  
  608. .donate a {
  609.     color: var(--button-text) !important;
  610. }
  611.  
  612. .donate:hover a {
  613.     color: var(--button-text-hover) !important;
  614. }
  615.  
  616. .unpinned {
  617.     color: var(--button-color) !important
  618. }
  619.  
  620. .unpinned:hover {
  621.     color: var(--button-color-hover) !important;
  622. }
  623.  
  624. .homeMore:hover,
  625. .popUpClose:hover,
  626. .enabledIcon:hover,
  627. .ca_readmore:hover {
  628.     color: var(--link-color-hover) !important;
  629. }
  630.  
  631. .homeMore,
  632. .popUpClose,
  633. .ca_readmore {
  634.     color: var(--link-color) !important;
  635. }
  636.  
  637. .sortIcons.enabledIcon {
  638.     color: rgb(var(--accent-color)) !important;
  639. }
  640.  
  641. .sortIcons.enabledIcon:hover {
  642.     color: var(--link-color-hover) !important;
  643. }
  644.  
  645. .sortIcons {
  646.     color: var(--text) !important;
  647. }
  648.  
  649. .sortIcons:hover {
  650.     color: var(--text-hover) !important;
  651. }
  652.  
  653. .pageSelected {
  654.     color: rgb(var(--accent-color)) !important;
  655. }
  656.  
  657. .pageNumber:hover {
  658.     color: var(--accent-color-hover) !important;
  659. }
  660.  
  661. #copyright>a {
  662.     color: var(--link-color);
  663. }
  664.  
  665. #copyright>a:hover {
  666.     color: var(--link-color-hover);
  667. }
  668.  
  669. .ca_red {
  670.     color: #e22828 !important;
  671. }
  672.  
  673. .card_readmore {
  674.     color: var(--link-color) !important;
  675. }
  676.  
  677. .card_readmore:hover {
  678.     color: var(--link-color-hover) !important;
  679. }
  680.  
  681. .ca_holder .actionsButton {
  682.     color: var(--button-text) !important;
  683.     background: var(--button-color) !important;
  684. }
  685.  
  686. .actionsButton:hover {
  687.     color: var(--button-text-hover) !important;
  688.     background: var(--button-color-hover) !important;
  689. }
  690.  
  691. /* CA search input */
  692. #searchButton:hover {
  693.     color: rgb(var(--accent-color));
  694. }
  695.  
  696. #searchBox,
  697. .searchSubmit {
  698.     background: var(--transparency-light-05) !important;
  699. }
  700.  
  701. /* CA slide in menu */
  702.  
  703. .chartMenu:hover {
  704.     color: var(--link-color-hover) !important;
  705. }
  706.  
  707. .sidenav {
  708.     background: var(--modal-bg-color) !important;
  709.     color: var(--text) !important;
  710. }
  711.  
  712. /* AZURE THEME*/
  713. div.frame,
  714. div.tabs {
  715.     background: var(--main-bg-color);
  716.     background-repeat: repeat, no-repeat;
  717.     background-attachment: fixed, fixed;
  718.     background-position: center center, center center;
  719.     background-size: auto, cover;
  720.     -webkit-background-size: auto, cover;
  721.     -moz-background-size: auto, cover;
  722.     -o-background-size: auto, cover;
  723. }
  724.  
  725. /*DROPDOWN MENU*/
  726. .dropdown-menu {
  727.     background: var(--drop-down-menu-bg) !important;
  728.     background-repeat: repeat, no-repeat;
  729.     background-attachment: fixed, fixed;
  730.     background-position: center center, center center;
  731.     background-size: auto, cover;
  732.     -webkit-background-size: auto, cover;
  733.     -moz-background-size: auto, cover;
  734.     -o-background-size: auto, cover;
  735. }
  736.  
  737. .dropdown-menu a {
  738.     color: var(--text) !important;
  739. }
  740.  
  741. .dropdown-menu .divider {
  742.     background: var(--transparency-light-10) !important;
  743.     border-bottom: 1px solid rgb(255 255 255 / 10%) !important;
  744. }
  745.  
  746. .dropdown-menu li>a:hover,
  747. .dropdown-menu li>a:focus,
  748. .dropdown-submenu:hover>a {
  749.     color: var(--text-hover) !important;
  750.     background: var(--transparency-light-10) !important;
  751. }
  752.  
  753. /*VM MANAGER*/
  754. div.shade-black {
  755.     background-color: var(--transparency-dark-15) !important;
  756. }
  757.  
  758. /* MODAL */
  759.  
  760. /* .sweet-alert {
  761.     background: var(--modal-bg-color) !important;
  762. } */
  763.  
  764. .showSweetAlert:not([data-has-cancel-button="false"]),
  765. .swal-overlay--show-modal .swal-modal {
  766.     background: var(--modal-bg-color);
  767.     background-repeat: repeat, no-repeat;
  768.     background-attachment: fixed, fixed;
  769.     background-position: center center, center center;
  770.     background-size: auto, cover;
  771.     -webkit-background-size: auto, cover;
  772.     -moz-background-size: auto, cover;
  773.     -o-background-size: auto, cover;
  774. }
  775.  
  776. .sweet-alert h2,
  777. .sweet-alert p,
  778. .swal-title,
  779. .swal-content,
  780. .swal-content select {
  781.     color: var(--text) !important;
  782. }
  783.  
  784. /*HELP TEXT*/
  785.  
  786. blockquote {
  787.     border-top: 2px solid rgb(0 0 0 / 25%);
  788.     border-bottom: 2px solid rgb(0 0 0 / 25%);
  789.     color: var(--text);
  790.     background: var(--transparency-dark-10);
  791. }
  792.  
  793. /* MY SERVERS */
  794. .UnraidUPC .--hasBanner-custom .UnraidUPC-dropdown {
  795.     background: var(--drop-down-menu-bg) !important;
  796.     background-repeat: repeat, no-repeat;
  797.     background-attachment: fixed, fixed;
  798.     background-position: center center, center center;
  799.     background-size: auto, cover;
  800.     -webkit-background-size: auto, cover;
  801.     -moz-background-size: auto, cover;
  802.     -o-background-size: auto, cover;
  803.     --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 50%) !important;
  804.     -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  805.     box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  806.     color: var(--text) !important;
  807. }
  808.  
  809. #UnraidUPC .text-beta {
  810.     color: var(--text) !important;
  811. }
  812.  
  813. .UnraidUPC-dropdown a,
  814. .UnraidUPC-dropdown button {
  815.     color: var(--text) !important;
  816. }
  817.  
  818. .UnraidUPC-dropdown .btn-emphasize,
  819. .UnraidUPC-dropdown a:focus,
  820. .UnraidUPC-dropdown a:hover,
  821. .UnraidUPC-dropdown button:focus,
  822. .UnraidUPC-dropdown button:hover {
  823.     background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
  824.     background-image: linear-gradient(90deg, var(--tw-gradient-stops));
  825.     --tw-gradient-from: var(--accent-color-hover);
  826.     --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--accent-color)), rgba(226, 40, 40, 0);
  827.     --tw-gradient-to: var(--accent-color-hover);
  828.     --tw-text-opacity: 1;
  829.     color: rgba(255, 255, 255, var(--tw-text-opacity));
  830.     outline: 0;
  831. }
  832.  
  833. unraid-authed::part(div[data-v-050c892a] > button) {
  834.     background: pink !important;
  835. }
  836.  
  837. /* Edit template*/
  838. #contDescription {
  839.     background: var(--transparency-dark-25);
  840.     padding: 1%;
  841.     border-radius: 5px;
  842. }
  843.  
  844. dt {
  845.     color: var(--text-hover);
  846. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!