The text below is selected, press Ctrl+C to copy to your clipboard. (⌘+C on Mac) No line numbers will be copied.
Guest
Filelist Modern Dark Theme
By Guest on 19th January 2023 06:57:09 PM | Syntax: CSS | Views: 16



New paste | Download | Show/Hide line no. | Copy text to clipboard
  1. :root {
  2.     --primary-color: #111318;
  3.     --secondary-color: #D7DEDC;
  4.     --third-color: #15181e;
  5.     --link-color: #FF9F1C;
  6.     --link-hover-color: #D7DEDC;
  7.     --border-color: transparent;
  8.     --table-background-color: #222631;
  9.     --table-color: #D7DEDC;
  10.     --bar-color: #b56f0d;
  11.     --bar-max-color: #FF9F1C;
  12.     --small-border-color: #d7dedc3b;
  13.     --red-color: #F34213;
  14.     --yellow-color: #F5B700;
  15.     --green-color: #3E8914;
  16.     --feature-color: #222631;
  17. }
  18.  
  19. @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
  20. html, body {
  21.     font-family: 'Poppins', sans-serif;
  22.     font-size: 8pt;
  23.     background: var(--primary-color);
  24.     margin: 0;
  25.     padding: 0;
  26.     height: 100%;
  27. }
  28.  
  29. img { border: 0; vertical-align: middle; }
  30.  
  31. #wrapper {
  32.     height: 100%;
  33.     min-height: 100%;
  34.     height: auto !important;
  35.     position: relative;
  36.     color: var(--secondary-color);
  37. }
  38.  
  39. .mainheader {
  40.     padding: 30px 0px 0px 0px;
  41.     width: 100%;
  42.     background-size: 100% 170px;
  43.     min-width: 1050px;
  44.     height: auto;
  45.     background: none;
  46. }
  47.  
  48. .mainheader a:hover {
  49.     color: var(--link-hover-color);
  50.     text-decoration:none;
  51. }
  52.  
  53. .subheader {
  54.     width: 980px;
  55.     margin: 0 auto;
  56.     display: flex;
  57.     gap: 20px;
  58.     flex-wrap: nowrap;
  59.     align-items: center;
  60.     flex-direction: column;
  61.     position: relative;
  62.     height: auto;
  63. }
  64.  
  65. .logo {
  66.     width: 330px;
  67.     height: 69px;
  68.     background: url('https://i.ibb.co/GQmRDsw/FL.png') no-repeat;
  69.     margin-bottom: 20px;
  70.     margin-top: 20px;
  71.     transform: scale(0.8);
  72.  }
  73. .sign_in {
  74.     width:264px;
  75.     height:30px;
  76.     margin:5px 0 0 10px;
  77.     background:#1d3652;
  78.     border-radius: 5px;
  79. }
  80.  
  81. .rlink { float:right; padding:5px 20px 0 0; }
  82.  
  83. .rlink a { color:#fff; }
  84.  
  85. .clearfix:after {
  86.     content:".";
  87.     display:block;
  88.     height:0;
  89.     clear:both;
  90.     visibility:hidden;
  91.     overflow:hidden;
  92.     float:none;
  93. }
  94.  
  95. .clearfix {
  96.     display:block;
  97. }
  98.  
  99. /* - StatusBar Block - */
  100.  
  101. .statusbar {
  102.     box-sizing: border-box;
  103.     width: 100%;
  104.     padding: 5px 5px 5px 5px;
  105.     color: var(--secondary-color);
  106.     font-size: 10px;
  107.     background: var(--third-color);
  108.     border-radius: 8px;
  109.     color: var(--secondary-color);
  110.     display: flex;
  111.     border: none;
  112.     margin-top: 0;
  113. }
  114.  
  115. .status_avatar {
  116.     margin:6px 6px 6px 6px;
  117. }
  118.  
  119. .statusbar > div:nth-child(2) {
  120.     width: 100%;
  121.     display: flex;
  122.     align-items: center;
  123.     justify-content: space-around;
  124.     font-size: 12px;
  125.     text-transform: uppercase;
  126.     font-weight: bold;
  127. }
  128.  
  129. .statusbar > div:nth-child(2) > div:nth-child(1) {order: 1;}
  130. .statusbar > div:nth-child(2) > div:nth-child(2) {
  131.     order: 2;
  132.     display: grid;
  133.     row-gap: 5px;
  134.     grid-template-columns: repeat(8,1fr);
  135.     justify-content: center;
  136.     align-items: center;
  137.     position: relative;
  138. }
  139. .statusbar > div:nth-child(2) > div:nth-child(3) {order: 5; display: flex; flex-direction: column; white-space: nowrap;}
  140. .statusbar > div:nth-child(2) > div:nth-child(4) {order: 3; display: flex; flex-direction: column;}
  141. .statusbar > div:nth-child(2) > div:nth-child(5) {order: 4; display: flex; flex-direction: column;}
  142.  
  143.  
  144. #wrapper > div.mainheader > div > div.statusbar > div.status_avatar > a > img {
  145.     width: 70px;
  146.     height: 70px;
  147. }
  148. /* - Navigation - */
  149.  
  150. #navigation {
  151.     width: 100%;
  152.     border-radius: 8px;
  153.     font-family: 'Poppins', sans-serif;
  154.     position: relative;
  155.     top: 0;
  156.     height: auto;
  157.     border: none;
  158.     line-height: 30px;
  159.     background: var(--third-color);
  160.     box-shadow: none;
  161. }
  162.  
  163. #nav {
  164.     padding: 6px 20px;
  165.     font-size:13px;
  166.     font-weight:bold;
  167.     text-transform: uppercase;
  168. }
  169.  
  170. #nav ul {
  171.     display: flex;
  172.     justify-content: center;
  173.     align-items: center;
  174.     margin:0;
  175.     padding:0;
  176.     width:auto;
  177. }
  178.  
  179. #navhome {
  180.     margin-top: 1px;
  181.     width: 30px;
  182.     height: 30px;
  183. }
  184.  
  185. #nav lihome { display:block; padding: 8px 16px; }
  186. #nav ul li a { display:block; padding: 8px 16px; color: var(--link-hover-color);}
  187.  
  188. #nav ul lihome a { color:var(--link-hover-color); text-decoration:none; }
  189.  
  190. #nav ul li.active, #nav ul li a:hover, #nav ul li.active a { text-decoration:none; color:var(--link-color); text-shadow: 0.3px 0.3px 0.3px #444; }
  191. #nav ul lihome.active, #nav ul lihome a:hover, #nav ul lihome.active a { text-decoration:none; color: var(--link-color); text-shadow: 0.3px 0.3px 0.3px #444; }
  192.  
  193. /* - Main Column - */
  194.  
  195. #container {
  196.     position: relative;
  197.     width: 980px;
  198.     margin: 0 auto;
  199.     padding-top: 10px;
  200.     padding-bottom: 25px;
  201. }
  202.  
  203. #maincolumn {
  204.     width: 100%;
  205.     min-height: 400px;
  206.     margin: 0 auto;
  207. }
  208.  
  209. /* - Footer - */
  210.  
  211. #footer {
  212.     background: var(--third-color);
  213.     padding-top: 35px;
  214.     padding-bottom: 15px;
  215.     width: 100%;
  216.     position: relative;
  217.     min-width: 1050px;
  218.     bottom: auto;
  219.     height: auto;
  220. }
  221.  
  222. #footer a:hover {
  223.     color: var(--link-hover-color);
  224.     text-decoration:none;
  225. }
  226.  
  227. #footerInner {
  228.     width: 980px;
  229.     margin:0 auto;
  230.     padding-bottom: 10px;
  231.     position: relative;
  232.     overflow: hidden;
  233.     color: var(--secondary-color);
  234. }
  235.  
  236. #footerInner .boxFooter {
  237.     float: left;
  238.     width: 180px;
  239.     padding: 0 15px;
  240.     position: relative;
  241.     margin-right: 30px;
  242. }
  243.  
  244. #footerInner h2 {
  245.     padding-bottom: 4px;
  246.     margin-bottom: 14px;
  247.     color: var(--secondary-color);
  248.     font-size: 15px;
  249.     border-bottom: 1px solid var(--secondary-color);
  250. }
  251.  
  252. #footer ul {
  253.     margin-left: 10px;
  254.     padding-top: 3px;
  255.     padding-left: 15px;
  256.     font-weight: bold;
  257.     background: url('https://i.ibb.co/rpYWzjZ/list.png') 0 0 no-repeat;
  258. }
  259.  
  260. #copyright {
  261.     background: var(--primary-color);
  262.     border-top: 1px solid var(--secondary-color);
  263.     width: 100%;
  264.     height: 55px;
  265.     position: relative;
  266.     min-width: 1050px;
  267. }
  268.  
  269. #copyright a:hover {
  270.     color: #e0e0e0;
  271.     text-decoration:none;
  272. }
  273.  
  274. #copyrightInner {
  275.     width:980px;
  276.     margin:0 auto;
  277.     font-size:11px;
  278.     color:var(--secondary-color);
  279.     padding:15px 0;
  280.     position:relative;
  281. }
  282.  
  283. #copyrightInnerRight {
  284.     position:absolute;
  285.     right:5px;
  286.     top:20px;
  287. }
  288.  
  289. /* - Message Alerts - */
  290. /* Used for PMs and Announcement */
  291. .alert {
  292.     width:20em;
  293.     padding:10px;
  294.     margin:0 auto 10px auto;
  295.     background:var(--red-color);
  296.     text-align:center;
  297.     border: 1px solid var(--border-color);
  298.     border-radius: 8px;
  299. }
  300.  
  301. .alert span { color:#fff; font-weight:bold; }
  302.  
  303. /* Used for Ratio Warning */
  304. .alertratio {
  305.     width: 90%;
  306.     padding:10px;
  307.     margin:0 auto 10px auto;
  308.     background: var(--red-color);
  309.     border: 1px solid var(--border-color);
  310.     text-align:center;
  311.     color: var(--secondary-color);
  312. }
  313.  
  314. /* - Content Block Big - */
  315.  
  316. #divider {
  317.     margin-top: 10px;
  318.     margin-left: 15px;
  319.     margin-right: 15px;
  320.     border-top: 1px solid var(--secondary-color);
  321. }
  322.  
  323. .cblock {
  324.     width: 980px;
  325.     margin: 10px 0 10px 0;
  326.     display: block;
  327. }
  328.  
  329. .cblock-header {
  330.     width:962px;
  331.     height: 40px;
  332.     float:left;
  333.     background:var(--third-color);
  334.     border-top: 1px solid var(--border-color);
  335.     position: relative;
  336. }
  337.  
  338. .cblock-header h4 {
  339.     padding-left: 4px;
  340.     padding-top: 4px;
  341.     line-height: 30px;
  342.     font-weight: bold;
  343.     font-size: 11pt;
  344.     color: #E0E0E0;
  345.     float: left;
  346. }
  347.  
  348. .cblock-headerleft {
  349.     width:8px;
  350.     height:40px;
  351.     display: block;
  352.     float:left;
  353.     background: var(--third-color);
  354.     border-top: 1px solid var(--border-color);
  355.     border-left: 1px solid var(--border-color);
  356.     border-top-left-radius: 8px;
  357. }
  358.  
  359. .cblock-headerright {
  360.     width:8px;
  361.     height:40px;
  362.     display: block;
  363.     float:left;
  364.     background:var(--third-color);
  365.     border-top: 1px solid var(--border-color);
  366.     border-right: 1px solid var(--border-color);
  367.     border-top-right-radius: 8px;
  368. }
  369.  
  370. .cblock-content {
  371.     width:978px;
  372.     padding: 20px 0 10px 0;
  373.     background: var(--third-color);
  374.     border-left: 1px solid var(--border-color);
  375.     border-right: 1px solid var(--border-color);
  376.     position: relative;
  377. }
  378.  
  379. .cblock-innercontent {
  380.     margin: 0 auto;
  381.     width: 960px;
  382. }
  383.  
  384. .cblock-top {
  385.     width: 978px;
  386.     height: 7px;
  387.     display: block;
  388.     background: var(--third-color);
  389.     border: 1px solid var(--border-color);
  390.     border-bottom: none !important;
  391.     border-top-left-radius: 8px;
  392.     border-top-right-radius: 8px;
  393. }
  394.  
  395. .cblock-bottom {
  396.     width: 978px;
  397.     height: 7px;
  398.     display: block;
  399.     background: var(--third-color);
  400.     margin-bottom: 20px;
  401.     border: 1px solid var(--border-color);
  402.     border-top: none;
  403.     border-bottom-left-radius: 8px;
  404.     border-bottom-right-radius: 8px;
  405. }
  406.  
  407. /* - Normal Content Block - */
  408.  
  409. .nblock {
  410.     width:685px;
  411.     margin:10px 0 10px 0;
  412.     display: block;
  413. }
  414.  
  415. .nblock-header {
  416.     width:665px;
  417.     height:40px;
  418.     float:left;
  419.     background: var(--third-color);
  420.     border-top: 1px solid var(--border-color);
  421.     position:relative;
  422. }
  423.  
  424. .nblock-header h4 {
  425.     padding-left: 4px;
  426.     padding-top: 4px;
  427.     line-height: 30px;
  428.     font-weight: bold;
  429.     font-size: 11pt;
  430.     color: var(--secondary-color);
  431.     float: left;
  432. }
  433.  
  434. .nblock-headerleft {
  435.     width:8px;
  436.     height:40px;
  437.     display: block;
  438.     float:left;
  439.     background: var(--third-color);
  440.     border-top: 1px solid var(--border-color);
  441.     border-left: 1px solid var(--border-color);
  442.     border-top-left-radius: 8px;
  443. }
  444.  
  445. .nblock-headerright {
  446.     width:8px;
  447.     height:40px;
  448.     display: block;
  449.     float:left;
  450.     background:var(--third-color);
  451.     border-top: 1px solid var(--border-color);
  452.     border-right: 1px solid var(--border-color);
  453.     border-top-right-radius: 8px;
  454. }
  455.  
  456. .nblock-content {
  457.     width:681px;
  458.     height:100%;
  459.     padding: 20px 0 10px 0;
  460.     background: var(--third-color);
  461.     border-left: 1px solid var(--border-color);
  462.     border-right: 1px solid var(--border-color);
  463.     position: relative;
  464. }
  465.  
  466. .nblock-innercontent {
  467.     margin: 0 auto;
  468.     width: 660px;
  469. }
  470.  
  471. .nblock-bottom {
  472.     width: 681px;
  473.     height: 7px;
  474.     display: block;
  475.     background:var(--third-color);
  476.     margin-bottom: 20px;
  477.     border: 1px solid var(--border-color);
  478.     border-top: none !important;
  479.     border-bottom-left-radius: 8px;
  480.     border-bottom-right-radius: 8px;
  481. }
  482.  
  483. /* - Small Content Block - */
  484.  
  485. .sblock {
  486.     width:280px;
  487.     margin:10px 0 10px 0;
  488.     display: block;
  489. }
  490.  
  491. .sblock-header {
  492.     width:261px;
  493.     height:40px;
  494.     float:left;
  495.     background:var(--third-color);
  496.     position:relative;
  497.     border-top: 1px solid var(--border-color);
  498. }
  499.  
  500. .sblock-header h4 {
  501.     padding-left: 4px;
  502.     padding-top: 4px;
  503.     line-height: 30px;
  504.     font-weight: bold;
  505.     font-size: 11pt;
  506.     color: var(--secondary-color);
  507.     float: left;
  508. }
  509.  
  510. .sblock-headerleft {
  511.     width:8px;
  512.     height:40px;
  513.     display: block;
  514.     float:left;
  515.     background:var(--third-color);
  516.     border-top: 1px solid var(--border-color);
  517.     border-left: 1px solid var(--border-color);
  518.     border-top-left-radius: 8px;
  519. }
  520.  
  521. .sblock-headerright {
  522.     width:8px;
  523.     height:40px;
  524.     display: block;
  525.     float:left;
  526.     background:var(--third-color);
  527.     border-top: 1px solid var(--border-color);
  528.     border-right: 1px solid var(--border-color);
  529.     border-top-right-radius: 8px;
  530. }
  531.  
  532. .sblock-content {
  533.     width:277px;
  534.     height:100%;
  535.     padding: 20px 0 10px 0;
  536.     background:var(--third-color);
  537.     border-right: 1px solid var(--border-color);
  538.     border-left: 1px solid var(--border-color);
  539.     position: relative;
  540. }
  541.  
  542. .sblock-innercontent {
  543.     margin: 0 auto;
  544.     width: 270px;
  545. }
  546.  
  547. .sblock-bottom {
  548.     width: 277px;
  549.     height: 7px;
  550.     display: block;
  551.     background:var(--third-color);
  552.     margin-bottom: 20px;
  553.     border: 1px solid var(--border-color);
  554.     border-top: none !important;
  555.     border-bottom-left-radius: 8px;
  556.     border-bottom-right-radius: 8px;
  557. }
  558.  
  559. /* - Message Boxes - */
  560.  
  561. .info {
  562.     width: 50%;
  563.     border: 1px solid #1f1f1f;
  564.     color: #fff;
  565.     margin: 10px auto;
  566.     padding: 15px 10px 15px 50px;
  567.     font-weight: bold;
  568.     background: #444 url('images/info.png') no-repeat;
  569.     background-position: 15px 50%; /* x-pos y-pos */
  570.     border-radius: 5px;
  571. }
  572.  
  573. .error {
  574.     width: 50%;
  575.     border: 1px solid #1f1f1f;
  576.     color: #000;
  577.     margin: 10px auto;
  578.     padding: 15px 10px 15px 50px;
  579.     font-weight: bold;
  580.     background:#FFBABA url('images/error.png') no-repeat;
  581.     background-position: 15px 50%; /* x-pos y-pos */
  582.     border-radius: 5px;
  583. }
  584.  
  585. .infosmall {
  586.     width: 200px;
  587.     border: 1px solid #1f1f1f;
  588.     color: #fff;
  589.     margin: 10px auto;
  590.     padding: 15px 10px 15px 50px;
  591.     font-weight: bold;
  592.     font-size: 12px;
  593.     background: #444 url('images/info.png') no-repeat;
  594.     background-position: 15px 50%; /* x-pos y-pos */
  595.     border-radius: 5px;
  596. }
  597.  
  598. .errorsmall {
  599.     width: 200px;
  600.     border: 1px solid #1f1f1f;
  601.     color: #000;
  602.     margin: 10px auto;
  603.     padding: 15px 10px 15px 50px;
  604.     font-weight: bold;
  605.     font-size: 12px;    
  606.     background:#FFBABA url('images/error.png') no-repeat;
  607.     background-position: 15px 50%; /* x-pos y-pos */
  608.     border-radius: 5px;
  609. }
  610.  
  611. /* - Special Staff page HoF - */
  612.  
  613. .staffbox { float:left; }
  614.  
  615. .staffbox {
  616.     width: 100px;
  617.     border: 1px solid var(--border-color);
  618.     padding: 5px;
  619.     margin: 0px 4px 10px 6px;
  620.     background: var(--table-background-color);
  621.     text-align: center;
  622.     border-radius: 8px;
  623. }
  624.  
  625. /* - Pagination links start - */
  626.  
  627. .pager { margin: 12px 5px 10px 0px; }
  628. .pager a, .pager a:link { margin: 0 2px; padding: 4px 8px; background: var(--table-background-color); border: 1px solid var(--border-color); text-decoration: none; font-weight: normal; font-size: 8pt; color: var(--secondary-color); border-radius: 3px; }
  629. .pager a:hover { background: var(--link-color); border: 1px solid var(--border-color); color: var(--primary-color); font-weight: normal; text-decoration: none; }
  630.  
  631. .pager span.current { margin: 0 2px; padding: 4px 8px; background: var(--link-color); border: 1px solid var(--border-color); font-weight: bold; font-size: 8pt; color: var(--primary-color); border-radius: 3px; }
  632. .pager span.extend { margin: 0 2px; padding: 4px 8px; font-size: 8pt; color: var(--secondary-color); }
  633.  
  634. /* - Sexy Ass Div Table - */
  635.  
  636. .base-layer {
  637.     color:#000;
  638.     padding:0;
  639.     text-align:center;
  640.     width:auto;
  641. }
  642.  
  643. .table-row {
  644.     color:#000;
  645.     margin:0 auto 0 auto;
  646.     padding:0;
  647.     text-align:center;
  648.     width: 100%;
  649. }
  650.  
  651. .left-layer {
  652.     border:none;
  653.     float:left;
  654.     margin:0;
  655.     padding:5px;
  656.     width:180px;
  657. }
  658.  
  659. .space-line {
  660.     clear:both;
  661.     margin:0;
  662.     padding:0;
  663.     width: auto;
  664.     border-bottom:1px solid var(--link-color);
  665. }
  666.  
  667. p.text {
  668.     border:1px solid var(--link-color);
  669.     margin:0;
  670.     padding:3px;
  671.     font-style:normal;
  672.     font-size:1em;
  673.     text-align:center;
  674.     text-indent:0;
  675.     width: auto;
  676. }
  677.  
  678. hr.separator {
  679.     border: 0;
  680.     height: 1px;
  681.     width: 600px;
  682.     margin: 11px auto 0px auto;
  683.     background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
  684. }
  685.  
  686. /* Mass PM System */
  687. .sent {
  688.     border: 1px solid var(--border-color);
  689.     background: var(--green-color);
  690. }
  691. .notsent {
  692.     border: 1px solid var(--border-color);
  693.     background:var(--red-color);
  694. }
  695.  
  696. /* essentials */
  697. ul {
  698.     list-style: none;
  699.     margin: 0;
  700.     padding: 0;
  701. }
  702.  
  703. * { padding: 0; margin: 0; }
  704. a { color:var(--link-color); }
  705. .clear { clear:both; }
  706.  
  707. /* - Fonts etc.. - */
  708.  
  709. h1 { font-size: 12pt; }
  710. h2 { font-size: 10pt; margin-bottom: 6px; }
  711. h3 { font-size: 11pt; margin-bottom: 6px; }
  712.  
  713. font.gray { color: #ACA899; text-decoration: underline; }
  714. .important { font-weight: bold; font-size: 8pt; }
  715. .red { color: var(--red-color); }
  716. .yellow { color: var(--yellow-color); }
  717. .green { color: var(--green-color); }
  718. .white { background: var(--secondary-color); }
  719. .small { font-size: 7pt; }
  720. .big { font-size: 10pt; }
  721.  
  722. /* - Textboxes - */
  723.  
  724. select {
  725.  
  726.     font-size: 8pt;
  727.     color: var(--secondary-color);
  728.     background:var(--third-color);
  729.     /*width: 240px;
  730.     height: 30px;*/
  731.     padding: 5px 4px;
  732.     font-family: 'Poppins', sans-serif;
  733.     line-height: 30px;
  734.     cursor: pointer;
  735.     vertical-align: middle;
  736.     border: 1px solid var(--small-border-color);
  737.     border-radius: 4px;
  738. }
  739.  
  740. select:hover {
  741.     border: 1px solid var(--small-border-color);
  742.     color: var(--link-hover-color);
  743. }
  744.  
  745. select option {
  746.     /*width: 220px;*/
  747.     padding: 1px 0;
  748. }
  749.  
  750. select:hover option {
  751.     color: #E0E0E0;
  752. }
  753.  
  754. textarea {
  755.     font-family: 'Poppins', sans-serif;
  756.     font-size: 8pt;
  757.     color: var(--secondary-color);
  758.     background: var(--third-color);
  759.     border: 1px solid var(--small-border-color);
  760.     max-width: 650px !important;
  761.     max-height: 300px !important;
  762.     border-radius: 3px;
  763. }
  764.  
  765. input {
  766.     font-family: 'Poppins', sans-serif;
  767.     font-size: 8pt;
  768.     color: var(--secondary-color);
  769.     background: var(--third-color);
  770.     padding: 5px 4px;
  771.     border: 1px solid var(--small-border-color);
  772.     border-radius: 3px;
  773. }
  774.  
  775. input.nobg{
  776.     background: transparent;    
  777.     border: none;
  778. }
  779.  
  780. input.nobg:hover{  
  781.     border: none;
  782. }
  783.  
  784. input:focus, textarea:focus, input:hover, textarea:hover {
  785.     border: 1px solid var(--secondary-color);
  786. }
  787.  
  788. /* - Buttons - */
  789.  
  790. input.btn{background: var(--link-color);width:70px;padding: 4px 0px 4px 0px;font-size:7pt; font-weight: bold;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;font-family: 'Poppins', sans-serif;}
  791. input.btn:hover{background: var(--bar-color);width:70px;padding: 4px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;}
  792. input.sbtn{background: var(--link-color);width:50px;padding: 4px 0px 4px 0px; font-weight: bold;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;font-family: 'Poppins', sans-serif;}
  793. input.sbtn:hover{background: var(--bar-color);width:50px;padding: 4px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;}
  794. input.lbtn{background: var(--link-color);width:140px;padding: 4px 0px 4px 0px; font-weight: bold;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;font-family: 'Poppins', sans-serif;}
  795. input.lbtn:hover{background: var(--bar-color);width:140px;padding: 4px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;}
  796. input.bigbtn{background: var(--link-color);width:160px;padding: 6px 0px 6px 0px; font-weight: bold;font-size:8pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;font-family: 'Poppins', sans-serif;}
  797. input.bigbtn:hover{background: var(--bar-color);width:160px;padding: 6px 0px 6px 0px;font-size:8pt;border:none;border-radius: 3px;cursor:pointer;color:var(--primary-color)!important;}
  798.  
  799.  
  800. .btn{background:url('images/buttons/btnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 0;width:70px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#555!important;}
  801. .btn:hover{background:url('images/buttons/btnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 -20px;width:70px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#fff!important;}
  802.  
  803. .sbtn{background:url('images/buttons/sbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 0;width:50px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#555!important;}
  804. .sbtn:hover{background:url('images/buttons/sbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 -20px;width:50px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#fff!important;}
  805.  
  806. .lbtn{background:url('images/buttons/lbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 0;width:140px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#555!important;}
  807. .lbtn:hover{background:url('images/buttons/lbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 -20px;width:140px;height:20px;padding: 2px 0px 4px 0px;font-size:7pt;border:none;border-radius: 3px;cursor:pointer;color:#fff!important;}
  808.  
  809. .bigbtn{background:url('images/buttons/bigbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 0;width:160px;height:25px;padding: 2px 0px 4px 0px;font-size:8pt;border:none;border-radius: 3px;cursor:pointer;color:#555!important;}
  810. .bigbtn:hover{background:url('images/buttons/bigbtnbrown.gif');background-repeat:no-repeat;background-color:transparent;background-position:0 -25px;width:160px;height:25px;padding: 2px 0px 4px 0px;font-size:8pt;border:none;border-radius: 3px;cursor:pointer;color:#fff!important;}
  811.  
  812. /* - Hyperlink Information - */
  813.  
  814. a:link, a:visited { text-decoration: none; color: var(--link-color); } /* #6C7A89 */
  815. a:hover { color: var(--link-hover-color); }
  816. a.index { font-weight: bold; }
  817. a.biglink { font-weight: bold; font-size: 12pt; }
  818.  
  819. a.altlink:link, a.altlink:visited {
  820.     font-weight: bold;
  821.     color: var(--link-color);
  822.     text-decoration: none;
  823. }
  824.  
  825. a.altlink:hover { text-decoration: underline; }
  826.  
  827. .visitedlinks a:visited { text-decoration: none; color: var(--link-color) !important; }
  828.  
  829. /* - Misc Information - */
  830.  
  831. p { font-size: 8pt; }
  832. p.sub { margin-bottom: 4pt; }
  833. .bold { font-weight: bold; }
  834.  
  835. .colhead {
  836.     font-weight: bold;
  837.     color: var(--secondary-color);
  838.     background: var(--table-background-color);
  839.     border:1px solid var(--border-color);
  840.     padding:10px 5px;
  841. }
  842.  
  843. .visitedlinks .colhead:first-child {
  844.     border-top-left-radius: 8px;
  845.     border-bottom-left-radius: 8px;
  846. }
  847. .visitedlinks .colhead:nth-child(11) {
  848.     border-top-right-radius: 8px;
  849.     border-bottom-right-radius: 8px;
  850. }
  851. tr td.colhead {
  852.     padding: 10px;
  853. }
  854. .normalline { border:1px solid var(--link-color); }
  855.  
  856. /* - Table and TD information - */
  857.  
  858. table {
  859.     border-collapse: separate;
  860.     border-spacing: 0px 10px;
  861.     border: none;
  862.     margin:0 auto;
  863. }
  864.  
  865. table.main, table.mainouter { background-color: transparent; }
  866. table.bottom { background: transparent; }
  867.  
  868. table td { padding: 10px; background: var(--table-background-color); border: none;}
  869. td { font-size: 8pt; background: var(--table-background-color);  color: var(--table-color);  border: none;}
  870. td.embedded { border: none; padding: 0px; }
  871. td.bottom { border: none; }
  872. td.heading { font-weight: bold; color:var(--table-color); background:var(--table-background-color); padding:5px;}
  873. td.text { padding: 10pt; text-align: left; }
  874.  
  875. td:first-child {border-bottom-left-radius: 10px; border-top-left-radius: 10px;}
  876. table > tbody > tr > td:first-child > img {border-radius: 10px;}
  877. td:last-child {border-bottom-right-radius: 10px;}
  878. td:last-child {border-top-right-radius: 10px;}
  879.  
  880. table tr {border-radius: 8px; padding: 5px; margin-top: 10px;}
  881.  
  882. td.comment {
  883.     padding: 10pt;
  884.     font-size: 8pt;
  885.     text-align: left;
  886. }
  887.  
  888. td.colhead {
  889.     font-weight: bold;
  890.     color: var(--table-color);
  891.     background: var(--table-background-color);
  892.     padding:5px;
  893. }
  894.  
  895. td.rowhead {
  896.     font-weight: bold;
  897.     text-align: right;
  898.     vertical-align: top;
  899.     padding:5px;
  900. }
  901.  
  902. td.title { font-size: 14pt; }
  903.  
  904. td.navigation {
  905.     font-weight: bold;
  906.     font-size: 10pt;
  907.     border: none;
  908. }
  909.  
  910. td.clear {
  911.     padding: 0px;
  912.     border: 0px;
  913.     background: transparent;
  914. }
  915.  
  916. td.noborder {
  917. border: none;
  918. }
  919.  
  920. form {
  921.     display: inline;
  922.     width:  300px;
  923.     padding: 0;
  924.     margin:0 auto 0 auto;
  925. }
  926.  
  927. legend  { padding: 2px 4px; background: var(--link-color); color: var(--primary-color); border-radius: 4px;}
  928.  
  929. fieldset { padding: 1em; border: 1px solid var(--border-color); background: var(--table-background-color); border-radius: 8px;}
  930.  
  931. /* Forum */
  932. .forumpager { margin: 10px 5px 10px 2px; }
  933. .forumpager a, .forumpager a:link { background: var(--table-background-color); border: 1px solid var(--border-color); color: var(--secondary-color); text-decoration: none; font-size: 8px; padding: 4px 5px; border-radius: 1px; }
  934. .forumpager a:hover { background: var(--link-color); border: 1px solid var(--border-color); color: var(--primary-color)!important; text-decoration: none; }
  935. .forumpager span.current { background: var(--link-color); border: 1px solid var(--border-color); color: var(--primary-color); font-size: 8px; padding: 4px 5px; border-radius: 1px; }
  936.  
  937. #sectionmain { width:95%; margin:15px auto 0px auto; }
  938. #sectionmain .sectiontitle { background:var(--table-background-color); color:var(--secondary-color); font-weight:bold; border:1px solid var(--border-color); padding:10px 16px; border-radius: 8px;}
  939.  
  940. #forummain { width:95%; margin:0 auto; }
  941. #forummain .forumrow {background-color: var(--table-background-color); border:1px solid var(--border-color); margin: 10px 0px 0px 0px; padding:4px; border-radius: 8px;} /* -1px top and bottom to make borders collapse */
  942. #forummain .forumcell { float:left; }
  943. #forummain .forumcellinside { height:40px; vertical-align:middle; display:table-cell; }
  944. #forummain .lastpostdate { color:var(--secondary-color); font-size:10px; }
  945. #forummain .lastpostername { font-size:10px; }
  946.  
  947. #viewforum { width:95%; margin:0 auto; }
  948. #viewforum .viewforumtitle { background: var(--table-background-color); color:var(--secondary-color); font-weight:bold; border:1px solid var(--border-color); padding:10px 16px; border-radius: 8px;}
  949. #viewforum .viewforumrow {background-color: var(--table-background-color); border:1px solid var(--border-color); margin:10px 0px; padding:4px; border-radius: 8px;} /* -1px top and bottom to make borders collapse */
  950. #viewforum .viewforumcell { float:left; }
  951. #viewforum .viewforumcellinside { height:35px; vertical-align:middle; display:table-cell; }
  952. #viewforum .lastpostdate { color: var(--secondary-color); font-size:10px; }
  953. #viewforum .startedby { color:var(--secondary-color); font-size:10px; }
  954.  
  955. #viewforum .minipager a,.minipager a:link { background: var(--primary-color); border: 1px solid var(--border-color); color: var(--secondary-color)!important; padding: 2px 3px; text-decoration: none; font-size: 8px; border-radius: 1px; }
  956. #viewforum .minipager a:hover { background: var(--link-color); border: 1px solid var(--border-color); color: var(--primary-color)!important; text-decoration: none; }
  957. #viewforum .minipager a:visited { background: var(--primary-color); border: 1px solid var(--border-color); color: var(--secondary-color)!important; text-decoration: none; }
  958.  
  959. .forumlocked { background:url('https://i.ibb.co/BLkQRY9/set8-lockednew2.png') center center no-repeat; background-color:transparent; width:30px; height:30px; }
  960. .forumlockednew { background:url('https://i.ibb.co/2F8RKMn/set8-locked.png') center center no-repeat; background-color:transparent; width:30px; height:30px; }
  961. .forumunlocked { background:url('https://i.ibb.co/xJ4KChk/set8-unlocked.jpg') center center no-repeat; background-color:transparent; width:30px; height:30px; }
  962. .forumunlockednew { background:url('https://i.ibb.co/X38fXFq/set8-unlockednew2.png') center center no-repeat; background-color:transparent; width:30px; height:30px; }
  963. /* End Forum */
  964.  
  965. .myprofile { float:left;margin: 25px 15px 0px 60px;background: var(--table-background-color);height: 350px;width: 200px;border: 1px solid var(--border-color); border-radius: 8px;}
  966.  
  967. .quote { background:var(--primary-color); padding:5px; border:1px dotted var(--small-border-color); max-width:730px; word-wrap:break-word; }
  968.  
  969. .spoiler { background:var(--primary-color); padding:5px; border:1px solid var(--small-border-color); max-width:730px; word-wrap:break-word; }
  970.  
  971. .userclasscolor { color: var(--link-color); }
  972.  
  973. .userinfopage { text-align:left;background-color:var(--table-background-color); }
  974.  
  975. .friendstitle { margin-left: 70px;width: 800px;background: var(--table-background-color);border: 1px solid var(--border-color);padding: 10px 16px; border-radius: 8px;}
  976. .friendsmain {margin-top: 10px; margin-left: 70px;width: 800px;background:var(--table-background-color);border: 1px solid var(--border-color);padding: 10px; border-radius: 8px;}
  977. .friendssquare { float: left;border: 1px solid var(--small-border-color);background: var(--primary-color);padding: 10px;width: 355px;margin: 5px 10px 10px 10px;border-radius: 8px; }
  978.  
  979. .torrenttable { float: left; border: none; padding: 0px;}
  980.  
  981. .snatchlisthighlight { background: var(--table-background-color); }
  982.  
  983. .globalFreeLeech { width:60%;background:var(--green-color);border:1px solid var(--border-color);color:var(--secondary-color);opacity:0.9;margin:0px auto;padding:10px;font-weight:bold; border-radius: 8px; }
  984.  
  985. /* Shop featured item */
  986. .featuredmain { background: var(--feature-color); border: 2px solid var(--link-color); }
  987. .featureditem { background:url('images/tags/featureditemorange.png') left top no-repeat; width: 76px; height: 75px; position: absolute; top: -5px; left: -5px; border: none; }
  988. /* End shop featured item */
  989.  
  990. .sublink {
  991.     font-style: italic;
  992.     font-size: 7pt;
  993.     font-weight: normal;
  994. }
  995.  
  996. .roundedCorners {
  997.     border: 1px solid #000;
  998.     border-radius: 6px;
  999. }
  1000.  
  1001. .right { text-align: right; }
  1002. .left { text-align: left; }
  1003. .center { text-align: center; }
  1004. .fright { float: right; }
  1005. .fleft { float: left; }
  1006.  
  1007. /* Fix forum refresh on Chrome */
  1008. .forumcell:first-child span:first-child {
  1009.     float: left;
  1010. }
  1011.  
  1012. /* Poll CSS */
  1013. #poll_container {
  1014.     width:250px;
  1015.     margin:5px;
  1016.     font-size:12px;
  1017.     border:none;
  1018. }
  1019. #poll_title {
  1020.     font-size: 14px;
  1021.     font-weight:bold;
  1022.     border:none;
  1023.     text-align:center;
  1024.     padding:10px;
  1025. }
  1026.  
  1027. #poll_choice {
  1028.     padding: 4px;
  1029. }
  1030.  
  1031. #poll_separator {
  1032.     margin-top: 5px;
  1033.     padding-top: 5px;
  1034. }
  1035.  
  1036. .barmax, .bar {
  1037.     -moz-border-radius: 3px;
  1038.     -webkit-border-radius: 3px;
  1039.     border-radius: 3px;
  1040. }
  1041.  
  1042. .bar {
  1043.     border: 1px solid var(--bar-max-color);
  1044.     background: var(--bar-color);
  1045. }
  1046.  
  1047. .barmax {
  1048.     border: 1px solid var(--bar-max-color);
  1049.     background: var(--bar-max-color);
  1050. }
  1051.  
  1052.  
  1053.  
  1054. .torrentrow {
  1055.     background-color: var(--table-background-color);
  1056.     margin-top: 10px;
  1057.     border-radius: 8px;
  1058. }
  1059.  
  1060. .torrentrow .torrenttable:first-child img {border-radius: 8px;}
  1061.  
  1062.  
  1063. /* Scroll Bar */
  1064. html::-webkit-scrollbar {
  1065.     width: 10px;
  1066. }
  1067.  
  1068. html::-webkit-scrollbar-thumb {
  1069.     background-color: var(--link-color);
  1070.     border-radius: 8px;
  1071. }
  1072.  
  1073. html::-webkit-scrollbar-track {
  1074.     background-color: var(--table-background-color);
  1075. }
  1076.  
  1077. /* Gift Image */
  1078. img[src*="/styles/images/gift_christmas.png"] {
  1079.     content: url(https://i.postimg.cc/h4pTt8Qj/gift-icon.png);
  1080.     transform: scale(0.5);
  1081. }
  1082.  
  1083.  
  1084. /* Custom Buttons */
  1085. img[src="/styles/images/messages.gif"],
  1086. img[src="/styles/images/reputation.png"],
  1087. img[src="/styles/images/buddylist.gif"],
  1088. img[src="/styles/images/mirc.png"],
  1089. img[src="/styles/images/rss.png"],
  1090. img[src="/styles/images/cup.png"],
  1091. img[src="/styles/images/bookmark.png"],
  1092. img[src="/styles/images/blackjack.png"] {
  1093.     width: 18px;
  1094.     height: 18px;
  1095. }
  1096.  
  1097. img[src="/styles/images/messages.gif"] {content: url(https://i.postimg.cc/pTLkB4kF/message-icon.png);transform: translateY(3px);}
  1098.  
  1099. a:has(img[src="/styles/images/messages.gif"]) > span:first-child {position: absolute;left: -10px;top: -1px;}
  1100.  
  1101. img[src="/styles/images/reputation.png"] {content: url(https://i.postimg.cc/L50Wf2p5/chart-icon.png);  }
  1102. img[src="/styles/images/buddylist.gif"] {content: url(https://i.postimg.cc/MKCP8sZC/friends-icon.png);}
  1103. img[src="/styles/images/mirc.png"] {content: url(https://i.postimg.cc/pTLkB4kF/message-icon.png);}
  1104. img[src="/styles/images/rss.png"] {content: url(https://i.postimg.cc/MpJDLvdx/rss-icon.png);}
  1105. img[src="/styles/images/cup.png"] {content: url(https://i.postimg.cc/Rhn7sBtN/trophy-icon.png);}
  1106. img[src="/styles/images/bookmark.png"] {content: url(https://i.postimg.cc/fbx1PGxq/bookmark-icon.png);}
  1107. img[src="/styles/images/blackjack.png"] {content: url(https://i.postimg.cc/3JdVh4Xv/diamond-icon.png);}
  1108.  
  1109. img[src="/styles/images/ratio.png"] {content: url(https://i.postimg.cc/hPRn20WG/raio-icon.png);}
  1110. img[src="/styles/images/download_token.png"] {content: url(https://i.postimg.cc/WbmvCJTw/token-icon.png);}
  1111. img[src="/styles/images/snatchlist.png"] {content: url(https://i.postimg.cc/XJPKkJpR/snatchlist-icon.png);}
  1112.  
  1113. img[src="/styles/images/flcoins.png"] {content: url(https://i.postimg.cc/4NqMxfPF/coins-icon.png);}
  1114. img[src="/styles/images/invite.png"] {content: url(https://i.postimg.cc/7LDK5f2X/invite-icon.png);}
  1115. img[src="/styles/images/user.png"] {content: url(https://i.postimg.cc/ryv38yQZ/user-icon.png);}
  1116. img[src="/styles/images/logout.png"] {content: url(https://i.postimg.cc/Zn07J2dS/exit-icon.png);}
  1117.  
  1118.  
  1119. img[src="/styles/images/uploaded.png"],
  1120. img[src="/styles/images/downloaded.png"] {
  1121.     width: 12px;
  1122.     height: 12px;
  1123. }
  1124. img[src="/styles/images/uploaded.png"] {
  1125.     content: url(https://i.postimg.cc/W39DMfft/upload-amount-icon.png);}
  1126. img[src="/styles/images/downloaded.png"] {
  1127.     content: url(https://i.postimg.cc/qRBh6dw9/download-amount-icon.png);}
  1128.  
  1129. /* Download and token download */
  1130. img[src="styles/images/download.png"],
  1131. img[src="styles/images/download_token.png"] {
  1132.     width: 15px;
  1133.     height: 15px;
  1134. }
  1135. img[src="styles/images/download.png"] {content: url(https://i.postimg.cc/hGb3s9BH/download-icon.png);}
  1136.  
  1137. img[src="styles/images/download_token.png"] {content: url(https://i.postimg.cc/MT932qX5/download-token-icon.png);}
  1138.  
  1139.  
  1140. /* Torrents header */
  1141. img[src="styles/images/comments.png"],
  1142. img[src="styles/images/date.png"],
  1143. img[src="styles/images/size.png"],
  1144. img[src="styles/images/snatched.png"],
  1145. img[src="styles/images/arrowup.gif"],
  1146. img[src="styles/images/arrowdown.gif"],
  1147. img[src="styles/images/uppedby.png"] {
  1148.     width: 15px;
  1149.     height: 15px;
  1150. }
  1151.  
  1152. a:hover img[src="/styles/images/logout.png"],
  1153. a:hover img[src="/styles/images/user.png"],
  1154. a:hover img[src="/styles/images/invite.png"],
  1155. a:hover img[src="/styles/images/flcoins.png"],
  1156. span:has(a):hover img[src="/styles/images/snatchlist.png"]:not(img[src="/styles/images/snatchlist.png"]:hover), /*snatchlist button from statusbar exception*/
  1157. a:hover img[src="/styles/images/blackjack.png"],
  1158. a:hover img[src="/styles/images/bookmark.png"],
  1159. a:hover img[src="/styles/images/cup.png"],
  1160. a:hover img[src="/styles/images/rss.png"],
  1161. a:hover img[src="/styles/images/mirc.png"],
  1162. a:hover img[src="/styles/images/buddylist.gif"],
  1163. a:hover img[src="/styles/images/reputation.png"],
  1164. a:hover img[src="/styles/images/messages.gif"],
  1165.  
  1166. a:hover img[src="styles/images/download.png"],
  1167. a:hover img[src="styles/images/download_token.png"],
  1168.  
  1169. a:hover img[src="styles/images/arrowdown.gif"],
  1170. a:hover img[src="styles/images/arrowup.gif"],
  1171. a:hover img[src="styles/images/snatched.png"],
  1172. a:hover img[src="styles/images/size.png"],
  1173. a:hover img[src="styles/images/date.png"],
  1174.  
  1175. a:hover img[src="styles/images/quote.png"],
  1176. a:hover img[src="styles/images/edit.png"] {
  1177.     filter: saturate(0) brightness(2);
  1178. }
  1179.  
  1180. img[src="styles/images/comments.png"] {content: url(https://i.postimg.cc/26sLyb15/message-icon.png);}
  1181.  
  1182. img[src="styles/images/date.png"] {content: url(https://i.postimg.cc/26GMkn94/calendar-icon.png);}
  1183.  
  1184. img[src="styles/images/size.png"] {content: url(https://i.postimg.cc/BvqCqkrV/size-icon.png);}
  1185.  
  1186. img[src="styles/images/snatched.png"] {content: url(https://i.postimg.cc/L47vzyPJ/rotate-icon.png);}
  1187.  
  1188. img[src="styles/images/arrowup.gif"] {content: url(https://i.postimg.cc/056hRKdJ/upload-icon.png);}
  1189.  
  1190. img[src="styles/images/arrowdown.gif"] {content: url(https://i.postimg.cc/hGb3s9BH/download-icon.png);}
  1191.  
  1192. img[src="styles/images/uppedby.png"] {content: url(https://i.postimg.cc/FFnCTrMs/file-icon.png);}
  1193.  
  1194. /* FORUM */
  1195.  
  1196. img[src="styles/images/quote.png"] {content: url(https://i.postimg.cc/T2bM5NNP/quote.png); width: 15px; height: 15px;}
  1197. img[src="styles/images/edit.png"] {content: url(https://i.postimg.cc/2yS0G6Fm/modify-post-icon.png); width: 15px; height: 15px;}
  1198.  
  1199. /* Delete */
  1200. img[src="styles/images/delete.png"] {content: url(https://i.postimg.cc/CKKC9tnH/delete-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1201.  
  1202. /* torrent page */
  1203. img[src="/styles/images/date.png"] {content: url(https://i.postimg.cc/26GMkn94/calendar-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1204. img[src="/styles/images/size.png"] {content: url(https://i.postimg.cc/BvqCqkrV/size-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1205. img[src="/styles/images/slratio.png"] {content: url(https://i.postimg.cc/MKCP8sZC/friends-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1206. img[src="/styles/images/arrowdown.gif"] {content: url(https://i.postimg.cc/hGb3s9BH/download-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1207. img[src="/styles/images/arrowup.gif"] {content: url(https://i.postimg.cc/056hRKdJ/upload-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1208. img[src="/styles/images/snatched.png"] {content: url(https://i.postimg.cc/L47vzyPJ/rotate-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1209. img[src="/styles/images/file.png"] {content: url(https://i.postimg.cc/FFnCTrMs/file-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1210. img[src="/styles/images/folder.png"] {content: url(https://i.postimg.cc/yx4scV1n/folder-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1211. img[src="/styles/images/uppedby.png"] {content: url(https://i.postimg.cc/yx4scV1n/folder-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1212. img[src="/styles/images/info.png"] {content: url(https://i.postimg.cc/Xqf3gTXW/info-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}
  1213. img[src="/styles/images/approved.png"] {content: url(https://i.postimg.cc/tCcD5YQX/check-icon.png); width: 15px; height: 15px; transform: translateY(-1px);}



  • Recent Pastes