Advertisement
althindor

Pro for milk stain

Sep 26th, 2023
1,397
0
Never
1
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.98 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. :root {
  4.   --h-brt: #FFFFFF;
  5.   --h-mid: #DFDFDF;
  6.   --s-mid: #808080;
  7.   --s-drk: #000000;
  8.   --title: #000080;
  9.   --wndow: #C0C0C0;
  10.   --textc: #000000;
  11. }
  12.  
  13. html, body {
  14.   background: #008080;
  15.   font: 12px 'Open Sans', sans-serif;
  16. }
  17. a {text-decoration: none !important;}
  18. * {cursor: url('https://cur.cursors-4u.net/nature/nat-4/nat317.png') 0 10, auto !important;}
  19.  
  20. #panel-details {
  21.   position: absolute;
  22.   top: 30px;
  23.   left: 0;
  24. }
  25.  
  26. #panel-details div, #panel-details::after {
  27.   width: 74px;
  28.   height: 50px;
  29.   color: #FFFFFF;
  30.   line-height: 85px;
  31.   text-align: center;
  32.   margin-bottom: 25px;
  33. }
  34. #panel-details h2 {display: none;}
  35.  
  36. #panel-details .hd::before {content: 'Computer';}
  37. #panel-details .bd::before {content: 'Documents';}
  38. #panel-details .ft::before {content: 'Network';}
  39.  
  40. #panel-details::after {
  41.   content: 'Trash Bin';
  42.   display: block;
  43. }
  44.  
  45. /* Icon Sheet */
  46.  
  47. #gaia_header li:nth-child(n+2) a,
  48. #panel-details div,
  49. #panel-details::after,
  50. #id_footprints .item,
  51. .custom_panel li:nth-child(1),
  52. .custom_panel li:nth-child(3)::after {
  53.   background: url('https://i.imgur.com/q6s8vJe.png') no-repeat;
  54. }
  55.  
  56. .custom_panel li:nth-child(1)::after {
  57.   -webkit-mask: url('https://i.imgur.com/q6s8vJe.png') 0 -236px no-repeat;
  58.   mask: url('https://i.imgur.com/q6s8vJe.png') 0 -236px no-repeat;
  59. }
  60.  
  61. #gaia_header li a[href*='mygaia'] {background-position-y: -22px;}
  62. #gaia_header li a[href*='market'] {background-position-y: -44px;}
  63. #gaia_header li a[href*='forum']  {background-position-y: -66px;}
  64. #gaia_header li a[href*='world']  {background-position-y: -88px;}
  65. #gaia_header li a[href*='games']  {background-position-y: -110px;}
  66. #gaia_header li a[href*='=edit']  {background-position-y: -132px;}
  67. #gaia_header li a[href*='logout'] {background-position-y: -154px;}
  68. #gaia_header li a[href*='report'] {background-position-y: -176px;}
  69. #header_right li:nth-of-type(2) a:not([href*='edit']) {background-position-y: -132px;}
  70.  
  71. #panel-details .hd {background-position-y: -467px;}
  72. #panel-details .bd {background-position-y: -519px;}
  73. #panel-details .ft {background-position-y: -571px;}
  74. #panel-details::after {background-position-y: -623px;}
  75.  
  76. #id_footprints .item {background-position-y: bottom;}
  77.  
  78. .custom_panel li:nth-child(1) {background-position-y: -207px;}
  79. .custom_panel li:nth-child(3)::after {background-position-y: -258px;}
  80.  
  81. /* Fonts */
  82.  
  83. @font-face {
  84.   font-family: 'Open Sans';
  85.   font-style: normal;
  86.   font-weight: 400;
  87.   src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2');
  88. }
  89.  
  90. @font-face {
  91.   font-family: 'Open Sans';
  92.   font-style: normal;
  93.   font-weight: 700;
  94.   src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
  95. }
  96.  
  97. /* Header */
  98.  
  99. #viewer #gaia_header, #viewer #gaia_header li {display: flex !important;}
  100. #viewer #gaia_header img {display: none !important;}
  101. #header_left li:nth-child(2) {order: -1;}
  102.  
  103. #viewer #gaia_header {
  104.   background: var(--wndow) !important;
  105.   height: 26px !important;
  106.   padding: 2px !important;
  107.   box-shadow: 0 1px var(--s-mid),
  108.     0 2px var(--s-drk);
  109.   box-sizing: border-box;
  110.   gap: 3px;
  111. }
  112.  
  113. #viewer #gaia_header ul {
  114.   display: contents !important;
  115.   font: 400 0/21px 'Open Sans', sans-serif !important;
  116.   text-align: left !important;
  117. }
  118.  
  119. #gaia_header a, #gaia_header a::before, #header_right::after {font-size: 12px !important;}
  120. #gaia_header a, #header_right::after {color: var(--textc) !important;}
  121. #gaia_header a {font-weight: 400;}
  122.  
  123. #header_left .spacer {
  124.   margin: 0 1px 0 -1px;
  125.   padding: 2px 0 0 4px;
  126.   box-shadow:
  127.     1px 0 var(--s-mid) inset,
  128.     2px 0 var(--h-brt) inset;
  129. }
  130.  
  131. #header_left .spacer::before {
  132.   content: '';
  133.   width: 3px;
  134.   height: 18px;
  135.   box-shadow:
  136.     -1px -1px var(--s-mid) inset,
  137.     1px 1px var(--h-brt) inset;
  138. }
  139.  
  140. #header_right li:nth-child(1) {
  141.   flex-grow: 1;
  142.   justify-content: right;
  143.   order: 1;
  144. }
  145. #header_right li:nth-child(1) a:hover {font-weight: 700;}
  146.  
  147. #header_right::after {
  148.   content: '12:01 PM';
  149.   margin: 0 0 0 3px;
  150.   padding: 0 8px;
  151.   border-left: 2px solid transparent;
  152.   box-shadow:
  153.     -1px 0 var(--h-brt),
  154.     -2px 0 var(--s-mid),
  155.     -1px -1px var(--h-brt) inset,
  156.     +1px +1px var(--s-mid) inset;
  157.   order: 2;
  158. }
  159.  
  160. #header_right :is(a[href*='edit'], a[href*='logout'], a[href*='report']) {font-size: 0 !important;}
  161. #header_right a[href*='edit']::before {content: 'Editor';}
  162. #header_right a[href*='logout']::before {content: 'Logout';}
  163. #header_right a[href*='report']::before {content: 'Report';}
  164.  
  165. #gaia_header li:nth-child(n+2) a {
  166.   width: 97px;
  167.   padding: 0 0 0 23px;
  168.   box-shadow:
  169.     -1px -1px var(--s-drk) inset,
  170.     +1px +1px var(--h-brt) inset,
  171.     -2px -2px var(--s-mid) inset,
  172.     +2px +2px var(--h-mid) inset;
  173. }
  174. #header_left li:nth-child(2) a {width: 31px;}
  175.  
  176. /* Columns */
  177.  
  178. #columns, #column_1 {
  179.   width: 640px;
  180.   height: 480px;
  181. }
  182.  
  183. #columns {
  184.   top: calc(50% - 240px);
  185.   left: calc(50% - 320px);
  186.   contain: layout;
  187. }
  188.  
  189. #columns .column {
  190.   font-size: 0;
  191.   margin: 0;
  192.   position: absolute;
  193. }
  194. #column_3 {display: contents;}
  195.  
  196. #column_2 {
  197.   width: calc(100% - 10px);
  198.   height: calc(100% - 122px);
  199.   top: 44px;
  200.   left: 4px;
  201. }
  202.  
  203. /* Panels */
  204.  
  205. .panel, .panel h2 {
  206.   color: var(--textc);
  207.   font: 400 12px 'Open Sans', sans-serif;
  208.   margin: 0;
  209.   padding: 0;
  210. }
  211.  
  212. #column_1 .panel, #column_3 .panel {background: none;}
  213. #column_1 h2, #column_3 h2 {display: none;}
  214.  
  215. .panel {
  216.   position: absolute;
  217.   box-sizing: border-box;
  218.   overflow: hidden;
  219. }
  220.  
  221. .panel .clear {display: none;}
  222. .panel a {color: var(--title);}
  223. .panel img:not(.avatarImage) {max-width: 100% !important;}
  224.  
  225. #column_2 .panel {
  226.   background: linear-gradient(#FFF0 3px, #FFFF 3px, #FFFF calc(100% - 3px), #FFF0 calc(100% - 3px)) local padding-box;
  227.   width: 100%;
  228.   height: 100%;
  229.   padding: 13px 10px;
  230.   top: -100%;
  231.   right: 0;
  232.   border-left: 62px solid transparent;
  233.   overflow-y: scroll;
  234. }
  235. #column_2 .panel:hover {top: 0;}
  236.  
  237. .spoiler-control, #id_comments :is(h2 + div a, h2 ~ p a) {
  238.   background: var(--wndow);
  239.   width: 100px;
  240.   height: 22px;
  241.   font: inherit;
  242.   text-transform: capitalize;
  243.   border: none;
  244.   box-shadow:
  245.     -1px -1px var(--s-drk) inset,
  246.     +1px +1px var(--h-mid) inset,
  247.     -2px -2px var(--s-mid) inset,
  248.     +2px +2px var(--h-brt) inset;
  249. }
  250.  
  251. .spoiler-revealed {
  252.   padding: 4px;
  253.   border: 1px dotted var(--title);
  254. }
  255. .spoiler-revealed .spoiler-control {margin-bottom: 4px;}
  256.  
  257. /* Panel Headers, Contact Buttons */
  258.  
  259. #column_2 h2, #id_contact, #id_contact * {height: 18px;}
  260. #id_contact {left: 239px;}
  261.  
  262. #column_2 h2, #id_contact {
  263.   line-height: 18px;
  264.   font-weight: 400;
  265.   text-align: center;
  266.   text-transform: capitalize;
  267.   position: fixed;
  268.   top: 23px;
  269. }
  270.  
  271. #column_2 h2 {
  272.   background: none;
  273.   cursor: default;
  274. }
  275. #column_2 h2::first-letter {text-decoration: underline;}
  276.  
  277. #about_title {
  278.   width: 48px;
  279.   left: 4px;
  280. }
  281.  
  282. #wishlist_title {
  283.   width: 58px;
  284.   left: 52px;
  285. }
  286.  
  287. #comments_title {
  288.   width: 74px;
  289.   left: 110px;
  290. }
  291.  
  292. #footprints_title {
  293.   width: 55px;
  294.   left: 184px;
  295. }
  296.  
  297. #id_contact li {
  298.   float: left;
  299.   position: relative;
  300. }
  301.  
  302. #id_contact li * {
  303.   display: block;
  304.   color: inherit;
  305.   font-size: 0;
  306.   font-weight: inherit;
  307.   padding: 0 7px;
  308. }
  309.  
  310. #id_contact li *::before {font-size: 12px;}
  311. #id_contact li:nth-child(1) *::before {content: 'Friend';}
  312. #id_contact li:nth-child(2) *::before {content: 'Message';}
  313. #id_contact li:nth-child(3) *::before {content: 'Trade';}
  314.  
  315. #id_contact li a::after {
  316.   content: ' ';
  317.   background: currentColor;
  318.   height: 1px;
  319.   position: absolute;
  320.   left: 7px;
  321.   top: 14px;
  322. }
  323. #id_contact li:nth-child(1) a::after {width: 6px;}
  324. #id_contact li:nth-child(2) a::after {width: 10px;}
  325. #id_contact li:nth-child(3) a::after {width: 7px;}
  326.  
  327. #column_2 .panel:hover h2 {
  328.   text-indent: 2px;
  329.   line-height: 20px;
  330.   box-shadow:
  331.     -1px -1px var(--h-brt) inset,
  332.     +1px +1px var(--s-mid) inset;
  333. }
  334. #column_2 .panel:hover h2 {border-bottom: 3px solid transparent;}
  335.  
  336. #id_contact li a:hover {
  337.   box-shadow:
  338.     -1px -1px var(--s-mid) inset,
  339.     +1px +1px var(--h-brt) inset;
  340. }
  341.  
  342. /* Comments */
  343.  
  344. #id_comments #alerts_banner {display: none;}
  345. #id_comments #alert_container {display: contents;}
  346.  
  347. #id_comments dl {
  348.   clear: both;
  349.   margin-top: 42px;
  350. }
  351.  
  352. #id_comments dt {
  353.   display: flex;
  354.   justify-content: space-between;
  355.   height: 0;
  356.   line-height: 1;
  357.   text-align: left;
  358.   margin: 0 0 0 60px;
  359.   padding: 0;
  360.   position: relative;
  361.   border: none;
  362. }
  363.  
  364. #id_comments dd {
  365.   display: grid;
  366.   grid-template: max-content 1fr / max-content calc(100% - 60px);
  367.   gap: 0 8px;
  368.   margin: 0 0 20px 0;
  369. }
  370. #id_comments dd:last-of-type {margin: 0;}
  371.  
  372. #id_comments .dropBox, #id_comments .dropBox::after {
  373.   width: 52px;
  374.   height: 52px;
  375. }
  376.  
  377. #id_comments .dropBox {
  378.   grid-area: 1/1/3/2;
  379.   background: var(--s-mid);
  380.   position: relative;
  381.   overflow: hidden;
  382. }
  383.  
  384. #id_comments .dropBox img {
  385.   width: 120px;
  386.   height: 150px;
  387.   margin: -28px 0 0 -45px;
  388. }
  389.  
  390. #id_comments .dropBox::after {
  391.   content: '';
  392.   position: absolute;
  393.   top: 0;
  394.   box-shadow:
  395.     -1px -1px var(--h-brt) inset,
  396.     +1px +1px var(--s-mid) inset,
  397.     -2px -2px var(--h-mid) inset,
  398.     +2px +2px var(--s-drk) inset;
  399. }
  400.  
  401. #id_comments .deletecomment {
  402.   grid-row: 2;
  403.   display: flex;
  404.   float: none;
  405.   margin: 0;
  406. }
  407. #id_comments .deletecomment a:first-child {order: -1;}
  408. #id_comments .deletecomment br {display: none;}
  409.  
  410. #id_comments .deletecomment::before {
  411.   content: ' or ';
  412.   white-space: pre;
  413. }
  414.  
  415. #id_comments .postcontent::before {
  416.   content: ' ';
  417.   display: block;
  418.   white-space: pre;
  419.   margin: 0 0 2px 0;
  420.   border-bottom: 1px dotted var(--title);
  421. }
  422.  
  423. /* Comments Buttons */
  424.  
  425. #id_comments :is(h2 + div, h2 ~ p) {
  426.   width: calc(50% - 4px);
  427.   height: 22px;
  428.   text-align: center;
  429. }
  430. #id_comments h2 + div {float: left;}
  431.  
  432. #id_comments h2 ~ p {
  433.   float: right;
  434.   margin: 0;
  435. }
  436.  
  437. #id_comments :is(h2 + div, h2 ~ p) a {
  438.   display: block;
  439.   width: 100%;
  440.   height: 100%;
  441.   color: inherit;
  442.   line-height: 23px;
  443. }
  444. #id_comments h2 + div a {font-size: 0;}
  445.  
  446. #id_comments h2 + div a::before {
  447.   content: 'Post New Comment';
  448.   font-size: 12px;
  449. }
  450.  
  451. /* Wish List */
  452.  
  453. #id_wishlist .item {
  454.   float: none;
  455.   width: max-content;
  456.   height: 30px;
  457.   position: relative;
  458. }
  459. #id_wishlist .item:nth-of-type(n+2) {margin-top: 4px;}
  460.  
  461. #id_wishlist a {
  462.   display: flex;
  463.   align-items: center;
  464.   color: inherit;
  465.   font-weight: 400;
  466. }
  467. #id_wishlist a:hover {color: #FFFFFF;}
  468.  
  469. #id_wishlist a::before {
  470.   background: var(--title);
  471.   width: 30px;
  472.   height: 30px;
  473.   position: absolute;
  474.   mix-blend-mode: color;
  475. }
  476. #id_wishlist a:hover::before {content: '';}
  477.  
  478. #id_wishlist a::after {
  479.   content: attr(title);
  480.   margin-left: 2px;
  481.   padding: 2px 6px 2px 4px;
  482. }
  483.  
  484. #id_wishlist a:hover::after {
  485.   background: var(--title);
  486.   outline: 1px dotted var(--title);
  487.   outline-offset: -1px;
  488.   box-shadow: 0 0 0 1px lightyellow inset;
  489. }
  490.  
  491. .owner_checkmark, .private_checkmark {
  492.   margin: 0;
  493.   z-index: unset;
  494.   pointer-events: none;
  495. }
  496. .premium_sparkle {display: none;}
  497.  
  498. .owner_checkmark {
  499.   background: url('https://i.imgur.com/UzAXOFf.png') 0 -88px var(--title);
  500.   width: 0;
  501.   padding: 10px 12px 0 0;
  502.   bottom: 0;
  503.   border: 1px solid var(--title);
  504.   border-width: 1px 0;
  505. }
  506.  
  507. .private_checkmark {
  508.   position: unset;
  509.   order: 1;
  510. }
  511.  
  512. /* Visitors */
  513.  
  514. #id_footprints .item {
  515.   display: grid;
  516.   grid-auto-flow: column;
  517.   justify-content: left;
  518.   height: 16px;
  519.   line-height: 16px;
  520.   padding-left: 19px;
  521. }
  522. #id_footprints .item:nth-child(n+2) {margin-top: 2px;}
  523.  
  524. #id_footprints .item::before {
  525.   content: ' visited ';
  526.   white-space: pre;
  527.   grid-column: 2;
  528. }
  529. #id_footprints .item::after {content: '.';}
  530.  
  531. /* MS Paint Theme */
  532.  
  533. .custom_panel,
  534. .custom_panel :is(div, ul) {
  535.   width: 100%;
  536.   height: 100% !important;
  537.   top: 0;
  538. }
  539.  
  540. .custom_panel ul,
  541. .custom_panel li:nth-child(3),
  542. .custom_panel li:nth-child(4) {
  543.   display: grid;
  544. }
  545.  
  546. .custom_panel ul {
  547.   grid-template: 18px 20px 1fr 47px 25px / 100%;
  548.   background: var(--wndow);
  549.   margin: 0 !important;
  550.   padding: 4px;
  551.   box-shadow:
  552.     -1px -1px var(--s-drk) inset,
  553.     +1px +1px var(--h-mid) inset,
  554.     -2px -2px var(--s-mid) inset,
  555.     +2px +2px var(--h-brt) inset;
  556.   box-sizing: border-box;
  557. }
  558.  
  559. .custom_panel li:nth-child(1),
  560. .custom_panel li:nth-child(5) {
  561.   display: flex;
  562. }
  563.  
  564. .custom_panel li:nth-child(1) {
  565.   background-color: var(--title);
  566.   color: #FFFFFF;
  567.   font-weight: 900;
  568.   line-height: 14px;
  569.   padding: 2px 2px 2px 20px;
  570. }
  571.  
  572. .custom_panel li:nth-child(1)::before {
  573.   content: 'untitled - Paint';
  574.   flex-grow: 1;
  575. }
  576.  
  577. .custom_panel li:nth-child(1) b {
  578.   background: var(--wndow);
  579.   width: 16px;
  580.   height: 14px;
  581.   box-shadow:
  582.     -1px -1px var(--s-drk) inset,
  583.     +1px +1px var(--h-brt) inset,
  584.     -2px -2px var(--s-mid) inset,
  585.     +2px +2px var(--h-mid) inset;
  586. }
  587. .custom_panel li:nth-child(1) b:last-child {margin-left: 2px;}
  588.  
  589. .custom_panel li:nth-child(1)::after,
  590. .custom_panel li:nth-child(3)::after {
  591.   content: '';
  592.   position: absolute;
  593. }
  594.  
  595. .custom_panel li:nth-child(1)::after {
  596.   background: var(--textc);
  597.   width: 50px;
  598.   height: 14px;
  599.   top: 8px;
  600.   right: 6px;
  601. }
  602.  
  603. .custom_panel li:nth-child(3) {
  604.   grid-template: 100% / 57px 1fr;
  605.   gap: 1px;
  606.   background: var(--s-mid);
  607.   padding-top: 1px;
  608.   border: 1px solid var(--h-brt);
  609.   border-width: 0 1px 1px 0;
  610. }
  611.  
  612. .custom_panel li:nth-child(3) b:first-child {
  613.   background: var(--wndow);
  614.   padding-left: 4px;
  615.   border-top: 1px solid var(--h-brt);
  616.   border-bottom: 1px solid var(--s-mid);
  617.   overflow: hidden;
  618. }
  619.  
  620. .custom_panel li:nth-child(3) i {
  621.   display: block;
  622.   float: left;
  623.   width: 25px;
  624.   height: 25px;
  625.   box-shadow:
  626.     -1px -1px var(--s-drk) inset,
  627.     +1px +1px var(--h-brt) inset,
  628.     -2px -2px var(--s-mid) inset;
  629. }
  630. .custom_panel li:nth-child(3) i:nth-last-child(n+16) {margin-top: -2px;}
  631.  
  632. .custom_panel li:nth-child(3) i:last-child {
  633.   width: 40px;
  634.   height: 65px;
  635.   margin: 3px 0 0 4px;
  636.   box-shadow:
  637.     +1px +1px var(--s-mid) inset,
  638.     +1px +1px var(--h-brt);
  639. }
  640.  
  641. .custom_panel li:nth-child(3) b:last-child {
  642.   border: 1px solid var(--h-mid);
  643.   border-width: 0 1px 1px 0;
  644.   box-shadow: 1px 1px var(--s-drk) inset;
  645. }
  646.  
  647. .custom_panel li:nth-child(3)::after {
  648.   width: 50px;
  649.   height: 200px;
  650.   top: 43px;
  651.   left: 8px;
  652. }
  653.  
  654. .custom_panel li:nth-child(4) {
  655.   grid-template: 16px 16px / 31px repeat(14, 16px);
  656.   grid-auto-flow: column;
  657.   align-content: center;
  658. }
  659.  
  660. .custom_panel li:nth-child(4) b {
  661.   box-shadow:
  662.     -1px -1px var(--h-brt) inset,
  663.     +1px +1px var(--s-mid) inset,
  664.     -2px -2px var(--wndow) inset,
  665.     +2px +2px var(--s-drk) inset;
  666. }
  667.  
  668. .custom_panel li:nth-child(4) b:first-child {
  669.   grid-row: 1/3;
  670.   background: #FFFFFF80;
  671.   position: relative;
  672. }
  673.  
  674. .custom_panel li:nth-child(4) i {
  675.   width: 13px;
  676.   height: 13px;
  677.   position: absolute;
  678.   border: 1px solid transparent;
  679.   border-color: var(--h-brt) var(--s-mid) var(--s-mid) var(--h-brt);
  680.   box-shadow: 0 0 0 1px var(--wndow) inset;
  681. }
  682.  
  683. .custom_panel li:nth-child(4) i:first-child {
  684.   background: var(--color2);
  685.   right: 5px;
  686.   bottom: 5px;
  687. }
  688.  
  689. .custom_panel li:nth-child(4) i:last-child {
  690.   background: var(--color1);
  691.   top: 5px;
  692.   left: 4px;
  693. }
  694.  
  695. .custom_panel li:nth-child(5) {
  696.   gap: 2px;
  697.   padding-top: 4px;
  698.   box-shadow:
  699.     0 +1px var(--s-mid) inset,
  700.     0 +2px var(--h-brt) inset;
  701. }
  702.  
  703. .custom_panel li:nth-child(5) b {
  704.   font-weight: 400;
  705.   line-height: 21px;
  706.   padding: 0 2px;
  707.   box-shadow:
  708.     -1px -1px var(--h-brt) inset,
  709.     +1px +1px var(--s-mid) inset;
  710. }
  711.  
  712. .custom_panel li:nth-child(5) b:nth-child(1) {flex-grow: 1;}
  713. .custom_panel li:nth-child(5) b:nth-child(1)::before {content: 'For Help, click Help Topics on the Help Menu.';}
  714. .custom_panel li:nth-child(5) b:nth-child(n+2) {width: 113px;}
  715.  
  716. /* Paint Custom Colors */
  717.  
  718. :root {
  719.   --color1: #000;
  720.   --color2: #FFF;
  721. }
  722.  
  723. .custom_panel li:nth-child(4) b:nth-child(02) {background-color: var(--color1);}
  724. .custom_panel li:nth-child(4) b:nth-child(03) {background-color: var(--color2);}
  725. .custom_panel li:nth-child(4) b:nth-child(04) {background: #808080;}
  726. .custom_panel li:nth-child(4) b:nth-child(05) {background: #C0C0C0;}
  727. .custom_panel li:nth-child(4) b:nth-child(06) {background: #800000;}
  728. .custom_panel li:nth-child(4) b:nth-child(07) {background: #FF0000;}
  729. .custom_panel li:nth-child(4) b:nth-child(08) {background: #808000;}
  730. .custom_panel li:nth-child(4) b:nth-child(09) {background: #FFFF00;}
  731. .custom_panel li:nth-child(4) b:nth-child(10) {background: #008000;}
  732. .custom_panel li:nth-child(4) b:nth-child(11) {background: #00FF00;}
  733. .custom_panel li:nth-child(4) b:nth-child(12) {background: #008080;}
  734. .custom_panel li:nth-child(4) b:nth-child(13) {background: #00FFFF;}
  735. .custom_panel li:nth-child(4) b:nth-child(14) {background: #000080;}
  736. .custom_panel li:nth-child(4) b:nth-child(15) {background: #0000FF;}
  737. .custom_panel li:nth-child(4) b:nth-child(16) {background: #800080;}
  738. .custom_panel li:nth-child(4) b:nth-child(17) {background: #FF00FF;}
  739. .custom_panel li:nth-child(4) b:nth-child(18) {background: #808040;}
  740. .custom_panel li:nth-child(4) b:nth-child(19) {background: #FFFF80;}
  741. .custom_panel li:nth-child(4) b:nth-child(20) {background: #004040;}
  742. .custom_panel li:nth-child(4) b:nth-child(21) {background: #00FF80;}
  743. .custom_panel li:nth-child(4) b:nth-child(22) {background: #0080FF;}
  744. .custom_panel li:nth-child(4) b:nth-child(23) {background: #80FFFF;}
  745. .custom_panel li:nth-child(4) b:nth-child(24) {background: #004080;}
  746. .custom_panel li:nth-child(4) b:nth-child(25) {background: #8080FF;}
  747. .custom_panel li:nth-child(4) b:nth-child(26) {background: #4000FF;}
  748. .custom_panel li:nth-child(4) b:nth-child(27) {background: #FF0080;}
  749. .custom_panel li:nth-child(4) b:nth-child(28) {background: #804000;}
  750. .custom_panel li:nth-child(4) b:nth-child(29) {background: #FF8040;}
  751.  
  752. /* Put Image Here */
  753.  
  754. .custom_panel li:nth-child(3) b:last-child {background: url('');}
Advertisement
Comments
Add Comment
Please, Sign In to add comment
Advertisement