☰

EMP Dark

Stylesheet for EMP

  1. // ==UserScript==
  2. // @name         EMP Dark
  3. // @namespace    EMP Theme
  4. // @version      0.7.11
  5. // @description  Stylesheet for EMP
  6. // @author       Conkuist
  7. // @match        https://www.empornium.sx/*
  8. // @match        https://www.empornium.is/*
  9. // @icon         https://www.empornium.sx/favicon.ico
  10. // @resource     IMPORTED_CSS https://fonts.googleapis.com/css2?family=Lexend&family=Noto+Sans&family=Roboto&family=Source+Sans+Pro&family=Ubuntu&family=PT+Sans&family=Material+Icons&display=swap
  11. // @grant        GM_addStyle
  12. // @grant        GM_getResourceText
  13. // @grant        GM_getValue
  14. // @grant        GM_setValue
  15. // @run-at       document-start
  16. // ==/UserScript==
  17.  
  18. (function() {
  19.     'use strict';
  20.  
  21.     GM_addStyle(GM_getResourceText("IMPORTED_CSS"));
  22.  
  23.     const removeEmpStyleSheet = () => {
  24.  
  25.         const stylesheetNames = ['afterdark', 'deviloid', 'empornium', 'hempornium', 'light', 'minimal', 'modern', 'modern_red', 'rochelle', 'sarandafl', 'watch_dogs'];
  26.  
  27.         for (let name of stylesheetNames)
  28.         {
  29.             const styleEl = document.querySelector(`link[href*=${name}`);
  30.  
  31.             if (styleEl)
  32.             {
  33.                 styleEl.remove();
  34.                 console.log(`Removed ${styleEl.href}`);
  35.                 break;
  36.             }
  37.         }
  38.     };
  39.  
  40.     var presets = [
  41.  
  42.         {
  43.             title: "original",
  44.             background: "#2f3136",
  45.             header: "#36393f",
  46.             table: "#202225",
  47.             table_header: "#36393f",
  48.             box: "#36393f",
  49.             block: "#42454a",
  50.             block_text: "#ffffff",
  51.             button: "#42454a",
  52.             button_text: "#ffffff",
  53.             input: "#202225",
  54.             input_text: "#8e9297",
  55.             torrent_icon: "#36393f",
  56.             box_text: "#8e9297",
  57.             header_text: "#8e9297",
  58.             background_text: "#8e9297",
  59.             table_text: "#8e9297",
  60.             link: "#dddddd",
  61.             hover: "#ffffff",
  62.             visited: "#00ccff",
  63.             highlight: "#00ccff",
  64.             alerts: "#ee3333",
  65.             shadow: "none",
  66.         },
  67.         {
  68.             title: "dark matter",
  69.             background: "#323232",
  70.             header: "#3c3c3c",
  71.             table: "#282828",
  72.             table_header: "#3c3c3c",
  73.             box: "#3c3c3c",
  74.             block: "#464646",
  75.             block_text: "#ffffff",
  76.             button: "#464646",
  77.             button_text: "#ffffff",
  78.             input: "#282828",
  79.             input_text: "#969696",
  80.             torrent_icon: "#3c3c3c",
  81.             box_text: "#969696",
  82.             header_text: "#969696",
  83.             background_text: "#969696",
  84.             table_text: "#969696",
  85.             link: "#dddddd",
  86.             hover: "#ffffff",
  87.             visited: "#00ccff",
  88.             highlight: "#00ccff",
  89.             alerts: "#ee3333",
  90.             shadow: "none",
  91.         },
  92.         {
  93.             title: "favorite",
  94.             background: "#3a4045",
  95.             header: "#444b51",
  96.             table: "#313539",
  97.             table_header: "#444b51",
  98.             box: "#444b51",
  99.             block: "#4e555c",
  100.             block_text: "#ffffff",
  101.             button: "#4e555c",
  102.             button_text: "#ffffff",
  103.             input: "#313539",
  104.             input_text: "#8c959d",
  105.             torrent_icon: "#444b51",
  106.             box_text: "#8c959d",
  107.             header_text: "#8c959d",
  108.             background_text: "#8c959d",
  109.             table_text: "#8c959d",
  110.             link: "#dddddd",
  111.             hover: "#ffffff",
  112.             visited: "#00ccff",
  113.             highlight: "#00ccff",
  114.             alerts: "#ee3333",
  115.             shadow: "none",
  116.         },
  117.         {
  118.             title: "dark theme",
  119.             "background": "#141414",
  120.             "background_text": "#aaaaaa",
  121.             "header": "#1e1e1e",
  122.             "header_text": "#aaaaaa",
  123.             "block": "#282828",
  124.             "block_text": "#ffffff",
  125.             "box": "#1e1e1e",
  126.             "box_text": "#aaaaaa",
  127.             "table_header": "#232323",
  128.             "table": "#1e1e1e",
  129.             "table_text": "#aaaaaa",
  130.             "button": "#282828",
  131.             "button_text": "#aaaaaa",
  132.             "input": "#141414",
  133.             "input_text": "#aaaaaa",
  134.             "torrent_icon": "#3c3c3c",
  135.             "link": "#ffffff",
  136.             "hover": "#ffffff",
  137.             "visited": "#03dac6",
  138.             "highlight": "#03dac6",
  139.             "alerts": "#ee3333",
  140.             shadow: "none",
  141.         },
  142.         {
  143.             "background": "#202124",
  144.             "background_text": "#aaaaaa",
  145.             "header": "#303134",
  146.             "header_text": "#aaaaaa",
  147.             "block": "#303134",
  148.             "block_text": "#aaaaaa",
  149.             "box": "#303134",
  150.             "box_text": "#aaaaaa",
  151.             "table_header": "#5f6368",
  152.             "table": "#303134",
  153.             "table_text": "#aaaaaa",
  154.             "button": "#5f6368",
  155.             "button_text": "#ffffff",
  156.             "input": "#202124",
  157.             "input_text": "#aaaaaa",
  158.             "torrent_icon": "#5f6368",
  159.             "link": "#ffffff",
  160.             "hover": "#ffffff",
  161.             "visited": "#03dac6",
  162.             "highlight": "#03dac6",
  163.             "alerts": "#ee3333",
  164.             "shadow": "0 0 0.5rem #00000040"
  165.         }
  166.  
  167.     ];
  168.  
  169.     var user_presets;
  170.  
  171.     var color_names = [
  172.  
  173.         "background",
  174.         "background_text",
  175.         "header",
  176.         "header_text",
  177.         "block",
  178.         "block_text",
  179.         "box",
  180.         "box_text",
  181.         "table_header",
  182.         "table",
  183.         "table_text",
  184.         "torrent_icon",
  185.         "button",
  186.         "button_text",
  187.         "input",
  188.         "input_text",
  189.         "link",
  190.         "hover",
  191.         "visited",
  192.         "highlight",
  193.         "alerts",
  194.  
  195.     ];
  196.  
  197.     var colors;
  198.  
  199.     var font;
  200.  
  201.     var gridview;
  202.  
  203.     var scale;
  204.     var step = 10;
  205.  
  206.     var limitwidth;
  207.  
  208.     const root = document.querySelector(":root");
  209.  
  210.     /*
  211.  
  212.     const emp_dark_default =
  213.     {
  214.         colors: presets[0],
  215.         presets: [],
  216.         font: "sans-serif",
  217.         gridview: true,
  218.         scale: 100,
  219.     }
  220.  
  221.     GM_getValue("emp_dark", emp_dark_default);
  222.     GM_setValue("emp_dark", JSON.stringify(emp_dark_default));
  223.  
  224.     */
  225.  
  226.     LoadStorage();
  227.     SetRoot();
  228.     SetScale();
  229.  
  230.     const logo_color = encodeURIComponent(colors.header_text);
  231.  
  232.     GM_addStyle(`
  233.  
  234.     #logo
  235.     {
  236.         background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"  width="200" height="38" viewBox="0 0 200 38" fill="${logo_color}" ><path d="M27.9,19.6H13.8l2,7.7c0.4,1.6,0.8,2.7,1.2,3.1c0.4,0.5,0.9,0.7,1.5,0.7c0.8,0,1.3-0.3,1.4-0.9	c0.1-0.6-0.1-1.8-0.5-3.6l-1.2-4.7h10.3l0.7,2.6c0.6,2.2,0.9,3.9,0.9,5.1c0,1.2-0.3,2.4-1,3.8c-0.7,1.3-1.7,2.4-3.1,3s-3.3,1-5.7,1	c-2.3,0-4.4-0.3-6.3-1c-1.9-0.7-3.5-1.6-4.8-2.7c-1.3-1.2-2.3-2.4-3-3.8c-0.7-1.4-1.5-3.4-2.1-6.1L1.3,13.5c-0.8-3.1-1-5.6-0.7-7.4	C1,4.3,2.1,2.9,3.7,1.9C5.4,1,7.5,0.5,10,0.5c3.1,0,5.7,0.6,8,1.7s4.1,2.7,5.4,4.6c1.3,1.9,2.4,4.6,3.3,8.1L27.9,19.6z M15.5,13.8	l-0.7-2.6c-0.5-1.8-0.9-3-1.2-3.6c-0.3-0.5-0.8-0.8-1.4-0.8c-0.8,0-1.2,0.2-1.2,0.7c-0.1,0.5,0.2,1.7,0.7,3.7l0.7,2.6L15.5,13.8z"/><path d="M35.7,8.4l0.5,2.4c0.4-1,0.9-1.7,1.6-2.2c0.7-0.5,1.6-0.7,2.7-0.7c2.1,0,4,1,5.7,2.9c0.4-1,1-1.7,1.6-2.2	c0.7-0.5,1.5-0.7,2.5-0.7c1.3,0,2.5,0.3,3.5,1c1,0.6,1.8,1.4,2.3,2.4c0.5,0.9,1,2.4,1.5,4.5l4.7,18.1h-7.5l-4.3-16.6	c-0.6-2.2-1-3.5-1.3-4c-0.3-0.5-0.7-0.8-1.2-0.8c-0.6,0-0.8,0.3-0.9,0.8c0,0.5,0.2,1.9,0.8,4.1l4.3,16.6h-7.5l-4.2-16.2	c-0.7-2.5-1.1-4-1.4-4.5c-0.3-0.5-0.7-0.7-1.2-0.7c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.3-0.2,0.6-0.2,1c0.1,0.4,0.3,1.2,0.6,2.4l4.6,17.7	h-7.5L28,8.4L35.7,8.4z"/><path d="M66.3,8.4l0.5,2.2c0.5-0.9,1-1.6,1.8-2c0.7-0.4,1.6-0.7,2.6-0.7c1.2,0,2.3,0.3,3.4,1c1,0.6,1.8,1.4,2.2,2.2	c0.4,0.8,0.9,2.3,1.4,4.3l2.8,10.7c0.6,2.3,0.9,4,0.9,5c0,1-0.4,1.8-1.1,2.3c-0.7,0.6-1.7,0.9-2.9,0.9c-1,0-1.9-0.2-2.8-0.7	c-0.9-0.4-1.9-1.1-2.8-2l1.5,5.8H66L58.4,8.4L66.3,8.4z"/><path d="M98.8,17.3l1.6,6.2c0.6,2.3,0.9,4,1,5c0,1.1-0.2,2.1-0.7,3c-0.5,0.9-1.3,1.6-2.4,2.1c-1.1,0.4-2.4,0.7-3.9,0.7	c-1.7,0-3.2-0.2-4.5-0.6c-1.3-0.4-2.4-0.9-3.2-1.7c-0.9-0.8-1.6-1.7-2.1-2.8c-0.6-1.1-1.1-2.7-1.7-4.9l-1.7-6.5	c-0.6-2.4-0.8-4.2-0.7-5.6c0.2-1.3,0.8-2.4,1.9-3.2c1.1-0.8,2.7-1.2,4.8-1.2c1.7,0,3.3,0.3,4.7,0.8c1.4,0.5,2.5,1.2,3.4,2	c0.9,0.8,1.6,1.7,2.1,2.6C97.8,14.2,98.3,15.5,98.8,17.3L98.8,17.3z"/><path d="M106.8,8.4l0.6,3.3c0.5-2.4,1.8-3.7,3.9-3.8l2.3,9c-1.4,0-2.4,0.2-3,0.6c-0.6,0.4-0.8,0.9-0.8,1.6	c0,0.7,0.4,2.3,1,4.7l2.6,10.1h-7.8L99,8.4L106.8,8.4z"/><path d="M121,8.4l0.5,2.3c0.3-0.9,0.8-1.6,1.5-2.1c0.7-0.5,1.6-0.7,2.6-0.7c1.3,0,2.5,0.3,3.5,0.9	c1,0.6,1.8,1.4,2.3,2.4c0.5,1,1,2.5,1.6,4.8l4.7,17.9h-7.8l-4.6-17.7c-0.5-1.8-0.8-2.8-1-3.2c-0.2-0.4-0.6-0.6-1.1-0.6	c-0.6,0-0.8,0.2-0.9,0.7c0,0.4,0.2,1.6,0.7,3.5l4.5,17.2h-7.8l-6.6-25.5L121,8.4z"/><path d="M140.3,2.7l1.1,4.1h-8l-1.1-4.1H140.3z M141.8,8.4l6.6,25.5h-8l-6.6-25.5H141.8z"/><path d="M162.3,8.4l6.6,25.5h-7.9l-0.4-2.1c-0.3,0.9-0.8,1.5-1.5,1.9c-0.7,0.4-1.5,0.6-2.6,0.6c-1.2,0-2.2-0.2-3.1-0.6	c-0.9-0.4-1.6-1-2.1-1.6c-0.5-0.7-1-1.4-1.2-2.1c-0.3-0.7-0.7-2.2-1.3-4.4l-4.5-17.2h7.8l4.5,17.4c0.5,2,0.9,3.2,1.1,3.5	c0.2,0.4,0.6,0.6,1.1,0.6c0.6,0,0.9-0.2,0.9-0.6c0-0.4-0.3-1.6-0.8-3.7l-4.5-17.2L162.3,8.4z"/><path d="M172.8,8.4l0.5,2.4c0.4-1,0.9-1.7,1.6-2.2c0.7-0.5,1.6-0.7,2.7-0.7c2.1,0,4,1,5.7,2.9c0.4-1,1-1.7,1.6-2.2	c0.7-0.5,1.5-0.7,2.5-0.7c1.3,0,2.5,0.3,3.5,1c1,0.6,1.8,1.4,2.3,2.4c0.5,0.9,1,2.4,1.5,4.5l4.7,18.1H192l-4.3-16.6	c-0.6-2.2-1-3.5-1.3-4c-0.3-0.5-0.7-0.8-1.2-0.8c-0.6,0-0.8,0.3-0.9,0.8c0,0.5,0.2,1.9,0.8,4.1l4.3,16.6h-7.5l-4.2-16.2	c-0.7-2.5-1.1-4-1.4-4.5c-0.3-0.5-0.7-0.7-1.2-0.7c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.3-0.2,0.6-0.2,1c0.1,0.4,0.3,1.2,0.6,2.4l4.6,17.7	h-7.5l-6.6-25.5L172.8,8.4z"/></svg>') no-repeat center/contain;
  237.     }
  238.  
  239.     `);
  240.  
  241.     function LoadStorage()
  242.     {
  243.         colors = JSON.parse(localStorage.getItem("colors"));
  244.         font = JSON.parse(localStorage.getItem("font"));
  245.         user_presets = JSON.parse(localStorage.getItem("presets"));
  246.         gridview = JSON.parse(localStorage.getItem("gridview"));
  247.         scale = JSON.parse(localStorage.getItem("scale"));
  248.  
  249.         if (colors == null)
  250.         {
  251.             LoadPreset(presets[0]);
  252.             localStorage.setItem("colors",JSON.stringify(colors));
  253.         }
  254.         if(font == null)
  255.         {
  256.             font = "sans-serif";
  257.             localStorage.setItem("font",JSON.stringify(font));
  258.         }
  259.  
  260.         if (user_presets == null)
  261.         {
  262.             user_presets = [];
  263.             localStorage.setItem("presets",JSON.stringify(user_presets));
  264.         }
  265.         else
  266.         {
  267.             presets = presets.concat(user_presets);
  268.         }
  269.  
  270.         if(gridview == null)
  271.         {
  272.             gridview = true;
  273.             localStorage.setItem("gridview",JSON.stringify(gridview));
  274.         }
  275.  
  276.         if(scale == null)
  277.         {
  278.             scale = 100;
  279.             localStorage.setItem("scale",JSON.stringify(scale));
  280.         }
  281.  
  282.         limitwidth = GM_getValue("limitwidth", false);
  283.  
  284.         GM_setValue("limitwidth", limitwidth);
  285.     }
  286.  
  287.     function LoadPreset(preset)
  288.     {
  289.         colors = {};
  290.  
  291.         for(let color_name of color_names)
  292.         {
  293.             colors[color_name] = preset[color_name];
  294.         }
  295.  
  296.         if(typeof preset.shadow == "string")
  297.         {
  298.             colors.shadow = preset.shadow;
  299.         }
  300.         else
  301.         {
  302.             colors.shadow = "none";
  303.         }
  304.  
  305.     }
  306.  
  307.     function SetRoot() {
  308.         root.style.setProperty("--medium", colors.background);
  309.         root.style.setProperty("--text2", colors.background_text);
  310.         root.style.setProperty("--header", colors.header);
  311.         root.style.setProperty("--header_text", colors.header_text);
  312.         root.style.setProperty("--dark", colors.table);
  313.         root.style.setProperty("--colhead", colors.table_header);
  314.         root.style.setProperty("--bright", colors.box);
  315.         root.style.setProperty("--text", colors.box_text);
  316.         root.style.setProperty("--brighter", colors.block);
  317.         root.style.setProperty("--block_text", colors.block_text);
  318.         root.style.setProperty("--button", colors.button);
  319.         root.style.setProperty("--button_text", colors.button_text);
  320.         root.style.setProperty("--input", colors.input);
  321.         root.style.setProperty("--input-text", colors.input_text);
  322.         root.style.setProperty("--label", colors.torrent_icon);
  323.         root.style.setProperty("--text3", colors.table_text);
  324.         root.style.setProperty("--link", colors.link);
  325.         root.style.setProperty("--hover", colors.hover);
  326.         root.style.setProperty("--visited", colors.visited);
  327.         root.style.setProperty("--blue", colors.highlight);
  328.         root.style.setProperty("--red", colors.alerts);
  329.         root.style.setProperty("--shadow", colors.shadow);
  330.     }
  331.  
  332.  
  333.     var scale_label
  334.  
  335.     function SetScale()
  336.     {
  337.         root.style.setProperty("font-size", `${scale / step}px`);
  338.         if(scale_label)
  339.         {
  340.             scale_label.innerHTML = `${scale}%`
  341.         }
  342.     }
  343.  
  344.     /*--------------------------------------------------GRID--------------------------------------------------*/
  345.  
  346.     window.addEventListener('DOMContentLoaded', load);
  347.  
  348.     function load()
  349.     {
  350.         removeEmpStyleSheet();
  351.  
  352.         var body = document.body;
  353.  
  354.         var rows = document.querySelectorAll("table.torrent_table tr:not(.colhead), table#request_table tr:not(.colhead), #collage table tr:is(.rowa, .rowb, .colhead)");
  355.  
  356.         /* Creates Torrent Grid */
  357.         var torrents_content = document.querySelector("#torrents #content .thin");
  358.  
  359.         if(torrents_content)
  360.         {
  361.             var torrents_table = torrents_content.querySelector(":scope > .torrent_table");
  362.  
  363.             if(torrents_table)
  364.             {
  365.                 var torrents_grid = document.createElement("div");
  366.                 torrents_grid.classList.add("torrents_grid");
  367.                 torrents_content.insertBefore(torrents_grid,torrents_table);
  368.             }
  369.         }
  370.  
  371.         function CreateGridCell(img,link,title,icons,data,newtorrent,label)
  372.         {
  373.             if(!torrents_content || !torrents_grid)
  374.             {
  375.                 console.log("laoding grid failed")
  376.                 return;
  377.             }
  378.  
  379.             const torrents_grid_cell = document.createElement("div");
  380.             torrents_grid_cell.classList.add("torrents_grid_cell");
  381.             torrents_grid.appendChild(torrents_grid_cell);
  382.  
  383.             const torrents_grid_cell_link = document.createElement("a");
  384.             torrents_grid_cell_link.classList.add("torrents_grid_cell_link");
  385.             torrents_grid_cell_link.style.background = `no-repeat center/cover url("${img}")`;
  386.             torrents_grid_cell.appendChild(torrents_grid_cell_link);
  387.  
  388.             if(link)
  389.             {
  390.                 torrents_grid_cell_link.href = link;
  391.             }
  392.  
  393.             if(label)
  394.             {
  395.                 torrents_grid_cell.appendChild(label.cloneNode(true));
  396.             }
  397.  
  398.             const torrents_grid_cell_description = document.createElement("div");
  399.             torrents_grid_cell_description.classList.add("torrents_grid_cell_description");
  400.             torrents_grid_cell.appendChild(torrents_grid_cell_description);
  401.  
  402.             const torrents_grid_cell_title = document.createElement("a");
  403.             torrents_grid_cell_title.classList.add("torrents_grid_cell_title");
  404.             torrents_grid_cell_title.innerHTML = title;
  405.             torrents_grid_cell_title.title = title;
  406.             torrents_grid_cell_description.appendChild(torrents_grid_cell_title);
  407.  
  408.             if(link)
  409.             {
  410.                 torrents_grid_cell_title.href = link;
  411.             }
  412.  
  413.             if(newtorrent)
  414.             {
  415.                 var torrents_grid_cell_newtorrent = document.createElement("div");
  416.                 torrents_grid_cell_newtorrent.classList.add("torrents_grid_cell_newtorrent");
  417.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_newtorrent)
  418.             }
  419.  
  420.             if(data && typeof data.grabbed == "string")
  421.             {
  422.                 var torrents_grid_cell_grabbed = document.createElement("div");
  423.                 torrents_grid_cell_grabbed.classList.add("torrents_grid_cell_grabbed");
  424.                 torrents_grid_cell_grabbed.innerHTML = data.grabbed;
  425.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_grabbed);
  426.             }
  427.  
  428.             if(data && typeof data.seeders == "string")
  429.             {
  430.                 var torrents_grid_cell_seeders = document.createElement("div");
  431.                 torrents_grid_cell_seeders.classList.add("torrents_grid_cell_seeders");
  432.                 torrents_grid_cell_seeders.innerHTML = data.seeders;
  433.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_seeders);
  434.             }
  435.  
  436.             if(data && typeof data.leechers == "string")
  437.             {
  438.                 var torrents_grid_cell_leechers = document.createElement("div");
  439.                 torrents_grid_cell_leechers.classList.add("torrents_grid_cell_leechers");
  440.                 torrents_grid_cell_leechers.innerHTML = data.leechers;
  441.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_leechers);
  442.             }
  443.  
  444.             if(data && typeof data.files == "string")
  445.             {
  446.                 var torrents_grid_cell_files = document.createElement("div");
  447.                 torrents_grid_cell_files.classList.add("torrents_grid_cell_files");
  448.                 torrents_grid_cell_files.innerHTML = data.files;
  449.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_files);
  450.             }
  451.  
  452.             if(data && typeof data.comments == "string")
  453.             {
  454.                 var torrents_grid_cell_comments = document.createElement("div");
  455.                 torrents_grid_cell_comments.classList.add("torrents_grid_cell_comments");
  456.                 torrents_grid_cell_comments.innerHTML = data.comments;
  457.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_comments);
  458.             }
  459.  
  460.             if(data && typeof data.size == "string")
  461.             {
  462.                 var torrents_grid_cell_size = document.createElement("div");
  463.                 torrents_grid_cell_size.classList.add("torrents_grid_cell_size");
  464.                 torrents_grid_cell_size.innerHTML = data.size;
  465.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_size);
  466.             }
  467.  
  468.             if(data && typeof data.uploader == "string")
  469.             {
  470.                 var torrents_grid_cell_uploader = document.createElement("div");
  471.                 torrents_grid_cell_uploader.classList.add("torrents_grid_cell_uploader");
  472.                 torrents_grid_cell_uploader.innerHTML = data.uploader;
  473.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_uploader);
  474.             }
  475.  
  476.             if(icons)
  477.             {
  478.                 torrents_grid_cell_description.appendChild(icons.cloneNode(true));
  479.             }
  480.  
  481.             if(data && typeof data.time == "string")
  482.             {
  483.                 var torrents_grid_cell_time = document.createElement("div");
  484.                 torrents_grid_cell_time.classList.add("torrents_grid_cell_time");
  485.                 torrents_grid_cell_time.innerHTML = data.time;
  486.                 torrents_grid_cell_description.appendChild(torrents_grid_cell_time);
  487.             }
  488.         }
  489.  
  490.         for(var row of rows)
  491.         {
  492.             const torrent_data = new Object();
  493.  
  494.             for(let i = 0; i < row.children.length; i++)
  495.             {
  496.                 if(i == 2)
  497.                 {
  498.                     torrent_data.files = row.children[i].innerHTML;
  499.                 }
  500.                 if(i == 3)
  501.                 {
  502.                     torrent_data.comments = row.children[i].innerHTML;
  503.                 }
  504.                 if(i == 4)
  505.                 {
  506.                     torrent_data.time = row.children[i].innerHTML;
  507.                 }
  508.                 if(i == 5)
  509.                 {
  510.                     torrent_data.size = row.children[i].innerHTML;
  511.                 }
  512.                 if(i == 6)
  513.                 {
  514.                     torrent_data.grabbed = row.children[i].innerHTML;
  515.                 }
  516.                 if(i == 7)
  517.                 {
  518.                     torrent_data.seeders = row.children[i].innerHTML;
  519.                 }
  520.                 if(i == 8)
  521.                 {
  522.                     torrent_data.leechers = row.children[i].innerHTML;
  523.                 }
  524.                 if(i == 9)
  525.                 {
  526.                     torrent_data.uploader = row.children[i].innerHTML;
  527.                 }
  528.             }
  529.  
  530.             var cell;
  531.             if(body.id == "top10" || body.id == "notifications")
  532.             {
  533.                 cell = row.querySelector("td:nth-child(2)");
  534.             }
  535.             else if(body.id == "torrents")
  536.             {
  537.                 cell = row.querySelector("td.cats_col");
  538.             }
  539.             else
  540.             {
  541.                 cell = row.querySelector("td:first-child");
  542.             }
  543.  
  544.             var torrent_url = row.querySelector("table.torrent_table tr:not(.colhead) td:nth-child(2) > a");
  545.  
  546.             var script = row.querySelector("td script");
  547.             var url;
  548.  
  549.             var category;
  550.             var href;
  551.  
  552.             if(cell)
  553.             {
  554.                 var cat;
  555.  
  556.                 if(body.id == "collage" || body.id == "bookmarks")
  557.                 {
  558.                     cat = cell.querySelector("img");
  559.                 }
  560.                 else
  561.                 {
  562.                     cat = cell.querySelector("div")
  563.                 }
  564.  
  565.                 var link = cell.querySelector("a");
  566.  
  567.                 if(link && link.hasAttribute("href"))
  568.                 {
  569.                     href = link.href;
  570.                 }
  571.  
  572.                 if(cat && cat.hasAttribute("title"))
  573.                 {
  574.                     category = cat.getAttribute("title");
  575.                 }
  576.  
  577.             }
  578.  
  579.             if(category)
  580.             {
  581.                 category = category.replace("."," ").toUpperCase();
  582.             }
  583.  
  584.             if(script)
  585.             {
  586.                 url = script.innerHTML.split('src=')[1].split('"')[1].split('"')[0].replace(/\\/g, "");
  587.  
  588.                 if(true)
  589.                 {
  590.                     url = url.replace('/resize/200','');
  591.                 }
  592.             }
  593.  
  594.             var label;
  595.  
  596.             /* add category */
  597.             var cell2;
  598.             if(body.id == "top10" || body.id == "notifications")
  599.             {
  600.                 cell2 = row.querySelector("td:nth-child(3)");
  601.             }
  602.             else
  603.             {
  604.                 cell2 = row.querySelector("td:nth-child(2)");
  605.             }
  606.  
  607.             if(cell)
  608.             {
  609.                 cell.innerHTML = "";
  610.  
  611.                 if(body.id == "collage")
  612.                 {
  613.                     let found = false;
  614.                     const h_title = document.querySelector("#content .thin h2");
  615.                     if(h_title)
  616.                     {
  617.                         if(h_title.innerHTML.startsWith("Collages") || h_title.innerHTML.startsWith("Subscribed"))
  618.                         {
  619.                             found = true;
  620.                         }
  621.                     }
  622.  
  623.                     if(found)
  624.                     {
  625.                         cell.remove();
  626.                     }
  627.                 }
  628.  
  629.             }
  630.  
  631.             if(cell && category)
  632.             {
  633.                 label = document.createElement("a");
  634.                 label.innerHTML = category;
  635.  
  636.                 if(href)
  637.                 {
  638.                     label.href = href;
  639.                 }
  640.  
  641.                 if((cell && url) || (cell && body.id == "requests"))
  642.                 {
  643.                     cell.insertBefore(label,cell.firstChild);
  644.                     label.classList.add("category_label");
  645.                 }
  646.                 else if(cell2)
  647.                 {
  648.                     cell2.insertBefore(label,cell2.firstChild);
  649.                     label.classList.add("category_tag");
  650.                 }
  651.             }
  652.  
  653.             /* add cover */
  654.             var cover;
  655.             if(cell)
  656.             {
  657.                 if(url)
  658.                 {
  659.                     cover = document.createElement("a");
  660.                     cover.classList.add("cover");
  661.                     cover.style = 'background: no-repeat center/cover url("' + url + '")';
  662.  
  663.                     if(torrent_url && torrent_url.hasAttribute("href"))
  664.                     {
  665.                         cover.href = torrent_url.getAttribute("href");
  666.                     }
  667.  
  668.                     cell.appendChild(cover);
  669.  
  670.                     /* adds grid cell to torrent grid */
  671.                     CreateGridCell(url,(torrent_url && torrent_url.hasAttribute("href")) ? torrent_url.getAttribute("href") : null,torrent_url ? torrent_url.innerHTML : "",row.querySelector(".torrent_icon_container"), torrent_data, row.querySelector("td > span.newtorrent") ? true : false,label);
  672.                 }
  673.             }
  674.  
  675.             /*  move new icon in notifications dom */
  676.             if(body.id == "notifications")
  677.             {
  678.                 var cell3 = row.querySelector("td:nth-child(3)");
  679.  
  680.                 if(cell3)
  681.                 {
  682.                     var tag = cell3.querySelector("strong");
  683.                     var title = cell3.querySelector(":scope > a");
  684.  
  685.                     if(tag && title)
  686.                     {
  687.                         cell3.insertBefore(tag,title);
  688.                     }
  689.                 }
  690.             }
  691.  
  692.             /* move icon container in collage and bookmarks dom */
  693.             if(body.id == "collage" || body.id == "bookmarks")
  694.             {
  695.                 var cell4 = row.querySelector("td:nth-child(3)");
  696.                 if(cell4)
  697.                 {
  698.                     var icon_container = cell4.querySelector("span.torrent_icon_container");
  699.                 }
  700.                 if(cell2)
  701.                 {
  702.                     var title2 = cell2.querySelector(":scope > strong");
  703.                 }
  704.  
  705.                 if(icon_container && title2)
  706.                 {
  707.                     cell2.insertBefore(icon_container,title2);
  708.                 }
  709.             }
  710.  
  711.         }
  712.  
  713.         /*----------------------------------------EMP-DARK-PANEL----------------------------------------*/
  714.  
  715.         const menu = document.querySelector("#major_stats");
  716.  
  717.         const panel = document.createElement("div");
  718.         panel.classList.add("emp_dark_panel");
  719.         document.body.appendChild(panel);
  720.  
  721.         const panel_open = document.createElement("div");
  722.         panel_open.innerHTML = "EMP Dark";
  723.         panel_open.classList.add("panel_open");
  724.         menu.insertBefore(panel_open,menu.firstChild);
  725.         panel_open.addEventListener("click", function() {
  726.  
  727.             if(dialog.style.display == "none")
  728.             {
  729.                 panel.style.display = "block";
  730.             }
  731.         })
  732.  
  733.         const navbar = document.createElement("div");
  734.         navbar.classList.add("navbar");
  735.         navbar.innerHTML = "EMP Dark"
  736.         panel.appendChild(navbar);
  737.  
  738.         const close = document.createElement("div");
  739.         close.classList.add("close_panel");
  740.         close.innerHTML = "X";
  741.         navbar.appendChild(close);
  742.         close.addEventListener("click", function() {
  743.  
  744.             panel.style.display = "none";
  745.  
  746.             if(localStorage.getItem("colors") == JSON.stringify(colors) && localStorage.getItem("font") == JSON.stringify(font) && localStorage.getItem("gridview") == JSON.stringify(gridview) && localStorage.getItem("scale") == JSON.stringify(scale) && GM_getValue("limitwidth") == limitwidth)
  747.             {
  748.                 Reset();
  749.             }
  750.             else
  751.             {
  752.                 dialog.style.display = "block";
  753.             }
  754.  
  755.         })
  756.  
  757.         const color_panel_title = document.createElement("div");
  758.         color_panel_title.classList.add("panel_title");
  759.         color_panel_title.innerHTML = "Colors";
  760.         panel.appendChild(color_panel_title);
  761.  
  762.         const colorpanel = document.createElement("div");
  763.         colorpanel.classList.add("colorpanel");
  764.         panel.appendChild(colorpanel);
  765.  
  766.         const color_inputs = {};
  767.  
  768.         for(let color_name of color_names)
  769.         {
  770.             color_inputs[color_name] = Color(color_name, colors[color_name]);
  771.         }
  772.  
  773.         SetColorInputs();
  774.  
  775.         /*------------------------------PRESET-BUTTONS------------------------------*/
  776.  
  777.         const preset_panel_title = document.createElement("div");
  778.         preset_panel_title.classList.add("panel_title");
  779.         preset_panel_title.innerHTML = "Presets";
  780.         panel.appendChild(preset_panel_title);
  781.  
  782.         const preset_panel = document.createElement("div");
  783.         preset_panel.classList.add("preset_panel");
  784.         panel.appendChild(preset_panel);
  785.  
  786.         const add_preset_button = document.createElement("div");
  787.         add_preset_button.classList.add("preset","add_preset");
  788.         add_preset_button.innerHTML = "+";
  789.         preset_panel.appendChild(add_preset_button);
  790.         add_preset_button.addEventListener("click",function()
  791.                                            {
  792.             let new_preset = JSON.parse(JSON.stringify(colors));
  793.             user_presets.push(new_preset);
  794.             localStorage.setItem("presets",JSON.stringify(user_presets));
  795.             PresetButton(new_preset,"custom",preset_panel.children.length - 1);
  796.         }
  797.                                           );
  798.  
  799.         for(let i = 0; i < presets.length; i++)
  800.         {
  801.             PresetButton(presets[i],presets[i].title,i)
  802.         }
  803.  
  804.         function PresetButton(preset,title,text)
  805.         {
  806.             let preset_button = document.createElement("div");
  807.             preset_button.classList.add("preset");
  808.             if(text == 0)
  809.             {
  810.                 preset_button.classList.add("default");
  811.                 preset_button.innerHTML = "Default";
  812.             }
  813.             else
  814.             {
  815.                 preset_button.innerHTML = text;
  816.             }
  817.  
  818.             if(typeof title == "string")
  819.             {
  820.                 preset_button.title = title;
  821.             }
  822.  
  823.             preset_panel.appendChild(preset_button);
  824.  
  825.             preset_button.addEventListener("click",function() {
  826.                 LoadPreset(preset);
  827.                 SetColorInputs();
  828.             });
  829.  
  830.             if(user_presets.includes(preset))
  831.             {
  832.                 preset_button.classList.add("custom_preset");
  833.                 preset_button.addEventListener("dblclick", function()
  834.                                                {
  835.                     for(let i = 0; i < user_presets.length; i++)
  836.                     {
  837.                         if(user_presets[i] === preset)
  838.                         {
  839.                             user_presets.splice(i, 1);
  840.                             preset_button.remove();
  841.                             localStorage.setItem("presets",JSON.stringify(user_presets));
  842.                             this.remove();
  843.                         }
  844.                     }
  845.                 }
  846.                 );
  847.             }
  848.  
  849.         }
  850.  
  851.         /*------------------------------FONT-BUTTONS------------------------------*/
  852.  
  853.         const fonts_panel_title = document.createElement("div");
  854.         fonts_panel_title.classList.add("panel_title");
  855.         fonts_panel_title.innerHTML = "Fonts";
  856.         panel.appendChild(fonts_panel_title);
  857.  
  858.         const font_panel = document.createElement("div");
  859.         font_panel.classList.add("preset_panel");
  860.         panel.appendChild(font_panel);
  861.  
  862.         const font_names = ["sans-serif","Source Sans Pro","Lexend","Noto Sans","Ubuntu","Roboto","PT Sans"];
  863.  
  864.         for(let i = 0; i < font_names.length; i++)
  865.         {
  866.             const font_button = document.createElement("div");
  867.             font_button.classList.add("preset");
  868.             if(i == 0)
  869.             {
  870.                 font_button.classList.add("default");
  871.                 font_button.innerHTML = "Default";
  872.             }
  873.             else
  874.             {
  875.                 font_button.innerHTML = i;
  876.             }
  877.  
  878.             font_button.title = font_names[i];
  879.             font_button.font = font_names[i];
  880.             font_panel.appendChild(font_button);
  881.             font_button.addEventListener("click", function() {
  882.  
  883.                 SetFont(this.font);
  884.                 this.classList.add("button_active")
  885.             })
  886.         }
  887.  
  888.         SetFont(this.font);
  889.  
  890.         /*------------------------------GRID-VIEW-OPTIONS------------------------------*/
  891.  
  892.         const gridview_panel_title = document.createElement("div");
  893.         gridview_panel_title.classList.add("panel_title");
  894.         gridview_panel_title.innerHTML = "Grid View";
  895.         panel.appendChild(gridview_panel_title);
  896.  
  897.         const gridview_panel = document.createElement("div");
  898.         gridview_panel.classList.add("preset_panel");
  899.         panel.appendChild(gridview_panel);
  900.  
  901.         var gridview_option = document.createElement("div");
  902.         gridview_option.classList.add("colortab");
  903.         gridview_panel.appendChild(gridview_option);
  904.  
  905.         var gridview_checkbox = document.createElement("div");
  906.         gridview_checkbox.classList.add("colorbox");
  907.         gridview_checkbox.id = "gridview_checkbox";
  908.         gridview_option.appendChild(gridview_checkbox);
  909.         SetGridView();
  910.         gridview_checkbox.addEventListener("click",function()
  911.                                            {
  912.             if(gridview)
  913.             {
  914.                 gridview = false;
  915.                 SetGridView();
  916.             }
  917.             else
  918.             {
  919.                 gridview = true;
  920.                 SetGridView();
  921.             }
  922.         })
  923.  
  924.         var option_label = document.createElement("div");
  925.         option_label.classList.add("color_label");
  926.         option_label.innerHTML = "show grid"
  927.         gridview_option.appendChild(option_label);
  928.  
  929.         /*------------------------------SCALING-OPTIONS------------------------------*/
  930.  
  931.         const scaling_panel_title = document.createElement("div");
  932.         scaling_panel_title.classList.add("panel_title");
  933.         scaling_panel_title.innerHTML = "Scaling";
  934.         panel.appendChild(scaling_panel_title);
  935.  
  936.         const scaling_panel = document.createElement("div");
  937.         scaling_panel.classList.add("preset_panel");
  938.         panel.appendChild(scaling_panel);
  939.  
  940.         var scaling_option = document.createElement("div");
  941.         scaling_option.classList.add("colortab");
  942.         scaling_panel.appendChild(scaling_option);
  943.  
  944.         const decrease_scale_preset_button = document.createElement("div");
  945.         decrease_scale_preset_button.classList.add("preset");
  946.         decrease_scale_preset_button.innerHTML = "-";
  947.         scaling_option.appendChild(decrease_scale_preset_button);
  948.         decrease_scale_preset_button.addEventListener("click",function()
  949.         {
  950.             if(scale - step >= 20)
  951.             {
  952.                 scale -= step;
  953.             }
  954.             root.style.setProperty("font-size", `${scale / step}px`);
  955.             scale_label.innerHTML = `${scale}%`;
  956.         });
  957.  
  958.         const increase_scale_preset_button = document.createElement("div");
  959.         increase_scale_preset_button.classList.add("preset");
  960.         increase_scale_preset_button.innerHTML = "+";
  961.         scaling_option.appendChild(increase_scale_preset_button);
  962.         increase_scale_preset_button.addEventListener("click",function()
  963.         {
  964.             if(scale + step <= 400)
  965.             {
  966.                 scale += step;
  967.             }
  968.             root.style.setProperty("font-size", `${scale / step}px`);
  969.             scale_label.innerHTML = `${scale}%`;
  970.         });
  971.  
  972.         scale_label = document.createElement("div");
  973.         scale_label.classList.add("color_label");
  974.         scale_label.innerHTML = `${scale}%`
  975.         scaling_option.appendChild(scale_label);
  976.  
  977.         var limit_width_option = document.createElement("div");
  978.         limit_width_option.classList.add("colortab");
  979.         scaling_panel.appendChild(limit_width_option);
  980.  
  981.         var limit_width_checkbox = document.createElement("div");
  982.         limit_width_checkbox.classList.add("colorbox");
  983.         limit_width_checkbox.id = "limitwidth_checkbox";
  984.         limit_width_option.appendChild(limit_width_checkbox);
  985.         SetLimitWidth();
  986.         limit_width_checkbox.addEventListener("click",function(){
  987.  
  988.             if(limitwidth)
  989.             {
  990.                 limitwidth = false;
  991.                 SetLimitWidth();
  992.             }
  993.             else
  994.             {
  995.                 limitwidth = true;
  996.                 SetLimitWidth();
  997.             }
  998.         });
  999.  
  1000.         var limit_width_label = document.createElement("div");
  1001.         limit_width_label.classList.add("color_label");
  1002.         limit_width_label.innerHTML = "limit width"
  1003.         limit_width_option.appendChild(limit_width_label);
  1004.  
  1005.         /*------------------------------CANCEL-SAVE-BUTTONS------------------------------*/
  1006.  
  1007.         const buttons = document.createElement("div");
  1008.         buttons.classList.add("buttons");
  1009.         panel.appendChild(buttons);
  1010.  
  1011.         const reset = document.createElement("input");
  1012.         reset.type = "button";
  1013.         reset.value = "Cancel";
  1014.         buttons.appendChild(reset);
  1015.         reset.addEventListener("click", Reset)
  1016.  
  1017.         const apply = document.createElement("input");
  1018.         apply.type = "button";
  1019.         apply.value = "Save";
  1020.         buttons.appendChild(apply);
  1021.         apply.addEventListener("click", Update)
  1022.  
  1023.         /*--------------------DIALOG--------------------*/
  1024.  
  1025.         const dialog = document.createElement("div");
  1026.         dialog.classList.add("emp_dark_panel");
  1027.         dialog.style.display = "none";
  1028.         document.body.appendChild(dialog);
  1029.  
  1030.         const dialog_title = document.createElement("div");
  1031.         dialog_title.classList.add("navbar");
  1032.         dialog_title.innerHTML = "EMP Dark"
  1033.         dialog.appendChild(dialog_title);
  1034.  
  1035.         const dialog_text = document.createElement("div");
  1036.         dialog_text.classList.add("panel_title");
  1037.         dialog_text.innerHTML = "Save Changes?";
  1038.         dialog.appendChild(dialog_text);
  1039.  
  1040.         const dialog_buttons = document.createElement("div");
  1041.         dialog_buttons.classList.add("buttons");
  1042.         dialog.appendChild(dialog_buttons);
  1043.  
  1044.         const dialog_yes = document.createElement("input");
  1045.         dialog_yes.type = "button";
  1046.         dialog_yes.value = "Yes";
  1047.         dialog_buttons.appendChild(dialog_yes);
  1048.         dialog_yes.addEventListener("click", function() {
  1049.             dialog.style.display = "none";
  1050.             Update();
  1051.         })
  1052.  
  1053.         const dialog_no = document.createElement("input");
  1054.         dialog_no.type = "button";
  1055.         dialog_no.value = "No";
  1056.         dialog_buttons.appendChild(dialog_no);
  1057.         dialog_no.addEventListener("click", function() {
  1058.             dialog.style.display = "none";
  1059.             Reset();
  1060.         })
  1061.  
  1062.         function GetInputValue()
  1063.         {
  1064.             for(let color_name of color_names)
  1065.             {
  1066.                 colors[color_name] = color_inputs[color_name].value;
  1067.             }
  1068.         }
  1069.  
  1070.         function Update() {
  1071.             GetInputValue();
  1072.             localStorage.removeItem("colors");
  1073.             localStorage.setItem("colors", JSON.stringify(colors));
  1074.             localStorage.setItem("font", JSON.stringify(font));
  1075.             localStorage.setItem("gridview", JSON.stringify(gridview));
  1076.             localStorage.setItem("scale", JSON.stringify(scale));
  1077.             GM_setValue("limitwidth", limitwidth);
  1078.             SetRoot();
  1079.             SetFont();
  1080.             SetGridView()
  1081.             SetScale();
  1082.             SetLimitWidth();
  1083.             console.log(colors);
  1084.         }
  1085.  
  1086.         function SetGridView()
  1087.         {
  1088.             const tg = document.querySelector(".torrents_grid");
  1089.             const cb = document.querySelector("#gridview_checkbox");
  1090.             if(tg)
  1091.             {
  1092.                 if(gridview)
  1093.                 {
  1094.                     tg.style.display = "grid";
  1095.                 }
  1096.                 else
  1097.                 {
  1098.                     tg.style.display = "none";
  1099.                 }
  1100.             }
  1101.             if(cb)
  1102.             {
  1103.                 if(gridview)
  1104.                 {
  1105.                     cb.classList.add("checked");
  1106.                 }
  1107.                 else
  1108.                 {
  1109.                     cb.classList.remove("checked");
  1110.                 }
  1111.             }
  1112.         }
  1113.  
  1114.         function SetLimitWidth()
  1115.         {
  1116.             const lwcb = document.querySelector("#limitwidth_checkbox");
  1117.             if(lwcb)
  1118.             {
  1119.                 if(limitwidth)
  1120.                 {
  1121.                     lwcb.classList.add("checked");
  1122.                     body.style.setProperty("max-width", "140rem");
  1123.                 }
  1124.                 else
  1125.                 {
  1126.                     lwcb.classList.remove("checked");
  1127.                     body.style.setProperty("max-width", "none");
  1128.                 }
  1129.             }
  1130.         }
  1131.  
  1132.         function SetFont(font_name)
  1133.         {
  1134.             if(typeof font_name == "string")
  1135.             {
  1136.  
  1137.                 if(font_name == "sans-serif")
  1138.                 {
  1139.                     font = font_name;
  1140.                 }
  1141.                 else
  1142.                 {
  1143.                     font = `${font_name},sans-serif`;
  1144.                 }
  1145.             }
  1146.  
  1147.  
  1148.  
  1149.             let presets = document.querySelectorAll(".emp_dark_panel .preset_panel .preset");
  1150.  
  1151.             for(let preset of presets)
  1152.             {
  1153.                 if(preset.font == font.split(",")[0])
  1154.                 {
  1155.                     let button_active = document.querySelector(".emp_dark_panel .preset_panel .preset.button_active")
  1156.                     if(button_active)
  1157.                     {
  1158.                         button_active.classList.remove("button_active");
  1159.                     }
  1160.                     preset.classList.add("button_active");
  1161.                     break;
  1162.                 }
  1163.             }
  1164.  
  1165.             body.style.setProperty("font-family",font);
  1166.  
  1167.         }
  1168.  
  1169.         function SetLogo()
  1170.         {
  1171.             const logo_color = encodeURIComponent(colors.header_text);
  1172.  
  1173.             const logo = document.querySelector("#logo")
  1174.  
  1175.             if(logo)
  1176.             {
  1177.                 logo.style.setProperty("background",`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"  width="200" height="38" viewBox="0 0 200 38" fill="${logo_color}" ><path d="M27.9,19.6H13.8l2,7.7c0.4,1.6,0.8,2.7,1.2,3.1c0.4,0.5,0.9,0.7,1.5,0.7c0.8,0,1.3-0.3,1.4-0.9	c0.1-0.6-0.1-1.8-0.5-3.6l-1.2-4.7h10.3l0.7,2.6c0.6,2.2,0.9,3.9,0.9,5.1c0,1.2-0.3,2.4-1,3.8c-0.7,1.3-1.7,2.4-3.1,3s-3.3,1-5.7,1	c-2.3,0-4.4-0.3-6.3-1c-1.9-0.7-3.5-1.6-4.8-2.7c-1.3-1.2-2.3-2.4-3-3.8c-0.7-1.4-1.5-3.4-2.1-6.1L1.3,13.5c-0.8-3.1-1-5.6-0.7-7.4	C1,4.3,2.1,2.9,3.7,1.9C5.4,1,7.5,0.5,10,0.5c3.1,0,5.7,0.6,8,1.7s4.1,2.7,5.4,4.6c1.3,1.9,2.4,4.6,3.3,8.1L27.9,19.6z M15.5,13.8	l-0.7-2.6c-0.5-1.8-0.9-3-1.2-3.6c-0.3-0.5-0.8-0.8-1.4-0.8c-0.8,0-1.2,0.2-1.2,0.7c-0.1,0.5,0.2,1.7,0.7,3.7l0.7,2.6L15.5,13.8z"/><path d="M35.7,8.4l0.5,2.4c0.4-1,0.9-1.7,1.6-2.2c0.7-0.5,1.6-0.7,2.7-0.7c2.1,0,4,1,5.7,2.9c0.4-1,1-1.7,1.6-2.2	c0.7-0.5,1.5-0.7,2.5-0.7c1.3,0,2.5,0.3,3.5,1c1,0.6,1.8,1.4,2.3,2.4c0.5,0.9,1,2.4,1.5,4.5l4.7,18.1h-7.5l-4.3-16.6	c-0.6-2.2-1-3.5-1.3-4c-0.3-0.5-0.7-0.8-1.2-0.8c-0.6,0-0.8,0.3-0.9,0.8c0,0.5,0.2,1.9,0.8,4.1l4.3,16.6h-7.5l-4.2-16.2	c-0.7-2.5-1.1-4-1.4-4.5c-0.3-0.5-0.7-0.7-1.2-0.7c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.3-0.2,0.6-0.2,1c0.1,0.4,0.3,1.2,0.6,2.4l4.6,17.7	h-7.5L28,8.4L35.7,8.4z"/><path d="M66.3,8.4l0.5,2.2c0.5-0.9,1-1.6,1.8-2c0.7-0.4,1.6-0.7,2.6-0.7c1.2,0,2.3,0.3,3.4,1c1,0.6,1.8,1.4,2.2,2.2	c0.4,0.8,0.9,2.3,1.4,4.3l2.8,10.7c0.6,2.3,0.9,4,0.9,5c0,1-0.4,1.8-1.1,2.3c-0.7,0.6-1.7,0.9-2.9,0.9c-1,0-1.9-0.2-2.8-0.7	c-0.9-0.4-1.9-1.1-2.8-2l1.5,5.8H66L58.4,8.4L66.3,8.4z"/><path d="M98.8,17.3l1.6,6.2c0.6,2.3,0.9,4,1,5c0,1.1-0.2,2.1-0.7,3c-0.5,0.9-1.3,1.6-2.4,2.1c-1.1,0.4-2.4,0.7-3.9,0.7	c-1.7,0-3.2-0.2-4.5-0.6c-1.3-0.4-2.4-0.9-3.2-1.7c-0.9-0.8-1.6-1.7-2.1-2.8c-0.6-1.1-1.1-2.7-1.7-4.9l-1.7-6.5	c-0.6-2.4-0.8-4.2-0.7-5.6c0.2-1.3,0.8-2.4,1.9-3.2c1.1-0.8,2.7-1.2,4.8-1.2c1.7,0,3.3,0.3,4.7,0.8c1.4,0.5,2.5,1.2,3.4,2	c0.9,0.8,1.6,1.7,2.1,2.6C97.8,14.2,98.3,15.5,98.8,17.3L98.8,17.3z"/><path d="M106.8,8.4l0.6,3.3c0.5-2.4,1.8-3.7,3.9-3.8l2.3,9c-1.4,0-2.4,0.2-3,0.6c-0.6,0.4-0.8,0.9-0.8,1.6	c0,0.7,0.4,2.3,1,4.7l2.6,10.1h-7.8L99,8.4L106.8,8.4z"/><path d="M121,8.4l0.5,2.3c0.3-0.9,0.8-1.6,1.5-2.1c0.7-0.5,1.6-0.7,2.6-0.7c1.3,0,2.5,0.3,3.5,0.9	c1,0.6,1.8,1.4,2.3,2.4c0.5,1,1,2.5,1.6,4.8l4.7,17.9h-7.8l-4.6-17.7c-0.5-1.8-0.8-2.8-1-3.2c-0.2-0.4-0.6-0.6-1.1-0.6	c-0.6,0-0.8,0.2-0.9,0.7c0,0.4,0.2,1.6,0.7,3.5l4.5,17.2h-7.8l-6.6-25.5L121,8.4z"/><path d="M140.3,2.7l1.1,4.1h-8l-1.1-4.1H140.3z M141.8,8.4l6.6,25.5h-8l-6.6-25.5H141.8z"/><path d="M162.3,8.4l6.6,25.5h-7.9l-0.4-2.1c-0.3,0.9-0.8,1.5-1.5,1.9c-0.7,0.4-1.5,0.6-2.6,0.6c-1.2,0-2.2-0.2-3.1-0.6	c-0.9-0.4-1.6-1-2.1-1.6c-0.5-0.7-1-1.4-1.2-2.1c-0.3-0.7-0.7-2.2-1.3-4.4l-4.5-17.2h7.8l4.5,17.4c0.5,2,0.9,3.2,1.1,3.5	c0.2,0.4,0.6,0.6,1.1,0.6c0.6,0,0.9-0.2,0.9-0.6c0-0.4-0.3-1.6-0.8-3.7l-4.5-17.2L162.3,8.4z"/><path d="M172.8,8.4l0.5,2.4c0.4-1,0.9-1.7,1.6-2.2c0.7-0.5,1.6-0.7,2.7-0.7c2.1,0,4,1,5.7,2.9c0.4-1,1-1.7,1.6-2.2	c0.7-0.5,1.5-0.7,2.5-0.7c1.3,0,2.5,0.3,3.5,1c1,0.6,1.8,1.4,2.3,2.4c0.5,0.9,1,2.4,1.5,4.5l4.7,18.1H192l-4.3-16.6	c-0.6-2.2-1-3.5-1.3-4c-0.3-0.5-0.7-0.8-1.2-0.8c-0.6,0-0.8,0.3-0.9,0.8c0,0.5,0.2,1.9,0.8,4.1l4.3,16.6h-7.5l-4.2-16.2	c-0.7-2.5-1.1-4-1.4-4.5c-0.3-0.5-0.7-0.7-1.2-0.7c-0.3,0-0.6,0.1-0.8,0.4c-0.2,0.3-0.2,0.6-0.2,1c0.1,0.4,0.3,1.2,0.6,2.4l4.6,17.7	h-7.5l-6.6-25.5L172.8,8.4z"/></svg>') no-repeat center/contain`);
  1178.             }
  1179.         }
  1180.  
  1181.         function Reset() {
  1182.             colors = JSON.parse(localStorage.getItem("colors"));
  1183.             font = JSON.parse(localStorage.getItem("font"));
  1184.             gridview = JSON.parse(localStorage.getItem("gridview"));
  1185.             scale = JSON.parse(localStorage.getItem("scale"));
  1186.             limitwidth = GM_getValue("limitwidth", false);
  1187.             SetColorInputs();
  1188.             SetRoot();
  1189.             SetFont();
  1190.             SetGridView();
  1191.             SetScale();
  1192.             SetLimitWidth();
  1193.         }
  1194.  
  1195.         function SetColorInputs() {
  1196.  
  1197.             SetRoot();
  1198.  
  1199.             for(let color_name of color_names)
  1200.             {
  1201.                 color_inputs[color_name].value = colors[color_name];
  1202.             }
  1203.  
  1204.             var e = document.createEvent('HTMLEvents');
  1205.             e.initEvent('input', false, false);
  1206.  
  1207.             for(let color_name of color_names)
  1208.             {
  1209.                 color_inputs[color_name].dispatchEvent(e);
  1210.             }
  1211.  
  1212.         }
  1213.  
  1214.         function Color(name, color) {
  1215.  
  1216.             var colortab = document.createElement("div");
  1217.             colortab.classList.add("colortab");
  1218.             colorpanel.appendChild(colortab);
  1219.  
  1220.             var colorbox = document.createElement("div");
  1221.             colorbox.classList.add("colorbox");
  1222.             colortab.appendChild(colorbox);
  1223.  
  1224.             var input = document.createElement("input");
  1225.             input.type = "color";
  1226.             input.value = color;
  1227.             colorbox.appendChild(input);
  1228.  
  1229.             input.addEventListener("input",function(){this.parentElement.style.background = this.value; GetInputValue(); SetRoot(); SetLogo()})
  1230.             colorbox.style.background = input.value;
  1231.  
  1232.             var color_label = document.createElement("div");
  1233.             color_label.classList.add("color_label");
  1234.             color_label.innerHTML = name.replace('_',' ');
  1235.             colortab.appendChild(color_label);
  1236.  
  1237.             return input;
  1238.         }
  1239.  
  1240.     }
  1241.  
  1242.     const grid_view = `
  1243. .torrents_grid
  1244. {
  1245.     background: var(--bright);
  1246.     padding: 0.3rem;
  1247.     border-radius: 0.5rem;
  1248.     margin-bottom: 1rem;
  1249.     display: grid;
  1250.     gap: 0.3rem;
  1251.     /*grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));*/
  1252.     grid-template-columns: repeat(5,1fr);
  1253.     box-shadow: var(--sahdow);
  1254. }
  1255. .torrents_grid_cell
  1256. {
  1257.     aspect-ratio: 1;
  1258.     /* background: var(--medium); */
  1259.     border-radius: 0.2rem;
  1260.     overflow: hidden;
  1261.     position: relative;
  1262.     z-index: 1;
  1263.  
  1264.     display:flex;
  1265.     flex-direction:column;
  1266.     flex:1;
  1267. }
  1268. .torrents_grid_cell_link
  1269. {
  1270.     display: block;
  1271.     width: 100%;
  1272.     height: 100%;
  1273.     position: absolute;
  1274.     top: 0;
  1275.     bottom: 0;
  1276.     left: 0;
  1277.     right: 0;
  1278.     z-index: -1;
  1279. }
  1280. .torrents_grid_cell_description
  1281. {
  1282.     background: #000000bf;
  1283.     margin-top: auto;
  1284.     padding: 0.5rem;
  1285. }
  1286. .torrents_grid_cell_title
  1287. {
  1288.     white-space: nowrap;
  1289.     overflow: hidden;
  1290.     text-overflow: ellipsis;
  1291.     font-weight: bold;
  1292.     display: block;
  1293. }
  1294.  
  1295. /*
  1296. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_bonus,
  1297. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus,
  1298. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.bookmark,
  1299. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.download,
  1300. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_okay,
  1301. .torrents_grid_cell_description .icon_stack .font_icon.icon_torrent_ducky,
  1302. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_disk.grabbed,
  1303. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched,
  1304. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.seeding,
  1305. .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.leeching
  1306. {
  1307.     background: #ffffff80;
  1308.     background-clip: border-box;
  1309.     -webkit-background-clip: text;
  1310.     -webkit-text-fill-color: transparent;
  1311.     -webkit-text-stroke-width: 0;
  1312. }
  1313. */
  1314.  
  1315. .torrents_grid_cell .category_label
  1316. {
  1317.     position: absolute;
  1318.     right: 0;
  1319.     background: #000000BF;
  1320.     width: 10rem;
  1321. }
  1322.  
  1323. .torrents_grid_cell .torrent_icon_container
  1324. {
  1325.     float: left;
  1326.     clear: left;
  1327.     margin-top: 0.5rem;
  1328. }
  1329.  
  1330. .torrents_grid_cell_size
  1331. {
  1332.     border: 1px solid;
  1333.     padding: 0 0.5rem;
  1334.     box-sizing: border-box;
  1335. }
  1336.  
  1337. .torrents_grid_cell_grabbed,
  1338. .torrents_grid_cell_seeders,
  1339. .torrents_grid_cell_leechers,
  1340. .torrents_grid_cell_uploader,
  1341. .torrents_grid_cell_time,
  1342. .torrents_grid_cell_size,
  1343. .torrents_grid_cell_comments,
  1344. .torrents_grid_cell_files
  1345. {
  1346.     float: left;
  1347.     display: block;
  1348.     height: 2rem;
  1349.     line-height: 2rem;
  1350.     margin-right: 0.5rem;
  1351.     margin-top: 0.5rem;
  1352. }
  1353.  
  1354. .torrents_grid_cell_size
  1355. {
  1356.     line-height: 1.8rem;
  1357. }
  1358.  
  1359. .torrents_grid_cell_grabbed::before,
  1360. .torrents_grid_cell_seeders::before,
  1361. .torrents_grid_cell_leechers::before,
  1362. .torrents_grid_cell_comments::before,
  1363. .torrents_grid_cell_files::before
  1364. {
  1365.     font-family: "icons";
  1366.     font-weight: normal;
  1367.     display: block;
  1368.     float: left;
  1369.     width: 2rem;
  1370.     height: 2rem;
  1371.     line-height: 2rem;
  1372.     font-size: 1.8rem;
  1373.     text-align: center;
  1374. }
  1375.  
  1376. .torrents_grid_cell_grabbed::before
  1377. {
  1378.  
  1379.     content: "\\f14f";
  1380. }
  1381.  
  1382. .torrents_grid_cell_seeders::before
  1383. {
  1384.     content: "\\f135";
  1385. }
  1386.  
  1387. .torrents_grid_cell_leechers::before
  1388. {
  1389.     content: "\\f129";
  1390. }
  1391.  
  1392. .torrents_grid_cell_comments::before
  1393. {
  1394.     content: "\\f11e";
  1395. }
  1396.  
  1397. .torrents_grid_cell_files::before
  1398. {
  1399.     content: "\\f106";
  1400.     font-size: 1.4rem;
  1401. }
  1402.  
  1403. .torrents_grid_cell_newtorrent
  1404. {
  1405.     height: 2rem;
  1406.     width: 2rem;
  1407.     display: block;
  1408.     float: left;
  1409.     margin-top: 0.5rem;
  1410.     background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23e33"><path d="M19.48,12.35c-1.57-4.08-7.16-4.3-5.81-10.23c0.1-0.44-0.37-0.78-0.75-0.55C9.29,3.71,6.68,8,8.87,13.62 c0.18,0.46-0.36,0.89-0.75,0.59c-1.81-1.37-2-3.34-1.84-4.75c0.06-0.52-0.62-0.77-0.91-0.34C4.69,10.16,4,11.84,4,14.37 c0.38,5.6,5.11,7.32,6.81,7.54c2.43,0.31,5.06-0.14,6.95-1.87C19.84,18.11,20.6,15.03,19.48,12.35z" /></svg>');
  1411. }
  1412.  
  1413. .torrents_grid_cell_time,
  1414. .torrents_grid_cell_uploader
  1415. {
  1416.     float: right;
  1417. }
  1418. `;
  1419.     const panel_css = `
  1420. .emp_dark_panel {
  1421.     background: var(--medium);
  1422.     color: var(--text2);
  1423.     float: left;
  1424.     box-sizing: border-box;
  1425.     position: fixed;
  1426.     left: 50%;
  1427.     top: 50%;
  1428.     transform: translate(-50%, -50%);
  1429.     margin: auto;
  1430.     border: 0.1rem solid var(--brighter);
  1431.     border-radius: 0.5rem;
  1432.     overflow: hidden;
  1433.     display: none;
  1434.     z-index: 20;
  1435.     box-shadow: var(--shadow);
  1436. }
  1437.  
  1438. .emp_dark_panel .navbar {
  1439.     height: 3rem;
  1440.     width: 100%;
  1441.     background: var(--brighter);
  1442.     float: left;
  1443.     line-height: 3rem;
  1444.     padding-left: 1rem;
  1445.     box-sizing: border-box;
  1446. }
  1447.  
  1448. .emp_dark_panel .colorbox {
  1449.     width: 3rem;
  1450.     height: 3rem;
  1451.     padding: 0;
  1452.     float: left;
  1453.     border: 0.1rem solid var(--bright);
  1454.     border-radius: 0.3rem;
  1455.     overflow: hidden;
  1456.     user-select: none;
  1457. }
  1458.  
  1459. .emp_dark_panel .colorbox:hover
  1460. {
  1461.     border: 0.1rem solid var(--brighter);
  1462. }
  1463.  
  1464. .emp_dark_panel .checked
  1465. {
  1466.     background: var(--blue);
  1467.     text-align: center;
  1468.     line-height: 3rem;
  1469. }
  1470.  
  1471. .emp_dark_panel .checked::before
  1472. {
  1473.     content: "X";
  1474. }
  1475.  
  1476. .emp_dark_panel input[type="color"] {
  1477.     width: 3rem;
  1478.     height: 3rem;
  1479.     padding: 0;
  1480.     margin: 0;
  1481.     border: none;
  1482.     opacity: 0;
  1483.     cursor: pointer;
  1484. }
  1485.  
  1486. .emp_dark_panel input[type="button"] {
  1487.     height: 3rem;
  1488.     width: 15rem;
  1489.     background: var(--bright);
  1490.     border: none;
  1491.     padding: 0;
  1492.     margin: auto;
  1493.     color: var(--link);
  1494.     font-size: 1em;
  1495.     cursor: pointer;
  1496.     float: left;
  1497.     clear: left;
  1498.     border-radius: 0.3rem;
  1499. }
  1500.  
  1501. .emp_dark_panel input[type="button"]:hover {
  1502.     background: var(--brighter);
  1503.     color: var(--hover);
  1504. }
  1505.  
  1506. .emp_dark_panel input[type="button"]:active {
  1507.     background: var(--hover);
  1508.     color: var(--medium);
  1509. }
  1510.  
  1511. .emp_dark_panel .buttons {
  1512.     float: right;
  1513.     clear: left;
  1514.     padding: 0 1rem 1rem 1rem;
  1515.     column-count: 2;
  1516.     column-gap: 1rem;
  1517. }
  1518.  
  1519. .emp_dark_panel .color_label {
  1520.     height: 3rem;
  1521.     line-height: 3rem;
  1522.     float: left;
  1523.     padding: 0 1rem;
  1524. }
  1525.  
  1526. .emp_dark_panel .close_panel {
  1527.     width: 4.5rem;
  1528.     height: 3rem;
  1529.     line-height: 3rem;
  1530.     position: absolute;
  1531.     top: 0;
  1532.     right: 0;
  1533.     text-align: center;
  1534.     cursor: pointer;
  1535.     color: var(--link);
  1536. }
  1537.  
  1538. .emp_dark_panel .close_panel:hover {
  1539.     background: var(--hover);
  1540.     color: var(--text);
  1541. }
  1542.  
  1543. .emp_dark_panel .colorpanel {
  1544.     padding: 0 1rem 0.5rem 1rem;
  1545.     float: left;
  1546.     clear: left;
  1547.     column-count: 4;
  1548.     column-gap: 1rem;
  1549. }
  1550.  
  1551. .emp_dark_panel .colortab
  1552. {
  1553.     float: left;
  1554.     clear: left;
  1555.     width: 15rem;
  1556.     margin-bottom: 0.5rem;
  1557. }
  1558. .emp_dark_panel .colortab:last-child
  1559. {
  1560.     margin: 0;
  1561. }
  1562.  
  1563. .emp_dark_panel .preset_panel
  1564. {
  1565.     padding: 0 1rem 1rem 1rem;
  1566.     float: left;
  1567.     clear: left;
  1568. }
  1569.  
  1570. .emp_dark_panel .preset_panel .preset
  1571. {
  1572.     width: 3rem;
  1573.     height: 3rem;
  1574.     line-height: 3rem;
  1575.     text-align: center;
  1576.     float: left;
  1577.     background: var(--bright);
  1578.     color: var(--text);
  1579.     border-radius: 0.3rem;
  1580.     cursor: pointer;
  1581.     margin-right: 0.5rem;
  1582. }
  1583.  
  1584. .emp_dark_panel .preset_panel .preset:nth-child(10n+13)
  1585. {
  1586.     clear: left;
  1587.     margin-left: 7rem;
  1588. }
  1589.  
  1590. .emp_dark_panel .preset_panel .preset:nth-child(n+13)
  1591. {
  1592.     margin-top: 0.5rem;
  1593. }
  1594.  
  1595. .emp_dark_panel .preset_panel .preset:hover
  1596. {
  1597.     background: var(--brighter);
  1598.     color: var(--hover);
  1599. }
  1600.  
  1601. .emp_dark_panel .preset_panel .preset.default
  1602. {
  1603.     width: unset;
  1604.     width: 6.5rem;
  1605.     padding: 0 1rem;
  1606.     box-sizing: border-box;
  1607. }
  1608.  
  1609. .emp_dark_panel .preset_panel .preset.add_preset
  1610. {
  1611.     float: right;
  1612. }
  1613.  
  1614. .emp_dark_panel .preset_panel .preset.custom_preset
  1615. {
  1616.     color: var(--blue);
  1617. }
  1618.  
  1619. .panel_open
  1620. {
  1621.     display: block;
  1622.     float: left;
  1623.     line-height: 2rem;
  1624.     padding: 0.2rem 0.3rem;
  1625.     margin-left: 0.3rem;
  1626.     cursor: pointer;
  1627. }
  1628.  
  1629. .panel_open:hover
  1630. {
  1631.     color: var(--hover);
  1632. }
  1633.  
  1634. .panel_title
  1635. {
  1636.     padding: 0 1rem;
  1637.     box-sizing: border-box;
  1638.     float:left;
  1639.     clear: left;
  1640.     width: 100%;
  1641.     line-height: 3rem;
  1642.     height: 3rem;
  1643. }
  1644.  
  1645. .emp_dark_panel  .preset_panel .preset.button_active
  1646. {
  1647.     color: var(--blue);
  1648. }
  1649. `;
  1650.     const css = `
  1651. /*--------------------------------------------------EMP-DARK--------------------------------------------------*/
  1652. :root
  1653. {
  1654.     --brighter: #42454a;
  1655.     --bright: #36393f;
  1656.     --medium: #2f3136;
  1657.     --dark: #202225;
  1658.     --header: #36393f;
  1659.     --colhead: #36393f;
  1660.     --input: #202225;
  1661.     --input-text: #ddd;
  1662.     --link: #ddd;
  1663.     --hover: #fff;
  1664.     --visited: #00ccff;
  1665.     --text: #8e9297;
  1666.     --text2: #8e9297;
  1667.     --text3: #8e9297;
  1668.     --blue: #00ccff;
  1669.     --yellow: #fced0a;
  1670.     --red: #e33;
  1671.     --green: #18d860;
  1672.     --orange: #ff7f26;
  1673.     --grey: #72767d;
  1674.     --blue_icon: #00ccff;
  1675.     --label: #36393f;
  1676.  
  1677.     --shadow: 0 0 0.5rem #171717;
  1678.  
  1679.     scrollbar-color: #36393f #2f3136;
  1680.     scrollbar-color: var(--bright) var(--medium);
  1681.     scrollbar-color: var(--brighter) var(--medium);
  1682.  
  1683.     font-size: 10px;
  1684.  
  1685.     --liked: #7dcea0;
  1686.     --liked-border: #1e8449;
  1687.     --performer: #85c1e9;
  1688.     --performer-border: #2874a6;
  1689.     --new-performer: #f1c40f;
  1690.     --new-performer-border: #b7950b;
  1691.     --amateur: #76d7c4;
  1692.     --amateur-border: #148f77;
  1693.     --male-performer: #f0b27a;
  1694.     --male-performer-border: #af601a;
  1695.     --liked-site: #bb8fce;
  1696.     --liked-site-border: #6c3483;
  1697.     --disliked: #f1948a;
  1698.     --disliked-border: #b03a2e;
  1699.     --hated: #e74c3c;
  1700.     --loved: #27ae60;
  1701.     --loved-performer: #3498db;
  1702.     --loved-amateur: #1abc9c;
  1703.     --loved-male-performer: #e67e22;
  1704.     --loved-site: #8e44ad;
  1705.     --black-listed: #2c3e50;
  1706.     --black-listed-border: #212f3d;
  1707.     --useless: #7f8c8d;
  1708.     --useless-border: #616a6b;
  1709.     --tag-border: 0 solid;
  1710.  
  1711. }
  1712.  
  1713. ::selection
  1714. {
  1715.     background: var(--blue);
  1716.     color: #fff;
  1717. }
  1718.  
  1719. body {
  1720.     background: var(--dark);
  1721.     color: var(--text);
  1722.     font: unset;
  1723.     font-family: ${font};
  1724.     font-size: 1.2rem;
  1725.     margin: auto;
  1726.     max-width: ${limitwidth ? "140rem" : "none"};
  1727. }
  1728.  
  1729. #header
  1730. {
  1731.     font-size: 1.5rem;
  1732. }
  1733.  
  1734. input,
  1735. select,
  1736. textarea
  1737. {
  1738.     font-size: 1.2rem;
  1739. }
  1740.  
  1741. button
  1742. {
  1743.     font-size: 1.2rem;
  1744.     padding: 0.2rem 0.3rem;
  1745.     border-radius: 0.3rem;
  1746. }
  1747.  
  1748. input[type="submit"],
  1749. input[type="button"],
  1750. button:not(.searchbutton,[id^="edit"],[id^="quote"])
  1751. {
  1752.     box-shadow: var(--shadow) !important;
  1753. }
  1754.  
  1755. select
  1756. {
  1757.     height: 2rem;
  1758. }
  1759.  
  1760. select,
  1761. select.bb_button,
  1762. .button.toggle {
  1763.     background: var(--input);
  1764.     color: var(--input-text);
  1765.     border: none;
  1766. }
  1767.  
  1768. input[type="submit"],
  1769. input[type="button"]
  1770. {
  1771.     margin: 0.3rem 0.3rem 0 0;
  1772.     height: 2rem;
  1773.     font-size: 1.2rem;
  1774. }
  1775.  
  1776. .button.toggle
  1777. {
  1778.     background: var(--bright);
  1779. }
  1780.  
  1781. hr
  1782. {
  1783.     border: none;
  1784.     background: var(--medium);
  1785.     margin: 1rem 0;
  1786.     height:0.2rem;
  1787. }
  1788.  
  1789. h2 {
  1790.     background: var(--bright);
  1791.     color: var(--text);
  1792.     border-radius: 0;
  1793.     padding: 0.5rem 0.5rem;
  1794. }
  1795. h2 a
  1796. {
  1797.     color: var(--text);
  1798. }
  1799.  
  1800. h2 a:hover
  1801. {
  1802.     color: var(--hover);
  1803. }
  1804.  
  1805. .curtain {
  1806.     background: var(--dark);
  1807. }
  1808.  
  1809. .thin > h2:first-child {
  1810.     border-radius: 0;
  1811. }
  1812.  
  1813. a {
  1814.     color: var(--link);
  1815.     font-weight: normal;
  1816. }
  1817.  
  1818. a:visited {
  1819.     color: var(--visited);
  1820. }
  1821.  
  1822. a:hover,
  1823. a:visited:hover {
  1824.     color: var(--hover);
  1825.     text-decoration: none;
  1826. }
  1827.  
  1828. .tags a,
  1829. .tags a:visited {
  1830.     color: var(--text3);
  1831. }
  1832.  
  1833. .tags a:hover,
  1834. .tags a:visited:hover {
  1835.     color: var(--link);
  1836.     text-decoration: none;
  1837. }
  1838.  
  1839. table.border {
  1840.     border: none;
  1841.     /*border-color: var(--bright);*/
  1842. }
  1843.  
  1844. img[alt="RSS feed"] {
  1845.     display: none;
  1846. }
  1847.  
  1848.  
  1849. #logo {
  1850.     /*
  1851.     background: none;
  1852.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyMDAgMzgiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWluIG1lZXQiIGNsYXNzPSJsb2dvLXN2ZyI+PGcgZmlsbD0iIzcyNzY3ZCI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC45ODUxNzYxOCwwLDAuMjU2NDA1ODUsMC45ODQ0MjUwNiwtMTYxLjc4MzQyLC0zNTguMDA0MzcpIj48cGF0aCBkPSJtOTIuNzAzLDM4My42MS0xNC4zMDEsMCwwLDcuODQ3NmMtMC4wMDAwMTMsMS42NDA2LDAuMTE4NDgsMi42OTc5LDAuMzU1NDcsMy4xNzE5LDAuMjM2OTYsMC40NzM5NiwwLjY5MjY5LDAuNzEwOTQsMS4zNjcyLDAuNzEwOTQsMC44Mzg1MywwLDEuMzk5MS0wLjMxNDQ1LDEuNjgxNi0wLjk0MzM2LDAuMjgyNTQtMC42Mjg5LDAuNDIzODEtMS44NDU3LDAuNDIzODMtMy42NTA0di00Ljc4NTJoMTAuNDczdjIuNjc5N2MtMC4wMDAwMjcsMi4yNDIyLTAuMTQxMywzLjk2NDgtMC40MjM4Myw1LjE2OC0wLjI4MjU4LDEuMjAzMS0wLjk0MzM4LDIuNDg4My0xLjk4MjQsMy44NTU1LTEuMDM5MSwxLjM2NzItMi4zNTYxLDIuMzkyNi0zLjk1MTIsMy4wNzYyLTEuNTk1MSwwLjY4MzU5LTMuNTk1NywxLjAyNTQtNi4wMDIsMS4wMjU0LTIuMzMzMywwLTQuMzkzMi0wLjMzNzI0LTYuMTc5Ny0xLjAxMTctMS43ODY1LTAuNjc0NDgtMy4xNzY0LTEuNTk5Ni00LjE2OTktMi43NzU0LTAuOTkzNDktMS4xNzU4LTEuNjgxNi0yLjQ3LTIuMDY0NS0zLjg4MjgtMC4zODI4Mi0xLjQxMjgtMC41NzQyMi0zLjQ2ODEtMC41NzQyMi02LjE2NnYtMTAuNTgyYy0wLjAwMDAwMi0zLjE3MTgsMC40MjgzOC01LjY3MzgsMS4yODUyLTcuNTA1OSwwLjg1Njc3LTEuODMyLDIuMjYwNC0zLjIzNTYsNC4yMTA5LTQuMjEwOSwxLjk1MDUtMC45NzUyMiw0LjE5MjctMS40NjI4LDYuNzI2Ni0xLjQ2MjksMy4wOTg5LDAuMDAwMDQsNS42NTU2LDAuNTg3OTMsNy42Njk5LDEuNzYzN3MzLjQyNzEsMi43MzQ0LDQuMjM4Myw0LjY3NThjMC44MTExNywxLjk0MTQsMS4yMTY4LDQuNjcxMiwxLjIxNjgsOC4xODk1em0tMTEuMDc0LTUuOTA2MiwwLTIuNjUyNGMtMC4wMDAwMTYtMS44Nzc2LTAuMTAwMjgtMy4wODk4LTAuMzAwNzgtMy42MzY3LTAuMjAwNTQtMC41NDY4NC0wLjYxMDY5LTAuODIwMjgtMS4yMzA1LTAuODIwMzEtMC43NjU2NCwwLjAwMDAzLTEuMjM5NiwwLjIzMjQ1LTEuNDIxOSwwLjY5NzI3LTAuMTgyMywwLjQ2NDg3LTAuMjczNDUsMS43MTgxLTAuMjczNDQsMy43NTk4djIuNjUyNHoiLz48cGF0aCBkPSJtMTAzLjU3LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2M3YtMjUuOTE4eiIvPjxwYXRoIGQ9Im0xMzQuNjYsMzcyLjE2LTAuMTM2NzIsMi4yODUyYzAuNzAzMTEtMC45MjQ0NSwxLjQ3NzgtMS42MTQ2LDIuMzI0Mi0yLjA3MDMsMC44NDYzNC0wLjQ1NTcsMS43NzA4LTAuNjgzNTcsMi43NzM0LTAuNjgzNTksMS4yMjQsMC4wMDAwMiwyLjI4MTksMC4zMjg4LDMuMTczOCwwLjk4NjMzLDAuODkxOTEsMC42NTc1NywxLjQ0ODYsMS40MTYsMS42Njk5LDIuMjc1NCwwLjIyMTM0LDAuODU5MzksMC4zMzIwMSwyLjMxNzcsMC4zMzIwMyw0LjM3NXYxMC45MThjLTAuMDAwMDIsMi4zNTY4LTAuMTM5OTksNC4wMzMyLTAuNDE5OTIsNS4wMjkzLTAuMjc5OTYsMC45OTYxLTAuODUyODgsMS43OTA0LTEuNzE4OCwyLjM4MjgtMC44NjU5LDAuNTkyNDQtMS45MTA4LDAuODg4NjctMy4xMzQ4LDAuODg4NjctMC45NzY1OCwwLTEuODgxNS0wLjIyNzg3LTIuNzE0OC0wLjY4MzYtMC44MzMzNC0wLjQ1NTczLTEuNTk1MS0xLjEzMjgtMi4yODUyLTIuMDMxMnY1LjkzNzVoLTcuODkwNnYtMjkuNjA5eiIvPjxwYXRoIGQ9Im0xNjUuMjcsMzgxLjI2LDAsNi4zNDc3Yy0wLjAwMDAxLDIuMzMwNy0wLjExNzIsNC4wMzk3LTAuMzUxNTYsNS4xMjctMC4yMzQzOSwxLjA4NzItMC43MzU2OSwyLjEwMjktMS41MDM5LDMuMDQ2OS0wLjc2ODI1LDAuOTQ0MDEtMS43NTQ2LDEuNjQwNi0yLjk1OSwyLjA4OTgtMS4yMDQ0LDAuNDQ5MjItMi41ODc5LDAuNjczODMtNC4xNTA0LDAuNjczODMtMS43NDQ4LDAtMy4yMjI3LTAuMTkyMDYtNC40MzM2LTAuNTc2MTctMS4yMTEtMC4zODQxMi0yLjE1MTctMC45NjM1NS0yLjgyMjMtMS43MzgzLTAuNjcwNTctMC43NzQ3My0xLjE0OTEtMS43MTIyLTEuNDM1Ni0yLjgxMjUtMC4yODY0Ni0xLjEwMDItMC40Mjk2OC0yLjc1MDYtMC40Mjk2OC00Ljk1MTJ2LTYuNjQwNmMwLTIuNDA4OCwwLjI2MDQxLTQuMjkwNCwwLjc4MTI1LTUuNjQ0NSwwLjUyMDgzLTEuMzU0MiwxLjQ1ODMtMi40NDE0LDIuODEyNS0zLjI2MTcsMS4zNTQyLTAuODIwMjksMy4wODU5LTEuMjMwNCw1LjE5NTMtMS4yMzA1LDEuNzcwOCwwLjAwMDAyLDMuMjkxLDAuMjYzNyw0LjU2MDYsMC43OTEwMSwxLjI2OTUsMC41MjczNywyLjI0OTMsMS4yMTQyLDIuOTM5NCwyLjA2MDYsMC42OTAwOSwwLjg0NjM4LDEuMTYyMSwxLjcxODgsMS40MTYsMi42MTcyLDAuMjUzODksMC44OTg0NiwwLjM4MDg1LDIuMjY1NiwwLjM4MDg2LDQuMTAxNnoiLz48cGF0aCBkPSJtMTc1Ljc4LDM3Mi4xNi0wLjMxMjUsMy4zOTg0YzEuMTQ1OC0yLjQzNDksMi44MDYtMy43MjM5LDQuOTgwNS0zLjg2NzJ2OS4xMjExYy0xLjQ0NTMsMC4wMDAwMi0yLjUwNjUsMC4xOTUzMy0zLjE4MzYsMC41ODU5NC0wLjY3NzA5LDAuMzkwNjQtMS4wOTM4LDAuOTM0MjYtMS4yNSwxLjYzMDktMC4xNTYyNiwwLjY5NjYzLTAuMjM0MzgsMi4zMDE0LTAuMjM0MzcsNC44MTQ0djEwLjIzNGgtNy44OTA2di0yNS45MTh6Ii8+PHBhdGggZD0ibTE5MC4yMSwzNzIuMTYtMC4xMzY3MiwyLjM4MjhjMC41NzI5MS0wLjk1MDUsMS4yNzI4LTEuNjYzNCwyLjA5OTYtMi4xMzg3LDAuODI2ODEtMC40NzUyNCwxLjc4MDYtMC43MTI4NywyLjg2MTMtMC43MTI4OSwxLjM1NDIsMC4wMDAwMiwyLjQ2MDksMC4zMTkwMywzLjMyMDMsMC45NTcwMywwLjg1OTM2LDAuNjM4MDUsMS40MTI3LDEuNDQyMSwxLjY2MDIsMi40MTIxLDAuMjQ3MzcsMC45NzAwNywwLjM3MTA3LDIuNTg3OSwwLjM3MTA5LDQuODUzNXYxOC4xNjRoLTcuODkwNnYtMTcuOTQ5Yy0wLjAwMDAxLTEuNzgzOC0wLjA1ODYtMi44NzExLTAuMTc1NzgtMy4yNjE3LTAuMTE3Mi0wLjM5MDYtMC40NDI3Mi0wLjU4NTkyLTAuOTc2NTctMC41ODU5NC0wLjU1OTksMC4wMDAwMi0wLjkxMTQ2LDAuMjI0NjMtMS4wNTQ3LDAuNjczODMtMC4xNDMyNCwwLjQ0OTI0LTAuMjE0ODYsMS42NTA0LTAuMjE0ODUsMy42MDM1djE3LjUyaC03Ljg5MDZ2LTI1LjkxOHoiLz48cGF0aCBkPSJtMjExLjI1LDM2Ni40NiwwLDQuMTIxMS04LjEyNSwwLDAtNC4xMjExem0wLDUuNzAzMSwwLDI1LjkxOC04LjEyNSwwLDAtMjUuOTE4eiIvPjxwYXRoIGQ9Im0yMzIuMTIsMzcyLjE2LDAsMjUuOTE4LTguMDI3MywwLDAuMTM2NzItMi4xNDg0Yy0wLjU0Njg5LDAuODcyNC0xLjIyMDcsMS41MjY3LTIuMDIxNSwxLjk2MjktMC44MDA3OSwwLjQzNjItMS43MjIsMC42NTQzLTIuNzYzNywwLjY1NDMtMS4xODQ5LDAtMi4xNjgtMC4yMDgzNC0yLjk0OTItMC42MjUtMC43ODEyNS0wLjQxNjY3LTEuMzU3NC0wLjk3MDA1LTEuNzI4NS0xLjY2MDItMC4zNzExLTAuNjkwMS0wLjYwMjIyLTEuNDA5NS0wLjY5MzM2LTIuMTU4Mi0wLjA5MTEtMC43NDg3LTAuMTM2NzItMi4yMzYzLTAuMTM2NzItNC40NjI5di0xNy40OGg3Ljg5MDZ2MTcuNjM3YzAsMi4wMTgyLDAuMDYxOCwzLjIxNjIsMC4xODU1NSwzLjU5MzgsMC4xMjM2OSwwLjM3NzYxLDAuNDU4OTgsMC41NjY0MSwxLjAwNTksMC41NjY0LDAuNTg1OTMsMC4wMDAwMSwwLjkzNDIzLTAuMTk1MywxLjA0NDktMC41ODU5MywwLjExMDY3LTAuMzkwNjIsMC4xNjYwMS0xLjY0NzEsMC4xNjYwMi0zLjc2OTV2LTE3LjQ0MXoiLz48cGF0aCBkPSJtMjQyLjc5LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2MnYtMjUuOTE4eiIvPjwvZz48L2c+PC9zdmc+") no-repeat center center;
  1853.     background-size: 175px;
  1854.     */
  1855.     filter: none;
  1856. }
  1857.  
  1858.  
  1859. #header_top,
  1860. #header_bottom {
  1861.     border: none;
  1862.     height: unset;
  1863.     padding-bottom: 0;
  1864. }
  1865.  
  1866. .freeleech_bar
  1867. {
  1868.     background: var(--blue);
  1869.     border-radius: 0.5rem !important;
  1870.     font-weight: bold;
  1871.     margin: 0 !important;
  1872.     padding: 0 0.5rem !important;
  1873.     line-height: 1.9rem;
  1874.     animation: none !important;
  1875. }
  1876.  
  1877. #searchbars .searchcontainer {
  1878.     background: var(--input);
  1879.     border: none;
  1880.     padding: 0.2rem;
  1881.     box-sizing: border-box;
  1882.     position:relative;
  1883. }
  1884.  
  1885. #searchbars .searchcontainer .font_icon.icon_nav_search
  1886. {
  1887.     width:2rem;
  1888.     height:2rem;
  1889.     line-height:2rem;
  1890.     text-align: center;
  1891.     display: block;
  1892.     box-sizing: border-box;
  1893.  
  1894.  
  1895. }
  1896. #searchbars .searchcontainer .icon_container
  1897. {
  1898.     position: relative;
  1899.     width: 2rem;
  1900. }
  1901.  
  1902. #searchbars input.searchbox
  1903. {
  1904.     position: relative;
  1905.     float: left;
  1906.     padding-left: 0.5rem;
  1907.     box-sizing: border-box;
  1908.     width: calc(100% - 2rem);
  1909. }
  1910.  
  1911. #searchbars .searchcontainer button.searchbutton .icon_stack
  1912. {
  1913.     width:2rem;
  1914.     color: var(--input-text);
  1915. }
  1916.  
  1917. #content {
  1918.     background: var(--medium);
  1919.     border: none;
  1920.     border-radius: 1rem;
  1921.     box-shadow: none;
  1922.     margin: 4rem auto 0 auto;
  1923. }
  1924.  
  1925. body #header,
  1926. body #content
  1927. {
  1928.     width: unset;
  1929.     max-width: calc(100% - 8rem);
  1930.     margin-left: auto;
  1931.     margin-right: auto;
  1932. }
  1933.  
  1934. .head a
  1935. {
  1936.     color: var(--link);
  1937. }
  1938.  
  1939. .head a:hover
  1940. {
  1941.     color: var(--hover);
  1942. }
  1943.  
  1944.  
  1945. .head,
  1946. .sidebar .head,
  1947. .colhead_dark
  1948. {
  1949.     background: none;
  1950.     border: none;
  1951.     color: var(--text2);
  1952.     font-size: 1.4rem;
  1953.     text-shadow: var(--shadow);
  1954. }
  1955. /*
  1956. .colhead_dark
  1957. {
  1958.     background: none;
  1959.     padding-left: 0.5rem;
  1960.     box-sizing: border-box;
  1961.     color: var(--text);
  1962. }
  1963. */
  1964.  
  1965. table.bb_holder,
  1966. table.bb_holder td.colhead
  1967. {
  1968.     background: none;
  1969. }
  1970.  
  1971. /*#header,*/
  1972. #header_bottom,
  1973. thin > h2,
  1974. .box
  1975. {
  1976.     box-shadow: var(--shadow) !important;
  1977. }
  1978.  
  1979. .box {
  1980.     background: var(--dark);
  1981.     border-radius: 0.5rem;
  1982.     overflow: hidden;
  1983. }
  1984.  
  1985. .box .box
  1986. {
  1987.     border: none;
  1988.     background: var(--medium);
  1989. }
  1990.  
  1991. .box h3
  1992. {
  1993.     color: var(--text);
  1994. }
  1995.  
  1996. .box h2,
  1997.     /*.box h3,*/
  1998. .box h4 {
  1999.     background: var(--medium);
  2000.     color: var(--text);
  2001.     padding: 0.5rem 0.5rem;
  2002.     border-radius: 0.5rem;
  2003. }
  2004.  
  2005. table.cat_list
  2006. {
  2007.     border-spacing: 0;
  2008.     padding: 0.5rem;
  2009.     border-radius: 0.5rem;
  2010.     background: var(--input);
  2011.     margin: 0;
  2012.     box-shadow: var(--shadow) inset;
  2013. }
  2014.  
  2015. table.cat_list tr.rowa,
  2016. table.cat_list tr.rowb
  2017. {
  2018.     background: none;
  2019. }
  2020.  
  2021. table.cat_list a,
  2022. table.cat_list a:visited
  2023. {
  2024.     color: var(--input-text);
  2025. }
  2026.  
  2027. table.cat_list a:hover
  2028. {
  2029.     color: var(--hover);
  2030. }
  2031.  
  2032. .cat_list tr td
  2033. {
  2034.     background: none;
  2035. }
  2036.  
  2037. tr,
  2038. .label {
  2039.     background: var(--bright);
  2040.     background: none;
  2041. }
  2042.  
  2043. .on_cat_change
  2044. {
  2045.     background: var(--dark);
  2046. }
  2047.  
  2048. #taglist,
  2049. #taglist tr {
  2050.     background: var(--dark);
  2051. }
  2052.  
  2053. #taglist a:visited {
  2054.     color: #fff;
  2055. }
  2056. #taglist a:visited:hover {
  2057.     color: var(--link);
  2058. }
  2059.  
  2060. .searchcontainer,
  2061. input:not(.searchbox),
  2062. textarea
  2063. {
  2064.     background: var(--input);
  2065.     color: var(--input-text);
  2066.     border: none;
  2067.     box-shadow: var(--shadow) inset;
  2068. }
  2069.  
  2070. .box
  2071. {
  2072.     font-size: 1.2rem;
  2073. }
  2074.  
  2075. #search_form textarea
  2076. {
  2077.     border-radius: 0.3rem;
  2078.     resize: none;
  2079.     box-sizing: border-box;
  2080.     height: 6.4rem;
  2081. }
  2082.  
  2083. #search_form input[type="text"],
  2084. #search_form input[type="inputtext"],
  2085. #search_form select
  2086. {
  2087.     height: 2rem;
  2088.     box-sizing: border-box;
  2089.     line-height: 2rem;
  2090.     border-radius: 0.3rem;
  2091.     font-size: 1.2rem;
  2092. }
  2093.  
  2094. #filter_slidetoggle {
  2095.     background: none;
  2096.     box-shadow: none;
  2097.     border: none;
  2098.     border-radius: 0;
  2099. }
  2100.  
  2101. #filter_slidetoggle a
  2102. {
  2103.     color: var(--text2);
  2104.     text-shadow: var(--shadow);
  2105. }
  2106.  
  2107. #search_box span > a[href="#"] {
  2108.     color: var(--text);
  2109. }
  2110.  
  2111. #filter_slidetoggle a:hover,
  2112. #search_box span > a[href="#"]:hover {
  2113.     color: var(--link);
  2114. }
  2115.  
  2116. input[type="submit"],
  2117. input[type="button"],
  2118. button {
  2119.     background: var(--button);
  2120.     box-shadow: none;
  2121.     border: none;
  2122.     color: var(--button_text);
  2123. }
  2124.  
  2125. input[type="submit"]:hover,
  2126. input[type="button"]:hover,
  2127. button:hover {
  2128.     background: var(--button_text);
  2129.     box-shadow: none;
  2130.     border: none;
  2131.     color: var(--button);
  2132.     /*
  2133.     color: var(--hover);
  2134.     background: var(--button);
  2135.     */
  2136. }
  2137.  
  2138. .cat_list a {
  2139.     color: #fff;
  2140. }
  2141.  
  2142. .cat_list a:visited {
  2143.     color: #aaa;
  2144. }
  2145.  
  2146. .cat_list a:hover,
  2147. .cat_list a:visited:hover {
  2148.     color: var(--link);
  2149. }
  2150.  
  2151. #menu a {
  2152.     color: #fff;
  2153. }
  2154.  
  2155. #menu a:hover,
  2156. #major_stats a:hover,
  2157. #major_stats_left a:hover {
  2158.     background: var(--bright);
  2159.     color: #fff;
  2160. }
  2161.  
  2162. .colhead,
  2163. .colhead a:visited
  2164. {
  2165.     background: none;
  2166.     color: var(--link);
  2167.     line-height: 2rem;
  2168.     vertical-align: middle;
  2169. }
  2170.  
  2171. .colhead a:hover {
  2172.     text-decoration: none;
  2173.     color: var(--link);
  2174. }
  2175.  
  2176. .torrent_table > tbody > tr.head > td,
  2177. .colhead td
  2178. {
  2179.     background: var(--colhead);
  2180. }
  2181.  
  2182. /*replace with border spacing*/
  2183. /*
  2184. tr.unreadpm,
  2185. tr.rowa,
  2186. tr.rowb {
  2187.     border: 0.2rem solid var(--medium);
  2188. }
  2189. */
  2190.  
  2191. .cat_list tr.rowa,
  2192. .cat_list tr.rowb,
  2193. .taglist tr.rowa,
  2194. .taglist tr.rowb {
  2195.     border: none;
  2196. }
  2197.  
  2198.  
  2199. tr.rowb.sticky,
  2200. tr.rowa.sticky {
  2201.     background: var(--bright);
  2202. }
  2203.  
  2204. tr.rowb,
  2205. .rowb {
  2206.     background: var(--dark);
  2207. }
  2208. tr.rowa,
  2209. .rowa {
  2210.     background: var(--dark);
  2211. }
  2212.  
  2213. tr.smallhead {
  2214.     background: var(--bright);
  2215.     line-height: 2rem;
  2216. }
  2217.  
  2218.  
  2219. table.forum_post td {
  2220.     border: none;
  2221. }
  2222.  
  2223. table.forum_post.box {
  2224.     border-radius: 0;
  2225.     border: 1px solid var(--bright);
  2226.     overflow: hidden;
  2227. }
  2228.  
  2229. table.forum_post td.sig {
  2230.     border-top: var(--bright) 1px solid;
  2231. }
  2232.  
  2233. tr.smallhead a:link,
  2234. tr.smallhead button
  2235. {
  2236.     color: var(--link);
  2237. }
  2238.  
  2239. tr.smallhead a:hover,
  2240. tr.smallhead button:hover
  2241. {
  2242.     color: var(--hover);
  2243. }
  2244.  
  2245. .post_footer {
  2246.     border: none;
  2247.     padding: 0 0 0 1rem;
  2248. }
  2249.  
  2250. td.avatar {
  2251.     background: var(--bright);
  2252. }
  2253.  
  2254. blockquote.bbcode,
  2255. blockquote.bbcode > blockquote.bbcode,
  2256. blockquote.bbcode > blockquote.bbcode > blockquote.bbcode {
  2257.     background: var(--brighter);
  2258.     color: var(--block_text);
  2259.     border: 1px solid var(--block_text);
  2260. }
  2261. blockquote > blockquote > span.quote_label,
  2262. blockquote span.quote_label,
  2263. span.quote_label {
  2264.     color: var(--block_text);
  2265. }
  2266.  
  2267. div.post_content span.quote_label
  2268. {
  2269.     color: var(--text2);
  2270. }
  2271.  
  2272. .box span.quote_label
  2273. {
  2274.     color: var(--text);
  2275. }
  2276.  
  2277. blockquote.bbcode > span.quote_label
  2278. {
  2279.     color: var(--block_text);
  2280. }
  2281. span.postlink
  2282. {
  2283.     background: none;
  2284. }
  2285.  
  2286. .colhead a.bb_button,
  2287. a.bb_button,
  2288. .bb_icon {
  2289.     background: var(--button);
  2290.     color: var(--button_text);
  2291.     border: none;
  2292. }
  2293.  
  2294. table.bb_holder  td.colhead
  2295. {
  2296.     padding: 0 !important;
  2297. }
  2298.  
  2299. .bb_holder .bb_buttons_left,
  2300. .bb_holder .bb_buttons_right
  2301. {
  2302.     margin: 0;
  2303. }
  2304.  
  2305. form #quickreplytext
  2306. {
  2307.     border-radius: 0;
  2308. }
  2309.  
  2310. #quickreplytext textarea
  2311. {
  2312.     width: 100%;
  2313. }
  2314.  
  2315. .bb_buttons_left a.bb_button
  2316. {
  2317.     border: none;
  2318.     height: 2rem;
  2319.     display: block;
  2320.     float: left;
  2321.     margin: 0 0.3rem 0 0;
  2322.     box-sizing: border-box;
  2323.     padding: 0 0.6rem;
  2324.     min-width: 2rem;
  2325.     text-align: center;
  2326.     line-height: 2rem;
  2327. }
  2328.  
  2329.  
  2330. .bb_buttons_right img.bb_icon
  2331. {
  2332.     width: 1.6rem;
  2333.     height: 1.6rem;
  2334. }
  2335.  
  2336. select.bb_button
  2337. {
  2338.     height: 2rem;
  2339.     display: block;
  2340.     float: left;
  2341.     margin: 0 0.3rem 0 0;
  2342. }
  2343.  
  2344. a.bb_button:hover,
  2345. .bb_icon:hover {
  2346.     background: var(--button_text);
  2347.     color: var(--button);
  2348. }
  2349.  
  2350. #quickreplytext {
  2351.     background: none;
  2352.     padding-bottom: 1rem;
  2353.     margin-bottom: 1rem;
  2354.     border-radius: 0.3rem;
  2355.     overflow: hidden;
  2356. }
  2357.  
  2358. #userinfo_username li ul {
  2359.     background: var(--medium);
  2360.     border: none;
  2361. }
  2362.  
  2363. #userinfo_username li ul a,
  2364. #userinfo_tools li ul a {
  2365.     border: none;
  2366.     border-width: 0;
  2367. }
  2368.  
  2369. #userinfo_username li ul li a:hover,
  2370. #userinfo_tools li ul li a:hover {
  2371.     background: var(--bright);
  2372. }
  2373.  
  2374. tr.torrent.rowa:hover,
  2375. tr.torrent.rowb:hover {
  2376.     background-color: unset;
  2377. }
  2378.  
  2379. .overflow_button {
  2380.     background: var(--bright);
  2381.     color: #fff;
  2382.     border: none;
  2383. }
  2384.  
  2385. .colhead a
  2386. {
  2387.     color: var(--link);
  2388. }
  2389.  
  2390. .overlay {
  2391.     border-radius: 0.5rem;
  2392.     overflow: hidden;
  2393. }
  2394.  
  2395. table.overlay
  2396. {
  2397.     box-shadow: #00000040 0 0 0.5rem;
  2398. }
  2399.  
  2400. .overlay,
  2401. table.overlay,
  2402. .overlay .leftOverlay,
  2403. .overlay .rightOverlay {
  2404.     background: var(--medium);
  2405.     border: none;
  2406.     color: var(--text);
  2407. }
  2408.  
  2409. .pager_on {
  2410.     color: var(--link);
  2411. }
  2412.  
  2413. #user_dropdown ul {
  2414.     background: var(--bright);
  2415.     color: #fff;
  2416.     border: none;
  2417.     box-shadow: 0 0 0.5rem 0 #00000040;
  2418. }
  2419.  
  2420. #user_dropdown ul li a:hover {
  2421.     background: var(--brighter);
  2422. }
  2423.  
  2424. #searchbars input.searchbox {
  2425.     color: #fff;
  2426.     height: 2rem;
  2427. }
  2428. #searchbars input.searchbox::placeholder {
  2429.     color: var(--input-text);
  2430.     opacity: 1;
  2431. }
  2432.  
  2433. .group_torrent {
  2434.     background: var(--dark);
  2435. }
  2436.  
  2437. .details .filetypes {
  2438.     background: var(--dark);
  2439. }
  2440.  
  2441. .file_icons {
  2442.     color: #fff;
  2443. }
  2444.  
  2445. #modal_content {
  2446.     background: var(--medium);
  2447.     border: none;
  2448. }
  2449.  
  2450. .top_info {
  2451.     background: var(--dark);
  2452.     border: none;
  2453.     padding: 0 0.5rem;
  2454.     border-radius: 0.5rem;
  2455. }
  2456.  
  2457. table.boxstat td {
  2458.     background: none;
  2459.     border-right: 1px solid var(--medium);
  2460.     border: none;
  2461. }
  2462.  
  2463. table.boxstat td:last-child {
  2464.     border: none;
  2465. }
  2466.  
  2467. table.boxstat {
  2468.     color: var(--text);
  2469. }
  2470.  
  2471. table.boxstat a
  2472. {
  2473.     color: var(--link);
  2474. }
  2475.  
  2476. table.boxstat a:visited
  2477. {
  2478.     color: var(--blue);
  2479. }
  2480.  
  2481. table.boxstat .font_icon
  2482. {
  2483.     color: var(--text);
  2484.     width:2rem;
  2485.     height:2rem;
  2486.     font-size: 1.8rem;
  2487.     box-sizing: border-box;
  2488. }
  2489.  
  2490. table.boxstat td
  2491. {
  2492.     padding: 0.3rem 0.8rem;
  2493.     line-height:2rem;
  2494. }
  2495.  
  2496. .linkbox a
  2497. {
  2498.     color: var(--link);
  2499. }
  2500.  
  2501. .linkbox a:hover {
  2502.     text-decoration: none;
  2503.     color: var(--hover);
  2504. }
  2505.  
  2506. .linkbox .torrent_buttons a:hover {
  2507.     color: var(--hover);
  2508. }
  2509.  
  2510. #stats_block a,
  2511. #stats_block a:visited {
  2512.     color: var(--header_text);
  2513. }
  2514. #stats_block a:hover,
  2515. #stats_block a:visited:hover {
  2516.     color: var(--hover);
  2517. }
  2518.  
  2519. div.modcomment::before {
  2520.     color: var(--red);
  2521. }
  2522.  
  2523. div.modcomment div.after {
  2524.     color: var(--red);
  2525. }
  2526.  
  2527. div.modcomment {
  2528.     background: var(--brighter);
  2529.     color: #fff;
  2530.     border: var(--red) 1px solid;
  2531.     box-shadow: none;
  2532. }
  2533.  
  2534. code.bbcodeblock,
  2535. code.bbcode {
  2536.     background: var(--brighter);
  2537.     color: #fff;
  2538.     border: 1px solid var(--block_text);
  2539. }
  2540.  
  2541. a[onclick^="BBCode.spoiler"] {
  2542.     text-shadow: none;
  2543. }
  2544.  
  2545. blockquote {
  2546.     border: 1px solid var(--bright);
  2547. }
  2548.  
  2549. .forum_list tr.rowa:hover td,
  2550. .forum_list tr.rowb:hover td {
  2551.     background: var(--dark);
  2552. }
  2553.  
  2554. .taglabel {
  2555.     font-family: ${font};
  2556.     font-weight: bold;
  2557.     border-radius: 0.2rem;
  2558.     background: var(--button);
  2559.     padding: 0 0.5rem;
  2560.     margin: 0.5rem 0.5rem 0 0;
  2561.     color: var(--button_text);
  2562.     line-height: 2rem;
  2563.     height: 2rem;
  2564.     display: inline-block;
  2565. }
  2566.  
  2567. #tag_container #taginput {
  2568.     background: var(--medium);
  2569. }
  2570.  
  2571. .details .tag_add {
  2572.     border: none;
  2573. }
  2574.  
  2575. .button_sort,
  2576. .button_sort a {
  2577.     border: none;
  2578.     background: var(--medium);
  2579.     color: #fff;
  2580. }
  2581.  
  2582. .button_sort:hover,
  2583. .button_sort:hover a {
  2584.     background: var(--brighter);
  2585. }
  2586.  
  2587. .button_sort.sort_select,
  2588. .button_sort.sort_select a {
  2589.     background: #fff;
  2590.     color: var(--medium);
  2591. }
  2592.  
  2593. .torrentdetails table {
  2594.     border: none;
  2595. }
  2596.  
  2597. .torrentdetails table tr:nth-child(2n),
  2598. .torrentdetails table tr {
  2599.     background: var(--dark);
  2600.     color: #fff;
  2601. }
  2602.  
  2603. .torrentdetails table tr:hover td {
  2604.     background: var(--dark);
  2605.     color: #fff;
  2606. }
  2607.  
  2608. .torrent_table .linkbox a
  2609. {
  2610.     color: var(--link);
  2611. }
  2612.  
  2613. .torrent_table .linkbox a:visited {
  2614.     color: var(--visited);
  2615. }
  2616. .torrent_table .linkbox a:hover,
  2617. .torrent_table .linkbox a:visited:hover {
  2618.     color: var(--hover);
  2619.     text-decoration: none;
  2620. }
  2621.  
  2622. span.user_name a,
  2623. span.user_name a:visited {
  2624.     color: var(--link);
  2625. }
  2626.  
  2627. .box.pad.latest_threads {
  2628.     column-count: 2;
  2629. }
  2630.  
  2631. .box.pad.latest_threads .time
  2632. {
  2633.     white-space: nowrap;
  2634. }
  2635.  
  2636. .latest_threads > span
  2637. {
  2638.     display: block;
  2639.     line-height: 2rem;
  2640.     /*height: 20;*/
  2641. }
  2642.  
  2643.  
  2644. .latest_threads > span > span,
  2645. .latest_threads > span > a,
  2646. .latest_threads > span > a > strong
  2647. {
  2648.     line-height: 2rem;
  2649.     height: 2rem;
  2650.     display: inline-block;
  2651. }
  2652.  
  2653. .latest_threads > span[hidden=""] {
  2654.     display: none;
  2655. }
  2656.  
  2657. .sticky_post {
  2658.     color: var(--yellow);
  2659. }
  2660.  
  2661. .r00 {
  2662.     color: var(--red);
  2663. }
  2664.  
  2665. .icon_stack .font_icon.forum_icons {
  2666.     width: 2rem;
  2667.     height: 2rem;
  2668.     background: transparent;
  2669.     background-clip: border-box;
  2670.     -webkit-background-clip: text;
  2671.     -webkit-text-fill-color: transparent;
  2672.     -webkit-text-stroke-width: 1px;
  2673.     -webkit-text-stroke-color: var(--link);
  2674. }
  2675.  
  2676. .icon_stack .font_icon.forum_icons.icon_forum_latest {
  2677.     -webkit-text-fill-color: transparent;
  2678.     -webkit-text-stroke-width: 1px;
  2679.     -webkit-text-stroke-color: var(--blue);
  2680.     margin-left: 0.4em;
  2681. }
  2682.  
  2683. .forum_icon_container:hover .font_icon.forum_icons,
  2684. .icon_stack .font_icon.forum_icons.icon_forum_latest:hover {
  2685.     font-size: 1em;
  2686.     background: transparent;
  2687.     background-clip: border-box;
  2688.     -webkit-background-clip: text;
  2689.     -webkit-text-fill-color: transparent;
  2690.     -webkit-text-stroke-width: 1px;
  2691.     -webkit-text-stroke-color: #fff;
  2692. }
  2693.  
  2694. .icon_stack .font_icon.forum_icons.forum_hint_unread {
  2695.     background: transparent;
  2696.     background-clip: border-box;
  2697.     -webkit-background-clip: text;
  2698.     -webkit-text-fill-color: transparent;
  2699.     -webkit-text-stroke-width: 1px;
  2700.     -webkit-text-stroke-color: var(--blue);
  2701. }
  2702.  
  2703. .icon_stack .font_icon.torrent_icons
  2704. {
  2705.     font-size: 1.8rem;
  2706. }
  2707.  
  2708. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus,
  2709. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus,
  2710. .icon_stack .font_icon.torrent_icons.bookmark,
  2711. .icon_stack .font_icon.torrent_icons.download,
  2712. .icon_stack .font_icon.torrent_icons.icon_torrent_okay,
  2713. .icon_stack .font_icon.icon_torrent_ducky,
  2714. .icon_stack .font_icon.torrent_icons.icon_torrent_disk.grabbed,
  2715. .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched,
  2716. .icon_stack .font_icon.torrent_icons.seeding,
  2717. .icon_stack .font_icon.torrent_icons.leeching
  2718. {
  2719.     background: var(--label);
  2720.     background-clip: border-box;
  2721.     -webkit-background-clip: text;
  2722.     -webkit-text-fill-color: transparent;
  2723.     -webkit-text-stroke-width: 0;
  2724. }
  2725.  
  2726.  
  2727. .torrent_grid .font_icon.torrent_icons.download,
  2728. .torrent_grid .font_icon.torrent_icons.icon_torrent_okay,
  2729. .torrent_grid .font_icon.icon_torrent_ducky,
  2730. .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.grabbed,
  2731. .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.snatched,
  2732. .torrent_grid .font_icon.torrent_icons.seeding,
  2733. .torrent_grid .font_icon.torrent_icons.leeching,
  2734. .torrent_grid .font_icon.torrent_icons.bookmark:not(.bookmarked)
  2735. {
  2736.     background: #fff;
  2737.     background-clip: border-box;
  2738.     -webkit-background-clip: text;
  2739.     -webkit-text-fill-color: transparent;
  2740.     -webkit-text-stroke-width: 0;
  2741. }
  2742.  
  2743. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus {
  2744.     background: var(--yellow);
  2745.     background-clip: border-box;
  2746.     -webkit-background-clip: text;
  2747.     -webkit-text-fill-color: transparent;
  2748.     -webkit-text-stroke-width: 0;
  2749. }
  2750.  
  2751. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus.personal_leech,
  2752. .icon_stack .font_icon.bookmark.bookmarked,
  2753. .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched,
  2754. .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.snatched
  2755. {
  2756.     background: var(--blue_icon);
  2757.     background-clip: border-box;
  2758.     -webkit-background-clip: text;
  2759.     -webkit-text-fill-color: transparent;
  2760.     -webkit-text-stroke-width: 0;
  2761. }
  2762.  
  2763. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus.sitewide_leech
  2764. {
  2765.     background: var(--green);
  2766.     background-clip: border-box;
  2767.     -webkit-background-clip: text;
  2768.     -webkit-text-fill-color: transparent;
  2769.     -webkit-text-stroke-width: 0;
  2770. }
  2771.  
  2772. .icon_stack .font_icon.bookmark.bookmarked.action_confirm,
  2773. .icon_stack .font_icon.torrent_icons.icon_torrent_warned,
  2774. .icon_stack .font_icon.torrent_icons.download.warned {
  2775.     background: var(--red);
  2776.     background-clip: border-box;
  2777.     -webkit-background-clip: text;
  2778.     -webkit-text-fill-color: transparent;
  2779.     -webkit-text-stroke-width: 0;
  2780. }
  2781.  
  2782. .icon_stack .font_icon.torrent_icons.seeding,
  2783. .icon_stack .font_icon.torrent_icons.leeching,
  2784. .torrent_grid .font_icon.torrent_icons.seeding,
  2785. .torrent_grid .font_icon.torrent_icons.leeching
  2786. {
  2787.     background: var(--green);
  2788.     background-clip: border-box;
  2789.     -webkit-background-clip: text;
  2790.     -webkit-text-fill-color: transparent;
  2791.     -webkit-text-stroke-width: 0;
  2792. }
  2793.  
  2794. .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching,
  2795. .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching,
  2796. .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching,
  2797. .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding,
  2798. .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding,
  2799. .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding,
  2800. .icon_stack .font_icon.torrent_icons.icon_torrent_warned_inner,
  2801. .icon_stack .font_icon.torrent_icons.icon_torrent_disk_inner
  2802. {
  2803.     display: none;
  2804. }
  2805.  
  2806. .redbar {
  2807.     background: none;
  2808. }
  2809. .redbar td
  2810. {
  2811.     background: var(--dark);
  2812. }
  2813.  
  2814. .redbar a, .redbar a:hover
  2815. {
  2816.     text-decoration: none;
  2817. }
  2818.  
  2819. .redbar .user a
  2820. {
  2821.     color: var(--link);
  2822. }
  2823.  
  2824. .redbar .user a:hover
  2825. {
  2826.     color: var(--hover);
  2827. }
  2828.  
  2829. .redbar > td:not(.user) > a:not(.category_label),
  2830. .redbar > td:not(.user) > a:not(.category_label):hover
  2831. {
  2832.     color: var(--red);
  2833. }
  2834.  
  2835. .redbar .tags a
  2836. {
  2837.     color: var(--text);
  2838. }
  2839.  
  2840. .redbar .tags a:hover
  2841. {
  2842.     color: var(--link);
  2843.     text-decoration: none;
  2844. }
  2845.  
  2846. .post_footer {
  2847.     color: #fff;
  2848. }
  2849.  
  2850. input.shopbutton.itembuy {
  2851.     color: var(--link);
  2852.     border-radius: 0.3rem;
  2853. }
  2854.  
  2855. input.shopbutton.itembuy:hover {
  2856.     color: var(--bright);
  2857. }
  2858.  
  2859. .itemnotbuy input.shopbutton,
  2860. input.itemnotbuy {
  2861.     border: none;
  2862.     color: var(--red);
  2863. }
  2864.  
  2865. .itemnotbuy input.shopbutton:hover {
  2866.     background: var(--hover);
  2867.     color: var(--bright);
  2868. }
  2869.  
  2870. .anchor,
  2871. a.anchor:hover {
  2872.     color: #fff;
  2873. }
  2874.  
  2875. .shadow {
  2876.     box-shadow: none;
  2877. }
  2878.  
  2879. .user_name {
  2880.     background: var(--medium);
  2881.     border: none;
  2882. }
  2883.  
  2884. .rank[alt="4"] /*Good Perv*/
  2885. {
  2886.     color: var(--green) !important;
  2887. }
  2888.  
  2889. .rank[alt="1"], /*Admin*/
  2890. .rank[alt="15"], /*Sysop*/
  2891. .groupperm[alt="16"] /*First Line Support*/
  2892. {
  2893.     color: #ff33cc !important;
  2894. }
  2895.  
  2896. .groupperm[alt="20"], /*Tagging Team*/
  2897. .rank[alt="22"], /*Principal Moderator*/
  2898. .rank[alt="11"] /*???*/
  2899. {
  2900.     color: var(--red) !important;
  2901. }
  2902.  
  2903. .rank[alt="18"], /*Senior Technologist*/
  2904. .rank[alt="23"] /*Technologist*/
  2905. {
  2906.     color: var(--grey) !important;
  2907. }
  2908.  
  2909. .rank[alt="6"] /*Smut Peddler*/
  2910. {
  2911.     color: #ffcc00 !important;
  2912.     color: var(--yellow) !important;
  2913. }
  2914.  
  2915. .icon[title="This torrent has no active bonus"],
  2916. .icon[title="You cannot download a marked Torrent"] {
  2917.     display: none;
  2918. }
  2919.  
  2920. .icon_stack .font_icon.bookmark.action_confirm:hover::after {
  2921.     all: initial;
  2922.     white-space: nowrap;
  2923.     content: "Click again to remove!";
  2924.     font-family: roboto, sans-serif;
  2925.     padding: 0.3rem 0.5rem;
  2926.     position: absolute;
  2927.     margin-top: -0.5rem;
  2928.     color: white;
  2929.     background: var(--red);
  2930.     border: none;
  2931.     border-radius: 0.5rem;
  2932. }
  2933.  
  2934. .thin > table {
  2935.     box-shadow: none;
  2936. }
  2937.  
  2938. table.forum_post.box {
  2939.     border-spacing: 0;
  2940.     border-collapse: separate;
  2941.     box-shadow: none;
  2942.     background: transparent;
  2943.     border: none;
  2944. }
  2945. table.forum_post.box tr {
  2946.     background: none;
  2947. }
  2948.  
  2949. table.forum_post.box > tbody > tr.smallhead > td {
  2950.     background: var(--bright);
  2951. }
  2952.  
  2953. table.forum_post.box > tbody tr:first-child > td:first-child {
  2954.     border-top-left-radius: 0.5rem;
  2955. }
  2956.  
  2957. table.forum_post.box > tbody tr:first-child > td:last-child {
  2958.     border-top-right-radius: 0.5rem;
  2959. }
  2960.  
  2961. table.forum_post.box > tbody > tr > td.avatar
  2962. {
  2963.     border-bottom-left-radius: 0.5rem;
  2964. }
  2965.  
  2966. table.forum_post.box > tbody > tr:last-child > td:last-child {
  2967.     border-bottom-right-radius: 0.5rem;
  2968. }
  2969.  
  2970. table.forum_post.box > tbody > tr:last-child > td {
  2971.     border-bottom: 1px solid var(--bright);
  2972. }
  2973.  
  2974. table.forum_post.box > tbody > tr > td:last-child {
  2975.     border-right: 1px solid var(--bright);
  2976. }
  2977.  
  2978. table.forum_post.box > tbody > tr:first-child > td {
  2979.     border-top: 1px solid var(--bright);
  2980. }
  2981.  
  2982. table.forum_post.box > tbody > tr > td:last-child {
  2983.     border-left: 1px solid var(--bright);
  2984. }
  2985.  
  2986.  
  2987. table.forum_post.box table.bbcode:not(.noborder),
  2988. table.forum_post.box table.bbcode:not(.noborder) td
  2989. {
  2990.     border: 1px solid var(--bright);
  2991. }
  2992.  
  2993. table.forum_post.box tr.smallhead,
  2994. table.forum_post.box.user_name,
  2995. .user_name
  2996. {
  2997.     color: var(--text);
  2998. }
  2999.  
  3000. table.forum_index,
  3001. table.forum_list
  3002. {
  3003.     border-collapse: separate;
  3004.     border-spacing: 0 0.2rem;
  3005. }
  3006.  
  3007. table.forum_index tr.rowa,
  3008. table.forum_index tr.rowb,
  3009. table.forum_list tr.rowa,
  3010. table.forum_list tr.rowb
  3011. {
  3012.     background: none;
  3013. }
  3014. table.forum_index tr.rowa td,
  3015. table.forum_index tr.rowb td
  3016. {
  3017.     background: var(--bright);
  3018. }
  3019.  
  3020. table.forum_list tr.rowa td,
  3021. table.forum_list tr.rowb td
  3022. {
  3023.     background: var(--dark);
  3024. }
  3025.  
  3026.  
  3027. table.forum_list tr.rowa.sticky td,
  3028. table.forum_list tr.rowb.sticky td
  3029. {
  3030.     background: var(--bright);
  3031. }
  3032.  
  3033. table.forum_index tr.rowa td:first-child,
  3034. table.forum_index tr.rowb td:first-child,
  3035. table.forum_list tr.rowa td:first-child,
  3036. table.forum_list tr.rowb td:first-child,
  3037. table.forum_index tr.colhead td:first-child,
  3038. table.forum_list tr.colhead td:first-child
  3039. {
  3040.     border-radius: 0.5rem 0 0 0.5rem;
  3041. }
  3042.  
  3043. table.forum_index tr.rowa td:last-child,
  3044. table.forum_index tr.rowb td:last-child,
  3045. table.forum_list tr.rowa td:last-child,
  3046. table.forum_list tr.rowb td:last-child,
  3047. table.forum_index tr.colhead td:last-child,
  3048. table.forum_list tr.colhead td:last-child
  3049. {
  3050.     border-radius: 0 0.5rem 0.5rem 0;
  3051. }
  3052.  
  3053. table.forum_list span,
  3054. table.forum_index span
  3055. {
  3056.     line-height: 2rem;
  3057. }
  3058.  
  3059.  
  3060. table.forum_index .forum_icon_container,
  3061. table.forum_index .icon_stack,
  3062. table.forum_index .font_icon.forum_icons,
  3063. table.forum_list .forum_icon_container,
  3064. table.forum_list .icon_stack,
  3065. table.forum_list .font_icon.forum_icons
  3066. {
  3067.     height: 2rem;
  3068.     width: 2rem;
  3069.     line-height: 2rem;
  3070.     text-align: center;
  3071.     box-sizing: border-box;
  3072.     padding:0;
  3073. }
  3074.  
  3075. .box.pad.latest_threads {
  3076.     background: var(--bright);
  3077. }
  3078.  
  3079. #open_overflowquickpost,
  3080. #open_overflow_morequickpost {
  3081.     color: var(--text);
  3082. }
  3083. #open_overflowquickpost:hover,
  3084. #open_overflow_morequickpost:hover {
  3085.     color: var(--hover);
  3086. }
  3087.  
  3088. #search_form .box.pad {
  3089.     background: var(--bright);
  3090. }
  3091.  
  3092.  
  3093. #search_form .cat_list tr.rowa td,
  3094. #search_form .cat_list tr.rowb td,
  3095. #search_form tr.on_cat_change,
  3096. #search_form td.label,
  3097. #search_form tr {
  3098.     background: var(--bright);
  3099.     background: none;
  3100. }
  3101.  
  3102.  
  3103. #content,
  3104. #modal_content
  3105. {
  3106.     max-width: calc(100% - 8rem);
  3107.     min-width: 94rem;
  3108. }
  3109.  
  3110. #torrents #content .thin > form:not(#search_form)
  3111. {
  3112.     background: var(--bright);
  3113.     border-radius: 0.5rem;
  3114.     padding: 0.5rem;
  3115. }
  3116.  
  3117. form .box {
  3118.     background: var(--bright);
  3119.     border-radius: 0.5rem;
  3120. }
  3121.  
  3122. #collage #content form
  3123. {
  3124.     background: var(--bright);
  3125.     border-radius: 0.5rem;
  3126.     box-shadow: var(--shadow);
  3127. }
  3128.  
  3129. #collage form table,
  3130. #tags table.box.pad {
  3131.     box-shadow: none;
  3132. }
  3133.  
  3134. #collage tr.rowa td,
  3135. #collage tr.rowb td
  3136. {
  3137.     padding: 0.3rem 0.3rem;
  3138. }
  3139.  
  3140. #collage tr.rowa td:nth-child(2) a:not(.category_label),
  3141. #collage tr.rowb td:nth-child(2) a:not(.category_label)
  3142. {
  3143.     line-height: 2rem;
  3144. }
  3145.  
  3146. #tags table.box.pad tr.rowa,
  3147. #tags table.box.pad tr.rowb
  3148. {
  3149.     background: none;
  3150.     border: none;
  3151. }
  3152.  
  3153. form input[type="submit"],
  3154. #tags input[type="submit"],
  3155. form input[type="button"] {
  3156.     background: var(--button);
  3157.     border-radius: 0.3rem;
  3158. }
  3159.  
  3160. #tags input[type="submit"]:hover {
  3161.     background: #fff;
  3162.     color: var(--bright);
  3163. }
  3164.  
  3165. #index .box {
  3166.     background: var(--bright);
  3167. }
  3168.  
  3169. #cat_list,
  3170. #taglist {
  3171.     border-radius: 0.5rem;
  3172.     background: var(--input);
  3173. }
  3174.  
  3175. #taglist
  3176. {
  3177.     padding-bottom: 1.5rem;
  3178. }
  3179.  
  3180. #taglist a,
  3181. #taglist a:visited
  3182. {
  3183.     color: var(--input-text);
  3184. }
  3185.  
  3186. .newtorrent
  3187. {
  3188.     margin-right: 0.4rem;
  3189. }
  3190.  
  3191. #notifications tr td:nth-child(3) strong
  3192. {
  3193.     float:right;
  3194. }
  3195.  
  3196. #notifications tr td:nth-child(3) strong,
  3197. .newtorrent
  3198. {
  3199.     width: 2rem;
  3200.     height: 2rem;
  3201.     overflow: hidden;
  3202.     visibility: hidden;
  3203. }
  3204.  
  3205. #notifications tr td:nth-child(3) strong::before,
  3206. .newtorrent:before
  3207. {
  3208.     visibility: visible;
  3209.     content: "";
  3210.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2UzMyI+PHBhdGggZD0iTTE5LjQ4LDEyLjM1Yy0xLjU3LTQuMDgtNy4xNi00LjMtNS44MS0xMC4yM2MwLjEtMC40NC0wLjM3LTAuNzgtMC43NS0wLjU1QzkuMjksMy43MSw2LjY4LDgsOC44NywxMy42MiBjMC4xOCwwLjQ2LTAuMzYsMC44OS0wLjc1LDAuNTljLTEuODEtMS4zNy0yLTMuMzQtMS44NC00Ljc1YzAuMDYtMC41Mi0wLjYyLTAuNzctMC45MS0wLjM0QzQuNjksMTAuMTYsNCwxMS44NCw0LDE0LjM3IGMwLjM4LDUuNiw1LjExLDcuMzIsNi44MSw3LjU0YzIuNDMsMC4zMSw1LjA2LTAuMTQsNi45NS0xLjg3QzE5Ljg0LDE4LjExLDIwLjYsMTUuMDMsMTkuNDgsMTIuMzV6IiAvPjwvc3ZnPg==");
  3211.     width: 2rem;
  3212.     height: 2rem;
  3213.     display: block;
  3214. }
  3215.  
  3216. #notifications tr td:nth-child(3) strong
  3217. {
  3218.     margin-right: 0.4rem;
  3219. }
  3220.  
  3221. /*
  3222. .reported
  3223. {
  3224.     background: var(--red);
  3225.     color: #fff !important;
  3226.     border-radius: 3px;
  3227.     padding: 0 3px;
  3228.     font-style: normal;
  3229.     line-height: 20;
  3230.     margin-left: 5px;
  3231.     text-align: center !important;
  3232.     height: 20;
  3233.     display: block;
  3234.     float: right !important;
  3235. }
  3236. */
  3237.  
  3238. span.reported
  3239. {
  3240.     width: 2rem;
  3241.     height: 2rem;
  3242.     overflow: hidden;
  3243.     visibility: hidden;
  3244.     display: block;
  3245.     float: left;
  3246. }
  3247.  
  3248. span.reported::before
  3249. {
  3250.     visibility: visible;
  3251.     content: "";
  3252.     display: block;
  3253.     width: 2rem;
  3254.     height:2rem;
  3255.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2UzMyI+PHBhdGggZD0iTTE0IDRINXYxN2gydi03aDUuNmwuNCAyaDdWNmgtNS42TDE0IDR6Ii8+PC9zdmc+");
  3256. }
  3257.  
  3258. tr.colhead a[href*="order_by=Seeders"] img,
  3259. tr.colhead a[href*="order_by=seeders"] img,
  3260. tr.colhead a[href*="order_by=leechers&"] img,
  3261. tr.colhead a[href*="order_by=Leechers&"] img,
  3262. tr.colhead a[href*="order_by=snatched&"] img,
  3263. tr.colhead a[href*="order_by=Snatched&"] img,
  3264. tr.colhead a[href*="order_by=Snatches&"] img,
  3265. tr.colhead a[href*="order_by=Snatches&"] img
  3266. {
  3267.     display: none;
  3268. }
  3269. tr.colhead a[href*="order_by=Seeders"]:before,
  3270. tr.colhead a[href*="order_by=seeders"]:before
  3271. {
  3272.     font-family:"icons";
  3273.     content: "\\f135";
  3274.     font-weight: normal;
  3275. }
  3276.  
  3277. tr.colhead a[href*="order_by=leechers&"]:before,
  3278. tr.colhead a[href*="order_by=Leechers&"]:before
  3279. {
  3280.     font-family:"icons";
  3281.     content: "\\f129";
  3282.     font-weight: normal;
  3283. }
  3284.  
  3285. tr.colhead a[href*="order_by=snatched&"]:before,
  3286. tr.colhead a[href*="order_by=Snatched&"]:before,
  3287. tr.colhead a[href*="order_by=Snatches&"]:before,
  3288. tr.colhead a[href*="order_by=Snatches&"]:before
  3289. {
  3290.     font-family: "icons";
  3291.     content: "\\f14f";
  3292.     font-weight: normal;
  3293. }
  3294.  
  3295. #request_table .tags
  3296. {
  3297.     clear: left;
  3298. }
  3299.  
  3300. #request_table tr td:nth-child(2) > a
  3301. {
  3302.     font-weight: bold;
  3303.     line-height: 2rem;
  3304.     font-size: 1.2rem;
  3305. }
  3306.  
  3307. #notifications table.torrent_table .tags
  3308. {
  3309.     text-align: left;
  3310. }
  3311.  
  3312. table.torrent_table .tags,
  3313. #request_table .tags
  3314. {
  3315.     padding: 1rem 1rem 1rem 1rem;
  3316.     overflow: auto;
  3317.     font-size: 0;
  3318. }
  3319.  
  3320. table.torrent_table .tags a,
  3321. #request_table .tags a
  3322. {
  3323.     display: block;
  3324.     float:left;
  3325.     line-height: 2rem;
  3326.     width: 12.5rem;
  3327.     overflow: hidden;
  3328.     white-space: nowrap;
  3329.     text-overflow: ellipsis;
  3330.     margin: 0.3rem;
  3331.     padding: 0 0.5rem;
  3332.     box-sizing: border-box;
  3333. }
  3334. table.torrent_table
  3335. {
  3336.     border-collapse: separate;
  3337.     border-spacing: 0 0.2rem;
  3338.     border: none;
  3339. }
  3340.  
  3341. table.torrent_table tr.rowa,
  3342. table.torrent_table tr.rowb,
  3343. table#request_table tr.rowa,
  3344. table#request_table tr.rowb,
  3345. #collage table tr
  3346. {
  3347.     background: none;
  3348. }
  3349.  
  3350. table.torrent_table tr.rowa td,
  3351. table.torrent_table tr.rowb td,
  3352. table#request_table tr.rowa td,
  3353. table#request_table tr.rowb td,
  3354. #collage table tr.rowa td:nth-child(n+2),
  3355. #collage table tr.rowb td:nth-child(n+2)
  3356. {
  3357.     background: var(--dark);
  3358. }
  3359.  
  3360. #top10 table.torrent_table tr td:first-child,
  3361. /*#collage table:not(.torrent_table,.forum_post) tr td:nth-child(2),*/
  3362. table#request_table tr td:nth-child(1),
  3363. #notifications table.torrent_table tr td:first-child,
  3364. table.torrent_table tr td:first-child:not(.cats_cols)
  3365. {
  3366.     border-top-left-radius: 0.5rem;
  3367.     border-bottom-left-radius: 0.5rem;
  3368. }
  3369.  
  3370. table.torrent_table tr td:nth-child(-n+2):not(.cats_cols),
  3371. #requests #request_table tr:not(.colhead) td:nth-child(2),
  3372. #requests #request_table tr:not(.colhead) td:first-child,
  3373. #top10 table.torrent_table tr:not(.colhead) td:nth-child(3),
  3374. #notifications table.torrent_table tr:not(.colhead) td:nth-child(2),
  3375. #notifications table.torrent_table tr:not(.colhead) td:nth-child(3)
  3376. {
  3377.     vertical-align: top;
  3378. }
  3379.  
  3380. #notifications table.torrent_table tr td:first-child:not(.cats_cols),
  3381. #top10 table.torrent_table tr:not(.colhead) td:nth-child(1)
  3382. {
  3383.     vertical-align: middle;
  3384. }
  3385.  
  3386. #top10 table.torrent_table tr td:last-child,
  3387. table.torrent_table tr td:last-child,
  3388. table#request_table tr td:last-child,
  3389. #collage table:not(.forum_post) tr td:last-child
  3390. {
  3391.     border-radius: 0 0.5rem 0.5rem 0;
  3392. }
  3393.  
  3394. #request_table tr.rowa td > a,
  3395. #request_table tr.rowb td > a
  3396. {
  3397.     padding: 0 0 0 1rem;
  3398. }
  3399.  
  3400. table.torrent_table, .thin > form > table
  3401. {
  3402.     box-shadow: none;
  3403. }
  3404.  
  3405. #top10 table.torrent_table tr td:first-child
  3406. {
  3407.     display: table-cell;
  3408. }
  3409.  
  3410. #top10 table.torrent_table tr:not(.colhead):nth-child(2) td:first-child
  3411. {
  3412.     background: #E4A400;
  3413.     color: #fff;
  3414. }
  3415. #top10 table.torrent_table tr:not(.colhead):nth-child(3) td:first-child
  3416. {
  3417.     background: #A0AFB8;
  3418.     color: #fff;
  3419. }
  3420.  
  3421. #top10 table.torrent_table tr:not(.colhead):nth-child(4) td:first-child
  3422. {
  3423.     background: #BE6F26;
  3424.     color: #fff;
  3425. }
  3426.  
  3427. #top10 table.torrent_table tr:not(.colhead) td:first-child
  3428. {
  3429.     /*
  3430.     background: var(--button);
  3431.     color: var(--button_text);
  3432.     */
  3433.     background: var(--bright);
  3434. }
  3435.  
  3436. #request_table td,
  3437. .torrent td
  3438. {
  3439.     max-width: 45rem;
  3440. }
  3441.  
  3442. #request_table tr.rowa td > a,
  3443. #request_table tr.rowb td > a
  3444. {
  3445.     padding: 0;
  3446. }
  3447.  
  3448. td.cats_col,
  3449. td.cats_cols
  3450. {
  3451.     padding:0;
  3452.     position: relative;
  3453.     width: 0;
  3454. }
  3455.  
  3456. #notifications .torrent_table tr:not(.colhead) td > a,
  3457. #notifications .torrent_table tr.colhead td:nth-child(3)
  3458. {
  3459.     text-align: left;
  3460. }
  3461.  
  3462. #notifications .torrent_table tr.colhead a
  3463. {
  3464.     font-weight: bold;
  3465. }
  3466.  
  3467. #collage .tags
  3468. {
  3469.     padding: 1rem 10rem 1rem 1rem;
  3470. }
  3471. /*
  3472. #collage #content table:not(.forum_post) tr td:first-child
  3473. {
  3474.     position: relative;
  3475.     padding: 0;
  3476. }
  3477. */
  3478. #collage #content table tr:not(.colhead) td:nth-child(2) > a
  3479. {
  3480.     font-weight: bold;
  3481. }
  3482.  
  3483. #collage #content table:not(.forum_post) tr td:first-child img
  3484. {
  3485.     display: none;
  3486.  
  3487. }
  3488.  
  3489. #details_top table
  3490. {
  3491.     border-spacing: 0;
  3492. }
  3493.  
  3494. #details_top table.torrent_table tr td:last-child
  3495. {
  3496.     border-radius: 0;
  3497. }
  3498.  
  3499. #details_top td > strong
  3500. {
  3501.     line-height: 2rem;
  3502.     font-size: 1.2rem;
  3503. }
  3504.  
  3505. tr.group_torrent td
  3506. {
  3507.     padding: 0 0 0 1rem;
  3508. }
  3509.  
  3510. #torrents table.torrent_table tr.colhead:not(:first-child) td
  3511. {
  3512.     border-radius: 0.5rem;
  3513.     background: var(--bright);
  3514.     line-height: 2rem;
  3515.     height: 2rem;
  3516. }
  3517.  
  3518.  
  3519. #collage table.torrent_table > tbody > tr > td:first-child,
  3520. #torrents table.torrent_table > tbody > tr > td:first-child,
  3521. #requests #request_table tr td:first-child,
  3522. #bookmarks table.torrent_table > tbody > tr > td:first-child
  3523. {
  3524.     padding: 0 !important;
  3525.     width: 0 !important;
  3526. }
  3527.  
  3528. .box
  3529. {
  3530.     background: var(--bright);
  3531. }
  3532.  
  3533. #top10 table.torrent_table tr td:nth-child(2)
  3534. {
  3535.     padding: 0;
  3536.     border-radius: 0;
  3537.     width: 0 !important;
  3538. }
  3539.  
  3540.  
  3541. #top10 table.torrent_table tr td img
  3542. {
  3543.     display: none;
  3544. }
  3545.  
  3546. #requests table.request_table tr td:nth-child(n+3),
  3547. table.torrent_table tr td:nth-child(n+3)
  3548. {
  3549.     text-align: center;
  3550. }
  3551. #top10 table.torrent_table tr td:nth-child(-n+3),
  3552. #notifications table.torrent_table tr td:nth-child(-n+3)
  3553. {
  3554.     text-align: left;
  3555. }
  3556.  
  3557. #top10 .torrent
  3558. {
  3559.     font-weight: normal;
  3560. }
  3561.  
  3562. #top10 #content form
  3563. {
  3564.     background: var(--bright);
  3565.     border-radius:0.5rem;
  3566. }
  3567.  
  3568. #top10 form table.border
  3569. {
  3570.     border: none;
  3571. }
  3572.  
  3573. table.topic_list
  3574. {
  3575.     border-collapse: separate;
  3576.     border-spacing: 0 0.2rem;
  3577. }
  3578.  
  3579. table.topic_list tr
  3580. {
  3581.     background: none;
  3582. }
  3583.  
  3584. table.topic_list tr.rowa td,
  3585. table.topic_list tr.rowb td
  3586. {
  3587.     background: var(--bright);
  3588. }
  3589.  
  3590. table.topic_list tr td:first-child
  3591. {
  3592.     border-radius: 0.5rem 0 0 0.5rem;
  3593. }
  3594.  
  3595.  
  3596. table.topic_list tr td:last-child
  3597. {
  3598.     border-radius: 0 0.5rem 0.5rem 0;
  3599. }
  3600.  
  3601. .alertbar a
  3602. {
  3603.     color: #fff;
  3604. }
  3605.  
  3606. #collage .sidebar img
  3607. {
  3608.     display:none;
  3609. }
  3610.  
  3611. #details_top tr.group_torrent td
  3612. {
  3613.     vertical-align: top;
  3614.     padding: 0.3rem;
  3615.     width: 0;
  3616. }
  3617.  
  3618. span[style="color:red"],
  3619. span[style="color:red;"],
  3620. span[style="color:#FF0000"]
  3621. {
  3622.     color: var(--red) !important;
  3623. }
  3624.  
  3625. .bbcode[style="background-color:grey;"]
  3626. {
  3627.     background-color: var(--medium) !important;
  3628. }
  3629.  
  3630. .torrent_table .linkbox a
  3631. {
  3632.     color: var(--link)
  3633. }
  3634. .torrent_table .linkbox a:hover
  3635. {
  3636.     color: var(--hover)
  3637. }
  3638.  
  3639. .stat
  3640. {
  3641.     color: var(--header_text);
  3642. }
  3643.  
  3644. .contact_link
  3645. {
  3646.     border: none;
  3647. }
  3648.  
  3649. strong.important_text
  3650. {
  3651.     color: var(--red);
  3652. }
  3653.  
  3654. img[src="static/common/symbols/freedownload.gif"],
  3655. img[src="static/styles/modern/images/star16.png"]
  3656. {
  3657.     display: none;
  3658. }
  3659.  
  3660. #user_dropdown a[href="/donate.php"] img
  3661. {
  3662.     display: none;
  3663. }
  3664.  
  3665. #user_dropdown a[href="/donate.php"]::before
  3666. {
  3667.     font-family: icons;
  3668.     content: "\\f112";
  3669.     color: var(--red);
  3670.     display: inline-block;
  3671.     position: relative;
  3672.     top: -0.3rem;
  3673.     font-size: 0.8em;
  3674.     margin: 0 0 0 0.2rem;
  3675. }
  3676.  
  3677. .r00,
  3678. .r01,
  3679. .r02,
  3680. .r03,
  3681. #nav_leeching_r
  3682. {
  3683.     color: var(--red);
  3684. }
  3685.  
  3686. .r04,
  3687. .r05,
  3688. .r06,
  3689. .r07
  3690. {
  3691.     color: var(--orange);
  3692. }
  3693.  
  3694. .r08,
  3695. .r09
  3696. {
  3697.     color: var(--yellow);
  3698. }
  3699.  
  3700. .r10,
  3701. .r20,
  3702. .r50,
  3703. .r99,
  3704. #nav_seeding_r
  3705. {
  3706.     color: var(--green);
  3707. }
  3708.  
  3709. div#hoverbabe-container
  3710. {
  3711.     background: var(--medium) !important;
  3712.     border: none !important;
  3713.     border-radius:0.5rem;
  3714.     box-shadow: 0 0 0.5rem #00000080;
  3715.     color: var(--text) !important;
  3716.     padding: 0.3rem !important;
  3717.     overflow:hidden;
  3718. }
  3719.  
  3720. div#hoverbabe-container span.label,
  3721. div#hoverbabe-container h1
  3722. {
  3723.     color: var(--link) !important;
  3724. }
  3725.  
  3726. div#hoverbabe-container h1
  3727. {
  3728.     position: absolute;
  3729.     top: 0;
  3730.     left: 0;
  3731.     right: 0;
  3732.     line-height: 3rem;
  3733.     font-size: 1.8rem;
  3734.     text-align: center;
  3735.     background: var(--bright);
  3736.     white-space: nowrap;
  3737.     overflow: hidden;
  3738.     text-overflow: ellipsis;
  3739.     padding: 0 1rem;
  3740.  
  3741. }
  3742.  
  3743. div#hoverbabe-container div#biodata,
  3744. div#hoverbabe-container div#bioimage
  3745. {
  3746.     margin-top: 3rem;
  3747. }
  3748.  
  3749. div#hoverbabe-container div#bioimage img
  3750. {
  3751.     display: block;
  3752.     border-radius: 0.2rem !important;
  3753. }
  3754.  
  3755. .head + div.box,
  3756. .colhead + div.box,
  3757. tr.head, tr#recentuploads,
  3758. tr#recentsnatches,
  3759. .head + table,
  3760. #site_debug,
  3761. .main_column > table, .thin > table,
  3762. .thin > form > table,
  3763. #searchforum table,
  3764. #searchthread table,
  3765. #messageform .box,
  3766. .shadow, .report,
  3767. tr.head + tr
  3768. {
  3769.     box-shadow: none;
  3770. }
  3771.  
  3772. /*
  3773. tr.head,
  3774. tr.head + tr
  3775. {
  3776.     box-shadow: none;
  3777. }
  3778. */
  3779.  
  3780. .tags a
  3781. {
  3782.     font-weight: normal;
  3783.     font-style: italic;
  3784.     font-size: 1.2rem;
  3785. }
  3786.  
  3787. .invalid, .warning, .error
  3788. {
  3789.     color: var(--red);
  3790.     font-weight: normal;
  3791. }
  3792.  
  3793. .flash.error
  3794. {
  3795.     color: #fff;
  3796. }
  3797.  
  3798. tr.unreadpm
  3799. {
  3800.     background: none;
  3801.     color: #fff;
  3802. }
  3803.  
  3804. tr.unreadpm td
  3805. {
  3806.     background: var(--red);
  3807. }
  3808.  
  3809. tr.unreadpm .rank
  3810. {
  3811.     color: #fff !important;
  3812. }
  3813.  
  3814. tr.unreadpm a
  3815. {
  3816.     color: #fff;
  3817. }
  3818.  
  3819. #autoresults
  3820. {
  3821.     background: var(--medium);
  3822.     color: var(--text);
  3823.     border: var(--text) 1px solid;
  3824.     border: none;
  3825.     border-radius: 0.2rem;
  3826.     overflow:hidden;
  3827.     box-shadow: 0 0 0.5rem #00000080;
  3828. }
  3829.  
  3830. #autoresults li.highlight,
  3831. #autoresults li.highlight span.num
  3832. {
  3833.     background: var(--text);
  3834.     color: var(--bright);
  3835. }
  3836.  
  3837.  
  3838. .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus
  3839. {
  3840.     display:none;
  3841. }
  3842.  
  3843. .torrent_icon_container .icon_stack
  3844. {
  3845.     width: unset;
  3846.     height: 2rem;
  3847. }
  3848.  
  3849. .torrent_icon_container .icon_stack i:last-child
  3850. {
  3851.     margin: 0 !important;
  3852. }
  3853.  
  3854. .icon_stack,
  3855. .icon_container
  3856. {
  3857.     height: 2rem;
  3858. }
  3859.  
  3860. .icon_stack > .font_icon.torrent_icons:first-child
  3861. {
  3862.     position: unset;
  3863. }
  3864. .icon_stack > .font_icon.torrent_icons:first-child:not(.icon_torrent_bonus)
  3865. {
  3866.     display: block;
  3867. }
  3868.  
  3869.  
  3870. .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding,
  3871. .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching,
  3872. .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding,
  3873. .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching,
  3874. .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding,
  3875. .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching
  3876. {
  3877.     display: block;
  3878.     width: 2rem;
  3879.     height: 2rem;
  3880.     font-size: 1.8rem;
  3881.     margin: 0;
  3882.     padding: 0;
  3883.     box-sizing: border-box;
  3884.     position: unset;
  3885.     float: left;
  3886.     text-align: center;
  3887.     margin-right: 0.4rem;
  3888. }
  3889.  
  3890. .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding,
  3891. .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching {
  3892.     background: var(--blue_icon);
  3893.     -webkit-background-clip: text;
  3894.     -webkit-text-fill-color: transparent;
  3895.     -webkit-text-stroke-width: 0;
  3896.     -webkit-text-stroke-color: #96969640;
  3897. }
  3898.  
  3899.  
  3900. .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding,
  3901. .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching {
  3902.     background: var(--green);
  3903.     -webkit-background-clip: text;
  3904.     -webkit-text-fill-color: transparent;
  3905.     -webkit-text-stroke-width: 0;
  3906.     -webkit-text-stroke-color: #96969640;
  3907. }
  3908.  
  3909.  
  3910. .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding,
  3911. .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching {
  3912.     background: var(--yellow);
  3913.     -webkit-background-clip: text;
  3914.     -webkit-text-fill-color: transparent;
  3915.     -webkit-text-stroke-width: 0;
  3916.     -webkit-text-stroke-color: #96969640;
  3917. }
  3918.  
  3919. .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching::before,
  3920. .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching::before,
  3921. .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching::before {
  3922.     content: "\\f147";
  3923. }
  3924.  
  3925. .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding::before,
  3926. .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding::before,
  3927. .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding::before {
  3928.     content: "";
  3929.     width: 2rem;
  3930.     height: 2rem;
  3931.     display: block;
  3932. }
  3933.  
  3934. .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding::before {
  3935.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMwMGNjZmYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+");
  3936.     background-position: -0.5rem -0.5rem;
  3937.     background-size: 3rem 3rem;
  3938. }
  3939.  
  3940. .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding::before {
  3941.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMxOGQ4NjAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+");
  3942.     background-position: -0.5rem -0.5rem;
  3943.     background-size: 3rem 3rem;
  3944. }
  3945.  
  3946. .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding::before {
  3947.     background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNmY2VkMGEiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+");
  3948.     background-position: -0.5rem -0.5rem;
  3949.     background-size: 3rem 3rem;
  3950. }
  3951.  
  3952. .donate_details,
  3953. .donate_details table td
  3954. {
  3955.     background: var(--yellow);
  3956.     border: none;
  3957. }
  3958.  
  3959. .pager_on
  3960. {
  3961.     color: var(--blue);
  3962. }
  3963.  
  3964. #collage #editor
  3965. {
  3966.     font-size: 1.2rem;
  3967. }
  3968.  
  3969. #user #content form
  3970. {
  3971.     background: var(--bright);
  3972.     border-radius: 0.5rem;
  3973.     padding: 0.5rem;
  3974.     box-sizing: border-box;
  3975. }
  3976.  
  3977. #content form > table
  3978. {
  3979.     border: none;
  3980. }
  3981.  
  3982. form .colhead strong
  3983. {
  3984.     font-size: 1.8rem;
  3985.     font-weight: normal;
  3986.     color: var(--link);
  3987. }
  3988.  
  3989. .label
  3990. {
  3991.     font-weight: normal;
  3992. }
  3993.  
  3994. span[title="Number of Comments"]
  3995. {
  3996.     width: 2rem;
  3997.     height: 2rem;
  3998.     display: block;
  3999.     overflow: hidden;
  4000.     margin: auto;
  4001. }
  4002.  
  4003. span[title="Number of Comments"]::before
  4004. {
  4005.     font-family: icons;
  4006.     content: "\\f11e";
  4007.     width:2rem;
  4008.     height: 2rem;
  4009.     display: block;
  4010.     font-size: 1.8rem;
  4011.     text-align:center;
  4012.     line-height: 2rem;
  4013. }
  4014.  
  4015.  
  4016. span[title="Number of Files"]
  4017. {
  4018.     width: 2rem;
  4019.     height: 2rem;
  4020.     display: block;
  4021.     overflow: hidden;
  4022.     margin: auto;
  4023. }
  4024.  
  4025. span[title="Number of Files"]::before
  4026. {
  4027.     font-family: icons;
  4028.     content: "\\f106";
  4029.     width:2rem;
  4030.     height: 2rem;
  4031.     display: block;
  4032.     font-size: 1.2rem;
  4033.     text-align:center;
  4034.     line-height: 2rem;
  4035. }
  4036.  
  4037. .nicebar_container
  4038. {
  4039.     height:2rem;
  4040.     font-size: 1.2rem;
  4041.     margin: 0;
  4042.     padding: 0.2rem;
  4043.     position: absolute;
  4044. }
  4045. .freeleech_bar
  4046. {
  4047.     line-height: 2rem;
  4048. }
  4049.  
  4050. #alerts
  4051. {
  4052.     max-width: 50rem;
  4053. }
  4054.  
  4055. .alertbar
  4056. {
  4057.     background: var(--red);
  4058.     font-size: 1.2rem;
  4059.     line-height: 2rem;
  4060.     font-weight: bold;
  4061.     height: 2rem;
  4062.     animation: none;
  4063.     padding: 0 2rem;
  4064.     box-sizing: border-box;
  4065.     border-radius: 0.5rem;
  4066. }
  4067.  
  4068. .alertbar a
  4069. {
  4070.     width: 100%;
  4071.     display: block;
  4072.     font-weight: bold;
  4073. }
  4074.  
  4075. .torrent .version
  4076. {
  4077.     clear:left;
  4078. }
  4079.  
  4080. .icon_stack,
  4081. .icon_stack .font_icon
  4082. {
  4083.     width: 2rem;
  4084.     height: 2rem;
  4085.     padding: 0;
  4086.     line-height: 2rem;
  4087. }
  4088.  
  4089. tr.smallhead a[href="#"]:link
  4090. {
  4091.     width: 2rem;
  4092.     height: 2rem;
  4093.     padding: 0;
  4094.     line-height: 2rem;
  4095.     text-align: center;
  4096.     display: inline-block;
  4097. }
  4098.  
  4099. ul.poll li.graph
  4100. {
  4101.     margin-top: 1rem;
  4102.     margin-bottom: 2rem;
  4103.     height: 0.5rem;
  4104. }
  4105.  
  4106. .center_poll,
  4107. .left_poll,
  4108. .right_poll
  4109. {
  4110.     background: var(--text);
  4111.     height: 100%;
  4112. }
  4113. .left_poll
  4114. {
  4115.     border-radius: 0.2rem 0 0 0.2rem;
  4116. }
  4117.  
  4118. .right_poll
  4119. {
  4120.     border-radius: 0 0.2rem 0.2rem 0;
  4121. }
  4122.  
  4123. .linkbox .torrent_buttons a
  4124. {
  4125.     color: #fff;
  4126.     font-weight: bold;
  4127.     font-family: sans-serif;
  4128. }
  4129.  
  4130. .linkbox .torrent_buttons a:hover
  4131. {
  4132.     color: #fff;
  4133. }
  4134.  
  4135. table#collages tr:not(.colhead) td
  4136. {
  4137.     background: var(--dark);
  4138. }
  4139.  
  4140.  
  4141. /*--------------------DROPDOWN-MENU--------------------*/
  4142.  
  4143. #nav_userinfo > a::after
  4144. {
  4145.     width: 2rem;
  4146.     height: 2rem;
  4147.     line-height: 2rem;
  4148.     display: block;
  4149.     text-align: center;
  4150.     float: right;
  4151. }
  4152.  
  4153. #header_bottom li > a .font_icon.nav_icons
  4154. {
  4155.     color: var(--header_text);
  4156. }
  4157.  
  4158. #header_bottom li > a:hover,
  4159. #header_bottom li > a:hover .font_icon.nav_icons
  4160. {
  4161.     color: var(--hover);
  4162. }
  4163.  
  4164. #header_bottom li.highlight > a .font_icon.nav_icons,
  4165. #header_bottom li.highlight > a,
  4166. #header_bottom li.highlight > a:hover
  4167. {
  4168.     color: var(--red);
  4169.     font-weight: bold;
  4170. }
  4171.  
  4172. #major_stats > ul
  4173. {
  4174.     float: left;
  4175.     display: block;
  4176.     height: 2rem;
  4177.     line-height: 2rem;
  4178.     margin-left: 0.3rem;
  4179. }
  4180.  
  4181. #userinfo_username > li > a.username
  4182. {
  4183.     display: block;
  4184.     background: var(--medium);
  4185.     position: relative;
  4186.     z-index: 20;
  4187.     transition: none;
  4188. }
  4189. #userinfo_username > li > a.username:hover
  4190. {
  4191.     border-bottom-left-radius: 0;
  4192.     border-bottom-right-radius: 0;
  4193. }
  4194.  
  4195. #userinfo_username > li
  4196. {
  4197.     padding: 0 !important;
  4198.     margin: 0 !important;
  4199.     height: 2.4rem;
  4200. }
  4201.  
  4202. #userinfo_username li ul
  4203. {
  4204.     left: 0;
  4205.     top: 0;
  4206.     border-radius: 0 0 0.3rem 0.3rem;
  4207.     overflow: hidden;
  4208.     position: relative;
  4209.     box-shadow: #00000040 0 0 0.5rem;
  4210. }
  4211.  
  4212. #userinfo_username li ul li
  4213. {
  4214.     margin: 0 !important;
  4215.     min-width: unset;
  4216. }
  4217.  
  4218. .icon_stack .font_icon.nav_icons
  4219. {
  4220.     margin: 0;
  4221.     padding: 0;
  4222. }
  4223.  
  4224. #userinfo_username li ul li a
  4225. {
  4226.     line-height: 2rem;
  4227.     transition: none;
  4228. }
  4229.  
  4230. /*--------------------BOOKMARKS--------------------*/
  4231.  
  4232. #bookmarks .torrent_grid,
  4233. #collage .torrent_grid
  4234. {
  4235.     background: var(--dark);
  4236.     border-radius: 0.5rem;
  4237.     padding: 0.5rem 0 0 0.5rem;
  4238. }
  4239.  
  4240. #bookmarks .torrent_grid > .torrent_grid__torrent,
  4241. #collage .torrent_grid > .torrent_grid__torrent
  4242. {
  4243.     border: 0;
  4244.     margin: 0 0.5rem 0.5rem 0;
  4245.     background: none;
  4246.     border-radius: 0.2rem;
  4247.     overflow: hidden;
  4248. }
  4249.  
  4250. #bookmarks table tr td
  4251. {
  4252.     position: relative;
  4253. }
  4254. /*
  4255. #bookmarks table .torrent_icon_container
  4256. {
  4257.     position: absolute;
  4258.     top: 3px;
  4259.     left: 3px;
  4260. }
  4261. */
  4262. /*
  4263. #bookmarks table tr td span,
  4264. #bookmarks table tr td a
  4265. {
  4266.     float: unset !important;
  4267. }
  4268. */
  4269.  
  4270. /*--------------------HEADER--------------------*/
  4271.  
  4272. /*
  4273. #header a,
  4274. #header a:visited,
  4275. .stat,
  4276. #stats_block,
  4277. #major_stats .font_icon.nav_icons
  4278. {
  4279.    color: var(--text);
  4280. }
  4281.  
  4282. .searchcontainer button
  4283. {
  4284.     color: var(--link) !important;
  4285. }
  4286. */
  4287.  
  4288. #userinfo_username li ul li:not(.highlight) a,
  4289. #userinfo_username li ul li:not(.highlight) a .font_icon.nav_icons
  4290. {
  4291.     color: var(--text2);
  4292. }
  4293.  
  4294. #userinfo_username li ul li:not(.highlight) a:hover,
  4295. #userinfo_username li ul li:not(.highlight) a:hover .font_icon.nav_icons
  4296. {
  4297.     color: var(--hover);
  4298. }
  4299.  
  4300. #menu a
  4301. {
  4302.     color: var(--header_text);
  4303. }
  4304.  
  4305. #menu a:hover
  4306. {
  4307.     background: none;
  4308.     color: var(--hover);
  4309. }
  4310.  
  4311. /*--------------------HEADER-BOTTOM--------------------*/
  4312.  
  4313. #header_bottom a, #header_bottom a:visited
  4314. {
  4315.     color: var(--header_text);
  4316. }
  4317.  
  4318. #header_bottom
  4319. {
  4320.     height: 2.4rem;
  4321.     padding-top: 0;
  4322. }
  4323.  
  4324. #header_bottom div > ul > li > a
  4325. {
  4326.     margin: 0;
  4327.     display: block;
  4328.     line-height: 2rem;
  4329.     height: 2rem;
  4330.     padding: 0.2rem 0.5rem;
  4331.     border-radius: 0.2rem;
  4332. }
  4333.  
  4334. #header_bottom a:hover
  4335. {
  4336.     background: none;
  4337. }
  4338.  
  4339. #header_bottom div > ul > li > a span
  4340. {
  4341.     padding: 0 0.4rem;
  4342.     height: 2rem;
  4343.     display: block;
  4344.     float: right;
  4345. }
  4346.  
  4347. #header_bottom div > ul > li
  4348. {
  4349.     margin: 0 0 0 0.3rem;
  4350.     padding: 0;
  4351.     display: block;
  4352.  
  4353. }
  4354.  
  4355. #major_stats > ul > li
  4356. {
  4357.     float: right;
  4358. }
  4359.  
  4360. #major_stats_left
  4361. {
  4362.     position: relative;
  4363.     float: left;
  4364. }
  4365.  
  4366. #major_stats_left,
  4367. #major_stats_left ul,
  4368. #major_stats_left li
  4369. {
  4370.     display: block;
  4371.     float: left;
  4372. }
  4373.  
  4374. #header_bottom #major_stats_left a,
  4375. #header_bottom #major_stats_lefta:visited,
  4376. #header_bottom #major_stats_left .font_icon.nav_icons
  4377. {
  4378.     color: var(--header_text);
  4379.     font-weight: normal;
  4380.     font-size: 1.4rem;
  4381. }
  4382.  
  4383. #header_bottom #major_stats_left a span
  4384. {
  4385.     font-weight: bold;
  4386. }
  4387.  
  4388. #header_bottom #major_stats_left a:hover,
  4389. #header_bottom #major_stats_left a:hover .font_icon.nav_icons
  4390. {
  4391.     color: var(--hover);
  4392. }
  4393.  
  4394. /*--------------------TORRENT-PAGE--------------------*/
  4395.  
  4396. #torrents #details_top #personal_collages,
  4397. #torrents #details_top .torrent_table
  4398. {
  4399.     border-radius: 0.5rem;
  4400.     overflow:hidden;
  4401.     box-shadow: var(--shadow);
  4402.     background: var(--bright);
  4403. }
  4404. #torrents #details_top .torrent_table > tbody > tr:first-child td:nth-child(2)
  4405. {
  4406.     /*border-top-left-radius: 5px;*/
  4407.     padding-left: 1rem !important;
  4408. }
  4409.  
  4410. #torrents  #details_top .torrent_table > tbody > tr > td.right
  4411. {
  4412.     padding-right: 1rem !important;
  4413. }
  4414.  
  4415. #torrents  #details_top .torrent_table > tbody > tr > td.filetypes span
  4416. {
  4417.     line-height: 2rem;
  4418. }
  4419.  
  4420. #torrents  #details_top .torrent_table
  4421. {
  4422.     line-height: 2rem;
  4423. }
  4424. /*
  4425. #torrents #details_top .torrent_table > tbody > tr:first-child td:last-child
  4426. {
  4427.     border-top-right-radius: 5px;
  4428. }
  4429.  
  4430. #torrents #details_top .torrent_table > tbody > tr:last-child td:first-child
  4431. {
  4432.     border-bottom-left-radius: 5px;
  4433. }
  4434.  
  4435. #torrents #details_top .torrent_table > tbody > tr:last-child td:last-child
  4436. {
  4437.     border-bottom-right-radius: 5px;
  4438. }
  4439. */
  4440. #torrents #details_top .torrent_table > tbody > tr:nth-child(-n+2) td:first-child
  4441. {
  4442.     display: none;
  4443. }
  4444.  
  4445. #torrents #details_top .torrent_table > tbody > tr td.filetypes
  4446. {
  4447.     height: 2rem;
  4448. }
  4449.  
  4450. #torrents #details_top .torrent_table > tbody > tr:nth-child(-n+2) td:nth-child
  4451. {
  4452.     colspan: 2;
  4453. }
  4454.  
  4455. #torrents #details_top .torrent_table > tbody > tr > td
  4456. {
  4457.     background: var(--dark);
  4458.     padding: 0.3rem !important;
  4459.     border-radius: 0;
  4460. }
  4461.  
  4462. #torrents #details_top .torrent_table > tbody > tr:first-child > td
  4463. {
  4464.     background: var(--colhead);
  4465. }
  4466.  
  4467. #torrents #details_top .torrent_table > tbody > tr > td[title="Snatches"]::before,
  4468. #torrents #details_top .torrent_table > tbody > tr > td[title="Seeders"]::before,
  4469. #torrents #details_top .torrent_table > tbody > tr > td[title="Leechers"]::before
  4470. {
  4471.     font-family: "icons";
  4472.     width: 2rem;
  4473.     height: 2rem;
  4474.     display: block;
  4475.     margin: auto;
  4476. }
  4477.  
  4478. #torrents #details_top .torrent_table > tbody > tr > td[title="Snatches"]::before
  4479. {
  4480.  
  4481.     content: "\\f14f";
  4482. }
  4483.  
  4484. #torrents #details_top .torrent_table > tbody > tr > td[title="Seeders"]::before
  4485. {
  4486.     content: "\\f14e";
  4487. }
  4488.  
  4489. #torrents #details_top .torrent_table > tbody > tr > td[title="Leechers"]::before
  4490. {
  4491.     content: "\\f14c";
  4492. }
  4493.  
  4494. #torrents #details_top .torrent_table table
  4495. {
  4496.     margin: 0;
  4497.     width: 100%;
  4498. }
  4499.  
  4500. #torrents #details_top .torrent_table table tr
  4501. {
  4502.     border: none;
  4503. }
  4504.  
  4505. #torrents #details_top .torrent_table table blockquote
  4506. {
  4507.     border: none;
  4508. }
  4509.  
  4510. /*--------------------TORRENTS--------------------*/
  4511.  
  4512. table.torrent_table tr.rowa,
  4513. table.torrent_table tr.rowb
  4514. {
  4515.     color: var(--text3);
  4516. }
  4517.  
  4518. .torrent td:not(:first-child,:last-child):not(.user) > a,
  4519. #collage table.torrent_table td:nth-child(2) > strong > a,
  4520. #bookmarks table.torrent_table td:nth-child(2) > strong > a
  4521. {
  4522.     font-weight: bold;
  4523.     line-height: 2rem;
  4524.     font-size: 1.2rem;
  4525. }
  4526.  
  4527. .torrent > td
  4528. {
  4529.     font-weight: normal;
  4530. }
  4531.  
  4532. .torrent
  4533. {
  4534.     font-size: inherit;
  4535. }
  4536.  
  4537. tr.head > td > a,
  4538. tr.colhead > td > a
  4539. {
  4540.     font-weight: bold;
  4541. }
  4542.  
  4543. .torrent.rowb br,
  4544. .torrent.rowa br
  4545. {
  4546.     display: none;
  4547. }
  4548.  
  4549. .category_label
  4550. {
  4551.     background: var(--button);
  4552.     color: var(--button_text);
  4553.     padding: 0 0.5rem;
  4554.     box-sizing: border-box;
  4555.     border-radius: 0.2rem;
  4556.     line-height: 2rem;
  4557.     height: 2rem;
  4558.     font-weight: bold;
  4559.     font-size: 1.2rem;
  4560.     text-align: center !important;
  4561.     display:block;
  4562.     margin: 0.3rem;
  4563.     width: 15rem;
  4564. }
  4565.  
  4566. .category_tag
  4567. {
  4568.     width: 10rem !important;
  4569.     background: var(--button);
  4570.     color: var(--button_text);
  4571.     padding: 0 0.5rem;
  4572.     box-sizing: border-box;
  4573.     border-radius: 0.2rem;
  4574.     line-height: 2rem;
  4575.     height: 2rem;
  4576.     font-weight: bold;
  4577.     font-size: 1.2rem;
  4578.     text-align: center !important;
  4579.     margin-right: 0.5rem !important;
  4580.     display: block;
  4581.     float: left;
  4582. }
  4583.  
  4584. .category_label:visited,
  4585. .category_tag:visited
  4586. {
  4587.     color: var(--button_text);
  4588. }
  4589.  
  4590. .cover
  4591. {
  4592.     display: block;
  4593.     width: 15rem;
  4594.     height: 15rem;
  4595.     margin: 0.3rem;
  4596.     border-radius: 0.2rem;
  4597. }
  4598.  
  4599. /*--------------------TABLES--------------------*/
  4600.  
  4601. #collage .thin > table:not(.forum_post),
  4602. table#request_table
  4603. {
  4604.     border-collapse: separate;
  4605.     border-spacing: 0 0.2rem;
  4606. }
  4607.  
  4608. table
  4609. {
  4610.     border-collapse: separate;
  4611.     border-spacing: 0 0.2rem;
  4612. }
  4613.  
  4614. /*--------------------PAGE--------------------*/
  4615.  
  4616. #header,
  4617. #content
  4618. {
  4619.     min-width: 94rem;
  4620.  
  4621. }
  4622.  
  4623. /*NOTIFICATIONS*/
  4624. /*
  4625. div.version
  4626. {
  4627.     display: table;
  4628. }
  4629. */
  4630.  
  4631. /*Slot Machine*/
  4632.  
  4633. span.payout,
  4634. span#winnings
  4635. {
  4636.     color: var(--text) !important;
  4637. }
  4638.  
  4639. .fm input[type="button"],
  4640. .fm input[type="text"]
  4641. {
  4642.     color: var(--text);
  4643.     border-color: var(--text);
  4644. }
  4645.  
  4646. .fmresults td.fmheader
  4647. {
  4648.     background: var(--text);
  4649. }
  4650.  
  4651. input[type="text"]:read-only
  4652. {
  4653.     background: var(--input);
  4654.     color: var(--input-text);
  4655. }
  4656.  
  4657. /*--------------------TAG-HIGHLIGHTER--------------------*/
  4658.  
  4659. input[type="button"]
  4660. {
  4661.     border-radius: 0.3rem;
  4662. }
  4663.  
  4664. div#s-conf-wrapper
  4665. {
  4666.     display: grid;
  4667.     border: 0.1rem solid var(--bright);
  4668.     box-shadow: var(--shadow);
  4669.     width: 60rem;
  4670.     background: var(--medium);
  4671.     border-radius: 0.5rem;
  4672.     gap: 0.2rem;
  4673. }
  4674.  
  4675. a.s-conf-tab,
  4676. div#s-conf-wrapper
  4677. {
  4678.     font-size: 1.2rem;
  4679.     line-height: 2rem;
  4680. }
  4681.  
  4682. div#s-conf-wrapper input[type="checkbox"]
  4683. {
  4684.     height: 2rem;
  4685.     display: table-cell;
  4686.     vertical-align: middle;
  4687. }
  4688.  
  4689. div#s-conf-wrapper > h1,
  4690. div#s-conf-status,
  4691. div#s-conf-wrapper > div.s-conf-buttons
  4692. {
  4693.     grid-column: 1 / 3;
  4694.     width: unset;
  4695.     border: none;
  4696.     border-radius: 0.5rem;
  4697. }
  4698.  
  4699. div#s-conf-wrapper > h1
  4700. {
  4701.     margin-bottom: 1rem;
  4702. }
  4703.  
  4704. ul#s-conf-tabs
  4705. {
  4706.     grid-column: 1;
  4707.     height: unset;
  4708.     width: 12rem;
  4709.     margin: 0;
  4710.     display: flex;
  4711.     gap: 0.2rem;
  4712.     flex-direction: column;
  4713. }
  4714.  
  4715. div#s-conf-content
  4716. {
  4717.     grid-column: 2;
  4718.     margin: 0;
  4719. }
  4720.  
  4721. #s-conf-tabs a.s-conf-tab
  4722. {
  4723.     /*width: 11rem;*/
  4724.     height: auto;
  4725.     border-radius: 0.3rem;
  4726. }
  4727.  
  4728. div.s-browse-tag-holder span.s-tag
  4729. {
  4730.     display: block;
  4731.     float: left;
  4732.     padding: 0;
  4733.     border: none;
  4734.     margin: 0.3rem;
  4735.     border-radius: 0.5rem;
  4736. }
  4737.  
  4738. div.tag_inner .s-tag
  4739. {
  4740.     border: none !important;
  4741.     border-radius: 0.5rem !important;
  4742.     background: var(--medium);
  4743.     padding: 0.2rem 0.5rem !important;
  4744.     margin: 0 !important;
  4745. }
  4746.  
  4747. div.tag_inner span.s-tag
  4748. {
  4749.  
  4750.     line-height: 1.8rem;
  4751. }
  4752.  
  4753. span.s-tag div.s-button
  4754. {
  4755.     width: 1.4rem;
  4756.     height: 1.4rem;
  4757.     line-height: 1.4rem;
  4758.     margin: 0.2rem 0.3rem 0.2rem 0;
  4759. }
  4760.  
  4761. .s-conf-add-btn, .s-conf-remove-btn
  4762. {
  4763.     width: 11rem !important;
  4764. }
  4765.  
  4766. .s-tag a
  4767. {
  4768.     max-width: 12.5rem !important;
  4769. }
  4770.  
  4771. div.tag_inner .s-tag > a
  4772. {
  4773.     color: var(--text);
  4774. }
  4775.  
  4776. div.tags a
  4777. {
  4778.     font-style: normal;
  4779. }
  4780.  
  4781. table#request_table div.tags span.s-tag a,
  4782. table.torrent_table div.tags span.s-tag a
  4783. {
  4784.     padding: 0 0.5rem;
  4785.     box-sizing:border-box;
  4786.     margin: 0;
  4787.     max-width: unset;
  4788. }
  4789.  
  4790. #s-conf-background
  4791. {
  4792.     background: #202020BF !important;
  4793. }
  4794.  
  4795. #s-conf-tabs .s-conf-tab,
  4796. #s-conf-content
  4797. {
  4798.     background: var(--bright);
  4799.     color: var(--text);
  4800.     border: none;
  4801.     border-radius: 0;
  4802.     vertical-align: middle;
  4803.     margin: 0;
  4804. }
  4805.  
  4806. #s-conf-content #s-conf-form
  4807. {
  4808.     background: none;
  4809.     color: var(--text);
  4810. }
  4811.  
  4812. #s-conf-content
  4813. {
  4814.     border-radius: 0.5rem !important;
  4815.     margin-top: 1rem;
  4816. }
  4817. /*
  4818. #s-conf-wrapper #s-conf-tabs li
  4819. {
  4820.     margin: 0 0.2rem 0.2rem 0;
  4821. }
  4822. */
  4823.  
  4824. #s-conf-tabs li,
  4825. #s-conf-tabs li h2,
  4826. #s-conf-tabs li h2 a
  4827. {
  4828.     display: block;
  4829.     width: 100%;
  4830.     box-sizing: border-box;
  4831. }
  4832.  
  4833. #s-conf-tabs .s-conf-tab.s-selected
  4834. {
  4835.     background: var(--button);
  4836.     /*color: var(--bright);*/
  4837.     color: var(--button_text) !important;
  4838. }
  4839.  
  4840. #s-conf-tabs .s-conf-tab:not(.s-selected):hover
  4841. {
  4842.     background: var(--brighter);
  4843. }
  4844.  
  4845. #s-conf-wrapper h1,
  4846. #s-conf-wrapper h2
  4847.  
  4848. {
  4849.     color: var(--text) !important;
  4850. }
  4851.  
  4852. #s-conf-wrapper textarea
  4853. {
  4854.     background: var(--medium);
  4855.     resize: none;
  4856. }
  4857.  
  4858. #s-conf-wrapper #s-conf-content
  4859. {
  4860.     border: none;
  4861.     box-shadow: none;
  4862. }
  4863.  
  4864. ul#torrent_tags > li
  4865. {
  4866.     border: none;
  4867. }
  4868.  
  4869. /*----------TAG-HIGHLIGTHER-TAG-COLORS----------*/
  4870.  
  4871.  
  4872.     span.s-tag > a
  4873.     {
  4874.         color: white !important;
  4875.     }
  4876.  
  4877.     span.s-tag.s-good,
  4878.     .s-add-good,
  4879.     .s-remove-good
  4880.     {
  4881.         background: var(--liked) !important;
  4882.         border-color: var(--liked-border) !important;
  4883.     }
  4884.  
  4885.     span.s-tag.s-loved,
  4886.     .s-add-loved,
  4887.     .s-remove-loved
  4888.     {
  4889.         background: var(--loved) !important;
  4890.         border-color: var(--liked-border) !important;
  4891.     }
  4892.  
  4893.     span.s-tag.s-performer,
  4894.     .s-add-performer,
  4895.     .s-remove-performer
  4896.     {
  4897.         background: var(--performer) !important;
  4898.         border-color: var(--performer-border) !important;
  4899.     }
  4900.  
  4901.     span.s-tag.s-loveperf,
  4902.     .s-add-loveperf,
  4903.     .s-remove-loveperf
  4904.     {
  4905.         background: var(--loved-performer) !important;
  4906.         border-color: var(--performer-border) !important;
  4907.     }
  4908.  
  4909.     span.s-tag.s-likesite,
  4910.     .s-add-likesite,
  4911.     .s-remove-likesite
  4912.     {
  4913.         background: var(--liked-site) !important;
  4914.         border-color: var(--liked-site-border) !important;
  4915.     }
  4916.  
  4917.     span.s-tag.s-lovesite,
  4918.     .s-add-lovesite,
  4919.     .s-remove-lovesite
  4920.     {
  4921.         background: var(--loved-site) !important;
  4922.         border-color: var(--liked-site-border) !important;
  4923.     }
  4924.  
  4925.     span.s-tag.s-newperf,
  4926.     .s-add-newperf,
  4927.     .s-remove-newperf
  4928.     {
  4929.         background: var(--new-performer) !important;
  4930.         border-color: var(--new-performer-border) !important;
  4931.     }
  4932.  
  4933.     span.s-tag.s-amateur,
  4934.     .s-add-amateur,
  4935.     .s-remove-amateur
  4936.     {
  4937.         background: var(--amateur) !important;
  4938.         border-color: var(--amateur-border) !important;
  4939.     }
  4940.  
  4941.     span.s-tag.s-loveamat,
  4942.     .s-add-loveamat,
  4943.     .s-remove-loveamat
  4944.     {
  4945.         background: var(--loved-amateur) !important;
  4946.         border-color: var(--amateur-border) !important;
  4947.     }
  4948.  
  4949.     span.s-tag.s-maleperf,
  4950.     .s-add-maleperf,
  4951.     .s-remove-maleperf
  4952.     {
  4953.         background: var(--male-performer) !important;
  4954.         border-color: var(--male-performer-border) !important;
  4955.     }
  4956.  
  4957.     span.s-tag.s-lovemale,
  4958.     .s-add-lovemale,
  4959.     .s-remove-lovemale
  4960.     {
  4961.         background: var(--loved-male-performer) !important;
  4962.         border-color: var(--male-performer-border) !important;
  4963.     }
  4964.  
  4965.     span.s-tag.s-likesite,
  4966.     .s-add-likesite,
  4967.     .s-remove-likesite
  4968.     {
  4969.         background: var(--liked-site) !important;
  4970.         border-color: var(--liked-site-border) !important;
  4971.     }
  4972.  
  4973.     span.s-tag.s-lovesite,
  4974.     .s-add-lovesite,
  4975.     .s-remove-lovesite
  4976.     {
  4977.         background: var(--loved-site) !important;
  4978.         border-color: var(--liked-site-border) !important;
  4979.     }
  4980.  
  4981.     span.s-tag.s-disliked,
  4982.     .s-add-disliked,
  4983.     .s-remove-disliked
  4984.     {
  4985.         background: var(--disliked) !important;
  4986.         border-color: var(--disliked-border) !important;
  4987.     }
  4988.  
  4989.     span.s-tag.s-hated,
  4990.     .s-add-hated,
  4991.     .s-remove-hated
  4992.     {
  4993.         background: var(--hated) !important;
  4994.         border-color: var(--disliked-border) !important;
  4995.     }
  4996.  
  4997.     span.s-tag.s-terrible,
  4998.     .s-add-terrible,
  4999.     .s-remove-terrible
  5000.     {
  5001.         background: var(--black-listed) !important;
  5002.         border-color: var(--black-listed-border) !important;
  5003.     }
  5004.  
  5005.     span.s-tag.s-useless,
  5006.     .s-add-useless,
  5007.     .s-remove-useless
  5008.     {
  5009.         background: var(--useless) !important;
  5010.         border-color: var(--useless-border) !important;
  5011.     }
  5012.  
  5013. /*--------------------COLLAGE--------------------*/
  5014.  
  5015. #collage div.tags
  5016. {
  5017.     float: left;
  5018.     clear: left;
  5019.     font-size: 0;
  5020. }
  5021.  
  5022. #collage div.tags a
  5023. {
  5024.     display:block;
  5025.     float:left;
  5026.     width: 10rem;
  5027.     padding-left: 1rem;
  5028.     text-overflow: ellipsis;
  5029.     overflow: hidden;
  5030. }
  5031.  
  5032. /*--------------------UPLOAD--------------------*/
  5033.  
  5034. strong span[style="color:green"],
  5035. span[style="color:green"] strong
  5036. {
  5037.     color: var(--green) !important;
  5038. }
  5039.  
  5040. /* TAGS */
  5041.  
  5042. #tags input[type="text"]
  5043. {
  5044.     border-radius: 0.3rem;
  5045. }
  5046.  
  5047. #tags div.tag_results table.box
  5048. {
  5049.     background: none;
  5050. }
  5051.  
  5052. #tags div.tag_results table.box tr.rowa,
  5053. #tags div.tag_results table.box tr.rowb
  5054. {
  5055.     background: none;
  5056. }
  5057.  
  5058. #tags div.tag_results table.box tr.rowa td,
  5059. #tags div.tag_results table.box tr.rowb td
  5060. {
  5061.     background: var(--dark);
  5062. }
  5063.  
  5064. #tags div.tag_results table.box tr td:first-child
  5065. {
  5066.     border-radius: 0.5rem 0 0 0.5rem;
  5067. }
  5068.  
  5069. #tags div.tag_results table.box tr td:last-child
  5070. {
  5071.     border-radius: 0 0.5rem 0.5rem 0;
  5072. }
  5073.  
  5074. #tags .votes
  5075. {
  5076.     color: var(--text);
  5077. }
  5078.  
  5079. /* OTHER */
  5080.  
  5081. a.contact_link,
  5082. a.contact_link:visited
  5083. {
  5084.     background: var(--red);
  5085.     text-decoration: none;
  5086.     color: var(--hover);
  5087.     margin: 0 0.5rem;
  5088. }
  5089.  
  5090. #staff table
  5091. {
  5092.     border: none;
  5093. }
  5094.  
  5095. .uploadbody textarea
  5096. {
  5097.     margin: 0.5rem 0;
  5098. }
  5099.  
  5100. #donatediv tr
  5101. {
  5102.     background: none;
  5103. }
  5104.  
  5105. #donatediv tr td
  5106. {
  5107.     background: var(--medium);
  5108. }
  5109.  
  5110. #donatediv tr td:first-child
  5111. {
  5112.     border-radius: 0.5rem 0 0 0.5rem;
  5113. }
  5114.  
  5115. #donatediv tr td:last-child
  5116. {
  5117.     border-radius: 0 0.5rem 0.5rem 0;
  5118.     padding-right: 0.3rem;
  5119. }
  5120.  
  5121. #donatediv input
  5122. {
  5123.     margin: 0;
  5124. }
  5125.  
  5126. label
  5127. {
  5128.     line-height: 2rem;
  5129. }
  5130.  
  5131. div.linkbox
  5132. {
  5133.     line-height: 2rem;
  5134.     color: var(--text2);
  5135. }
  5136.  
  5137. div.linkbox > a,
  5138. div.linkbox > a:visited
  5139. {
  5140.     color: var(--text2);
  5141.     line-height: 2rem;
  5142.     text-shadow: var(--shadow);
  5143. }
  5144.  
  5145. div.linkbox a:hover
  5146. {
  5147.     color: var(--hover);
  5148. }
  5149.  
  5150. tr.smallhead a.post_id,
  5151. tr.smallhead a.post_id:visited
  5152. {
  5153.     color: var(--text);
  5154. }
  5155.  
  5156. /* SITE LOG */
  5157.  
  5158. #log span[style="color: green;"]
  5159. {
  5160.     color: var(--green) !important;
  5161. }
  5162.  
  5163. #log span[style="color: #1E90FF;"]
  5164. {
  5165.     color: var(--blue) !important;
  5166. }
  5167.  
  5168. #log span[style="color: #a07100;"]
  5169. {
  5170.     color: var(--orange) !important;
  5171. }
  5172.  
  5173.  
  5174. #log span[style="color: red;"]
  5175. {
  5176.     color: var(--red) !important;
  5177. }
  5178.  
  5179. .anchor, a.anchor:hover
  5180. {
  5181.     color: var(--text);
  5182. }
  5183.  
  5184. tr.smallhead
  5185. {
  5186.     color: var(--link);
  5187. }
  5188.  
  5189. table.bonusshop tr.rowa,
  5190. table.bonusshop tr.rowb,
  5191. table.bonusshop tr.smallhead
  5192. {
  5193.     background: none;
  5194. }
  5195.  
  5196. table.bonusshop tr.rowa td,
  5197. table.bonusshop tr.rowb td
  5198. {
  5199.     background: var(--dark);
  5200. }
  5201.  
  5202. table.bonusshop tr.smallhead td
  5203. {
  5204.     background: var(--bright);
  5205. }
  5206.  
  5207. table.bonusshop tr td:first-child
  5208. {
  5209.     border-radius: 0.5rem 0 0 0.5rem;
  5210. }
  5211.  
  5212. table.bonusshop tr td:last-child
  5213. {
  5214.     border-radius: 0 0.5rem 0.5rem 0;
  5215. }
  5216.  
  5217. #stats_block
  5218. {
  5219.     color: var(--header_text);
  5220. }
  5221.  
  5222. .post_footer
  5223. {
  5224.     color: var(--text2);
  5225. }
  5226.  
  5227. .shopbutton.itembuy,
  5228. .shopbutton.itemnotbuy
  5229. {
  5230.     margin: 0;
  5231. }
  5232.  
  5233. div#sig
  5234. {
  5235.     max-height: none !important;
  5236. }
  5237.  
  5238. #header
  5239. {
  5240.     color: var(--header_text);
  5241. }
  5242.  
  5243. /*--------------------COMBINE-BACKGROUND-AND-CONTENT--------------------*/
  5244.  
  5245. #content
  5246. {
  5247.     background: none;
  5248.     border-radius: 0;
  5249.     width: 100%;
  5250. }
  5251.  
  5252. .thin
  5253. {
  5254.     width: 100%;
  5255. }
  5256.  
  5257. .thin > h2:first-child
  5258. {
  5259.     margin: 0 0 var(--text-height) 0;
  5260.     border-radius: 0.5rem;
  5261. }
  5262.  
  5263. body
  5264. {
  5265.     background: var(--medium);
  5266. }
  5267.  
  5268. #header
  5269. {
  5270.     background: none;
  5271. }
  5272.  
  5273. #header_top #searchbars,
  5274. #header_bottom,
  5275. #userinfo_username > li > a.username
  5276. {
  5277.     background: var(--header);
  5278. }
  5279.  
  5280. #modal_content h2
  5281. {
  5282.     border-radius: 0;
  5283.     margin: 0 -4rem 2rem -4rem;
  5284. }
  5285.  
  5286. #modal_content .details.thin
  5287. {
  5288.     max-width: calc(100% - 8rem);
  5289.     margin: auto;
  5290. }
  5291.  
  5292. #modal_content
  5293. {
  5294.     max-width: none;
  5295.     width: 100%;
  5296.     border-radius: 0;
  5297.     box-sizing: border-box;
  5298. }
  5299.  
  5300. td.badgesrow,
  5301. .badgesrow
  5302. {
  5303.     border-top: 1px solid var(--medium);
  5304. }
  5305.  
  5306. #inbox div.box > div.body,
  5307. #preview
  5308. {
  5309.     padding: 1rem;
  5310. }
  5311.  
  5312. #inbox .colhead td
  5313. {
  5314.     background: var(--brighter);
  5315. }
  5316.  
  5317. #inbox #searchbox input[type="text"]
  5318. {
  5319.     width: 50% !important;
  5320.     border-radius: 0.3rem;
  5321. }
  5322.  
  5323. tr.box,
  5324. #inbox .rowa,
  5325. #inbox .rowb
  5326. {
  5327.     background: none;
  5328. }
  5329.  
  5330. #inbox .rowa td,
  5331. #inbox .rowb td
  5332. {
  5333.     background: var(--medium);
  5334. }
  5335.  
  5336. tr.box td input
  5337. {
  5338.     margin: 0;
  5339. }
  5340.  
  5341. tr.box td .long
  5342. {
  5343.     border-radius: 0.3rem;
  5344.     width: 100%;
  5345. }
  5346.  
  5347. input[name="search"],
  5348. #taginput
  5349. {
  5350.     border-radius: 0.3rem;
  5351. }
  5352.  
  5353. tr.box td
  5354. {
  5355.     background: var(--bright);
  5356. }
  5357.  
  5358. tr.box td:last-child,
  5359. #inbox td:last-child
  5360. {
  5361.     border-radius: 0 0.5rem 0.5rem 0;
  5362. }
  5363.  
  5364. tr.box td:first-child,
  5365. #inbox td:first-child
  5366. {
  5367.     border-radius: 0.5rem 0 0 0.5rem;
  5368. }
  5369.  
  5370. table#donatediv
  5371. {
  5372.     padding: 0 0.2rem;
  5373. }
  5374.  
  5375. .tag_add form input[type="button"]
  5376. {
  5377.     margin: 0;
  5378.     width: 2rem;
  5379. }
  5380.  
  5381. #tag_container
  5382. {
  5383.     padding-bottom: 0.5rem;
  5384. }
  5385.  
  5386. #details_top #collages
  5387. {
  5388.     border-radius: 0.5rem;
  5389.     overflow: hidden;
  5390. }
  5391.  
  5392. #searchbars
  5393. {
  5394.     padding: 0;
  5395.     height: unset;
  5396.     margin: 1rem 0;
  5397. }
  5398.  
  5399.  
  5400. #inbox div.box
  5401. {
  5402.     background: var(--bright);
  5403. }
  5404.  
  5405. #footer,
  5406. #footer p a,
  5407. #footer p a:visited
  5408. {
  5409.     color: var(--text2);
  5410.     text-shadow: var(--shadow);
  5411. }
  5412.  
  5413. .torrentdetails table.reported tr:nth-child(2n)
  5414. {
  5415.     background: unset;
  5416. }
  5417.  
  5418. #upload #content #upload_table > table
  5419. {
  5420.     background: var(--bright);
  5421.     border-radius: 0.5rem;
  5422. }
  5423.  
  5424. .postbody
  5425. {
  5426.     color: var(--text2);
  5427. }
  5428.  
  5429. #iplinkeddiv tr:hover,
  5430. #reportsdiv tr:hover,
  5431. #staffpmsdiv tr:hover,
  5432. .torrent_table table tr:hover td,
  5433. body#tools tr.rowa:hover,
  5434. body#tools tr.rowb:hover,
  5435. body#staffpm tr.rowa:hover,
  5436. body#staffpm tr.rowb:hover
  5437. {
  5438.     background: none;
  5439.     transition: none;
  5440. }
  5441. /*
  5442. code.bbcode
  5443. {
  5444.     padding: 10;
  5445. }
  5446. */
  5447.  
  5448. div[id^="editcont"] table.bb_holder
  5449. {
  5450.     margin: 0.5rem;
  5451. }
  5452. div[id^="preview"]
  5453. {
  5454.     padding: 1rem;
  5455. }
  5456.  
  5457. /*
  5458. table.forum_list .sticky + :not(.sticky)
  5459. {
  5460.  
  5461. }
  5462. */
  5463.  
  5464. table.forum_list tr.rowa.sticky td,
  5465. table.forum_list tr.rowb.sticky td
  5466. {
  5467.     background: var(--colhead);
  5468. }
  5469.  
  5470. /*
  5471. table.forum_list .sticky td
  5472. {
  5473.     border-bottom: 1px solid #80808020;
  5474.     border-top: 1px solid #80808020;
  5475.     box-sizing: border-box;
  5476. }
  5477.  
  5478. table.forum_list .sticky td:first-child
  5479. {
  5480.     border-left: 1px solid #80808020;
  5481. }
  5482.  
  5483. table.forum_list .sticky td:last-child
  5484. {
  5485.     border-right: 1px solid #80808020;
  5486. }
  5487. */
  5488.  
  5489. table.forum_list tr.rowa.sticky td:first-child,
  5490. table.forum_list tr.rowb.sticky td:first-child
  5491. {
  5492.     /*background: var(--blue);*/
  5493.     /*box-shadow: var(--blue) 3px 0 0 inset;*/
  5494.     /*background: linear-gradient(90deg, var(--blue) 5px, var(--bright) 5px);*/
  5495. }
  5496. /*
  5497. table.forum_list tr.sticky .font_icon.forum_icons
  5498. {
  5499.     -webkit-text-stroke-color: var(--bright);
  5500. }
  5501. */
  5502.  
  5503. .uploadbody #taginput
  5504. {
  5505.     width: 97%;
  5506.     resize: vertical;
  5507.     min-height: 10rem;
  5508. }
  5509. table.bbcode
  5510. {
  5511.     border-collapse: collapse;
  5512. }
  5513.  
  5514. .breadcrumbs
  5515. {
  5516.     color: var(--text2);
  5517. }
  5518.  
  5519. /* forum post jump to top arrow */
  5520. /* not working */
  5521. /* broken ??? */
  5522. tr.smallhead a:visited
  5523. {
  5524.     color: unset;
  5525. }
  5526.  
  5527. form:not(#search_form) .box,
  5528. .box .box,
  5529. #collage #content .box form
  5530. {
  5531.     box-shadow: none !important;
  5532. }
  5533.  
  5534. select
  5535. {
  5536.     box-shadow: var(--shadow) inset;
  5537. }
  5538.  
  5539. #search_form .box.pad,
  5540. table.forum_post.box,
  5541. form#userform,
  5542. #torrent_table,
  5543. #request_table,
  5544. #bookmarks .torrent_grid, #collage .torrent_grid
  5545. {
  5546.     box-shadow: var(--shadow);
  5547.     border-radius: 0.5rem;
  5548. }
  5549.  
  5550. #inbox .user_name
  5551. {
  5552.     background:none;
  5553. }
  5554.  
  5555. /*----------------------------------------HEADER-GRID----------------------------------------*/
  5556.  
  5557. #header #header_top
  5558. {
  5559.     display: grid;
  5560.     grid-template-columns: auto 1fr auto;
  5561.     grid-template-rows: auto auto auto;
  5562.  
  5563.     grid-template-areas: 'logo . stats' 'menu menu menu' 'search search search' 'alerts alerts alerts';
  5564.     row-gap: 0.2rem;
  5565.     margin-top: 1rem;
  5566. }
  5567.  
  5568.  
  5569. @media screen and (min-width: 1400px) {
  5570.     #header #header_top
  5571.     {
  5572.         grid-template-areas: 'logo menu stats' 'search search search' 'alerts alerts alerts';
  5573.     }
  5574. }
  5575.  
  5576.  
  5577. #header #header_top #logo,
  5578. #header #header_top #stats_block,
  5579. #header #header_top #searchbars,
  5580. #header #header_top #menu,
  5581. #header #alerts
  5582. {
  5583.     margin: 0;
  5584.     padding: 0;
  5585.     position: static;
  5586.     box-sizing:border-box;
  5587. }
  5588.  
  5589. #header #header_top #logo
  5590. {
  5591.     /*
  5592.     grid-column: 3;
  5593.     grid-row: 3;
  5594.     */
  5595.     grid-area: logo;
  5596.     /*margin-left: 1rem;*/
  5597.     filter: drop-shadow(var(--shadow));
  5598.     height: 5rem;
  5599.     width: 20rem;
  5600. }
  5601.  
  5602. #header #header_top #stats_block
  5603. {
  5604.     /*
  5605.     grid-column: 1;
  5606.     grid-row: 3;
  5607.     */
  5608.     grid-area: stats;
  5609.     /*
  5610.     background: var(--header);
  5611.     padding: 0.5rem;
  5612.     border-radius: 0.5rem;
  5613.     box-shadow: var(--shadow);
  5614.     */
  5615.     height: 5rem;
  5616. }
  5617.  
  5618. #header #header_top #searchbars
  5619. {
  5620.     /*
  5621.     grid-column: 1 / span 3;
  5622.     grid-row: 2;
  5623.     */
  5624.     grid-area: search;
  5625.     padding: 0.3rem 0.3rem;
  5626.     box-shadow: var(--shadow);
  5627. }
  5628.  
  5629. #header #header_top #searchbars ul
  5630. {
  5631.     display: flex;
  5632.     justify-content: center;
  5633.     gap: 0.3rem;
  5634. }
  5635.  
  5636. #header #header_top #searchbars ul li,
  5637. #header #header_top #searchbars ul li form
  5638. {
  5639.     display: block;
  5640.     margin: 0;
  5641.     padding: 0;
  5642. }
  5643.  
  5644. #header #header_top #searchbars .searchcontainer
  5645. {
  5646.     width: 100%;
  5647.     display: block;
  5648.     border-radius: 0.2rem;
  5649. }
  5650.  
  5651. #header #header_top #menu
  5652. {
  5653.     /*
  5654.     grid-column: 1 / span 3;
  5655.     grid-row: 1;
  5656.     */
  5657.     grid-area: menu;
  5658.     margin: 0.5rem 0;
  5659.     /* background: var(--medium); */
  5660.     display: flex;
  5661.     align-items: flex-end;
  5662.     /*align-items: center;*/
  5663.     justify-content: center;
  5664. }
  5665.  
  5666. #header #header_top #alerts
  5667. {
  5668.     /*
  5669.     grid-column: 2;
  5670.     grid-row: 3;
  5671.     */
  5672.     grid-area: alerts;
  5673.     /*padding-bottom: 1rem;*/
  5674.     max-width: unset;
  5675.     width: unset;
  5676.     display: grid;
  5677. }
  5678.  
  5679. #header #header_top #alerts .alertbar
  5680. {
  5681.     width: 50%;
  5682.     max-width: 50rem;
  5683.     /*margin: 0.5rem auto;*/
  5684.     margin: 0 auto 0.2rem auto;
  5685. }
  5686.  
  5687. #header #header_bottom,
  5688. #header #header_top #searchbars
  5689. {
  5690.     border-radius: 0.5rem;
  5691. }
  5692.  
  5693. #header #header_bottom
  5694. {
  5695.     padding-left: 0;
  5696.     padding-right: 0;
  5697. }
  5698.  
  5699. #header #header_bottom
  5700. {
  5701.     height: 3rem;
  5702. }
  5703.  
  5704.  
  5705. #header #header_bottom #major_stats
  5706. {
  5707.     padding: 0 0.5rem 0 0;
  5708. }
  5709.  
  5710. #header #header_bottom #major_stats > ul > li:not(#nav_userinfo) a,
  5711. #header #header_bottom #major_stats > div,
  5712. #header #header_bottom #major_stats_left ul li
  5713. {
  5714.     margin-top: 0.3rem;
  5715.     margin-bottom: 0.3rem;
  5716. }
  5717.  
  5718. #header > #header_bottom > #major_stats > #userinfo_username > #nav_userinfo > a
  5719. {
  5720.     padding: 0.5rem 0 !important;
  5721. }
  5722.  
  5723. /*----------------------------------------STUFF----------------------------------------*/
  5724.  
  5725. #tags .tag_results .colhead td
  5726. {
  5727.     background: var(--colhead);
  5728. }
  5729.  
  5730. #content > .thin > h2
  5731. {
  5732.     margin: 0 0 2rem 0;
  5733.     box-shadow: var(--shadow);
  5734. }
  5735.  
  5736. .box .colhead td,
  5737. #userform .colhead td
  5738. {
  5739.     background: none;
  5740. }
  5741.  
  5742. body:not(#torrents,#user) #content .thin > form > table,
  5743. #searchforum
  5744. {
  5745.     background: var(--bright);
  5746.     box-shadow: var(--shadow);
  5747.     border-radius: 0.5rem;
  5748. }
  5749.  
  5750. #content .thin > table > tbody > tr.rowa,
  5751. #content .thin > table > tbody > tr.rowb
  5752. {
  5753.     background: none;
  5754. }
  5755.  
  5756. #content .thin > table > tbody > tr.rowa > td,
  5757. #content .thin > table > tbody > tr.rowb > td
  5758. {
  5759.     background: var(--dark);
  5760. }
  5761.  
  5762. #content .thin > table > tbody > tr.rowa.sticky > td,
  5763. #content .thin > table > tbody > tr.rowb.sticky > td
  5764. {
  5765.     background: var(--colhead);
  5766. }
  5767.  
  5768. #content .thin > table:not([id^="post"]) > tbody > tr > td:first-child
  5769. {
  5770.     border-top-left-radius: 0.5rem;
  5771.     border-bottom-left-radius: 0.5rem;
  5772. }
  5773.  
  5774. #content .thin > table:not([id^="post"]) > tbody > tr > td:last-child
  5775. {
  5776.     border-top-right-radius: 0.5rem;
  5777.     border-bottom-right-radius: 0.5rem;
  5778. }
  5779.  
  5780. div#donatediv table
  5781. {
  5782.     width: 60rem !important;
  5783. }
  5784.  
  5785. .torrent_grid
  5786. {
  5787.     grid-template-columns: repeat(auto-fit, minmax(20rem, 0.333fr));
  5788. }
  5789.  
  5790. .torrent__info_extra .icon
  5791. {
  5792.     width: 2rem;
  5793. }
  5794.  
  5795. .torrent__size,
  5796. .torrent_grid__torrent__info
  5797. {
  5798.     font-size: 1.2rem;
  5799.     line-height: 2rem;
  5800. }
  5801.  
  5802. .torrent_grid__torrent__cat
  5803. {
  5804.     font-size: 1.4rem;
  5805. }
  5806.  
  5807. #coverimage > img
  5808. {
  5809.     display: block;
  5810.     margin: auto;
  5811. }
  5812.  
  5813. #collage #content .thin > table > tbody > tr:not(.colhead) > td
  5814. {
  5815.     background: var(--dark);
  5816. }
  5817.  
  5818. #collage #content .thin > table > tbody > tr:not(.colhead) > td:first-of-type
  5819. {
  5820.     border-radius: 0.5rem 0 0 0.5rem;
  5821. }
  5822.  
  5823.  
  5824. #collage #content .thin > table > tbody > tr:not(.colhead) > td:last-child
  5825. {
  5826.     border-radius: 0 0.5rem 0.5rem 0;
  5827. }
  5828.  
  5829. #details_top div.sidebar
  5830. {
  5831.     width: 100%;
  5832.     grid-row: 2;
  5833. }
  5834.  
  5835. #content .details.thin #details_top
  5836. {
  5837.     display: grid;
  5838. }
  5839.  
  5840. #content .details.thin #details_top .middle_column
  5841. {
  5842.     grid-row: 1;
  5843.     margin: 0;
  5844. }
  5845.  
  5846. #details_top div.sidebar
  5847. {
  5848.     display: grid;
  5849.     grid-template-columns: 30rem 1fr;
  5850.     column-gap: 2rem;
  5851. }
  5852.  
  5853. #details_top div.sidebar .head
  5854. {
  5855.     grid-row: 1;
  5856. }
  5857.  
  5858. #details_top div.sidebar #coverimage
  5859. {
  5860.     grid-column: 1;
  5861.     grid-row: 2;
  5862.     height: auto;
  5863. }
  5864.  
  5865. #details_top div.sidebar #tag_container
  5866. {
  5867.     grid-column: 2;
  5868.     grid-row: 2;
  5869.     padding: 1rem;
  5870.     box-sizing: border-box;
  5871. }
  5872.  
  5873. #details_top div.sidebar #tag_container .tag_header
  5874. {
  5875.     text-align: left;
  5876.     padding: 0 0 1rem 0;
  5877. }
  5878.  
  5879. #details_top div.sidebar #tag_container .tag_add,
  5880. #details_top div.sidebar #tag_container #torrent_tags,
  5881. #details_top div.sidebar #tag_container ul#torrent_tags_list
  5882. {
  5883.     /* float: left; */
  5884.     padding: 0;
  5885. }
  5886.  
  5887. #details_top div.sidebar #tag_container ul#torrent_tags_list
  5888. {
  5889.     display: grid;
  5890.     grid-template-columns: repeat(auto-fit, minmax(30rem, 0.25fr));
  5891. }
  5892.  
  5893. #details_top div.sidebar #tag_container #taginput
  5894. {
  5895.     height: 20px;
  5896.     padding-top: 0;
  5897.     padding-bottom: 0;
  5898. }
  5899.  
  5900. ul#torrent_tags_list > li
  5901. {
  5902.     /*width: 30rem;*/
  5903.     float: left;
  5904.     margin-left: 0;
  5905. }
  5906.  
  5907. /*
  5908. ul#torrent_tags_list > li > div
  5909. {
  5910.     float: left !important;
  5911.     line-height: 2.2rem;
  5912. }
  5913. */
  5914.  
  5915. /*----------STATS-BLOCK----------*/
  5916.  
  5917. #header #header_top #stats_block table tbody
  5918. {
  5919.     display: grid;
  5920.     grid-template-columns: repeat(3,auto);
  5921.     column-gap: 1rem;
  5922. }
  5923.  
  5924. #header #header_top #stats_block table tbody tr
  5925. {
  5926.     display: grid;
  5927.     grid-template-columns: auto auto;
  5928.     grid-template-rows: 2rem 2rem;
  5929.     line-height: 2rem;
  5930. }
  5931.  
  5932. #header #header_top #stats_block table tbody > tr > td[colspan="2"]
  5933. {
  5934.     grid-column: span 2;
  5935. }
  5936.  
  5937. `;
  5938.     const modern = `
  5939. /*----------------------------------------------------------------------------------------------------MODERN----------------------------------------------------------------------------------------------------*/
  5940.  
  5941. /* Layout (Torrents page) */
  5942.  
  5943. .cats_col { padding: 0; }
  5944. .category { width: 2.8rem; height: 2.8rem; margin: 0; padding: 0; }
  5945.  
  5946. /* Global */
  5947. * {
  5948.     padding: 0;
  5949.     margin: 0;
  5950.     outline: 0pt none;
  5951. }
  5952.  
  5953. :focus {
  5954.     outline: 0pt none;
  5955. }
  5956. html {
  5957.     width: 100%;
  5958.     height: 100%;
  5959. }
  5960.  
  5961.  
  5962. body {
  5963.     position: relative;
  5964.     width: 100%;
  5965.     height: 100%;
  5966.     background: #1A2844;
  5967.     background-size: cover;
  5968.     font: normal 11pt "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  5969.     font-weight: normal;
  5970.     color: #000000;
  5971. }
  5972.  
  5973. #logo {
  5974.     width: 18rem;
  5975.     height: 4rem;
  5976.     /*background: url('https://www.empornium.sx/static/styles/modern/images/logo.svg') no-repeat center center;
  5977.     background-size: 175px;*/
  5978.     position: absolute;
  5979.     margin-top:-3rem;
  5980.     top:50%;
  5981.     margin-left:-9rem;
  5982.     left: 10%;
  5983.     -webkit-filter: drop-shadow( -0.5rem 0.5rem 0.5rem #000 );
  5984.     filter: drop-shadow( -0.5rem 0.5rem 0.5rem #000 );
  5985. }
  5986. #logo a {
  5987.     border: none;
  5988.     width: 100%;
  5989.     height: 100%;
  5990.     display: block;
  5991. }
  5992. #logo::after {
  5993.     width: 94%;
  5994.     margin: -1.4rem 0 0 1rem;
  5995.     text-align:center;
  5996.     font-size:0.7em;
  5997.     color:#CAEBF9;
  5998.     display: none;
  5999. }
  6000.  
  6001.  
  6002. /* Common elements */
  6003.  
  6004. a , .torrent_table .linkbox a {
  6005.     color:#004DC0;
  6006.     text-decoration: none;
  6007.     border: none;
  6008. }
  6009. a:visited, .torrent_table .linkbox a:visited {
  6010.     color:#250855;
  6011. }
  6012. a:hover, .torrent_table .linkbox a:hover {
  6013.     color: #FF4400;
  6014.     text-decoration: underline;
  6015. }
  6016.  
  6017. tr.smallhead a, .cat_list a, tr.smallhead a:visited, .cat_list a:visited {
  6018.     color:#023174;
  6019. }
  6020.  
  6021. .linkbox {
  6022.     color: #ddd;
  6023. }
  6024. .linkbox a, .breadcrumbs a {
  6025.     color: #fff;
  6026.     text-decoration: none;
  6027. }
  6028.  
  6029. .linkbox a:hover, .breadcrumbs a:hover, .colhead a:hover {
  6030.     text-decoration: underline;
  6031. }
  6032. .linkbox a:visited, .breadcrumbs a:visited, .colhead a:visited {
  6033.     color: #ddd;
  6034. }
  6035.  
  6036. .linkbox table strong {
  6037.     color: #000;
  6038. }
  6039. .breadcrumbs {
  6040.     color: #ddd;
  6041. }
  6042. h1,h2,h3,h4 {
  6043.     margin: 0.5rem 0;
  6044.     color: #666;
  6045. }
  6046. div div div div h3, div div div h4 {
  6047.     color: #222;
  6048. }
  6049. .box h3, .box h4 {
  6050.     color: #000;
  6051. }
  6052.  
  6053. h2 {
  6054.     text-align: center;
  6055. }
  6056.  
  6057. h2 a,
  6058. h2 a:visited
  6059. {
  6060.     color: var(--text) !important;
  6061.     font-weight: bold;
  6062. }
  6063.  
  6064. h4 {
  6065.     font-size: 1.2rem;
  6066. }
  6067.  
  6068. p {
  6069.     margin: 1rem 0.5rem;
  6070. }
  6071.  
  6072. li {
  6073.     margin: 1px 1.5rem 0.3rem 1.5rem;
  6074. }
  6075.  
  6076. input {
  6077.     padding: 0.2rem 0.3rem;
  6078.     background-color: #FCFCFC;
  6079.     background: #f5f8fc;
  6080.     background: -webkit-linear-gradient(#fcfcfc,#f5f8fc);
  6081.     background: linear-gradient(#fcfcfc,#f5f8fc);
  6082.     color: black;
  6083. }
  6084.  
  6085. textarea {
  6086.     padding: 0.2rem 0.3rem;
  6087.     background-color: #FCFCFC;
  6088.     background: #f5f8fc;
  6089.     background: -webkit-linear-gradient(#fcfcfc,#f5f8fc);
  6090.     background: linear-gradient(#fcfcfc,#f5f8fc);
  6091.     color: black;
  6092. }
  6093. input[type=text]:read-only {
  6094.     background-color: #eee;
  6095.     color: #777;
  6096. }
  6097. input[type=text]:-moz-read-only {
  6098.     background-color: #eee;
  6099.     color: #777;
  6100. }
  6101. img {
  6102.     border: none;
  6103. }
  6104.  
  6105. select {
  6106.     padding:0 0 0 1px;
  6107.     background:white;
  6108.     color: #000000;
  6109. }
  6110.  
  6111. ul.thin { margin:0 0 0 2.5rem; padding:0; }
  6112. ul.thin li { margin:0 0; padding:0; }
  6113.  
  6114. /* Layout (Every page) */
  6115.  
  6116. #adbar {
  6117.     text-align: center;
  6118.     margin:2rem auto -1rem;
  6119. }
  6120.  
  6121. #header {
  6122.     /* width: 100%; */
  6123.     margin: 0 4rem;
  6124.     min-width:96rem;
  6125.     padding: 0;
  6126.     background-color: rgb(22, 29, 41); /* ie fallback */
  6127.     background-color: rgba(22, 29, 41, 0.50);
  6128.     font-weight: normal;
  6129.  
  6130. }
  6131.  
  6132. #content {
  6133.     background: #334B7B;  /* ie fallback */
  6134.     background: rgba(90, 120, 190, 0.3);
  6135.     box-shadow: 0 0.3rem 3rem -0.5rem black;
  6136.     border: 1px solid rgba(30,60,120,.5);
  6137.     border-radius: 1.4rem 1.4rem 0 0;
  6138.     overflow: unset;
  6139. }
  6140.  
  6141. #modal_content {
  6142.     width: 90%;
  6143.     min-width: 35rem;
  6144.     max-width: 130rem;
  6145.     background: #334B7B;  /* ie fallback */
  6146.     box-shadow: 0 0.3rem 3rem -0.5rem black;
  6147.     margin: 0 auto 0 auto;
  6148.     border: 1px solid rgba(30,60,120,.5);
  6149.     padding: 0 0 1.5rem;
  6150.     border-radius: 1.4rem 1.4rem 0 0;
  6151. }
  6152.  
  6153. #schedule #content {
  6154.     color:#eee;
  6155. }
  6156. #schedule #content {
  6157.     color:#eee;
  6158. }
  6159.  
  6160. #footer {
  6161.     margin-top: 5rem;
  6162.     width: 100%;
  6163.     text-align: center;
  6164.     color: #eee;
  6165.     font-size: 0.8em;
  6166. }
  6167. #footer p a, #footer p a:visited {
  6168.     color: #eee;
  6169. }
  6170.  
  6171. #header_top {
  6172.     position: relative;
  6173.     border-bottom: 1px solid rgba(0,0,0,.3);
  6174. }
  6175.  
  6176. #menu {
  6177.     margin: 0 24.5rem;
  6178.     text-align: center;
  6179.     padding-top: 1.2rem;
  6180.     font-size: 1.2em;
  6181. }
  6182.  
  6183. #menu ul {
  6184.     position: relative;
  6185.     z-index: 1;
  6186.     white-space:nowrap;
  6187.     display: inline-block;
  6188. }
  6189.  
  6190. #menu ul li {
  6191.     margin: 0;
  6192.     display: inline;
  6193.     margin-top: 0.3em;
  6194. }
  6195.  
  6196. #menu ul li a {
  6197.     padding: 0.2rem 0.6rem;
  6198. }
  6199.  
  6200. #menu a, #modbar a {
  6201.     color: #edfaff;
  6202.     font-weight: bold;
  6203.     border-radius: 0.4rem;
  6204.     transition: background-color 600ms;
  6205.     -webkit-transition: background-color 600ms;
  6206. }
  6207.  
  6208. #menu a:hover {
  6209.     background-color: #5C7CBC;
  6210.     color: #fff;
  6211.     text-decoration: none;
  6212.     transition: background-color 300ms;
  6213.     -webkit-transition: background-color 300ms;
  6214. }
  6215.  
  6216. span.infinity {
  6217.     font-weight: bold;
  6218. }
  6219. #stats_block {
  6220.     text-align: right;
  6221.     color: #ddd;
  6222.     height: 4rem;
  6223.     position:absolute;
  6224.     right: 2rem;
  6225.     margin-top:-3rem;
  6226.     top:60%;
  6227.     font-size: 0.9em;
  6228. }
  6229.  
  6230. table.userinfo_stats, table.userinfo_stats tr, #staff table.userinfo_stats {
  6231.     background:none;
  6232.     background-color:transparent;
  6233.     border:none;
  6234. }
  6235. table.userinfo_stats td {
  6236.     padding:0 0.3rem;
  6237. }
  6238.  
  6239. span.inside_stat {
  6240.     display: block;
  6241. }
  6242. #stats_block ul li {
  6243.     margin: 0 0.1em;
  6244.     line-height: 1.8rem;
  6245.     padding: 0;
  6246.     display: inline-block;
  6247.     width:12rem;
  6248.     text-align:left;
  6249. }
  6250. #stats_block a, #stats_block a:visited {
  6251.     text-decoration: none;
  6252.     color: #86baf0;
  6253. }
  6254. #stats_block a:hover, #header_bottom a:hover {
  6255.     text-decoration: none;
  6256.     color: #FF6600;
  6257. }
  6258.  
  6259. #header_bottom ul li {
  6260.     margin: 0 0.1em;
  6261.     padding: 0;
  6262.     display:inline;
  6263.     line-height:1.8rem;
  6264. }
  6265.  
  6266. #header_bottom ul li ul li {
  6267.     white-space: nowrap;
  6268.     line-height: 0;
  6269.     display: block;
  6270. }
  6271.  
  6272. #header_bottom a, #header_bottom a:visited {
  6273.     text-decoration: none;
  6274.     color: #d2d2d2;
  6275. }
  6276.  
  6277. #header_bottom {
  6278.     padding: 0.2rem 2rem 0.6rem;
  6279.     position: relative;
  6280.     height: 1.5rem;
  6281.     border-top: 1px solid rgb(32, 39, 51);  /* ie fallback */
  6282.     border-top: 1px solid rgba(180,190,200,.09);
  6283. }
  6284.  
  6285. #nav_userinfo > ul > .nav_icons {
  6286.     padding-right: 0.4rem;
  6287. }
  6288. #major_stats_left {
  6289.     position: absolute;
  6290. }
  6291. #major_stats {
  6292.     float:right;
  6293. }
  6294.  
  6295. #major_stats_left > ul > li > a, #major_stats > ul > li > a {
  6296.     display: inline-block;
  6297.     padding: 1px 0.2rem 1px 0.6rem;
  6298.     margin-top:-1px;
  6299.     background-position: 0.3rem center;
  6300.     background-size: 1.6rem;
  6301.     background-repeat: no-repeat;
  6302.     border-radius: 0.4rem;       /* FF9+ IE9+ */
  6303.     transition: background-color 600ms;
  6304.     -webkit-transition: background-color 600ms;
  6305. }
  6306.  
  6307. #major_stats a:hover, #major_stats_left a:hover {
  6308.     background-color:#5C7CBC;
  6309.     color:#F3F3F3;
  6310. }
  6311.  
  6312. #userinfo_username, #userinfo_tools, #userinfo_invites {
  6313.     display:inline;
  6314.     position: relative;
  6315. }
  6316.  
  6317. li#nav_userinfo, #userinfo_tools{
  6318.     padding-bottom:0.6rem !important;
  6319. }
  6320. #userinfo_username li ul, #userinfo_tools li ul {
  6321.     list-style: none;
  6322.     visibility: hidden;
  6323.     position: absolute;
  6324.     left: 1px;
  6325.     top: 2rem;
  6326.     background-color: rgb(33,48,79);
  6327.     opacity: 0;
  6328.     z-index: 10;
  6329.     border: 0.5px solid rgb(30, 40, 70);
  6330.     box-shadow: 1px 1px 1.2rem -0.2rem rgba(0,0,0,.5);
  6331.     transform-origin: 0% 0%;
  6332.     transform: scaleY(0.2);
  6333.     transition: opacity ease-in 150ms, visibility 150ms, transform ease-in 150ms;
  6334.     -webkit-transform-origin: 0% 0%;
  6335.     -webkit-transform: scaleY(0.2);
  6336.     -webkit-transition: opacity ease-in 150ms, visibility 150ms, -webkit-transform ease-in 150ms;
  6337. }
  6338. #userinfo_username li ul {
  6339.     left: -5.4rem;
  6340.     min-width: 14rem;
  6341. }
  6342. li#nav_userinfo:hover ul, #userinfo_tools:hover li ul {
  6343.     visibility: visible;
  6344.     opacity: 1;
  6345.     transform: scaleY(1.0);
  6346.     transition: opacity ease-out 250ms 100ms, transform ease-out 250ms 100ms;
  6347.     -webkit-transform: scaleY(1.0);
  6348.     -webkit-transition: opacity ease-out 250ms 100ms, -webkit-transform ease-out 250ms 100ms;
  6349. }
  6350. #userinfo_username li ul a, #userinfo_tools li ul a {
  6351.     display: block;
  6352.     border-top: 1px solid rgb(42, 57, 88);
  6353.     border-bottom: 1px solid rgb(25, 35, 65);
  6354. }
  6355. #userinfo_username li ul li a {
  6356.     padding: 0.4rem 0.6rem 0.4rem 0.6rem;
  6357.     line-height:1.9rem;
  6358.     background-position: 0.5rem center;
  6359.     background-repeat: no-repeat;
  6360.     transition: background-color 300ms;
  6361.     -webkit-transition: background-color 300ms;
  6362. }
  6363. #userinfo_tools li ul li a {
  6364.     padding: 0.2rem 0.6rem 0.2rem 0.6rem;
  6365.     line-height:1.7rem;
  6366. }
  6367. #userinfo_username li ul li:first-child a, #userinfo_tools li ul li:first-child a  {
  6368.     border-top:none;
  6369. }
  6370. #userinfo_username li ul li:last-child a, #userinfo_tools li ul li:last-child a {
  6371.     border-bottom:none;
  6372. }
  6373. #userinfo_username li ul li a:hover, #userinfo_tools li ul li a:hover {
  6374.     background-color:#5C7CBC;
  6375.     background-size: 1.6rem;
  6376.     color:#F3F3F3;
  6377.     transition: background-color 0s;
  6378.     -webkit-transition: background-color 0s;
  6379. }
  6380. #userinfo_username li ul li a:hover > .nav_icons, #userinfo_tools li ul li a:hover > .nav_icons {
  6381.     color: #F3F3F3;
  6382. }
  6383.  
  6384. #nav_tools > a:after, #nav_userinfo > a:after {
  6385.     content:" \\25BC";
  6386.     line-height:0;
  6387.     font-size:1.1rem;
  6388.     font-weight: bold;
  6389.     vertical-align:-0.2rem;
  6390. }
  6391. #nav_usertools,#nav_upload,#nav_donate,#nav_userinfo,#nav_useredit,#nav_conncheck {
  6392.     margin-left:0.3rem !important;
  6393. }
  6394.  
  6395. #userinfo_major {
  6396.     display:inline;
  6397.     margin-right: 0;
  6398. }
  6399.  
  6400. #userinfo_minor {
  6401.     display:inline;
  6402. }
  6403. span.stat {
  6404.     font-weight: bold;
  6405. }
  6406. .highlight {
  6407.     font-weight: bold;
  6408. }
  6409. .normal {
  6410.     font-weight:normal;
  6411. }
  6412.  
  6413. #searchbars {
  6414.     padding: 0.6rem 0 0 0;
  6415.     background-position: bottom;
  6416.     text-align: center;
  6417.     height: 3rem;
  6418. }
  6419.  
  6420. #searchbars form {
  6421.     display: inline;
  6422. }
  6423.  
  6424. #searchbars .searchcontainer {
  6425.     display:inline-block;
  6426.     background-color: rgba(110,140,180,.2);
  6427.     border: 1px solid rgb(110,140,180); /* ie fallback */
  6428.     border: 1px solid rgba(110,140,180,.3);
  6429.     position: relative;
  6430.     width:10%;
  6431.     min-width: 11rem;
  6432.     border-radius: 0.6rem;
  6433.     font-size: 0.8em;
  6434.     color: #999;
  6435.     white-space: nowrap;
  6436. }
  6437.  
  6438. #searchbars input.searchbox {
  6439.     background: transparent;
  6440.     border: 0;
  6441.     margin: 0 auto 0 0 ;
  6442.     padding:0;
  6443.     color: #bcd;
  6444.     position: relative;
  6445.     width:84%;
  6446.     border-radius: 0.5rem 0 0 0.5rem;       /* FF9+ IE9+ */
  6447. }
  6448.  
  6449. #searchbars .searchbutton {
  6450.     background: rgba(110,140,180,0) no-repeat right center;
  6451.     font-size: 0.8em;
  6452.     vertical-align: middle;
  6453.     border: none;
  6454.     box-shadow: none;
  6455.     margin: 0 0 0 auto;
  6456.     padding:0;
  6457.     width:1.3rem;
  6458.     height:1.3rem;
  6459.     cursor: pointer;
  6460.     border-radius: 0.5rem;
  6461. }
  6462.  
  6463. #searchbars ul {
  6464.     display: block;
  6465. }
  6466.  
  6467. #searchbars ul li {
  6468.     margin: 0;
  6469.     display: inline;
  6470.     list-style: none;
  6471.     position: relative;
  6472. }
  6473.  
  6474. #searchbars ul li ul {
  6475.     display: block;
  6476.     position: absolute;
  6477.     top: 1em;
  6478.     left: 0;
  6479.     border: 1px solid #98AAB1;
  6480.     background: #F4F6FB;
  6481.     width: 12em;
  6482. }
  6483.  
  6484. #searchbars ul li ul li {
  6485.     margin: 0 0 0 0;
  6486.     padding: 0;
  6487.     display: block;
  6488.     width: 100%;
  6489.     text-align: left;
  6490. }
  6491.  
  6492. #searchbars ul li ul li.highlight {
  6493.     background: #C6D3E4;
  6494. }
  6495.  
  6496. li.searchbars {
  6497.     font-size: 1.1rem;
  6498.     float: left;
  6499.     margin: 1.6rem 0 1.2rem 2.5rem;
  6500. }
  6501.  
  6502.  
  6503. #alerts {
  6504.     margin: 0 auto;
  6505.     text-align: center;
  6506.     max-width: 70rem;
  6507.     width:50%;
  6508. }
  6509.  
  6510. .alertbar {
  6511.     min-height: 1.6rem;
  6512.     padding: 0.2rem 2rem 0.2rem;
  6513.     background-color: #e00;
  6514.     text-align: center;
  6515.     font-weight: bold;
  6516.     color: white;
  6517.     margin: 0.4rem auto;
  6518.     border-radius: 1rem;       /* FF9+ IE9+ */
  6519.     animation: alertani 500ms linear 0s 10 alternate;
  6520.     -webkit-animation: alertani 500ms linear 0s 10 alternate;
  6521.     background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.4) 100%);
  6522.     background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.4) 100%);
  6523.     background-color: #f22;
  6524. }
  6525.  
  6526. @keyframes alertani {
  6527.     100% {
  6528.         background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.2) 100%);
  6529.         background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.2) 100%);
  6530.         background-color: #e93;
  6531.     }
  6532. }
  6533. @-webkit-keyframes alertani {
  6534.     100% {
  6535.         background-image: linear-gradient(rgba(250,0,0,0) 0%, rgba(210,220,0,0.8) 100%);
  6536.         background-image: -webkit-linear-gradient(rgba(250,0,0,0) 0%, rgba(210,220,0,0.8) 100%);
  6537.         background-color: #e93;
  6538.     }
  6539. }
  6540.  
  6541. #modbar.alertbar {
  6542.     animation: none;
  6543.     background: none;
  6544. }
  6545.  
  6546. .alertbar a {
  6547.     text-decoration: none;
  6548.     color: white;
  6549. }
  6550. .alertbar a:hover {
  6551.     text-decoration: none;
  6552. }
  6553.  
  6554. .blend {
  6555.     padding: 0.2rem 1rem 0.2rem;
  6556.     background-color: transparent;
  6557.     color: white;
  6558. }
  6559. .blend a {
  6560.     color: white;
  6561.     padding: 0.2rem 0.2rem;
  6562. }
  6563. .blend a:hover {
  6564.     color: white;
  6565.     text-decoration: none;
  6566.     background-color: #5C7CBC;
  6567.     border-radius: 0.3rem;
  6568. }
  6569.  
  6570. .bluebar {
  6571.     padding: 0.2rem 2rem 0.2rem;
  6572.     background-color: #003875;
  6573.     color: white;
  6574. }
  6575. .bluebar a {
  6576.     color: white;
  6577.     padding: 0.2rem 0.2rem;
  6578. }
  6579. .bluebar a:hover {
  6580.     color: white;
  6581.     text-decoration: none;
  6582. }
  6583.  
  6584. .nicebar {
  6585.     font-weight:normal;
  6586.     color: white;
  6587.     position: relative;
  6588.     border-radius: 1rem;       /* FF9+ IE9+ */
  6589.     -webkit-border-radius: 1rem; /* for opera */
  6590.     padding: 0.3rem 1rem 1px;
  6591.     text-align: center;
  6592.     height: 1.9rem;
  6593.     margin-top:-0.2rem;
  6594.     left: 50%;
  6595.     transform: translate(-50%);
  6596.     -webkit-transform: translate(-50%);
  6597.     animation: nicebar 300ms linear 1s 10 alternate;
  6598.     -webkit-animation: nicebar 300ms linear 1s 10 alternate;
  6599.     background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,50,0.6) 100%);
  6600.     background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,50,0.6) 100%);
  6601.     background-color: #64ACDA;
  6602. }
  6603. @keyframes nicebar { 100% { background-color: cyan; }}
  6604. @-webkit-keyframes nicebar { 100% { background-color: cyan; }}
  6605.  
  6606. /* Compose Staff Message form */
  6607. #compose {
  6608.     margin: 2rem auto;
  6609. }
  6610.  
  6611. /* user classes */
  6612. .user_name {
  6613.     font-weight: normal;
  6614.     background-color:#545C66; /*#e3eefd;*/
  6615.     border: 1px solid #6A747E;
  6616.     border-radius: 0.8rem;
  6617.     padding: 1px 0.8rem;
  6618.     margin: 0;
  6619.     color: #bbb;
  6620.     display: inline-block;
  6621.     vertical-align: middle;
  6622. }
  6623.  
  6624. span.user_name a {
  6625.     color: #000;
  6626. }
  6627. span.user_name a:visited {
  6628.     color: #000;
  6629. }
  6630. .rank {  /* rank applies to all the following styles */
  6631.     font-weight: bold;
  6632. }
  6633. .Apprentice { color:#92a5c2; }
  6634. .Perv { color:#4Ec89B; }
  6635. .GoodPerv { color:#3c3; }
  6636. .SextremePerv { color:orange; }
  6637. .SmutPeddler { color:#00f; }
  6638. .EmpLegend { color:#CFB53B; }
  6639. .ModPerv { color:#000; }
  6640. .Admin { color:#606; }
  6641. .Sysop { color:#00ff00; }
  6642. .Donor { color:#DAA520; }
  6643.  
  6644. span.user_title {
  6645.     font-style: italic;
  6646. }
  6647.  
  6648. /* IE doesn't appear to like a simple display:none in our header. Random things start fucking up pretty badly. */
  6649. .hidden {
  6650.     position: absolute;
  6651.     left: -1000rem;
  6652. }
  6653.  
  6654. input.hidden {
  6655.     position: absolute;
  6656.     display: none;
  6657. }
  6658.  
  6659. /* Layout (Any page) */
  6660.  
  6661. .thin {
  6662.     width: 96%;
  6663.     margin-left:auto;
  6664.     margin-right:auto;
  6665. }
  6666.  
  6667. .thin > h2 {
  6668.     margin: 1rem -2.1% 2rem;
  6669. }
  6670. .thin > h2:first-child {
  6671.     margin: 0 -2.07% 2rem;
  6672.     border-radius: 1.3rem 1.3rem 0 0;
  6673. }
  6674.  
  6675. .thin > .linkbox:first-child {
  6676.     margin-top: 1rem;
  6677. }
  6678.  
  6679. .thin > .head:first-child {
  6680.     margin: 2rem 0 0;
  6681. }
  6682.  
  6683. .thin > p {
  6684.     color: #fff;
  6685. }
  6686.  
  6687. h2 {
  6688.     margin: 1rem 0 2rem;
  6689.     text-align: center;
  6690.     color: #def;
  6691.     border-radius: 0.5rem;
  6692.     background: #2D426D; /* ie fallback */
  6693.     background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(71, 71, 71, 0.1) 40%, rgba(0, 0, 0, 0.13) 90%, rgba(0, 0, 0, 0.1) 100%);
  6694.     background: -webkit-linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(71, 71, 71, 0.1) 40%, rgba(0, 0, 0, 0.13) 90%, rgba(0, 0, 0, 0.1) 100%);
  6695.     font-size: 1.8rem;
  6696.     padding: 0.3rem 4rem 0.7rem 4rem;
  6697. }
  6698.  
  6699. h2 a {
  6700.     color: #ddd;
  6701. }
  6702. h2 a:visited {
  6703.     color: #ccc;
  6704. }
  6705.  
  6706. .box h2 {
  6707.     padding: 0.3rem 4rem;
  6708.     font-size: 1.4rem;
  6709.     border-radius: 0.8rem;
  6710.     background-image: none;
  6711.     background-color: #9CB7D2;
  6712.     font-weight: bold;
  6713.     color: #555;
  6714.     box-shadow:none;
  6715. }
  6716.  
  6717.  
  6718. .contact_link {
  6719.     display: inline;
  6720.     padding: 0.5rem;
  6721.     margin: 0 2rem 0 1rem;
  6722.     font-weight: bold;
  6723.     background-color: #d00;
  6724.     border: 1px solid #005488;
  6725.     border-radius: 0.6rem;
  6726. }
  6727.  
  6728. a.contact_link {
  6729.     color: white;
  6730.     text-decoration: underline;
  6731. }
  6732. a.contact_link:hover {
  6733.     text-decoration: none;
  6734. }
  6735.  
  6736.  
  6737. div.linkbox {
  6738.     text-align:center;
  6739.     padding: 0.5rem;
  6740. }
  6741.  
  6742. .center {
  6743.     text-align: center;
  6744. }
  6745.  
  6746. .right {
  6747.     text-align: right;
  6748. }
  6749.  
  6750. .medium {
  6751.     text-align: left;
  6752.     width: 86%;
  6753. }
  6754.  
  6755. .long {
  6756.     text-align: left;
  6757.     width: 97%;
  6758. }
  6759.  
  6760. .wid35 {
  6761.     width: 35%;
  6762. }
  6763. .min_padding {
  6764.     padding: 0;
  6765.     margin: 0 0;
  6766. }
  6767.  
  6768. p.min_padding {
  6769.     margin: 0.2rem 0;
  6770. }
  6771.  
  6772. .pad {
  6773.     padding: 1rem;
  6774. }
  6775.  
  6776. .vertical_space {
  6777.     margin-bottom: 1rem;
  6778. }
  6779.  
  6780. .vertical_space_small {
  6781.     height: 0.5rem;
  6782. }
  6783.  
  6784. .box {
  6785.     margin: 0;
  6786.     font-size: 1.2rem;
  6787.     background-color: #FCFCFC;
  6788.     /*border-radius: 0 0 2px 2px;*/
  6789. }
  6790. .box .box {
  6791.     border: 1px solid #ccc;
  6792.     /*width: auto;*/
  6793. }
  6794.  
  6795. .pad h3, .pad h4, .padbox h3, .padbox h4 {
  6796.     margin-top: 0;
  6797.     padding-top: 0;
  6798. }
  6799.  
  6800.  
  6801. #details_top {
  6802.     margin-bottom: 1rem;
  6803. }
  6804. .top_info {
  6805.     display:inline-table;
  6806.     margin:1.6rem auto 1.6rem;
  6807.     border: 1px solid #7BA3C1;
  6808.     padding:0 0.8rem 0 0.8rem;
  6809.     background: white;
  6810.     border-radius: 0.9rem;
  6811.     white-space: nowrap;
  6812.     z-index: 1;
  6813. }
  6814. .sticky_top_info {
  6815.     top: -1.6rem;
  6816.     position: fixed;
  6817.     left: 50%;
  6818.     transform: translate(-50%);
  6819. }
  6820. table.boxstat {
  6821.     border:none;
  6822.     color: #000;
  6823. }
  6824. table.boxstat td {
  6825.     padding: 0.3rem 0.6rem;
  6826.     border-top:none;
  6827.     border-right: none;
  6828.     border-left:1px solid #7BA3C1;
  6829.     border-bottom:none;
  6830.     background: white;
  6831.     text-align:center;
  6832.     vertical-align:middle;
  6833. }
  6834. table.boxstat td:first-child {
  6835.     border-left:none;
  6836. }
  6837. table.boxstat a, table.boxstat a:visited {
  6838.     color: #445;
  6839. }
  6840. .button.toggle {
  6841.     width: 8rem;
  6842.     margin: 0.6rem 0 0 0.8rem;
  6843.     padding: 0.4rem 1.2rem;
  6844.     border: 1px solid #7BA3C1;
  6845.     color: #fff;
  6846.     cursor: pointer;
  6847.     vertical-align: top;
  6848. }
  6849.  
  6850. #user_message .button {
  6851.     margin: 0 0 0.8rem 0.8rem;
  6852.     padding: 0.4rem 1.2rem;
  6853.     vertical-align: middle;
  6854. }
  6855.  
  6856. #staff_tools, #warning_status {
  6857.     margin-bottom: 1.5rem;
  6858. }
  6859.  
  6860.  
  6861. .warning {
  6862.     font-size: 1.8rem;
  6863.     font-weight: bold;
  6864.     text-align: center;
  6865.     padding: 0.4rem 0;
  6866. }
  6867.  
  6868. .greybar {
  6869.     background: #aaa;
  6870.     color: white;
  6871.     font-weight: bolder;
  6872. }
  6873.  
  6874. .redbar {
  6875.     background: #A4913C;
  6876.     color: white;
  6877. }
  6878. .orangebar {
  6879.     background: #FF9900;
  6880.     color: white;
  6881.     font-weight: bolder;
  6882. }
  6883. .redbar a, .orangebar a {
  6884.     color: white;
  6885.     text-decoration: line-through;
  6886. }
  6887. .redbar a:hover, .orangebar a:hover {
  6888.     text-decoration: underline;
  6889. }
  6890.  
  6891. .sicon {
  6892.     display:inline-block;
  6893.     width:1rem;
  6894.     height:1.2rem;
  6895.     margin-right: 0.3rem;
  6896. }
  6897.  
  6898. .icon_ducky {
  6899.     margin-right: 0.3rem;
  6900.     background: url('https://www.empornium.sx/static/styles/modern/images/duck16.png') no-repeat center center;
  6901. }
  6902.  
  6903.  
  6904. .icon_warning {    background: url('https://www.empornium.sx/static/styles/modern/images/warned.png') no-repeat center center;}
  6905. .icon_watched {    background: url('https://www.empornium.sx/static/styles/modern/images/watched.png') no-repeat center center;}
  6906.  
  6907. .top_info .icon_warning {    background: url('https://www.empornium.sx/static/styles/modern/images/warning.gif') no-repeat center center;}
  6908.  
  6909. #staff_tools .icon {
  6910.     width:1.6rem;
  6911.     height:1.6rem;
  6912.     /*margin-top: -2px;*/
  6913.     background-size: 1.6rem 1.6rem;
  6914. }
  6915.  
  6916. #staff_tools td {
  6917.     /* padding: 2px 5px;
  6918.      border-bottom: 1px solid #ddd;*/
  6919. }
  6920.  
  6921. .details {
  6922.     width: 96%;
  6923.     min-width: 92rem;
  6924.     margin-left:auto;
  6925.     margin-right:auto;
  6926. }
  6927. .details div.linkbox {
  6928.     text-align: center;
  6929.     padding: 0;
  6930.     margin: 0;
  6931. }
  6932.  
  6933. .details .sidebar, #requests .sidebar {
  6934.     width: 26rem;
  6935. }
  6936.  
  6937. .details .middle_column, #requests .middle_column {
  6938.     margin: 0 27rem 1rem 0;
  6939. }
  6940.  
  6941. .middle_column table {
  6942.     margin-bottom: 2rem;
  6943. }
  6944.  
  6945. .middle_column .torrent_table {
  6946.     margin-top: 0;
  6947. }
  6948.  
  6949. .details .main_column, #requests .main_column {
  6950.     margin: 0 0 1rem 0;
  6951. }
  6952.  
  6953. .details .filetypes {
  6954.     background-color: #eff3f6;
  6955. }
  6956.  
  6957. .details .tag_add {
  6958.     border-top: 1px solid #98AAB1;
  6959.     padding: 0.2rem 1rem 0.2rem 1rem;
  6960. }
  6961.  
  6962. .tag_warning {
  6963.     font-size: 1.4rem;
  6964. }
  6965.  
  6966. .box_albumart{
  6967.     padding: 0.5rem;
  6968.     margin: 0;
  6969. }
  6970.  
  6971. .sidebar .box {
  6972.     margin: 0 0.5rem 2rem 0.5rem;
  6973. }
  6974.  
  6975. .thin .box {
  6976.     margin: 0 auto 2rem;
  6977. }
  6978.  
  6979. .details .box, #requests .box {
  6980.     margin: 0;
  6981. }
  6982.  
  6983.  
  6984. .sticky_post {
  6985.     color: #050;
  6986. }
  6987.  
  6988. .small {
  6989.     font-weight: normal;
  6990.     font-size: 0.7em;
  6991. }
  6992.  
  6993. .body {
  6994.     padding: 0.3rem 1rem 1rem 1rem;
  6995. }
  6996.  
  6997. .sidebar {
  6998.     float: right;
  6999.     width: 28rem;
  7000.     height: 100%;
  7001. }
  7002.  
  7003. .main_column {
  7004.     margin: 0 29rem 1rem 0;
  7005. }
  7006.  
  7007. .main_column .box, .main_column table {
  7008.     margin-bottom: 2rem;
  7009. }
  7010.  
  7011. .tags {
  7012.     padding: 0 0 0 2rem;
  7013.     font-style: italic;
  7014. }
  7015. .tags a {
  7016.     color: #2859A2;
  7017. }
  7018. .tags a:hover, .redbar .tags a:hover {
  7019.     text-decoration: underline;
  7020. }
  7021. .tags a:visited {
  7022.     color: #250855;
  7023. }
  7024. .redbar .tags a {
  7025.     color: white;
  7026.     text-decoration: none;
  7027. }
  7028. .noborder {
  7029.     border: none;
  7030. }
  7031.  
  7032. ul.nobullet {
  7033.     list-style-type: none;
  7034. }
  7035.  
  7036.  
  7037. span.red {
  7038.     font-weight: bold;
  7039.     color: red;
  7040. }
  7041. span.green {
  7042.     font-weight: bold;
  7043.     color: green;
  7044. }
  7045. span.grey {
  7046.     font-weight: bold;
  7047.     color: darkgrey;
  7048. }
  7049.  
  7050.  
  7051. table {
  7052.     width: 100%;
  7053.     border-collapse: collapse;
  7054. }
  7055.  
  7056. tr {
  7057.     background-color: #FCFCFC;
  7058. }
  7059.  
  7060. tr.rowa, .rowa {
  7061.     background-color: #eff3f6;
  7062. }
  7063. tr.rowb, .rowb {
  7064.     background-color: white;
  7065. }
  7066. tr.rowa.sticky {
  7067.     background-color: #C8D6E0;
  7068. }
  7069. tr.rowb.sticky {
  7070.     background-color: #D3DEE7;
  7071. }
  7072. #dnulist tr:nth-child(odd), #whitelist tr:nth-child(odd) {
  7073.     background-color:#eff3f6;
  7074. }
  7075.  
  7076. #iplinkeddiv tr,
  7077. #reportsdiv tr,
  7078. #staffpmsdiv tr,
  7079. .torrent_table table tr td,
  7080. body#tools tr.rowa,
  7081. body#tools tr.rowb,
  7082. body#staffpm tr.rowa,
  7083. body#staffpm tr.rowb { /*instant change*/
  7084.     transition: none;
  7085.     -webkit-transition: none;
  7086. }
  7087. #iplinkeddiv tr:hover,
  7088. #reportsdiv tr:hover,
  7089. #staffpmsdiv tr:hover,
  7090. .torrent_table table tr:hover td,
  7091. body#tools tr.rowa:hover,
  7092. body#tools tr.rowb:hover,
  7093. body#staffpm tr.rowa:hover,
  7094. body#staffpm tr.rowb:hover {
  7095.     background-color: #DADADA;
  7096.     transition: none;
  7097.     -webkit-transition: none;
  7098. }
  7099.  
  7100. table.forum_list tr td { /*faster change*/
  7101.     transition: background-color .5s;
  7102.     -webkit-transition: background-color .5s;
  7103. }
  7104. .forum_list tr.rowa:hover td,
  7105. .forum_list tr.rowb:hover td {
  7106.     background-color: #DADADA;
  7107.     transition: background-color .7s .2s;
  7108.     -webkit-transition: background-color .7s .2s;
  7109. }
  7110.  
  7111. /*tr.rowa, .rowa, tr.rowb, .rowb,*/
  7112. tr.torrent.rowa, tr.torrent.rowb { /*slower change*/
  7113.     transition: background-color 1s;
  7114.     -webkit-transition: background-color 1s;
  7115. }
  7116. /*tr.rowa:hover, .rowa:hover, tr.rowb:hover, .rowb:hover,*/
  7117. tr.torrent.rowa:hover, tr.torrent.rowb:hover {
  7118.     background-color: #DADADA;
  7119.     transition: background-color 1s 1s;
  7120.     -webkit-transition: background-color 1s 1s;
  7121. }
  7122.  
  7123. td {
  7124.     padding: 0.3rem 0.5rem;
  7125.     text-align: left;
  7126. }
  7127.  
  7128. table.wid740 {
  7129.     margin: auto;
  7130.     width: 74rem;
  7131.     border-collapse: collapse;
  7132.     border: 1px solid #0d245a;
  7133. }
  7134.  
  7135. .label {
  7136.     background-color: #eff3f6;
  7137.     border:none;
  7138.     font-weight: bold;
  7139.     text-align: right;
  7140.     width: 20rem;
  7141. }
  7142. tr#recentuploads td{
  7143.     background-color:white;
  7144. }
  7145.  
  7146. table.staff {
  7147.     border: 1px solid #dde;
  7148. }
  7149.  
  7150. #staff table {
  7151.     border: 1px solid #dde;
  7152. }
  7153. /* Bonus Shop */
  7154.  
  7155. tr.itembuy { background: #CBE1CB; background: linear-gradient(white 0%,#BAD7B8 0.4rem, #D2E6D1 100%); }
  7156. tr.itemnotbuy { background: #DCC7C9; background: linear-gradient(white 0%,#D3B9BA 0.4rem, #E4D3D3 100%); }
  7157. tr.itemduplicate { background: #D4D4D4; background: linear-gradient(white 0%,#C5C5C5 0.4rem, #DBDBDB 100%); }
  7158.  
  7159. .shopbutton {
  7160.     width: 6rem;
  7161.     background-color: white;
  7162.     padding: 0.2rem 1rem 0.2rem;
  7163.     border: 0.2rem solid;
  7164.     border-color: #1a1;
  7165.     color: #292;
  7166. }
  7167. input.shopbutton.itembuy {
  7168.     border-color: #1a1;
  7169.     color: #cfc;
  7170.     font-weight:bold;
  7171. }
  7172. input.shopbutton.itembuy:hover {
  7173.     border-color: #6f6;
  7174. }
  7175. .bonusshop td {
  7176.     padding: 0.4rem;
  7177. }
  7178. .itemnotbuy input.shopbutton, input.itemnotbuy {
  7179.     border: 1px solid #944;
  7180.     color: #fcc;
  7181. }
  7182. .itemnotbuy input.shopbutton:hover {
  7183.     background: linear-gradient(#8993AF, #606C90) repeat scroll 0% 0% transparent; /* don't change bg on hover */
  7184. }
  7185.  
  7186. tr.colhead_dark td {
  7187.     background-color: #7393b3;
  7188.     color: #fff;
  7189. }
  7190.  
  7191. tr.smallhead {
  7192.     background-color: #67737E;
  7193.     /*background: -webkit-linear-gradient(10deg,rgba(90,100,110,.8) 50%,rgba(70,120,130,0.8) 70%,rgba(65,75,85,.7) 80%);
  7194.     background: linear-gradient(170deg,rgba(90,100,110,.8) 50%,rgba(70,120,130,0.8) 65%,rgba(65,75,85,.7) 80%);*/
  7195.     color: #def;
  7196. }
  7197.  
  7198. tr.smallhead a:link, tr.smallhead button {
  7199.     all: unset;
  7200.     cursor: pointer;
  7201.     color: #ddd;
  7202. }
  7203.  
  7204. tr.smallhead a:visited {
  7205.     color: #bbb;
  7206. }
  7207.  
  7208. tr.smallhead a:hover {
  7209.     color: #eee;
  7210. }
  7211.  
  7212. tr.smallhead a:active {
  7213.     color: #334b7b;
  7214. }
  7215.  
  7216. .colhead {
  7217.     background-color: #9CB7D2;
  7218.     /* background: linear-gradient(170deg,rgba(170,200,230,.8) 60%,rgba(200,220,250,0.8) 70%,rgba(160,190,230,.8) 80%); doesnt work in chrome */
  7219.     font-weight: bold;
  7220.     color: #333;
  7221. }
  7222.  
  7223. .colhead a, .colhead a:visited {
  7224.     color: #333;
  7225. }
  7226.  
  7227. td.colhead, .colhead td {
  7228.     padding-left: 1rem;
  7229.     padding-right: 1rem;
  7230. }
  7231.  
  7232. .colhead .sign, .colhead_dark .colhead_red .sign {
  7233.     padding: 0 0.8rem 0 0.8rem;
  7234.     vertical-align:middle;
  7235.     text-align:center;
  7236.     font-size: 1.6rem;
  7237.     font-weight: bold;
  7238. }
  7239.  
  7240. .colhead_dark a {
  7241.     font-weight: normal;
  7242. }
  7243.  
  7244. .colhead_red {
  7245.     background-color: red;
  7246.     color: #eee;
  7247. }
  7248.  
  7249. .colhead_red a {
  7250.     color: white;
  7251. }
  7252.  
  7253.  
  7254. .head {
  7255.     padding: 0.3rem 1rem 0.3rem 0.3rem;
  7256.     height: 2rem;
  7257.     background: rgb(50,60,70); /* ie fallback */
  7258.     background: rgba(50,60,70,0.5);
  7259.     background: -webkit-linear-gradient(10deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 60%,rgba(80,55,100,0.4) 99%);
  7260.     background: linear-gradient(170deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 60%,rgba(80,55,100,0.4) 99%);
  7261.     border: 1px solid rgba(130,140,150,0.2);
  7262.     border-bottom: none;
  7263.     border-radius: 0.3rem 1.5rem 0 0;
  7264.     color: #def;
  7265.     line-height: 2rem;
  7266.     font-weight: normal;
  7267. }
  7268. .sidebar .head {
  7269.     background: -webkit-linear-gradient(10deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 80%);
  7270.     background: linear-gradient(170deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 80%);
  7271. }
  7272.  
  7273. .head a {
  7274.     color: white;
  7275. }
  7276.  
  7277. .head+div.box, .colhead+div.box, tr.head, tr#recentuploads, tr#recentsnatches, .head+table, #site_debug ,
  7278. .main_column>table, .thin>table, .thin>form>table, #searchforum table, #searchthread table, #messageform .box,
  7279. .shadow, .report  {
  7280.     box-shadow:inset -1px 1px 0.3rem #293B55;
  7281. }
  7282.  
  7283. tr.head+tr {
  7284.     box-shadow:inset 0 1px 0.3rem #293B55;
  7285. }
  7286.  
  7287. #upload .cover_image {
  7288.     width:26rem;
  7289.     margin: 0 auto;
  7290. }
  7291.  
  7292. #forums .head {
  7293.     margin-top: 2rem;
  7294. }
  7295. div.box.pad.latest_topics {
  7296.     text-align:justify;
  7297. }
  7298.  
  7299. .reports {
  7300.     max-width: 110rem;
  7301.     margin: 0 auto ;
  7302. }
  7303. .spacespans span {
  7304.     margin-right:2rem;
  7305. }
  7306.  
  7307. table.slice {
  7308.     margin-top: -1px;
  7309. }
  7310.  
  7311. .error_message {
  7312.     border-top: 1px solid #C1965C;
  7313.     padding: 0.3rem 0 0.3rem 0;
  7314.     background-color: #AF2525;
  7315.     text-align: center;
  7316.     color: white;
  7317.     font-weight: bold;
  7318. }
  7319.  
  7320. .save_message {
  7321.     border: 1px solid #C1965C;
  7322.     padding: 0.3rem 0 0.3rem 0;
  7323.     background-color: #F4E649;
  7324.     text-align: center;
  7325.     color: #492802;
  7326.     font-weight: bold;
  7327. }
  7328.  
  7329. .elem_error {
  7330.     border: 0.3rem solid #B00D0D;
  7331. }
  7332.  
  7333. .hide {
  7334.     display:none;
  7335. }
  7336.  
  7337. /* Layout (home page) */
  7338. ul.stats {
  7339.     padding: 0.5rem 0;
  7340. }
  7341.  
  7342. ul.stats li {
  7343.     padding: 0 0 1px 0;
  7344. }
  7345.  
  7346. ul.poll li {
  7347.     padding: 0 0 0 1rem;
  7348.     margin: 0;
  7349.     clear: left;
  7350. }
  7351.  
  7352. ul.poll li.graph {
  7353.     margin-bottom: 1.5rem;
  7354.     padding-left: 2rem;
  7355. }
  7356.  
  7357. /* Layout (Torrents page) */
  7358. .filter_torrents {
  7359.     margin-left:auto;
  7360.     margin-right:auto;
  7361.     margin-bottom:0;
  7362. }
  7363. #filter_slidetoggle {
  7364.     margin: -1px auto 1.5rem;
  7365.     height:2rem;
  7366.     text-align: center;
  7367.     border: 1px solid #98AAB1;
  7368.     padding: 0.6rem;
  7369.     font-weight: bold;
  7370.     font-size: 1.8rem;
  7371.     background-color: #9CB7D2;
  7372.     box-shadow:inset 0.2rem 0 1px #6a9bb7;
  7373.     border-radius: 0 0 1.2rem 1.2rem;
  7374. }
  7375.  
  7376. #search_box .box.pad {
  7377.     margin-bottom:0;
  7378. }
  7379.  
  7380. .filter_torrents .submit {
  7381.     text-align:right;
  7382.     padding-top:0.5rem;
  7383. }
  7384.  
  7385. .filter_torrents .inputtext {
  7386.     width:50rem;
  7387. }
  7388.  
  7389. .filter_torrents .smaller {
  7390.     width:30rem;
  7391. }
  7392.  
  7393. .filter_torrents .smallish {
  7394.     width:30rem;
  7395. }
  7396.  
  7397. .filter_torrents .smallest {
  7398.     width:5rem;
  7399. }
  7400.  
  7401. .filter_torrents input[type=button], .filter_torrents input[type=submit] {
  7402.     width:10rem;
  7403. }
  7404.  
  7405. .filter_torrents .search_buttons {
  7406.     vertical-align:bottom;
  7407. }
  7408.  
  7409. .filter_torrents .search_buttons span {
  7410.     float:right;
  7411.     padding:0 1.5rem 1rem 0;
  7412. }
  7413.  
  7414. .filter_torrents option {
  7415.     padding-right:0.8rem;
  7416. }
  7417.  
  7418. .cat_list {
  7419.     margin-top: -1px;
  7420. }
  7421.  
  7422. .cat_list tr td {
  7423.     border:none;
  7424.     background-color: #eff3f6;
  7425. }
  7426. #taglist {
  7427.     background-color: #eff3f6;
  7428.     font-size:1.1em;
  7429.     font-weight: bold;
  7430. }
  7431. #taglist tr {
  7432.     background-color: #eff3f6;
  7433. }
  7434. #taglist tr:first-child td {
  7435.     padding-top:1.5rem;
  7436. }
  7437. #taglist tr:last-child td {
  7438.     padding-bottom:1.5rem;
  7439. }
  7440. table.cat_list {
  7441.     font-size: 1.2rem;
  7442.     font-weight: bold;
  7443. }
  7444. .taglist {
  7445.     margin-bottom: 1.5rem;
  7446. }
  7447. .taglist tr td {
  7448.     border:none;
  7449.     text-align: center;
  7450. }
  7451.  
  7452. .select_container {
  7453.     margin:0.5rem;
  7454. }
  7455.  
  7456. .group {
  7457.     font-weight:bold;
  7458.     background-color:#D7E2EF;
  7459. }
  7460. .group_torrent {
  7461.     background-color: white;
  7462. }
  7463. .group_torrent span {
  7464.     float:right;
  7465. }
  7466.  
  7467. .torrent {
  7468.     font-weight:bold;
  7469.     font-size: 1.2rem;
  7470. }
  7471. .torrent span {
  7472.     font-weight:normal;
  7473.     float:right;
  7474. }
  7475. .torrent span.time {
  7476.     float:none;
  7477. }
  7478.  
  7479. .torrentdetails table {
  7480.     border: 1px solid #dde;
  7481. }
  7482. .torrentdetails table tr:nth-child(even) {
  7483.     background-color: #eff3f6;
  7484. }
  7485. .torrentdetails table.reported tr:nth-child(even) {
  7486.     background-color: white;
  7487. }
  7488. .torrent_table table {
  7489.     width:98%;
  7490.     margin: 1rem;
  7491.     font-size: 1.2rem;
  7492.     color:#444;
  7493. }
  7494. .torrent_table tr {
  7495.     vertical-align:top;
  7496. }
  7497. .torrent_table td {
  7498.     padding: 0.3rem;
  7499.     vertical-align: middle;
  7500. }
  7501. .torrent_table div.tags {
  7502.     font-weight:normal;
  7503. }
  7504.  
  7505. .torrent_table tr .center {
  7506.     vertical-align:middle;
  7507.     text-align:center;
  7508. }
  7509.  
  7510. .torrent_table td .small {
  7511.     width:2rem;
  7512. }
  7513.  
  7514. .torrent_table a img {
  7515.     border:none;
  7516. }
  7517.  
  7518.  
  7519. .torrent_table table .colhead_dark {
  7520.     background-image: none;
  7521.     background-color: #0261A3;
  7522. }
  7523.  
  7524. .torrent .user {
  7525.     font-weight: normal;
  7526.     vertical-align: middle;
  7527.     text-align: center;
  7528. }
  7529.  
  7530. .nobr {
  7531.     white-space:nowrap;
  7532. }
  7533.  
  7534. .advanced_search {
  7535.     text-align:right;
  7536.     padding-bottom:0.5rem;
  7537. }
  7538.  
  7539. .unreadnotification {
  7540.     border: 0.2rem solid #E2D244;
  7541. }
  7542.  
  7543. /* Top10 */
  7544. .top10 {
  7545.     text-align: right;
  7546. }
  7547. .top10.stat {
  7548.     width:1.6rem
  7549. }
  7550. .top10.statname {
  7551.     width:4rem
  7552. }
  7553. .top10.statlong {
  7554.     width:6rem
  7555. }
  7556.  
  7557. .top10_tags {
  7558.     max-width:80rem;
  7559.     margin:auto;
  7560. }
  7561. .head.top10_tags {
  7562.     max-width:78.8rem;
  7563. }
  7564.  
  7565.  
  7566. .tags_rank {
  7567.     text-align:center;
  7568.     width:20rem;
  7569. }
  7570. .tags_tag {
  7571.     text-align:center;
  7572.     width:20rem;
  7573. }
  7574. .tags_uses {
  7575.     text-align:center;
  7576. }
  7577. .tags_votes {
  7578.     text-align:center;
  7579. }
  7580. .tags_votes_detail {
  7581.     width: 4rem;
  7582.     text-align:center;
  7583. }
  7584. .tags_votes_detail2 {
  7585.     width: 4rem;
  7586.     text-align:left;
  7587. }
  7588.  
  7589. .total_votes {
  7590.     color: #03b;
  7591.     text-align:center;
  7592. }
  7593. .neg_votes {
  7594.     color: #911;
  7595.     text-align:center;
  7596. }
  7597. .pos_votes {
  7598.     color: #382;
  7599.     text-align:center;
  7600. }
  7601.  
  7602.  
  7603. .friends_table {
  7604.     margin-bottom: 1rem;
  7605. }
  7606.  
  7607.  
  7608. div.tagtable {
  7609.     width: 90rem;
  7610.     display:block;
  7611.     margin: 0 auto;
  7612. }
  7613. .tagtable {
  7614.     border:none;
  7615.     margin: 0 auto;
  7616. }
  7617. .syntable {
  7618.     border:none;
  7619.     width: 22rem;
  7620.     margin-bottom: 0.5rem;
  7621.     text-align: center;
  7622. }
  7623.  
  7624. .tagtable td {
  7625.     width: 8rem;
  7626.     border: none;
  7627.     text-align: center;
  7628. }
  7629.  
  7630. /* Layout (Forums) */
  7631.  
  7632. .last_post {width: 1.5rem; height: 1.5rem; background: url(https://www.empornium.sx/static/styles/modern/images/go_last_read.png) no-repeat center center; margin-left: 0.5rem;}
  7633. .last_read {width: 1.5rem; height: 1.5rem; background: url(https://www.empornium.sx/static/styles/modern/images/go_last_read.png) no-repeat center center; margin-left: 0.5rem;}
  7634. .last_read a, .last_post a { border: none; width: 100%; height: 100%; display: block; }
  7635. .colhead_dark .last_read { background-image:url(https://www.empornium.sx/static/styles/modern/images/go_last_read.png); }
  7636.  
  7637. .unread_locked_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_locked_sticky.png) no-repeat center center;}
  7638. .read_locked_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_locked_sticky.png) no-repeat center center;}
  7639. .read_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_sticky.png) no-repeat center center;}
  7640. .unread_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_sticky.png) no-repeat center center;}
  7641. .unread_locked{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_locked.png) no-repeat center center;}
  7642. .read_locked{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_locked.png) no-repeat center center;}
  7643. .unread{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread.png) no-repeat center center;}
  7644. .read{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read.png) no-repeat center center;}
  7645. .sicon{background: url(https://www.empornium.sx/static/styles/modern/images/go_latest_topics.png) no-repeat center center;}
  7646.  
  7647. .permission_container tr:nth-child(even) {
  7648.     background-color: #eff3f6;
  7649. }
  7650.  
  7651. table.forum_post {
  7652.     margin: 1rem 0;
  7653.     font-size: 1.2rem;
  7654. }
  7655.  
  7656. #requests table.forum_post {
  7657.     margin: 0 0 2rem;
  7658. }
  7659.  
  7660. td.bbcode {
  7661.     border: 1px solid #aaa;
  7662. }
  7663. table.forum_post td {
  7664.     border: 1px solid #ccc;
  7665.     border-top:none;
  7666.     border-left:none;
  7667. }
  7668.  
  7669. table.forum_unread {
  7670.     /*border: 0 solid #98AAB1;*/
  7671. }
  7672.  
  7673. table.forum_list, table.forum_index {
  7674.     border:none;
  7675.     margin-bottom: 1rem;
  7676.     font-size: 1.2rem;
  7677. }
  7678. table.forum_list td, table.forum_index td {
  7679.     border:none;
  7680. }
  7681.  
  7682. td.avatar {
  7683.     width: 15rem;
  7684.     min-height: 15rem;
  7685.     padding: 0;
  7686.     text-align: center;
  7687.     background-color: #FCFCFC;
  7688. }
  7689. img.avatar {
  7690.     margin: 0;
  7691. }
  7692. #user img.avatar {
  7693.     margin-top: 0.3rem;
  7694. }
  7695.  
  7696. .newstatus{
  7697.     color: #3f3;
  7698.     padding: 0 0.3rem;
  7699.     font-style: italic;
  7700. }
  7701.  
  7702. video { max-width: 96rem; }
  7703. .bb_video {
  7704.     border: none;
  7705.     width: 64rem;
  7706.     height: 32rem;
  7707. }
  7708.  
  7709. a[onclick^="BBCode.spoiler"] {
  7710.     text-shadow: 1px 1px 1px rgba(255,255,255,.7), -1px -1px 1px rgba(255,255,255,.7), 1px -1px 1px rgba(255,255,255,.7), -1px 1px 1px rgba(255,255,255,.7);
  7711. }
  7712.  
  7713. table .scale_image {
  7714.     max-width: 80rem;
  7715. }
  7716. #collage table .scale_image {
  7717.     max-width: 60rem;
  7718. }
  7719. ul.collage_images li {
  7720.     padding: 0.5rem;
  7721.     margin: auto;
  7722.     float: left;
  7723.     list-style: outside none none;
  7724.     text-align: center;
  7725.     min-width: 12rem;
  7726.     max-width: 22.5rem;
  7727. }
  7728. ul.collage_images img {
  7729.     min-height: 15rem;
  7730.     max-height: 20rem;
  7731.     min-width: 12rem;
  7732.     max-width: 25rem;
  7733. }
  7734.  
  7735. td.postbody {
  7736.     padding:0;
  7737. }
  7738. .post_footer {
  7739.     border-top:1px dashed #ccc;
  7740.     width:40rem;
  7741.     color:#777;
  7742.     font-style: italic;
  7743.     font-size: 90%;
  7744. }
  7745.  
  7746. td.badgesrow, .badgesrow {
  7747.     border-top: 1px solid #dcdde4;
  7748.     padding:0;
  7749. }
  7750. .badges {
  7751.     padding: 0.4rem;
  7752.     text-align: center;
  7753. }
  7754. .badges img {
  7755.     max-width: 15rem;
  7756.     max-height: 6rem;
  7757.     margin: 1px;
  7758. }
  7759. #badgesadmin img {
  7760.     margin-bottom: 0.6rem;
  7761. }
  7762. #badgesadmin .badge {
  7763.     margin: 0.8rem;
  7764. }
  7765. .badge {
  7766.     display:inline-block;
  7767.     text-align: center;
  7768. }
  7769.  
  7770. .addbadges {
  7771.     text-align: left;
  7772. }
  7773. .addbadges .badge {
  7774.     display:block;
  7775. }
  7776.  
  7777.  
  7778.  
  7779. /* Layout (Inbox) */
  7780.  
  7781. tr.unreadpm {
  7782.     background-color: #ECC;
  7783. }
  7784.  
  7785. /* Layout (Permission Page) */
  7786.  
  7787. .permission_head {
  7788.     width: 35rem;
  7789.     margin-left:auto;
  7790.     margin-right:auto;
  7791. }
  7792.  
  7793. .permission_head input {
  7794.     width: 20rem;
  7795. }
  7796. .permission_head input.wid35 {
  7797.     width: 8.3rem;
  7798. }
  7799. .permission_head td.label {
  7800.     font-weight: bold;
  7801.     text-align: right;
  7802.     width: 13rem;
  7803. }
  7804.  
  7805. .permission_container {
  7806.     margin-top: 2rem;
  7807.     float:left;
  7808.     width:30rem;
  7809.     padding:0.5rem;
  7810. }
  7811. .permission_container input {
  7812.     margin:0 0.3rem 0.5rem 0;
  7813.     vertical-align:top;
  7814. }
  7815.  
  7816.  
  7817. .submit_container {
  7818.     clear:both;
  7819.     text-align:right;
  7820. }
  7821.  
  7822. /* Layout (Invite tree) */
  7823.  
  7824. ul .invitetree {
  7825.     margin: 0 0 0 2.5rem;
  7826. }
  7827.  
  7828. .invitetree li {
  7829.     list-style: none;
  7830.     margin: 1rem 0.2rem;
  7831. }
  7832.  
  7833. /* Layout (MISC) */
  7834.  
  7835. #snatchesdiv > td {
  7836.     width: 20%;
  7837.     text-align: center;
  7838.  
  7839. }
  7840. #snatchesdiv > td > a {
  7841.     border: 1px solid lightgray;
  7842.     display: block;
  7843.     padding: 0.3rem;
  7844.  
  7845. }
  7846.  
  7847. .left_poll {
  7848.     width: 0.2rem;
  7849.     height: 0.9rem;
  7850.     background: url('https://www.empornium.sx/static/styles/modern/images/bar_left.gif') no-repeat center center;
  7851.     float: left;
  7852.     margin: 0;
  7853.     padding: 0;
  7854. }
  7855.  
  7856. .center_poll {
  7857.     height: 0.9rem;
  7858.     background: url('https://www.empornium.sx/static/styles/modern/images/bar.gif') repeat;
  7859.     float: left;
  7860.     margin: 0;
  7861.     padding: 0;
  7862. }
  7863.  
  7864. .right_poll {
  7865.     width: 0.2rem;
  7866.     height: 0.9rem;
  7867.     background: url('https://www.empornium.sx/static/styles/modern/images/bar_right.gif') no-repeat center center;
  7868.     float: left;
  7869.     margin: 0;
  7870.     padding: 0;
  7871. }
  7872.  
  7873. .curtain {
  7874.     position: fixed;
  7875.     top: 0%;
  7876.     left: 0%;
  7877.     width: 100%;
  7878.     height: 100%;
  7879.     background: #ECF0F6;
  7880.     z-index:1001;
  7881. }
  7882.  
  7883. .lightbox {
  7884.     position: fixed;
  7885.     text-align: center;
  7886.     top: 5%;
  7887.     left: 5%;
  7888.     width: 90%;
  7889.     height: 90%;
  7890.     padding: 0;
  7891.     z-index:1002;
  7892.     overflow: auto;
  7893. }
  7894.  
  7895. .center {
  7896.     text-align: center;
  7897. }
  7898.  
  7899. .spellcheck {
  7900.     margin: 2.5rem 0;
  7901.     font-size: 1.25em;
  7902.     font-weight: bold;
  7903. }
  7904.  
  7905. /* bbcode */
  7906.  
  7907. .anchor, a.anchor:visited, a.anchor:hover {
  7908.     font-family:"Arial Black", "Arial Bold", Gadget, sans-serif;
  7909.     font-weight: normal;
  7910.     font-size: 1.5em;
  7911.     color: #0261a3;
  7912.     text-decoration: none;
  7913. }
  7914.  
  7915. div.modcomment {
  7916.     background-color: #ecf0f6;
  7917.     text-align: left;
  7918.     margin: 1.2rem auto;
  7919.     padding-top: 1rem;
  7920.     padding-bottom: 0.8rem;
  7921.     padding-right: 1rem;
  7922.     padding-left: 1rem;
  7923.     border: 0.3rem solid #600;
  7924.     border-radius: 0.5rem;
  7925.     box-shadow: 0 0 0.5rem #300;
  7926.     color: black;
  7927.     font-size: 1.2rem;
  7928.     font-weight: normal;
  7929. }
  7930. div.modcomment div.after {
  7931.     float:right;
  7932.     color: #900;
  7933.     font-size: 1.2rem;
  7934.     font-weight: normal;
  7935.     padding: 0.2rem 0 0 0.4rem;
  7936.     margin: 0 -0.5rem -0.5rem 0;
  7937. }
  7938.  
  7939. div.modcomment:before {
  7940.     color: #900;
  7941.     content: "Staff Comment: ";
  7942.     font-weight: bold;
  7943. }
  7944.  
  7945. div.bbcode { /* bg tag */
  7946.     background-color: inherit;
  7947.     text-align: inherit;
  7948.     margin: 0 auto;
  7949. }
  7950.  
  7951. table.bbcode {
  7952.     background-color: transparent;
  7953.     text-align: inherit;
  7954.     margin: 0 auto;
  7955. }
  7956. tr.bbcode {
  7957.     background-color: inherit;
  7958.     text-align: inherit;
  7959. }
  7960. th.bbcode {
  7961.     background-color: inherit;
  7962.     text-align: inherit;
  7963.     font-size: larger;
  7964.     padding: 0.7rem;
  7965.     font-weight: bolder;
  7966. }
  7967. td.bbcode {
  7968.     background-color: inherit;
  7969.     text-align: inherit;
  7970. }
  7971.  
  7972. span.postlink {
  7973.     display:block;
  7974.     width: 1rem;
  7975.     height: 1rem;
  7976.     background: url('https://www.empornium.sx/static/styles/modern/images/go_quote.png') no-repeat center center;
  7977.     vertical-align: bottom;
  7978. }
  7979. a.postlink {
  7980.     border: none;
  7981.     display:inline-block;
  7982. }
  7983.  
  7984. span.error_label {
  7985.     font-size: 1.4rem;
  7986.     border:none;
  7987. }
  7988.  
  7989. blockquote.bbcode.error {
  7990.     border: 0.2rem solid #c00;
  7991.     padding: 0.5rem 1rem;
  7992. }
  7993. blockquote.bbcode.error code.error {
  7994.     font-size: 1.2em;
  7995. }
  7996.  
  7997. span.quote_label {
  7998.     font-size: 1.2rem;
  7999.     margin: 0.5rem 1.5rem -0.5rem 1.5rem;
  8000.     display:block;
  8001.     padding: 0.3rem 0 0;
  8002.     color: #555;
  8003. }
  8004. blockquote span.quote_label {
  8005.     color: #666;
  8006.     font-size: 1.2rem;
  8007. }
  8008. blockquote > blockquote > span.quote_label {
  8009.     color: #777;
  8010.  
  8011. }
  8012. blockquote.bbcode {
  8013.     padding: 1rem;
  8014.     border: 1px dotted #999;
  8015.     border-left: 0.5rem solid #999;
  8016.     margin: 0.5rem 1.5rem;
  8017.     background-color: #f4f4f4;
  8018.     color: #555;
  8019. }
  8020. blockquote.bbcode > blockquote.bbcode {
  8021.     border-color:#bbb;
  8022.     background-color: #fafafa;
  8023.     color: #666;
  8024.     font-size: 95%;
  8025. }
  8026. blockquote.bbcode > blockquote.bbcode > blockquote.bbcode {
  8027.     border-color:#cfcfcf;
  8028.     background-color: #fff;
  8029.     color: #777;
  8030. }
  8031. blockquote {
  8032.     margin: 0.5rem 0.5rem;
  8033.     padding: 1rem;
  8034.     border: 1px solid #98AAB1;
  8035. }
  8036.  
  8037. code.error {
  8038.     display:inline-block;
  8039.     color: #c00;
  8040.     font-size: 2em;
  8041.     font-weight: bolder;
  8042.     padding:1px 0;
  8043. }
  8044. code.bbcode {
  8045.     background-color: #fffff3;
  8046.     color: #333;
  8047.     border-width:1px;
  8048.     border-color: #D3CFB7;
  8049.     border-style: dotted;
  8050. }
  8051.  
  8052. code.bbcodeblock {
  8053.     font-family: "PT Mono", monospace;
  8054.     background-color: #f4f4f4;
  8055.     color: black;
  8056.     border: 1px dashed #98AAB1;
  8057. }
  8058. /*  Stuff for the bbcode assistant  */
  8059.  
  8060. table.bb_holder {
  8061.     border-collapse:collapse;
  8062.     background:    #808080;
  8063.     width: 100%;
  8064.     margin: 0;
  8065. }
  8066.  
  8067.  
  8068. table.bb_holder td {
  8069.     padding:0;
  8070. }
  8071.  
  8072. table.bb_holder td.colhead {
  8073.     background:none;
  8074.     background-color: #f8f8f8;
  8075.     color:black;
  8076.     font-weight: normal;
  8077. }
  8078.  
  8079. .bb_smiley_holder {
  8080.     text-align: center;
  8081.     padding: 0;
  8082.     max-width:100%;
  8083. }
  8084.  
  8085. select.bb_button {
  8086.     padding:0;
  8087.     background:white;
  8088.     cursor: pointer;
  8089.     color: #000000;
  8090.     height: 2.4rem;
  8091. }
  8092.  
  8093. .bb_buttons_left {
  8094.     float: left;
  8095.     text-align: left;
  8096.     margin: 0.6rem 0.4rem 0 0;
  8097.     min-height: 2rem;
  8098.     font-variant: small-caps;
  8099. }
  8100.  
  8101. .bb_buttons_right {
  8102.     float: right;
  8103.     margin-top: 0.3rem;
  8104. }
  8105. .bb_buttons_right div {
  8106.     float: left;
  8107.     text-align: left;
  8108.     margin: 0.3rem 2rem 0 0;
  8109. }
  8110.  
  8111.  
  8112. a.bb_button {
  8113.     padding:0.3rem 0.6rem;
  8114.     background:white;
  8115.     cursor: pointer;
  8116.     color: #000000;
  8117.     border: 1px solid #7BA3C1;
  8118. }
  8119.  
  8120. a.bb_button:hover {
  8121.     text-decoration:none;
  8122.     background-color: #5C7CBC;
  8123.     color: #ffffff;
  8124. }
  8125.  
  8126. .bb_icon {
  8127.     padding:0.2rem;
  8128.     margin:0 1px 0 0;
  8129.     background:white;
  8130.     cursor: pointer;
  8131.     border: 1px solid #7BA3C1;
  8132. }
  8133.  
  8134. .bb_smiley img {
  8135.     padding: 0.2rem;
  8136. }
  8137. .bb_smiley img:hover {
  8138.     background: #ddd;
  8139.     border-radius: 0.3rem;
  8140. }
  8141. .bb_icon:hover {
  8142.     background-color: #8CaCeC;
  8143. }
  8144.  
  8145. .overflow_button {
  8146.     padding: 1px;
  8147.     margin:0.3rem 1px 0.2rem;
  8148.     font-weight: bold;
  8149.     text-align: center;
  8150.     border: 1px solid #7BA3C1;
  8151.     background-image: none;
  8152.     background-color: #9CB7D2;
  8153. }
  8154. .overflow_button a {
  8155.     padding:0 0.8rem;
  8156. }
  8157. .overflow_button .number {
  8158.     font-weight: normal;
  8159.     color: #BACBD8;
  8160. }
  8161.  
  8162. .color_pick td {
  8163.     padding:0.2rem;
  8164.     width:1rem;
  8165.     height:1rem;
  8166.     cursor: pointer;
  8167. }
  8168.  
  8169. .picker_holder {
  8170.     display: block;
  8171. }
  8172.  
  8173. .color_pick {
  8174.     display: block;
  8175.     border-collapse:collapse;
  8176. }
  8177.  
  8178. .color_pick, .color_pick td {
  8179.     border:1px solid #333333;
  8180. }
  8181.  
  8182. .color_pick td:hover {
  8183.     border:1px solid #333333;
  8184. }
  8185.  
  8186. .button {
  8187.     display: inline-block;
  8188.     border-radius: 0.3rem;
  8189.     margin: 0 0.8rem 0.4rem 0;
  8190.     text-decoration: none;
  8191.     color: #fff;
  8192.     border: none;
  8193.     cursor: pointer;  /* hand; */
  8194.     text-align: center;
  8195.     font-size: 1.2rem;
  8196.     line-height: 1.2rem;
  8197.     font-family: Verdana, Geneva, sans-serif;
  8198.     padding: 0.7rem 1.5rem;
  8199. }
  8200. a.button:visited {
  8201.     color: #fff;
  8202. }
  8203.  
  8204. table.overlay {
  8205.     border: 1px solid #0d245a;
  8206.     box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0,0,0,.9);
  8207. }
  8208. .overlay, .overlay .leftOverlay, .overlay .rightOverlay {
  8209.     border: 1px dashed #0d245a;
  8210.     background-color: #3d547a;
  8211.     color: #eee;
  8212. }
  8213. .leftOverlay img {
  8214.     max-height: 20rem;
  8215.     max-width: 20rem !important;
  8216.     display: block;
  8217.     margin: auto;
  8218. }
  8219. .overlay .rightOverlay {
  8220.     vertical-align: top;
  8221. }
  8222.  
  8223. .reels, .reelsi {
  8224.     white-space:nowrap;
  8225. }
  8226. .reels.play {
  8227. }
  8228.  
  8229. .reels img {
  8230.     background-color: #ddd;
  8231.     border: 0.3rem solid #ccc;
  8232. }
  8233. .reels.play img {
  8234.     background-color: #fff;
  8235.     border: 0.3rem solid #bbb;
  8236. }
  8237. .reelsi img {
  8238.     background-color: #e2e2e2;
  8239.     border: 1px solid #ccc;
  8240. }
  8241. .reels img.win {
  8242.     border: 0.3rem solid blue;
  8243. }
  8244. img.win.flash {
  8245.     border: 0.2rem solid gold;
  8246. }
  8247. .payout {
  8248.     width:7.4rem;
  8249.     vertical-align: top;
  8250.     display:inline-block;
  8251.     text-align: center;
  8252.     font-weight: bold;
  8253.     font-size: 1.4rem;
  8254.     color:black;
  8255.     padding-top:0.7rem;
  8256. }
  8257.  
  8258. .fmresults td {
  8259.     text-align: center;
  8260.     border: none;
  8261. }
  8262. .fmresults td.fmheader {
  8263.     text-align: center;
  8264.     border: none;
  8265.     background-color: #aaa;
  8266.     color: white;
  8267.     font-weight: bold;
  8268. }
  8269.  
  8270. .fm input[type=button] {
  8271.     background-color: white;
  8272.     padding: 0.2rem 1rem 0.2rem;
  8273.     border: 0.2rem solid darkblue;
  8274.     width:8rem;
  8275.     color: darkblue;
  8276.     cursor: pointer;
  8277. }
  8278.  
  8279. .fm input[type=text] {
  8280.     text-align: center;
  8281.     color: darkblue;
  8282.     cursor:default;
  8283.     width:7rem;
  8284. }
  8285.  
  8286. .chip {
  8287.     text-align: center;
  8288.     width:6rem;
  8289.     height:6rem;
  8290.     position:absolute;
  8291.     left:-5rem;
  8292.     background: url('https://www.empornium.sx/static/styles/modern/images/betchip.png') no-repeat center center;
  8293. }
  8294. .chip span {
  8295.     position:relative;
  8296.     text-align: center;
  8297.     top:1.8rem;
  8298.     font-size: 1.8rem;
  8299.     font-weight: bold;
  8300.     color:black;
  8301. }
  8302.  
  8303. .statusown a {
  8304.     cursor: pointer;
  8305. }
  8306. .thin > h2:first-child + .status_box {
  8307.     margin: -1.5rem auto 1rem;
  8308.     width: 100%;
  8309. }
  8310. .status_box {
  8311.     margin: 1rem auto 0;
  8312.     width: 96%;
  8313.     min-width: 92rem;
  8314.     max-width: 120rem;
  8315.     border: none;
  8316.     padding:0.4rem;
  8317. }
  8318. .staffstatus {
  8319.     display: inline-block;
  8320.     border-radius: 0.6rem;
  8321.     margin: 0.4rem 0.4rem;
  8322.     text-decoration: none;
  8323.     color: #fff;
  8324.     font-size: 1.1rem;
  8325.     vertical-align: top;
  8326.     cursor: default;
  8327.     line-height: 1.1rem;
  8328.     text-align: center;
  8329.     font-size: 1.2rem;
  8330.     line-height: 1.2rem;
  8331.     font-family: Verdana, Geneva, sans-serif;
  8332.     padding: 0.3rem 1.5rem;
  8333. }
  8334. .staffstatus a {
  8335.     color: #222;
  8336. }
  8337. .staffstatus a:visited {
  8338.     color: #222;
  8339. }
  8340. .status_checking {
  8341.     float:right;
  8342.     background: #5da53a;
  8343.     border: 1px solid #9Be361;
  8344. }
  8345. .status_notchecking {
  8346.     float:left;
  8347.     background: #eaa;
  8348.     border: 1px solid #822;
  8349. }
  8350. .nostaff_checking {
  8351.     margin-top:0.6rem;
  8352.     float:right;
  8353.     color: #ddd;
  8354.     margin-right:1rem;
  8355. }
  8356. .status_loading {
  8357.     margin-top:0.6rem;
  8358.     float:left;
  8359.     color:#ccc;
  8360. }
  8361.  
  8362. .pager {
  8363.     font-weight:bold;
  8364. }
  8365. .pager_on {
  8366.     color: #abf;
  8367. }
  8368.  
  8369. #site_debug {
  8370.     color: black;
  8371.     font-size: 1.2em;
  8372. }
  8373.  
  8374. div#site_debug {
  8375.     opacity: .2;
  8376.     transition: opacity .5s;
  8377.     -webkit-transition: opacity .5s;
  8378. }
  8379. div#site_debug:hover {
  8380.     opacity: 1;
  8381. }
  8382. #site_debug table tr {
  8383.     background-color: transparent;
  8384. }
  8385. #debug_cache tr td:first-child {
  8386.     width:20%;
  8387.     border-right: 0.3rem solid white;
  8388. }
  8389.  
  8390. #debug_database > tbody > tr > td:nth-child(2) {
  8391.     text-align: right;
  8392.     padding-right: 1rem;
  8393. }
  8394. .debug_table_head {
  8395.     border-top: 0.15rem solid #6a9bb7;
  8396.     font-weight: bold;
  8397.     color: #444;
  8398. }
  8399. .debug_table_head td {
  8400.     background-color: #9CB7D2;
  8401. }
  8402. .debug_table tbody tr:nth-child(even) td {
  8403.     background-color: #eff3f6;
  8404.     vertical-align: top;
  8405. }
  8406. .debug_table tbody tr:nth-child(odd) td {
  8407.     background-color: white;
  8408.     vertical-align: top;
  8409. }
  8410. .debug_table tbody tr td,.debug_table tbody tr td.rowa, .debug_table tbody tr td.rowb  {
  8411.     transition: none;
  8412.     -webkit-transition: none;
  8413. }
  8414. .debug_table tbody tr:hover td,.debug_table tbody tr:hover td.rowa, .debug_table tbody tr:hover td.rowb  {
  8415.     background-color: #DADADA;
  8416. }
  8417. .debug_query_data {
  8418.     font-family: monospace;
  8419.     font-size: 1.3rem;
  8420. }
  8421. .debug_cache_data pre {
  8422.     font-size: 1.2rem;
  8423. }
  8424.  
  8425. .seedhistory {
  8426.     font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  8427.     font-weight: bold;
  8428. }
  8429.  
  8430. .donate_details {
  8431.     color: black;
  8432.     margin-bottom:1rem;
  8433.     border: 0.2rem solid #0054b0; /* #004b9d; */
  8434.     background-color:#E2D244;
  8435.     padding: 0.5rem 2rem;
  8436.     border-radius: 1rem 1rem 1rem 1rem;
  8437. }
  8438.  
  8439. .donate_details table td {
  8440.     background-color:#E2D244;
  8441. }
  8442. .donate_details table tr.rowb td {
  8443.     background-color:#E8D874;
  8444. }
  8445.  
  8446. .donate_details.green {
  8447.     background-color:#6e6;
  8448. }
  8449. .donate_details.green table td {
  8450.     background-color:#6e6;
  8451. }
  8452. .donate_details.green table tr.rowb td {
  8453.     background-color:#8e8;
  8454. }
  8455.  
  8456.  
  8457. .donate_details .address {
  8458.     font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  8459.     font-weight: bold;
  8460.     color: #4a4a4a;
  8461. }
  8462.  
  8463.  
  8464.  
  8465. .donate_drives .label {
  8466.     width: 10rem;
  8467. }
  8468.  
  8469.  
  8470. .donate_drives .button {
  8471.     display: inline-block;
  8472.     border-radius: 0.2rem;
  8473.     margin: 0 0.3rem 0.3rem 0;
  8474.     text-decoration: none;
  8475.     color: #fff;
  8476.     font-weight: bold;
  8477.     border: none;
  8478.     vertical-align: top;
  8479.     padding: 0.4rem 0.4rem;
  8480. }
  8481.  
  8482. .greyButton {
  8483.     background: #bbb;
  8484. }
  8485.  
  8486.  
  8487.  
  8488. .scrollbox {
  8489.     max-height:40rem;
  8490.     overflow: auto;
  8491. }
  8492.  
  8493.  
  8494. #active_drive {
  8495.     position: relative;
  8496.     border-radius: 1.2rem;
  8497.     width: 90%;
  8498.     min-width: 94rem;
  8499.     max-width: 120rem;
  8500.     margin: 2rem auto 0 auto;
  8501.     border: 1px solid #0054b0;
  8502.     background-color: #003875;
  8503.     padding: 0;
  8504.     text-align: left;
  8505.     text-decoration: none;
  8506.     color: white;
  8507.     font-weight: bold;
  8508.     font-size: 1.4rem;
  8509.     vertical-align: top;
  8510. }
  8511.  
  8512. #donorbar {
  8513.     width: 96%;
  8514.     min-width: 92rem;
  8515.     margin: 0 auto;
  8516.     padding: 0.5rem;
  8517. }
  8518.  
  8519. #active_drive a{
  8520.     text-decoration: none;
  8521.     color: white;
  8522.     font-weight: bold;
  8523.     font-size: 1.4rem;
  8524. }
  8525. #active_drive a:hover {
  8526.     text-decoration: underline;
  8527.     color: white;
  8528. }
  8529. #active_drive a.link{
  8530.     float:right;
  8531.     text-decoration: none;
  8532.     color: white;
  8533.     font-weight: normal;
  8534.     font-size: 1.2rem;
  8535. }
  8536. #active_drive a.link:hover {
  8537.     text-decoration: underline;
  8538.     color: white;
  8539. }
  8540.  
  8541. #donorbargreen {
  8542.     display:inline-block;
  8543.     font-size: 1.2rem;
  8544.     height: 1.4rem;
  8545.     background-color:#4d4;
  8546.     color:white;
  8547.     font-weight: bold;
  8548.     text-align: right;
  8549.     box-shadow:inset 0.2rem 1px 0.3rem #6a9bb7;
  8550.  
  8551. }
  8552. #donorbarred {
  8553.     display:inline-block;
  8554.     font-size: 1.2rem;
  8555.     height: 1.4rem;
  8556.     background-color:#0d245a;
  8557.     color:white;
  8558.     font-weight: bold;
  8559.     text-align: left;
  8560.     box-shadow:inset 0 1px 0.3rem #081a4a;
  8561. }
  8562.  
  8563.  
  8564.  
  8565. #sig {
  8566.     overflow: hidden;
  8567. }
  8568. #torrentsigbox {
  8569.     padding-top: 0.5rem;
  8570.     overflow: hidden;
  8571.     border-top: #ccc solid 1px;
  8572. }
  8573.  
  8574.  
  8575.  
  8576. #user_dropdown {
  8577.     display:inline;
  8578.     position: relative;
  8579.     white-space:nowrap;
  8580.     padding-bottom:0.2rem;
  8581. }
  8582. #user_dropdown ul {
  8583.     list-style: none;
  8584.     visibility:hidden;
  8585.     position: absolute;
  8586.     left: -0.8rem;
  8587.     top: 1.2em;
  8588.     background-color:#545C66;
  8589.     color: #000;
  8590.     border: 1px solid #005488;
  8591.     border-radius: 0.8rem;
  8592.     z-index: 10;
  8593.     opacity: 0;
  8594.     transform-origin: 0% 0%;
  8595.     transform: scaleY(0);
  8596.     transition: opacity .2s .5s, visibility .2s .5s, transform .2s .5s;
  8597.     -webkit-transform-origin: 0% 0%;
  8598.     -webkit-transform: scaleY(0);
  8599.     -webkit-transition: opacity .2s .5s, visibility .2s .5s, transform .2s .5s;
  8600. }
  8601. #user_dropdown:hover ul {
  8602.     visibility: visible;
  8603.     opacity: 1;
  8604.     transform: scaleY(1);
  8605.     -webkit-transform: scaleY(1);
  8606. }
  8607. #user_dropdown ul li {
  8608.     margin: 0;
  8609.     padding: 0;
  8610. }
  8611. #user_dropdown ul a {
  8612.     display: block;
  8613. }
  8614. #user_dropdown ul li a {
  8615.     margin: 0;
  8616.     text-align: left;
  8617.     padding: 1px 0.8rem 1px 0.8rem;
  8618.     white-space:nowrap;
  8619. }
  8620. #user_dropdown ul li:first-child a {
  8621.     border-radius: 0.7rem 0.7rem 0 0;
  8622. }
  8623. #user_dropdown ul li:last-child a {
  8624.     border-radius: 0 0 0.7rem 0.7rem;
  8625. }
  8626. #user_dropdown ul li a:hover {
  8627.     background-color: #4d64aa;
  8628.     color: white;
  8629.     text-decoration: none;
  8630. }
  8631.  
  8632. .groupperm {
  8633.     display:inline-block;
  8634.     position: relative;
  8635.     top:-0.3rem;
  8636.     font-size:0.8em;
  8637.     font-weight: bold;
  8638.     margin: 0 0 0 0.2rem;
  8639. }
  8640.  
  8641. .user_peers {
  8642.     font-size: 1.2rem;
  8643.     font-weight: bold;
  8644. }
  8645. a#nav_seeding {
  8646.     margin-left:2rem;
  8647. }
  8648. a#nav_leeching {
  8649.     margin-left:0.5rem;
  8650. }
  8651. #nav_seeding_r {
  8652.     color:#41eB00;
  8653. }
  8654. #nav_leeching_r {
  8655.     color:#FF6600;
  8656. }
  8657.  
  8658. #autoresults {
  8659.     list-style: none;
  8660.     position: absolute;
  8661.     background-color:white;
  8662.     color: #333;
  8663.     border: 1px solid #777;
  8664.     font-size: 1.4rem;
  8665.     border-radius: 0.4rem;
  8666. }
  8667. #autoresults li {
  8668.     margin: 0;
  8669.     text-align: left;
  8670.     padding: 0 0.8rem 0 0.8rem;
  8671.     white-space:nowrap;
  8672. }
  8673. #autoresults li.highlight {
  8674.     font-weight: normal;
  8675.     background-color: #888;
  8676.     color: white;
  8677.     text-decoration: none;
  8678. }
  8679.  
  8680. #autoresults li span.num {
  8681.     color:#aaa;
  8682. }
  8683.  
  8684. #autoresults li.highlight span.num {
  8685.     color: white;
  8686. }
  8687.  
  8688. table.border {
  8689.     border: 1px solid #dde;
  8690. }
  8691.  
  8692. table.noborder td, .torrent td, .torrent_table td {
  8693.     border:none;
  8694. }
  8695.  
  8696. .tag_results {
  8697.     display:inline-block;
  8698.     width:49%;
  8699.     vertical-align: top;
  8700. }
  8701.  
  8702. .tag_results:first-child {
  8703.     display:inline-block;
  8704.     width:50%;
  8705.     vertical-align: top;
  8706. }
  8707.  
  8708. .tag_results td:first-child {
  8709.     padding-left:2rem;
  8710. }
  8711.  
  8712. .tagtype {
  8713.     font-size: 0.7em;
  8714.     vertical-align: top;
  8715. }
  8716.  
  8717. .synonyms {
  8718.     background-color: #f8fbfd;
  8719.     padding: 1px 0.5rem;
  8720.     color: #777;
  8721. }
  8722.  
  8723. .plusmn {
  8724.     font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  8725.     font-weight: bold;
  8726.     float:right;
  8727.     cursor: pointer;
  8728. }
  8729.  
  8730. .plusmn a:hover{
  8731.     text-decoration: none;
  8732. }
  8733.  
  8734. .votes {
  8735.     color:#999;
  8736. }
  8737. .search_highlight {
  8738.     color:#FF0066;
  8739. }
  8740.  
  8741. .nopad {
  8742.     margin:0;
  8743.     padding:0;
  8744. }
  8745. .nopad .scale_image {
  8746.     margin:0;
  8747.     padding:0;
  8748. }
  8749. .nopad td {
  8750.     margin:0;
  8751.     padding:0;
  8752. }
  8753.  
  8754. table.vat td {
  8755.     vertical-align: top;
  8756. }
  8757.  
  8758. table.vam td  {
  8759.     vertical-align: middle;
  8760. }
  8761.  
  8762. table.vab td  {
  8763.     vertical-align: bottom;
  8764. }
  8765.  
  8766. td.bbcode.vat {
  8767.     vertical-align: top;
  8768. }
  8769. td.bbcode.vam  {
  8770.     vertical-align: middle;
  8771. }
  8772. td.bbcode.vab  {
  8773.     vertical-align: bottom;
  8774. }
  8775.  
  8776.  
  8777. .tag_header {
  8778.     padding: 0.7rem 0.5rem 0 0.5rem;
  8779.     text-align: center;
  8780. }
  8781.  
  8782. .button_sort {
  8783.     display: inline-block;
  8784.     border: 1px solid #7BA3C1;
  8785.     border-radius: 0.3rem;
  8786.     background-color: #eff3f6;
  8787.     text-align: center;
  8788.     font-style: normal;
  8789.     width: 4rem;
  8790.     margin:auto;
  8791.     cursor: pointer;
  8792. }
  8793.  
  8794. .button_sort.sort_select {
  8795.     background-color: #5A8Bb8;
  8796.     color: white;
  8797. }
  8798. .button_sort.sort_select a {
  8799.     color: white;
  8800. }
  8801.  
  8802. .button_sort a, .button_sort a:visited {
  8803.     color: #0261A3;
  8804. }
  8805. .button_sort:hover {
  8806.     background-color: #5A8Bb8;
  8807.     color: white;
  8808.  
  8809. }
  8810. .button_sort:hover a {
  8811.     background-color: #5A8Bb8;
  8812.     color: white;
  8813.  
  8814. }
  8815.  
  8816. .button_sort a:hover {
  8817.     text-decoration: none;
  8818.     color: white;
  8819. }
  8820.  
  8821. .tag_header div {
  8822.     margin-bottom:0.4rem;
  8823. }
  8824.  
  8825. .tag_header div:before {
  8826.     font-size: 0.8em;
  8827.     content: "sort by";
  8828.     margin-right: 0.3rem;
  8829. }
  8830.  
  8831. .indent {
  8832.     margin-left: 2rem;
  8833. }
  8834.  
  8835. span.anon_name {
  8836.     float: none;
  8837.     font-weight: normal;
  8838.     text-align: center;
  8839. }
  8840. input[type=submit]:hover,input[type=button]:hover,button:hover {
  8841.     background: -webkit-linear-gradient(#8993AF,#293760);
  8842.     background: linear-gradient(#8993AF,#293760);
  8843.     color: #eef;
  8844. }
  8845. input[type=submit]:active,input[type=button]:active,button:active {
  8846.     border-style:inset;
  8847. }
  8848. input[type=submit],input[type=button],button {
  8849.     margin: 0.2rem;
  8850.     color: #fff;
  8851.     font-size: 1.4rem;
  8852.     background: #8993AF;
  8853.     background: -webkit-linear-gradient(#8993AF,#606C90);
  8854.     background: linear-gradient(#8993AF,#606C90);
  8855.     border-width: 1px;
  8856.     border-style: solid;
  8857.     border-color: #678 #234 #234 #678;
  8858.     box-shadow: 0 1px 0.3rem rgba(046,053,062,0.5), inset 0 0 1px rgba(255,255,255,0.6);
  8859.  
  8860. }
  8861. input[value^="Stealth"] { background: gray; }
  8862. .head input[type="button"], .smallhead input[type="button"] {
  8863.     margin: 0 0.3rem;
  8864.     font-size: 1.2rem;
  8865.     padding: 1px 0.3rem;
  8866. }
  8867.  
  8868. .quarter_width_checkbox_container { /* used for latest forum topics selection on settings page */
  8869.     width: 25%;
  8870.     float: left;
  8871.     padding: 0.2rem 0 0.2rem 0;
  8872. }
  8873.  
  8874. .quarter_width_checkbox label {
  8875.     margin-left: 0.3rem;
  8876. }
  8877.  
  8878. .newtorrent {
  8879.     float: right;
  8880.     font-weight: bold;
  8881.     font-style: italic;
  8882.     color: #e33;
  8883.     margin-right: 1.2rem;
  8884. }
  8885.  
  8886. .file_icons {
  8887.     color: black;
  8888. }
  8889.  
  8890. .messagebar
  8891. {
  8892.     background: var(--green);
  8893.     border: none;
  8894.     line-height:2rem;
  8895.     height: 2rem;
  8896.     box-sizing: border-box;
  8897.     padding: 0;
  8898.     border-radius: 0.5rem;
  8899.     margin-bottom: 0.5rem;
  8900. }
  8901. `;
  8902.     GM_addStyle(modern);
  8903.     GM_addStyle(css);
  8904.     GM_addStyle(panel_css);
  8905.     GM_addStyle(grid_view);
  8906. })();