您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Stylesheet for EMP
// ==UserScript== // @name EMP Dark // @namespace EMP Theme // @version 0.7.11 // @description Stylesheet for EMP // @author Conkuist // @match https://www.empornium.sx/* // @match https://www.empornium.is/* // @icon https://www.empornium.sx/favicon.ico // @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 // @grant GM_addStyle // @grant GM_getResourceText // @grant GM_getValue // @grant GM_setValue // @run-at document-start // ==/UserScript== (function() { 'use strict'; GM_addStyle(GM_getResourceText("IMPORTED_CSS")); const removeEmpStyleSheet = () => { const stylesheetNames = ['afterdark', 'deviloid', 'empornium', 'hempornium', 'light', 'minimal', 'modern', 'modern_red', 'rochelle', 'sarandafl', 'watch_dogs']; for (let name of stylesheetNames) { const styleEl = document.querySelector(`link[href*=${name}`); if (styleEl) { styleEl.remove(); console.log(`Removed ${styleEl.href}`); break; } } }; var presets = [ { title: "original", background: "#2f3136", header: "#36393f", table: "#202225", table_header: "#36393f", box: "#36393f", block: "#42454a", block_text: "#ffffff", button: "#42454a", button_text: "#ffffff", input: "#202225", input_text: "#8e9297", torrent_icon: "#36393f", box_text: "#8e9297", header_text: "#8e9297", background_text: "#8e9297", table_text: "#8e9297", link: "#dddddd", hover: "#ffffff", visited: "#00ccff", highlight: "#00ccff", alerts: "#ee3333", shadow: "none", }, { title: "dark matter", background: "#323232", header: "#3c3c3c", table: "#282828", table_header: "#3c3c3c", box: "#3c3c3c", block: "#464646", block_text: "#ffffff", button: "#464646", button_text: "#ffffff", input: "#282828", input_text: "#969696", torrent_icon: "#3c3c3c", box_text: "#969696", header_text: "#969696", background_text: "#969696", table_text: "#969696", link: "#dddddd", hover: "#ffffff", visited: "#00ccff", highlight: "#00ccff", alerts: "#ee3333", shadow: "none", }, { title: "favorite", background: "#3a4045", header: "#444b51", table: "#313539", table_header: "#444b51", box: "#444b51", block: "#4e555c", block_text: "#ffffff", button: "#4e555c", button_text: "#ffffff", input: "#313539", input_text: "#8c959d", torrent_icon: "#444b51", box_text: "#8c959d", header_text: "#8c959d", background_text: "#8c959d", table_text: "#8c959d", link: "#dddddd", hover: "#ffffff", visited: "#00ccff", highlight: "#00ccff", alerts: "#ee3333", shadow: "none", }, { title: "dark theme", "background": "#141414", "background_text": "#aaaaaa", "header": "#1e1e1e", "header_text": "#aaaaaa", "block": "#282828", "block_text": "#ffffff", "box": "#1e1e1e", "box_text": "#aaaaaa", "table_header": "#232323", "table": "#1e1e1e", "table_text": "#aaaaaa", "button": "#282828", "button_text": "#aaaaaa", "input": "#141414", "input_text": "#aaaaaa", "torrent_icon": "#3c3c3c", "link": "#ffffff", "hover": "#ffffff", "visited": "#03dac6", "highlight": "#03dac6", "alerts": "#ee3333", shadow: "none", }, { "background": "#202124", "background_text": "#aaaaaa", "header": "#303134", "header_text": "#aaaaaa", "block": "#303134", "block_text": "#aaaaaa", "box": "#303134", "box_text": "#aaaaaa", "table_header": "#5f6368", "table": "#303134", "table_text": "#aaaaaa", "button": "#5f6368", "button_text": "#ffffff", "input": "#202124", "input_text": "#aaaaaa", "torrent_icon": "#5f6368", "link": "#ffffff", "hover": "#ffffff", "visited": "#03dac6", "highlight": "#03dac6", "alerts": "#ee3333", "shadow": "0 0 0.5rem #00000040" } ]; var user_presets; var color_names = [ "background", "background_text", "header", "header_text", "block", "block_text", "box", "box_text", "table_header", "table", "table_text", "torrent_icon", "button", "button_text", "input", "input_text", "link", "hover", "visited", "highlight", "alerts", ]; var colors; var font; var gridview; var scale; var step = 10; var limitwidth; const root = document.querySelector(":root"); /* const emp_dark_default = { colors: presets[0], presets: [], font: "sans-serif", gridview: true, scale: 100, } GM_getValue("emp_dark", emp_dark_default); GM_setValue("emp_dark", JSON.stringify(emp_dark_default)); */ LoadStorage(); SetRoot(); SetScale(); const logo_color = encodeURIComponent(colors.header_text); GM_addStyle(` #logo { 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; } `); function LoadStorage() { colors = JSON.parse(localStorage.getItem("colors")); font = JSON.parse(localStorage.getItem("font")); user_presets = JSON.parse(localStorage.getItem("presets")); gridview = JSON.parse(localStorage.getItem("gridview")); scale = JSON.parse(localStorage.getItem("scale")); if (colors == null) { LoadPreset(presets[0]); localStorage.setItem("colors",JSON.stringify(colors)); } if(font == null) { font = "sans-serif"; localStorage.setItem("font",JSON.stringify(font)); } if (user_presets == null) { user_presets = []; localStorage.setItem("presets",JSON.stringify(user_presets)); } else { presets = presets.concat(user_presets); } if(gridview == null) { gridview = true; localStorage.setItem("gridview",JSON.stringify(gridview)); } if(scale == null) { scale = 100; localStorage.setItem("scale",JSON.stringify(scale)); } limitwidth = GM_getValue("limitwidth", false); GM_setValue("limitwidth", limitwidth); } function LoadPreset(preset) { colors = {}; for(let color_name of color_names) { colors[color_name] = preset[color_name]; } if(typeof preset.shadow == "string") { colors.shadow = preset.shadow; } else { colors.shadow = "none"; } } function SetRoot() { root.style.setProperty("--medium", colors.background); root.style.setProperty("--text2", colors.background_text); root.style.setProperty("--header", colors.header); root.style.setProperty("--header_text", colors.header_text); root.style.setProperty("--dark", colors.table); root.style.setProperty("--colhead", colors.table_header); root.style.setProperty("--bright", colors.box); root.style.setProperty("--text", colors.box_text); root.style.setProperty("--brighter", colors.block); root.style.setProperty("--block_text", colors.block_text); root.style.setProperty("--button", colors.button); root.style.setProperty("--button_text", colors.button_text); root.style.setProperty("--input", colors.input); root.style.setProperty("--input-text", colors.input_text); root.style.setProperty("--label", colors.torrent_icon); root.style.setProperty("--text3", colors.table_text); root.style.setProperty("--link", colors.link); root.style.setProperty("--hover", colors.hover); root.style.setProperty("--visited", colors.visited); root.style.setProperty("--blue", colors.highlight); root.style.setProperty("--red", colors.alerts); root.style.setProperty("--shadow", colors.shadow); } var scale_label function SetScale() { root.style.setProperty("font-size", `${scale / step}px`); if(scale_label) { scale_label.innerHTML = `${scale}%` } } /*--------------------------------------------------GRID--------------------------------------------------*/ window.addEventListener('DOMContentLoaded', load); function load() { removeEmpStyleSheet(); var body = document.body; var rows = document.querySelectorAll("table.torrent_table tr:not(.colhead), table#request_table tr:not(.colhead), #collage table tr:is(.rowa, .rowb, .colhead)"); /* Creates Torrent Grid */ var torrents_content = document.querySelector("#torrents #content .thin"); if(torrents_content) { var torrents_table = torrents_content.querySelector(":scope > .torrent_table"); if(torrents_table) { var torrents_grid = document.createElement("div"); torrents_grid.classList.add("torrents_grid"); torrents_content.insertBefore(torrents_grid,torrents_table); } } function CreateGridCell(img,link,title,icons,data,newtorrent,label) { if(!torrents_content || !torrents_grid) { console.log("laoding grid failed") return; } const torrents_grid_cell = document.createElement("div"); torrents_grid_cell.classList.add("torrents_grid_cell"); torrents_grid.appendChild(torrents_grid_cell); const torrents_grid_cell_link = document.createElement("a"); torrents_grid_cell_link.classList.add("torrents_grid_cell_link"); torrents_grid_cell_link.style.background = `no-repeat center/cover url("${img}")`; torrents_grid_cell.appendChild(torrents_grid_cell_link); if(link) { torrents_grid_cell_link.href = link; } if(label) { torrents_grid_cell.appendChild(label.cloneNode(true)); } const torrents_grid_cell_description = document.createElement("div"); torrents_grid_cell_description.classList.add("torrents_grid_cell_description"); torrents_grid_cell.appendChild(torrents_grid_cell_description); const torrents_grid_cell_title = document.createElement("a"); torrents_grid_cell_title.classList.add("torrents_grid_cell_title"); torrents_grid_cell_title.innerHTML = title; torrents_grid_cell_title.title = title; torrents_grid_cell_description.appendChild(torrents_grid_cell_title); if(link) { torrents_grid_cell_title.href = link; } if(newtorrent) { var torrents_grid_cell_newtorrent = document.createElement("div"); torrents_grid_cell_newtorrent.classList.add("torrents_grid_cell_newtorrent"); torrents_grid_cell_description.appendChild(torrents_grid_cell_newtorrent) } if(data && typeof data.grabbed == "string") { var torrents_grid_cell_grabbed = document.createElement("div"); torrents_grid_cell_grabbed.classList.add("torrents_grid_cell_grabbed"); torrents_grid_cell_grabbed.innerHTML = data.grabbed; torrents_grid_cell_description.appendChild(torrents_grid_cell_grabbed); } if(data && typeof data.seeders == "string") { var torrents_grid_cell_seeders = document.createElement("div"); torrents_grid_cell_seeders.classList.add("torrents_grid_cell_seeders"); torrents_grid_cell_seeders.innerHTML = data.seeders; torrents_grid_cell_description.appendChild(torrents_grid_cell_seeders); } if(data && typeof data.leechers == "string") { var torrents_grid_cell_leechers = document.createElement("div"); torrents_grid_cell_leechers.classList.add("torrents_grid_cell_leechers"); torrents_grid_cell_leechers.innerHTML = data.leechers; torrents_grid_cell_description.appendChild(torrents_grid_cell_leechers); } if(data && typeof data.files == "string") { var torrents_grid_cell_files = document.createElement("div"); torrents_grid_cell_files.classList.add("torrents_grid_cell_files"); torrents_grid_cell_files.innerHTML = data.files; torrents_grid_cell_description.appendChild(torrents_grid_cell_files); } if(data && typeof data.comments == "string") { var torrents_grid_cell_comments = document.createElement("div"); torrents_grid_cell_comments.classList.add("torrents_grid_cell_comments"); torrents_grid_cell_comments.innerHTML = data.comments; torrents_grid_cell_description.appendChild(torrents_grid_cell_comments); } if(data && typeof data.size == "string") { var torrents_grid_cell_size = document.createElement("div"); torrents_grid_cell_size.classList.add("torrents_grid_cell_size"); torrents_grid_cell_size.innerHTML = data.size; torrents_grid_cell_description.appendChild(torrents_grid_cell_size); } if(data && typeof data.uploader == "string") { var torrents_grid_cell_uploader = document.createElement("div"); torrents_grid_cell_uploader.classList.add("torrents_grid_cell_uploader"); torrents_grid_cell_uploader.innerHTML = data.uploader; torrents_grid_cell_description.appendChild(torrents_grid_cell_uploader); } if(icons) { torrents_grid_cell_description.appendChild(icons.cloneNode(true)); } if(data && typeof data.time == "string") { var torrents_grid_cell_time = document.createElement("div"); torrents_grid_cell_time.classList.add("torrents_grid_cell_time"); torrents_grid_cell_time.innerHTML = data.time; torrents_grid_cell_description.appendChild(torrents_grid_cell_time); } } for(var row of rows) { const torrent_data = new Object(); for(let i = 0; i < row.children.length; i++) { if(i == 2) { torrent_data.files = row.children[i].innerHTML; } if(i == 3) { torrent_data.comments = row.children[i].innerHTML; } if(i == 4) { torrent_data.time = row.children[i].innerHTML; } if(i == 5) { torrent_data.size = row.children[i].innerHTML; } if(i == 6) { torrent_data.grabbed = row.children[i].innerHTML; } if(i == 7) { torrent_data.seeders = row.children[i].innerHTML; } if(i == 8) { torrent_data.leechers = row.children[i].innerHTML; } if(i == 9) { torrent_data.uploader = row.children[i].innerHTML; } } var cell; if(body.id == "top10" || body.id == "notifications") { cell = row.querySelector("td:nth-child(2)"); } else if(body.id == "torrents") { cell = row.querySelector("td.cats_col"); } else { cell = row.querySelector("td:first-child"); } var torrent_url = row.querySelector("table.torrent_table tr:not(.colhead) td:nth-child(2) > a"); var script = row.querySelector("td script"); var url; var category; var href; if(cell) { var cat; if(body.id == "collage" || body.id == "bookmarks") { cat = cell.querySelector("img"); } else { cat = cell.querySelector("div") } var link = cell.querySelector("a"); if(link && link.hasAttribute("href")) { href = link.href; } if(cat && cat.hasAttribute("title")) { category = cat.getAttribute("title"); } } if(category) { category = category.replace("."," ").toUpperCase(); } if(script) { url = script.innerHTML.split('src=')[1].split('"')[1].split('"')[0].replace(/\\/g, ""); if(true) { url = url.replace('/resize/200',''); } } var label; /* add category */ var cell2; if(body.id == "top10" || body.id == "notifications") { cell2 = row.querySelector("td:nth-child(3)"); } else { cell2 = row.querySelector("td:nth-child(2)"); } if(cell) { cell.innerHTML = ""; if(body.id == "collage") { let found = false; const h_title = document.querySelector("#content .thin h2"); if(h_title) { if(h_title.innerHTML.startsWith("Collages") || h_title.innerHTML.startsWith("Subscribed")) { found = true; } } if(found) { cell.remove(); } } } if(cell && category) { label = document.createElement("a"); label.innerHTML = category; if(href) { label.href = href; } if((cell && url) || (cell && body.id == "requests")) { cell.insertBefore(label,cell.firstChild); label.classList.add("category_label"); } else if(cell2) { cell2.insertBefore(label,cell2.firstChild); label.classList.add("category_tag"); } } /* add cover */ var cover; if(cell) { if(url) { cover = document.createElement("a"); cover.classList.add("cover"); cover.style = 'background: no-repeat center/cover url("' + url + '")'; if(torrent_url && torrent_url.hasAttribute("href")) { cover.href = torrent_url.getAttribute("href"); } cell.appendChild(cover); /* adds grid cell to torrent grid */ 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); } } /* move new icon in notifications dom */ if(body.id == "notifications") { var cell3 = row.querySelector("td:nth-child(3)"); if(cell3) { var tag = cell3.querySelector("strong"); var title = cell3.querySelector(":scope > a"); if(tag && title) { cell3.insertBefore(tag,title); } } } /* move icon container in collage and bookmarks dom */ if(body.id == "collage" || body.id == "bookmarks") { var cell4 = row.querySelector("td:nth-child(3)"); if(cell4) { var icon_container = cell4.querySelector("span.torrent_icon_container"); } if(cell2) { var title2 = cell2.querySelector(":scope > strong"); } if(icon_container && title2) { cell2.insertBefore(icon_container,title2); } } } /*----------------------------------------EMP-DARK-PANEL----------------------------------------*/ const menu = document.querySelector("#major_stats"); const panel = document.createElement("div"); panel.classList.add("emp_dark_panel"); document.body.appendChild(panel); const panel_open = document.createElement("div"); panel_open.innerHTML = "EMP Dark"; panel_open.classList.add("panel_open"); menu.insertBefore(panel_open,menu.firstChild); panel_open.addEventListener("click", function() { if(dialog.style.display == "none") { panel.style.display = "block"; } }) const navbar = document.createElement("div"); navbar.classList.add("navbar"); navbar.innerHTML = "EMP Dark" panel.appendChild(navbar); const close = document.createElement("div"); close.classList.add("close_panel"); close.innerHTML = "X"; navbar.appendChild(close); close.addEventListener("click", function() { panel.style.display = "none"; 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) { Reset(); } else { dialog.style.display = "block"; } }) const color_panel_title = document.createElement("div"); color_panel_title.classList.add("panel_title"); color_panel_title.innerHTML = "Colors"; panel.appendChild(color_panel_title); const colorpanel = document.createElement("div"); colorpanel.classList.add("colorpanel"); panel.appendChild(colorpanel); const color_inputs = {}; for(let color_name of color_names) { color_inputs[color_name] = Color(color_name, colors[color_name]); } SetColorInputs(); /*------------------------------PRESET-BUTTONS------------------------------*/ const preset_panel_title = document.createElement("div"); preset_panel_title.classList.add("panel_title"); preset_panel_title.innerHTML = "Presets"; panel.appendChild(preset_panel_title); const preset_panel = document.createElement("div"); preset_panel.classList.add("preset_panel"); panel.appendChild(preset_panel); const add_preset_button = document.createElement("div"); add_preset_button.classList.add("preset","add_preset"); add_preset_button.innerHTML = "+"; preset_panel.appendChild(add_preset_button); add_preset_button.addEventListener("click",function() { let new_preset = JSON.parse(JSON.stringify(colors)); user_presets.push(new_preset); localStorage.setItem("presets",JSON.stringify(user_presets)); PresetButton(new_preset,"custom",preset_panel.children.length - 1); } ); for(let i = 0; i < presets.length; i++) { PresetButton(presets[i],presets[i].title,i) } function PresetButton(preset,title,text) { let preset_button = document.createElement("div"); preset_button.classList.add("preset"); if(text == 0) { preset_button.classList.add("default"); preset_button.innerHTML = "Default"; } else { preset_button.innerHTML = text; } if(typeof title == "string") { preset_button.title = title; } preset_panel.appendChild(preset_button); preset_button.addEventListener("click",function() { LoadPreset(preset); SetColorInputs(); }); if(user_presets.includes(preset)) { preset_button.classList.add("custom_preset"); preset_button.addEventListener("dblclick", function() { for(let i = 0; i < user_presets.length; i++) { if(user_presets[i] === preset) { user_presets.splice(i, 1); preset_button.remove(); localStorage.setItem("presets",JSON.stringify(user_presets)); this.remove(); } } } ); } } /*------------------------------FONT-BUTTONS------------------------------*/ const fonts_panel_title = document.createElement("div"); fonts_panel_title.classList.add("panel_title"); fonts_panel_title.innerHTML = "Fonts"; panel.appendChild(fonts_panel_title); const font_panel = document.createElement("div"); font_panel.classList.add("preset_panel"); panel.appendChild(font_panel); const font_names = ["sans-serif","Source Sans Pro","Lexend","Noto Sans","Ubuntu","Roboto","PT Sans"]; for(let i = 0; i < font_names.length; i++) { const font_button = document.createElement("div"); font_button.classList.add("preset"); if(i == 0) { font_button.classList.add("default"); font_button.innerHTML = "Default"; } else { font_button.innerHTML = i; } font_button.title = font_names[i]; font_button.font = font_names[i]; font_panel.appendChild(font_button); font_button.addEventListener("click", function() { SetFont(this.font); this.classList.add("button_active") }) } SetFont(this.font); /*------------------------------GRID-VIEW-OPTIONS------------------------------*/ const gridview_panel_title = document.createElement("div"); gridview_panel_title.classList.add("panel_title"); gridview_panel_title.innerHTML = "Grid View"; panel.appendChild(gridview_panel_title); const gridview_panel = document.createElement("div"); gridview_panel.classList.add("preset_panel"); panel.appendChild(gridview_panel); var gridview_option = document.createElement("div"); gridview_option.classList.add("colortab"); gridview_panel.appendChild(gridview_option); var gridview_checkbox = document.createElement("div"); gridview_checkbox.classList.add("colorbox"); gridview_checkbox.id = "gridview_checkbox"; gridview_option.appendChild(gridview_checkbox); SetGridView(); gridview_checkbox.addEventListener("click",function() { if(gridview) { gridview = false; SetGridView(); } else { gridview = true; SetGridView(); } }) var option_label = document.createElement("div"); option_label.classList.add("color_label"); option_label.innerHTML = "show grid" gridview_option.appendChild(option_label); /*------------------------------SCALING-OPTIONS------------------------------*/ const scaling_panel_title = document.createElement("div"); scaling_panel_title.classList.add("panel_title"); scaling_panel_title.innerHTML = "Scaling"; panel.appendChild(scaling_panel_title); const scaling_panel = document.createElement("div"); scaling_panel.classList.add("preset_panel"); panel.appendChild(scaling_panel); var scaling_option = document.createElement("div"); scaling_option.classList.add("colortab"); scaling_panel.appendChild(scaling_option); const decrease_scale_preset_button = document.createElement("div"); decrease_scale_preset_button.classList.add("preset"); decrease_scale_preset_button.innerHTML = "-"; scaling_option.appendChild(decrease_scale_preset_button); decrease_scale_preset_button.addEventListener("click",function() { if(scale - step >= 20) { scale -= step; } root.style.setProperty("font-size", `${scale / step}px`); scale_label.innerHTML = `${scale}%`; }); const increase_scale_preset_button = document.createElement("div"); increase_scale_preset_button.classList.add("preset"); increase_scale_preset_button.innerHTML = "+"; scaling_option.appendChild(increase_scale_preset_button); increase_scale_preset_button.addEventListener("click",function() { if(scale + step <= 400) { scale += step; } root.style.setProperty("font-size", `${scale / step}px`); scale_label.innerHTML = `${scale}%`; }); scale_label = document.createElement("div"); scale_label.classList.add("color_label"); scale_label.innerHTML = `${scale}%` scaling_option.appendChild(scale_label); var limit_width_option = document.createElement("div"); limit_width_option.classList.add("colortab"); scaling_panel.appendChild(limit_width_option); var limit_width_checkbox = document.createElement("div"); limit_width_checkbox.classList.add("colorbox"); limit_width_checkbox.id = "limitwidth_checkbox"; limit_width_option.appendChild(limit_width_checkbox); SetLimitWidth(); limit_width_checkbox.addEventListener("click",function(){ if(limitwidth) { limitwidth = false; SetLimitWidth(); } else { limitwidth = true; SetLimitWidth(); } }); var limit_width_label = document.createElement("div"); limit_width_label.classList.add("color_label"); limit_width_label.innerHTML = "limit width" limit_width_option.appendChild(limit_width_label); /*------------------------------CANCEL-SAVE-BUTTONS------------------------------*/ const buttons = document.createElement("div"); buttons.classList.add("buttons"); panel.appendChild(buttons); const reset = document.createElement("input"); reset.type = "button"; reset.value = "Cancel"; buttons.appendChild(reset); reset.addEventListener("click", Reset) const apply = document.createElement("input"); apply.type = "button"; apply.value = "Save"; buttons.appendChild(apply); apply.addEventListener("click", Update) /*--------------------DIALOG--------------------*/ const dialog = document.createElement("div"); dialog.classList.add("emp_dark_panel"); dialog.style.display = "none"; document.body.appendChild(dialog); const dialog_title = document.createElement("div"); dialog_title.classList.add("navbar"); dialog_title.innerHTML = "EMP Dark" dialog.appendChild(dialog_title); const dialog_text = document.createElement("div"); dialog_text.classList.add("panel_title"); dialog_text.innerHTML = "Save Changes?"; dialog.appendChild(dialog_text); const dialog_buttons = document.createElement("div"); dialog_buttons.classList.add("buttons"); dialog.appendChild(dialog_buttons); const dialog_yes = document.createElement("input"); dialog_yes.type = "button"; dialog_yes.value = "Yes"; dialog_buttons.appendChild(dialog_yes); dialog_yes.addEventListener("click", function() { dialog.style.display = "none"; Update(); }) const dialog_no = document.createElement("input"); dialog_no.type = "button"; dialog_no.value = "No"; dialog_buttons.appendChild(dialog_no); dialog_no.addEventListener("click", function() { dialog.style.display = "none"; Reset(); }) function GetInputValue() { for(let color_name of color_names) { colors[color_name] = color_inputs[color_name].value; } } function Update() { GetInputValue(); localStorage.removeItem("colors"); localStorage.setItem("colors", JSON.stringify(colors)); localStorage.setItem("font", JSON.stringify(font)); localStorage.setItem("gridview", JSON.stringify(gridview)); localStorage.setItem("scale", JSON.stringify(scale)); GM_setValue("limitwidth", limitwidth); SetRoot(); SetFont(); SetGridView() SetScale(); SetLimitWidth(); console.log(colors); } function SetGridView() { const tg = document.querySelector(".torrents_grid"); const cb = document.querySelector("#gridview_checkbox"); if(tg) { if(gridview) { tg.style.display = "grid"; } else { tg.style.display = "none"; } } if(cb) { if(gridview) { cb.classList.add("checked"); } else { cb.classList.remove("checked"); } } } function SetLimitWidth() { const lwcb = document.querySelector("#limitwidth_checkbox"); if(lwcb) { if(limitwidth) { lwcb.classList.add("checked"); body.style.setProperty("max-width", "140rem"); } else { lwcb.classList.remove("checked"); body.style.setProperty("max-width", "none"); } } } function SetFont(font_name) { if(typeof font_name == "string") { if(font_name == "sans-serif") { font = font_name; } else { font = `${font_name},sans-serif`; } } let presets = document.querySelectorAll(".emp_dark_panel .preset_panel .preset"); for(let preset of presets) { if(preset.font == font.split(",")[0]) { let button_active = document.querySelector(".emp_dark_panel .preset_panel .preset.button_active") if(button_active) { button_active.classList.remove("button_active"); } preset.classList.add("button_active"); break; } } body.style.setProperty("font-family",font); } function SetLogo() { const logo_color = encodeURIComponent(colors.header_text); const logo = document.querySelector("#logo") if(logo) { 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`); } } function Reset() { colors = JSON.parse(localStorage.getItem("colors")); font = JSON.parse(localStorage.getItem("font")); gridview = JSON.parse(localStorage.getItem("gridview")); scale = JSON.parse(localStorage.getItem("scale")); limitwidth = GM_getValue("limitwidth", false); SetColorInputs(); SetRoot(); SetFont(); SetGridView(); SetScale(); SetLimitWidth(); } function SetColorInputs() { SetRoot(); for(let color_name of color_names) { color_inputs[color_name].value = colors[color_name]; } var e = document.createEvent('HTMLEvents'); e.initEvent('input', false, false); for(let color_name of color_names) { color_inputs[color_name].dispatchEvent(e); } } function Color(name, color) { var colortab = document.createElement("div"); colortab.classList.add("colortab"); colorpanel.appendChild(colortab); var colorbox = document.createElement("div"); colorbox.classList.add("colorbox"); colortab.appendChild(colorbox); var input = document.createElement("input"); input.type = "color"; input.value = color; colorbox.appendChild(input); input.addEventListener("input",function(){this.parentElement.style.background = this.value; GetInputValue(); SetRoot(); SetLogo()}) colorbox.style.background = input.value; var color_label = document.createElement("div"); color_label.classList.add("color_label"); color_label.innerHTML = name.replace('_',' '); colortab.appendChild(color_label); return input; } } const grid_view = ` .torrents_grid { background: var(--bright); padding: 0.3rem; border-radius: 0.5rem; margin-bottom: 1rem; display: grid; gap: 0.3rem; /*grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));*/ grid-template-columns: repeat(5,1fr); box-shadow: var(--sahdow); } .torrents_grid_cell { aspect-ratio: 1; /* background: var(--medium); */ border-radius: 0.2rem; overflow: hidden; position: relative; z-index: 1; display:flex; flex-direction:column; flex:1; } .torrents_grid_cell_link { display: block; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } .torrents_grid_cell_description { background: #000000bf; margin-top: auto; padding: 0.5rem; } .torrents_grid_cell_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; display: block; } /* .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_bonus, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.bookmark, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.download, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_okay, .torrents_grid_cell_description .icon_stack .font_icon.icon_torrent_ducky, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_disk.grabbed, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.seeding, .torrents_grid_cell_description .icon_stack .font_icon.torrent_icons.leeching { background: #ffffff80; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } */ .torrents_grid_cell .category_label { position: absolute; right: 0; background: #000000BF; width: 10rem; } .torrents_grid_cell .torrent_icon_container { float: left; clear: left; margin-top: 0.5rem; } .torrents_grid_cell_size { border: 1px solid; padding: 0 0.5rem; box-sizing: border-box; } .torrents_grid_cell_grabbed, .torrents_grid_cell_seeders, .torrents_grid_cell_leechers, .torrents_grid_cell_uploader, .torrents_grid_cell_time, .torrents_grid_cell_size, .torrents_grid_cell_comments, .torrents_grid_cell_files { float: left; display: block; height: 2rem; line-height: 2rem; margin-right: 0.5rem; margin-top: 0.5rem; } .torrents_grid_cell_size { line-height: 1.8rem; } .torrents_grid_cell_grabbed::before, .torrents_grid_cell_seeders::before, .torrents_grid_cell_leechers::before, .torrents_grid_cell_comments::before, .torrents_grid_cell_files::before { font-family: "icons"; font-weight: normal; display: block; float: left; width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.8rem; text-align: center; } .torrents_grid_cell_grabbed::before { content: "\\f14f"; } .torrents_grid_cell_seeders::before { content: "\\f135"; } .torrents_grid_cell_leechers::before { content: "\\f129"; } .torrents_grid_cell_comments::before { content: "\\f11e"; } .torrents_grid_cell_files::before { content: "\\f106"; font-size: 1.4rem; } .torrents_grid_cell_newtorrent { height: 2rem; width: 2rem; display: block; float: left; margin-top: 0.5rem; 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>'); } .torrents_grid_cell_time, .torrents_grid_cell_uploader { float: right; } `; const panel_css = ` .emp_dark_panel { background: var(--medium); color: var(--text2); float: left; box-sizing: border-box; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: auto; border: 0.1rem solid var(--brighter); border-radius: 0.5rem; overflow: hidden; display: none; z-index: 20; box-shadow: var(--shadow); } .emp_dark_panel .navbar { height: 3rem; width: 100%; background: var(--brighter); float: left; line-height: 3rem; padding-left: 1rem; box-sizing: border-box; } .emp_dark_panel .colorbox { width: 3rem; height: 3rem; padding: 0; float: left; border: 0.1rem solid var(--bright); border-radius: 0.3rem; overflow: hidden; user-select: none; } .emp_dark_panel .colorbox:hover { border: 0.1rem solid var(--brighter); } .emp_dark_panel .checked { background: var(--blue); text-align: center; line-height: 3rem; } .emp_dark_panel .checked::before { content: "X"; } .emp_dark_panel input[type="color"] { width: 3rem; height: 3rem; padding: 0; margin: 0; border: none; opacity: 0; cursor: pointer; } .emp_dark_panel input[type="button"] { height: 3rem; width: 15rem; background: var(--bright); border: none; padding: 0; margin: auto; color: var(--link); font-size: 1em; cursor: pointer; float: left; clear: left; border-radius: 0.3rem; } .emp_dark_panel input[type="button"]:hover { background: var(--brighter); color: var(--hover); } .emp_dark_panel input[type="button"]:active { background: var(--hover); color: var(--medium); } .emp_dark_panel .buttons { float: right; clear: left; padding: 0 1rem 1rem 1rem; column-count: 2; column-gap: 1rem; } .emp_dark_panel .color_label { height: 3rem; line-height: 3rem; float: left; padding: 0 1rem; } .emp_dark_panel .close_panel { width: 4.5rem; height: 3rem; line-height: 3rem; position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; color: var(--link); } .emp_dark_panel .close_panel:hover { background: var(--hover); color: var(--text); } .emp_dark_panel .colorpanel { padding: 0 1rem 0.5rem 1rem; float: left; clear: left; column-count: 4; column-gap: 1rem; } .emp_dark_panel .colortab { float: left; clear: left; width: 15rem; margin-bottom: 0.5rem; } .emp_dark_panel .colortab:last-child { margin: 0; } .emp_dark_panel .preset_panel { padding: 0 1rem 1rem 1rem; float: left; clear: left; } .emp_dark_panel .preset_panel .preset { width: 3rem; height: 3rem; line-height: 3rem; text-align: center; float: left; background: var(--bright); color: var(--text); border-radius: 0.3rem; cursor: pointer; margin-right: 0.5rem; } .emp_dark_panel .preset_panel .preset:nth-child(10n+13) { clear: left; margin-left: 7rem; } .emp_dark_panel .preset_panel .preset:nth-child(n+13) { margin-top: 0.5rem; } .emp_dark_panel .preset_panel .preset:hover { background: var(--brighter); color: var(--hover); } .emp_dark_panel .preset_panel .preset.default { width: unset; width: 6.5rem; padding: 0 1rem; box-sizing: border-box; } .emp_dark_panel .preset_panel .preset.add_preset { float: right; } .emp_dark_panel .preset_panel .preset.custom_preset { color: var(--blue); } .panel_open { display: block; float: left; line-height: 2rem; padding: 0.2rem 0.3rem; margin-left: 0.3rem; cursor: pointer; } .panel_open:hover { color: var(--hover); } .panel_title { padding: 0 1rem; box-sizing: border-box; float:left; clear: left; width: 100%; line-height: 3rem; height: 3rem; } .emp_dark_panel .preset_panel .preset.button_active { color: var(--blue); } `; const css = ` /*--------------------------------------------------EMP-DARK--------------------------------------------------*/ :root { --brighter: #42454a; --bright: #36393f; --medium: #2f3136; --dark: #202225; --header: #36393f; --colhead: #36393f; --input: #202225; --input-text: #ddd; --link: #ddd; --hover: #fff; --visited: #00ccff; --text: #8e9297; --text2: #8e9297; --text3: #8e9297; --blue: #00ccff; --yellow: #fced0a; --red: #e33; --green: #18d860; --orange: #ff7f26; --grey: #72767d; --blue_icon: #00ccff; --label: #36393f; --shadow: 0 0 0.5rem #171717; scrollbar-color: #36393f #2f3136; scrollbar-color: var(--bright) var(--medium); scrollbar-color: var(--brighter) var(--medium); font-size: 10px; --liked: #7dcea0; --liked-border: #1e8449; --performer: #85c1e9; --performer-border: #2874a6; --new-performer: #f1c40f; --new-performer-border: #b7950b; --amateur: #76d7c4; --amateur-border: #148f77; --male-performer: #f0b27a; --male-performer-border: #af601a; --liked-site: #bb8fce; --liked-site-border: #6c3483; --disliked: #f1948a; --disliked-border: #b03a2e; --hated: #e74c3c; --loved: #27ae60; --loved-performer: #3498db; --loved-amateur: #1abc9c; --loved-male-performer: #e67e22; --loved-site: #8e44ad; --black-listed: #2c3e50; --black-listed-border: #212f3d; --useless: #7f8c8d; --useless-border: #616a6b; --tag-border: 0 solid; } ::selection { background: var(--blue); color: #fff; } body { background: var(--dark); color: var(--text); font: unset; font-family: ${font}; font-size: 1.2rem; margin: auto; max-width: ${limitwidth ? "140rem" : "none"}; } #header { font-size: 1.5rem; } input, select, textarea { font-size: 1.2rem; } button { font-size: 1.2rem; padding: 0.2rem 0.3rem; border-radius: 0.3rem; } input[type="submit"], input[type="button"], button:not(.searchbutton,[id^="edit"],[id^="quote"]) { box-shadow: var(--shadow) !important; } select { height: 2rem; } select, select.bb_button, .button.toggle { background: var(--input); color: var(--input-text); border: none; } input[type="submit"], input[type="button"] { margin: 0.3rem 0.3rem 0 0; height: 2rem; font-size: 1.2rem; } .button.toggle { background: var(--bright); } hr { border: none; background: var(--medium); margin: 1rem 0; height:0.2rem; } h2 { background: var(--bright); color: var(--text); border-radius: 0; padding: 0.5rem 0.5rem; } h2 a { color: var(--text); } h2 a:hover { color: var(--hover); } .curtain { background: var(--dark); } .thin > h2:first-child { border-radius: 0; } a { color: var(--link); font-weight: normal; } a:visited { color: var(--visited); } a:hover, a:visited:hover { color: var(--hover); text-decoration: none; } .tags a, .tags a:visited { color: var(--text3); } .tags a:hover, .tags a:visited:hover { color: var(--link); text-decoration: none; } table.border { border: none; /*border-color: var(--bright);*/ } img[alt="RSS feed"] { display: none; } #logo { /* background: none; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyMDAgMzgiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWluIG1lZXQiIGNsYXNzPSJsb2dvLXN2ZyI+PGcgZmlsbD0iIzcyNzY3ZCI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC45ODUxNzYxOCwwLDAuMjU2NDA1ODUsMC45ODQ0MjUwNiwtMTYxLjc4MzQyLC0zNTguMDA0MzcpIj48cGF0aCBkPSJtOTIuNzAzLDM4My42MS0xNC4zMDEsMCwwLDcuODQ3NmMtMC4wMDAwMTMsMS42NDA2LDAuMTE4NDgsMi42OTc5LDAuMzU1NDcsMy4xNzE5LDAuMjM2OTYsMC40NzM5NiwwLjY5MjY5LDAuNzEwOTQsMS4zNjcyLDAuNzEwOTQsMC44Mzg1MywwLDEuMzk5MS0wLjMxNDQ1LDEuNjgxNi0wLjk0MzM2LDAuMjgyNTQtMC42Mjg5LDAuNDIzODEtMS44NDU3LDAuNDIzODMtMy42NTA0di00Ljc4NTJoMTAuNDczdjIuNjc5N2MtMC4wMDAwMjcsMi4yNDIyLTAuMTQxMywzLjk2NDgtMC40MjM4Myw1LjE2OC0wLjI4MjU4LDEuMjAzMS0wLjk0MzM4LDIuNDg4My0xLjk4MjQsMy44NTU1LTEuMDM5MSwxLjM2NzItMi4zNTYxLDIuMzkyNi0zLjk1MTIsMy4wNzYyLTEuNTk1MSwwLjY4MzU5LTMuNTk1NywxLjAyNTQtNi4wMDIsMS4wMjU0LTIuMzMzMywwLTQuMzkzMi0wLjMzNzI0LTYuMTc5Ny0xLjAxMTctMS43ODY1LTAuNjc0NDgtMy4xNzY0LTEuNTk5Ni00LjE2OTktMi43NzU0LTAuOTkzNDktMS4xNzU4LTEuNjgxNi0yLjQ3LTIuMDY0NS0zLjg4MjgtMC4zODI4Mi0xLjQxMjgtMC41NzQyMi0zLjQ2ODEtMC41NzQyMi02LjE2NnYtMTAuNTgyYy0wLjAwMDAwMi0zLjE3MTgsMC40MjgzOC01LjY3MzgsMS4yODUyLTcuNTA1OSwwLjg1Njc3LTEuODMyLDIuMjYwNC0zLjIzNTYsNC4yMTA5LTQuMjEwOSwxLjk1MDUtMC45NzUyMiw0LjE5MjctMS40NjI4LDYuNzI2Ni0xLjQ2MjksMy4wOTg5LDAuMDAwMDQsNS42NTU2LDAuNTg3OTMsNy42Njk5LDEuNzYzN3MzLjQyNzEsMi43MzQ0LDQuMjM4Myw0LjY3NThjMC44MTExNywxLjk0MTQsMS4yMTY4LDQuNjcxMiwxLjIxNjgsOC4xODk1em0tMTEuMDc0LTUuOTA2MiwwLTIuNjUyNGMtMC4wMDAwMTYtMS44Nzc2LTAuMTAwMjgtMy4wODk4LTAuMzAwNzgtMy42MzY3LTAuMjAwNTQtMC41NDY4NC0wLjYxMDY5LTAuODIwMjgtMS4yMzA1LTAuODIwMzEtMC43NjU2NCwwLjAwMDAzLTEuMjM5NiwwLjIzMjQ1LTEuNDIxOSwwLjY5NzI3LTAuMTgyMywwLjQ2NDg3LTAuMjczNDUsMS43MTgxLTAuMjczNDQsMy43NTk4djIuNjUyNHoiLz48cGF0aCBkPSJtMTAzLjU3LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2M3YtMjUuOTE4eiIvPjxwYXRoIGQ9Im0xMzQuNjYsMzcyLjE2LTAuMTM2NzIsMi4yODUyYzAuNzAzMTEtMC45MjQ0NSwxLjQ3NzgtMS42MTQ2LDIuMzI0Mi0yLjA3MDMsMC44NDYzNC0wLjQ1NTcsMS43NzA4LTAuNjgzNTcsMi43NzM0LTAuNjgzNTksMS4yMjQsMC4wMDAwMiwyLjI4MTksMC4zMjg4LDMuMTczOCwwLjk4NjMzLDAuODkxOTEsMC42NTc1NywxLjQ0ODYsMS40MTYsMS42Njk5LDIuMjc1NCwwLjIyMTM0LDAuODU5MzksMC4zMzIwMSwyLjMxNzcsMC4zMzIwMyw0LjM3NXYxMC45MThjLTAuMDAwMDIsMi4zNTY4LTAuMTM5OTksNC4wMzMyLTAuNDE5OTIsNS4wMjkzLTAuMjc5OTYsMC45OTYxLTAuODUyODgsMS43OTA0LTEuNzE4OCwyLjM4MjgtMC44NjU5LDAuNTkyNDQtMS45MTA4LDAuODg4NjctMy4xMzQ4LDAuODg4NjctMC45NzY1OCwwLTEuODgxNS0wLjIyNzg3LTIuNzE0OC0wLjY4MzYtMC44MzMzNC0wLjQ1NTczLTEuNTk1MS0xLjEzMjgtMi4yODUyLTIuMDMxMnY1LjkzNzVoLTcuODkwNnYtMjkuNjA5eiIvPjxwYXRoIGQ9Im0xNjUuMjcsMzgxLjI2LDAsNi4zNDc3Yy0wLjAwMDAxLDIuMzMwNy0wLjExNzIsNC4wMzk3LTAuMzUxNTYsNS4xMjctMC4yMzQzOSwxLjA4NzItMC43MzU2OSwyLjEwMjktMS41MDM5LDMuMDQ2OS0wLjc2ODI1LDAuOTQ0MDEtMS43NTQ2LDEuNjQwNi0yLjk1OSwyLjA4OTgtMS4yMDQ0LDAuNDQ5MjItMi41ODc5LDAuNjczODMtNC4xNTA0LDAuNjczODMtMS43NDQ4LDAtMy4yMjI3LTAuMTkyMDYtNC40MzM2LTAuNTc2MTctMS4yMTEtMC4zODQxMi0yLjE1MTctMC45NjM1NS0yLjgyMjMtMS43MzgzLTAuNjcwNTctMC43NzQ3My0xLjE0OTEtMS43MTIyLTEuNDM1Ni0yLjgxMjUtMC4yODY0Ni0xLjEwMDItMC40Mjk2OC0yLjc1MDYtMC40Mjk2OC00Ljk1MTJ2LTYuNjQwNmMwLTIuNDA4OCwwLjI2MDQxLTQuMjkwNCwwLjc4MTI1LTUuNjQ0NSwwLjUyMDgzLTEuMzU0MiwxLjQ1ODMtMi40NDE0LDIuODEyNS0zLjI2MTcsMS4zNTQyLTAuODIwMjksMy4wODU5LTEuMjMwNCw1LjE5NTMtMS4yMzA1LDEuNzcwOCwwLjAwMDAyLDMuMjkxLDAuMjYzNyw0LjU2MDYsMC43OTEwMSwxLjI2OTUsMC41MjczNywyLjI0OTMsMS4yMTQyLDIuOTM5NCwyLjA2MDYsMC42OTAwOSwwLjg0NjM4LDEuMTYyMSwxLjcxODgsMS40MTYsMi42MTcyLDAuMjUzODksMC44OTg0NiwwLjM4MDg1LDIuMjY1NiwwLjM4MDg2LDQuMTAxNnoiLz48cGF0aCBkPSJtMTc1Ljc4LDM3Mi4xNi0wLjMxMjUsMy4zOTg0YzEuMTQ1OC0yLjQzNDksMi44MDYtMy43MjM5LDQuOTgwNS0zLjg2NzJ2OS4xMjExYy0xLjQ0NTMsMC4wMDAwMi0yLjUwNjUsMC4xOTUzMy0zLjE4MzYsMC41ODU5NC0wLjY3NzA5LDAuMzkwNjQtMS4wOTM4LDAuOTM0MjYtMS4yNSwxLjYzMDktMC4xNTYyNiwwLjY5NjYzLTAuMjM0MzgsMi4zMDE0LTAuMjM0MzcsNC44MTQ0djEwLjIzNGgtNy44OTA2di0yNS45MTh6Ii8+PHBhdGggZD0ibTE5MC4yMSwzNzIuMTYtMC4xMzY3MiwyLjM4MjhjMC41NzI5MS0wLjk1MDUsMS4yNzI4LTEuNjYzNCwyLjA5OTYtMi4xMzg3LDAuODI2ODEtMC40NzUyNCwxLjc4MDYtMC43MTI4NywyLjg2MTMtMC43MTI4OSwxLjM1NDIsMC4wMDAwMiwyLjQ2MDksMC4zMTkwMywzLjMyMDMsMC45NTcwMywwLjg1OTM2LDAuNjM4MDUsMS40MTI3LDEuNDQyMSwxLjY2MDIsMi40MTIxLDAuMjQ3MzcsMC45NzAwNywwLjM3MTA3LDIuNTg3OSwwLjM3MTA5LDQuODUzNXYxOC4xNjRoLTcuODkwNnYtMTcuOTQ5Yy0wLjAwMDAxLTEuNzgzOC0wLjA1ODYtMi44NzExLTAuMTc1NzgtMy4yNjE3LTAuMTE3Mi0wLjM5MDYtMC40NDI3Mi0wLjU4NTkyLTAuOTc2NTctMC41ODU5NC0wLjU1OTksMC4wMDAwMi0wLjkxMTQ2LDAuMjI0NjMtMS4wNTQ3LDAuNjczODMtMC4xNDMyNCwwLjQ0OTI0LTAuMjE0ODYsMS42NTA0LTAuMjE0ODUsMy42MDM1djE3LjUyaC03Ljg5MDZ2LTI1LjkxOHoiLz48cGF0aCBkPSJtMjExLjI1LDM2Ni40NiwwLDQuMTIxMS04LjEyNSwwLDAtNC4xMjExem0wLDUuNzAzMSwwLDI1LjkxOC04LjEyNSwwLDAtMjUuOTE4eiIvPjxwYXRoIGQ9Im0yMzIuMTIsMzcyLjE2LDAsMjUuOTE4LTguMDI3MywwLDAuMTM2NzItMi4xNDg0Yy0wLjU0Njg5LDAuODcyNC0xLjIyMDcsMS41MjY3LTIuMDIxNSwxLjk2MjktMC44MDA3OSwwLjQzNjItMS43MjIsMC42NTQzLTIuNzYzNywwLjY1NDMtMS4xODQ5LDAtMi4xNjgtMC4yMDgzNC0yLjk0OTItMC42MjUtMC43ODEyNS0wLjQxNjY3LTEuMzU3NC0wLjk3MDA1LTEuNzI4NS0xLjY2MDItMC4zNzExLTAuNjkwMS0wLjYwMjIyLTEuNDA5NS0wLjY5MzM2LTIuMTU4Mi0wLjA5MTEtMC43NDg3LTAuMTM2NzItMi4yMzYzLTAuMTM2NzItNC40NjI5di0xNy40OGg3Ljg5MDZ2MTcuNjM3YzAsMi4wMTgyLDAuMDYxOCwzLjIxNjIsMC4xODU1NSwzLjU5MzgsMC4xMjM2OSwwLjM3NzYxLDAuNDU4OTgsMC41NjY0MSwxLjAwNTksMC41NjY0LDAuNTg1OTMsMC4wMDAwMSwwLjkzNDIzLTAuMTk1MywxLjA0NDktMC41ODU5MywwLjExMDY3LTAuMzkwNjIsMC4xNjYwMS0xLjY0NzEsMC4xNjYwMi0zLjc2OTV2LTE3LjQ0MXoiLz48cGF0aCBkPSJtMjQyLjc5LDM3Mi4xNi0wLjEzNjcyLDIuNDYwOWMwLjYxMTk3LTAuOTc2NTQsMS4zNDExLTEuNzA5LDIuMTg3NS0yLjE5NzMsMC44NDYzNC0wLjQ4ODI1LDEuODA5OS0wLjczMjQsMi44OTA2LTAuNzMyNDIsMi4xMDk0LDAuMDAwMDIsMy43Njk1LDAuOTc2NTksNC45ODA1LDIuOTI5NywwLjY2NDA0LTAuOTc2NTQsMS40MTI3LTEuNzA5LDIuMjQ2MS0yLjE5NzMsMC44MzMzMi0wLjQ4ODI1LDEuNzU3OC0wLjczMjQsMi43NzM0LTAuNzMyNDIsMS4zNDExLDAuMDAwMDIsMi40NTEyLDAuMzI1NTUsMy4zMzAxLDAuOTc2NTYsMC44Nzg4OCwwLjY1MTA3LDEuNDQyLDEuNDQ4NiwxLjY4OTQsMi4zOTI2LDAuMjQ3MzcsMC45NDQwMywwLjM3MTA3LDIuNDc3MiwwLjM3MTEsNC41OTk2djE4LjQxOGgtNy42NTYydi0xNi44OTVjLTAuMDAwMDMtMi4yMTM1LTAuMDc0OS0zLjU4NC0wLjIyNDYxLTQuMTExMy0wLjE0OTc2LTAuNTI3MzItMC40OTgwNy0wLjc5MS0xLjA0NDktMC43OTEwMi0wLjU1OTkyLDAuMDAwMDItMC45MjEyNSwwLjI2MDQ0LTEuMDg0LDAuNzgxMjUtMC4xNjI3OCwwLjUyMDg2LTAuMjQ0MTYsMS44OTQ2LTAuMjQ0MTQsNC4xMjExdjE2Ljg5NWgtNy42NTYydi0xNi40NjVjLTAuMDAwMDEtMi41MzktMC4wNjE5LTQuMDYyNS0wLjE4NTU1LTQuNTcwMy0wLjEyMzcxLTAuNTA3NzktMC40NjU1LTAuNzYxNy0xLjAyNTQtMC43NjE3Mi0wLjM1MTU3LDAuMDAwMDItMC42NTEwNSwwLjEzMzQ5LTAuODk4NDMsMC40MDAzOS0wLjI0NzQxLDAuMjY2OTUtMC4zODQxMywwLjU5MjQ3LTAuNDEwMTYsMC45NzY1Ny0wLjAyNiwwLjM4NDEzLTAuMDM5MSwxLjIwMTItMC4wMzkxLDIuNDUxMnYxNy45NjloLTcuNjU2MnYtMjUuOTE4eiIvPjwvZz48L2c+PC9zdmc+") no-repeat center center; background-size: 175px; */ filter: none; } #header_top, #header_bottom { border: none; height: unset; padding-bottom: 0; } .freeleech_bar { background: var(--blue); border-radius: 0.5rem !important; font-weight: bold; margin: 0 !important; padding: 0 0.5rem !important; line-height: 1.9rem; animation: none !important; } #searchbars .searchcontainer { background: var(--input); border: none; padding: 0.2rem; box-sizing: border-box; position:relative; } #searchbars .searchcontainer .font_icon.icon_nav_search { width:2rem; height:2rem; line-height:2rem; text-align: center; display: block; box-sizing: border-box; } #searchbars .searchcontainer .icon_container { position: relative; width: 2rem; } #searchbars input.searchbox { position: relative; float: left; padding-left: 0.5rem; box-sizing: border-box; width: calc(100% - 2rem); } #searchbars .searchcontainer button.searchbutton .icon_stack { width:2rem; color: var(--input-text); } #content { background: var(--medium); border: none; border-radius: 1rem; box-shadow: none; margin: 4rem auto 0 auto; } body #header, body #content { width: unset; max-width: calc(100% - 8rem); margin-left: auto; margin-right: auto; } .head a { color: var(--link); } .head a:hover { color: var(--hover); } .head, .sidebar .head, .colhead_dark { background: none; border: none; color: var(--text2); font-size: 1.4rem; text-shadow: var(--shadow); } /* .colhead_dark { background: none; padding-left: 0.5rem; box-sizing: border-box; color: var(--text); } */ table.bb_holder, table.bb_holder td.colhead { background: none; } /*#header,*/ #header_bottom, thin > h2, .box { box-shadow: var(--shadow) !important; } .box { background: var(--dark); border-radius: 0.5rem; overflow: hidden; } .box .box { border: none; background: var(--medium); } .box h3 { color: var(--text); } .box h2, /*.box h3,*/ .box h4 { background: var(--medium); color: var(--text); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } table.cat_list { border-spacing: 0; padding: 0.5rem; border-radius: 0.5rem; background: var(--input); margin: 0; box-shadow: var(--shadow) inset; } table.cat_list tr.rowa, table.cat_list tr.rowb { background: none; } table.cat_list a, table.cat_list a:visited { color: var(--input-text); } table.cat_list a:hover { color: var(--hover); } .cat_list tr td { background: none; } tr, .label { background: var(--bright); background: none; } .on_cat_change { background: var(--dark); } #taglist, #taglist tr { background: var(--dark); } #taglist a:visited { color: #fff; } #taglist a:visited:hover { color: var(--link); } .searchcontainer, input:not(.searchbox), textarea { background: var(--input); color: var(--input-text); border: none; box-shadow: var(--shadow) inset; } .box { font-size: 1.2rem; } #search_form textarea { border-radius: 0.3rem; resize: none; box-sizing: border-box; height: 6.4rem; } #search_form input[type="text"], #search_form input[type="inputtext"], #search_form select { height: 2rem; box-sizing: border-box; line-height: 2rem; border-radius: 0.3rem; font-size: 1.2rem; } #filter_slidetoggle { background: none; box-shadow: none; border: none; border-radius: 0; } #filter_slidetoggle a { color: var(--text2); text-shadow: var(--shadow); } #search_box span > a[href="#"] { color: var(--text); } #filter_slidetoggle a:hover, #search_box span > a[href="#"]:hover { color: var(--link); } input[type="submit"], input[type="button"], button { background: var(--button); box-shadow: none; border: none; color: var(--button_text); } input[type="submit"]:hover, input[type="button"]:hover, button:hover { background: var(--button_text); box-shadow: none; border: none; color: var(--button); /* color: var(--hover); background: var(--button); */ } .cat_list a { color: #fff; } .cat_list a:visited { color: #aaa; } .cat_list a:hover, .cat_list a:visited:hover { color: var(--link); } #menu a { color: #fff; } #menu a:hover, #major_stats a:hover, #major_stats_left a:hover { background: var(--bright); color: #fff; } .colhead, .colhead a:visited { background: none; color: var(--link); line-height: 2rem; vertical-align: middle; } .colhead a:hover { text-decoration: none; color: var(--link); } .torrent_table > tbody > tr.head > td, .colhead td { background: var(--colhead); } /*replace with border spacing*/ /* tr.unreadpm, tr.rowa, tr.rowb { border: 0.2rem solid var(--medium); } */ .cat_list tr.rowa, .cat_list tr.rowb, .taglist tr.rowa, .taglist tr.rowb { border: none; } tr.rowb.sticky, tr.rowa.sticky { background: var(--bright); } tr.rowb, .rowb { background: var(--dark); } tr.rowa, .rowa { background: var(--dark); } tr.smallhead { background: var(--bright); line-height: 2rem; } table.forum_post td { border: none; } table.forum_post.box { border-radius: 0; border: 1px solid var(--bright); overflow: hidden; } table.forum_post td.sig { border-top: var(--bright) 1px solid; } tr.smallhead a:link, tr.smallhead button { color: var(--link); } tr.smallhead a:hover, tr.smallhead button:hover { color: var(--hover); } .post_footer { border: none; padding: 0 0 0 1rem; } td.avatar { background: var(--bright); } blockquote.bbcode, blockquote.bbcode > blockquote.bbcode, blockquote.bbcode > blockquote.bbcode > blockquote.bbcode { background: var(--brighter); color: var(--block_text); border: 1px solid var(--block_text); } blockquote > blockquote > span.quote_label, blockquote span.quote_label, span.quote_label { color: var(--block_text); } div.post_content span.quote_label { color: var(--text2); } .box span.quote_label { color: var(--text); } blockquote.bbcode > span.quote_label { color: var(--block_text); } span.postlink { background: none; } .colhead a.bb_button, a.bb_button, .bb_icon { background: var(--button); color: var(--button_text); border: none; } table.bb_holder td.colhead { padding: 0 !important; } .bb_holder .bb_buttons_left, .bb_holder .bb_buttons_right { margin: 0; } form #quickreplytext { border-radius: 0; } #quickreplytext textarea { width: 100%; } .bb_buttons_left a.bb_button { border: none; height: 2rem; display: block; float: left; margin: 0 0.3rem 0 0; box-sizing: border-box; padding: 0 0.6rem; min-width: 2rem; text-align: center; line-height: 2rem; } .bb_buttons_right img.bb_icon { width: 1.6rem; height: 1.6rem; } select.bb_button { height: 2rem; display: block; float: left; margin: 0 0.3rem 0 0; } a.bb_button:hover, .bb_icon:hover { background: var(--button_text); color: var(--button); } #quickreplytext { background: none; padding-bottom: 1rem; margin-bottom: 1rem; border-radius: 0.3rem; overflow: hidden; } #userinfo_username li ul { background: var(--medium); border: none; } #userinfo_username li ul a, #userinfo_tools li ul a { border: none; border-width: 0; } #userinfo_username li ul li a:hover, #userinfo_tools li ul li a:hover { background: var(--bright); } tr.torrent.rowa:hover, tr.torrent.rowb:hover { background-color: unset; } .overflow_button { background: var(--bright); color: #fff; border: none; } .colhead a { color: var(--link); } .overlay { border-radius: 0.5rem; overflow: hidden; } table.overlay { box-shadow: #00000040 0 0 0.5rem; } .overlay, table.overlay, .overlay .leftOverlay, .overlay .rightOverlay { background: var(--medium); border: none; color: var(--text); } .pager_on { color: var(--link); } #user_dropdown ul { background: var(--bright); color: #fff; border: none; box-shadow: 0 0 0.5rem 0 #00000040; } #user_dropdown ul li a:hover { background: var(--brighter); } #searchbars input.searchbox { color: #fff; height: 2rem; } #searchbars input.searchbox::placeholder { color: var(--input-text); opacity: 1; } .group_torrent { background: var(--dark); } .details .filetypes { background: var(--dark); } .file_icons { color: #fff; } #modal_content { background: var(--medium); border: none; } .top_info { background: var(--dark); border: none; padding: 0 0.5rem; border-radius: 0.5rem; } table.boxstat td { background: none; border-right: 1px solid var(--medium); border: none; } table.boxstat td:last-child { border: none; } table.boxstat { color: var(--text); } table.boxstat a { color: var(--link); } table.boxstat a:visited { color: var(--blue); } table.boxstat .font_icon { color: var(--text); width:2rem; height:2rem; font-size: 1.8rem; box-sizing: border-box; } table.boxstat td { padding: 0.3rem 0.8rem; line-height:2rem; } .linkbox a { color: var(--link); } .linkbox a:hover { text-decoration: none; color: var(--hover); } .linkbox .torrent_buttons a:hover { color: var(--hover); } #stats_block a, #stats_block a:visited { color: var(--header_text); } #stats_block a:hover, #stats_block a:visited:hover { color: var(--hover); } div.modcomment::before { color: var(--red); } div.modcomment div.after { color: var(--red); } div.modcomment { background: var(--brighter); color: #fff; border: var(--red) 1px solid; box-shadow: none; } code.bbcodeblock, code.bbcode { background: var(--brighter); color: #fff; border: 1px solid var(--block_text); } a[onclick^="BBCode.spoiler"] { text-shadow: none; } blockquote { border: 1px solid var(--bright); } .forum_list tr.rowa:hover td, .forum_list tr.rowb:hover td { background: var(--dark); } .taglabel { font-family: ${font}; font-weight: bold; border-radius: 0.2rem; background: var(--button); padding: 0 0.5rem; margin: 0.5rem 0.5rem 0 0; color: var(--button_text); line-height: 2rem; height: 2rem; display: inline-block; } #tag_container #taginput { background: var(--medium); } .details .tag_add { border: none; } .button_sort, .button_sort a { border: none; background: var(--medium); color: #fff; } .button_sort:hover, .button_sort:hover a { background: var(--brighter); } .button_sort.sort_select, .button_sort.sort_select a { background: #fff; color: var(--medium); } .torrentdetails table { border: none; } .torrentdetails table tr:nth-child(2n), .torrentdetails table tr { background: var(--dark); color: #fff; } .torrentdetails table tr:hover td { background: var(--dark); color: #fff; } .torrent_table .linkbox a { color: var(--link); } .torrent_table .linkbox a:visited { color: var(--visited); } .torrent_table .linkbox a:hover, .torrent_table .linkbox a:visited:hover { color: var(--hover); text-decoration: none; } span.user_name a, span.user_name a:visited { color: var(--link); } .box.pad.latest_threads { column-count: 2; } .box.pad.latest_threads .time { white-space: nowrap; } .latest_threads > span { display: block; line-height: 2rem; /*height: 20;*/ } .latest_threads > span > span, .latest_threads > span > a, .latest_threads > span > a > strong { line-height: 2rem; height: 2rem; display: inline-block; } .latest_threads > span[hidden=""] { display: none; } .sticky_post { color: var(--yellow); } .r00 { color: var(--red); } .icon_stack .font_icon.forum_icons { width: 2rem; height: 2rem; background: transparent; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--link); } .icon_stack .font_icon.forum_icons.icon_forum_latest { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--blue); margin-left: 0.4em; } .forum_icon_container:hover .font_icon.forum_icons, .icon_stack .font_icon.forum_icons.icon_forum_latest:hover { font-size: 1em; background: transparent; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; } .icon_stack .font_icon.forum_icons.forum_hint_unread { background: transparent; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--blue); } .icon_stack .font_icon.torrent_icons { font-size: 1.8rem; } .icon_stack .font_icon.torrent_icons.icon_torrent_bonus, .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus, .icon_stack .font_icon.torrent_icons.bookmark, .icon_stack .font_icon.torrent_icons.download, .icon_stack .font_icon.torrent_icons.icon_torrent_okay, .icon_stack .font_icon.icon_torrent_ducky, .icon_stack .font_icon.torrent_icons.icon_torrent_disk.grabbed, .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched, .icon_stack .font_icon.torrent_icons.seeding, .icon_stack .font_icon.torrent_icons.leeching { background: var(--label); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .torrent_grid .font_icon.torrent_icons.download, .torrent_grid .font_icon.torrent_icons.icon_torrent_okay, .torrent_grid .font_icon.icon_torrent_ducky, .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.grabbed, .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.snatched, .torrent_grid .font_icon.torrent_icons.seeding, .torrent_grid .font_icon.torrent_icons.leeching, .torrent_grid .font_icon.torrent_icons.bookmark:not(.bookmarked) { background: #fff; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus { background: var(--yellow); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus.personal_leech, .icon_stack .font_icon.bookmark.bookmarked, .icon_stack .font_icon.torrent_icons.icon_torrent_disk.snatched, .torrent_grid .font_icon.torrent_icons.icon_torrent_disk.snatched { background: var(--blue_icon); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus.sitewide_leech { background: var(--green); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.bookmark.bookmarked.action_confirm, .icon_stack .font_icon.torrent_icons.icon_torrent_warned, .icon_stack .font_icon.torrent_icons.download.warned { background: var(--red); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.torrent_icons.seeding, .icon_stack .font_icon.torrent_icons.leeching, .torrent_grid .font_icon.torrent_icons.seeding, .torrent_grid .font_icon.torrent_icons.leeching { background: var(--green); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; } .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching, .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching, .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching, .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.icon_torrent_warned_inner, .icon_stack .font_icon.torrent_icons.icon_torrent_disk_inner { display: none; } .redbar { background: none; } .redbar td { background: var(--dark); } .redbar a, .redbar a:hover { text-decoration: none; } .redbar .user a { color: var(--link); } .redbar .user a:hover { color: var(--hover); } .redbar > td:not(.user) > a:not(.category_label), .redbar > td:not(.user) > a:not(.category_label):hover { color: var(--red); } .redbar .tags a { color: var(--text); } .redbar .tags a:hover { color: var(--link); text-decoration: none; } .post_footer { color: #fff; } input.shopbutton.itembuy { color: var(--link); border-radius: 0.3rem; } input.shopbutton.itembuy:hover { color: var(--bright); } .itemnotbuy input.shopbutton, input.itemnotbuy { border: none; color: var(--red); } .itemnotbuy input.shopbutton:hover { background: var(--hover); color: var(--bright); } .anchor, a.anchor:hover { color: #fff; } .shadow { box-shadow: none; } .user_name { background: var(--medium); border: none; } .rank[alt="4"] /*Good Perv*/ { color: var(--green) !important; } .rank[alt="1"], /*Admin*/ .rank[alt="15"], /*Sysop*/ .groupperm[alt="16"] /*First Line Support*/ { color: #ff33cc !important; } .groupperm[alt="20"], /*Tagging Team*/ .rank[alt="22"], /*Principal Moderator*/ .rank[alt="11"] /*???*/ { color: var(--red) !important; } .rank[alt="18"], /*Senior Technologist*/ .rank[alt="23"] /*Technologist*/ { color: var(--grey) !important; } .rank[alt="6"] /*Smut Peddler*/ { color: #ffcc00 !important; color: var(--yellow) !important; } .icon[title="This torrent has no active bonus"], .icon[title="You cannot download a marked Torrent"] { display: none; } .icon_stack .font_icon.bookmark.action_confirm:hover::after { all: initial; white-space: nowrap; content: "Click again to remove!"; font-family: roboto, sans-serif; padding: 0.3rem 0.5rem; position: absolute; margin-top: -0.5rem; color: white; background: var(--red); border: none; border-radius: 0.5rem; } .thin > table { box-shadow: none; } table.forum_post.box { border-spacing: 0; border-collapse: separate; box-shadow: none; background: transparent; border: none; } table.forum_post.box tr { background: none; } table.forum_post.box > tbody > tr.smallhead > td { background: var(--bright); } table.forum_post.box > tbody tr:first-child > td:first-child { border-top-left-radius: 0.5rem; } table.forum_post.box > tbody tr:first-child > td:last-child { border-top-right-radius: 0.5rem; } table.forum_post.box > tbody > tr > td.avatar { border-bottom-left-radius: 0.5rem; } table.forum_post.box > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 0.5rem; } table.forum_post.box > tbody > tr:last-child > td { border-bottom: 1px solid var(--bright); } table.forum_post.box > tbody > tr > td:last-child { border-right: 1px solid var(--bright); } table.forum_post.box > tbody > tr:first-child > td { border-top: 1px solid var(--bright); } table.forum_post.box > tbody > tr > td:last-child { border-left: 1px solid var(--bright); } table.forum_post.box table.bbcode:not(.noborder), table.forum_post.box table.bbcode:not(.noborder) td { border: 1px solid var(--bright); } table.forum_post.box tr.smallhead, table.forum_post.box.user_name, .user_name { color: var(--text); } table.forum_index, table.forum_list { border-collapse: separate; border-spacing: 0 0.2rem; } table.forum_index tr.rowa, table.forum_index tr.rowb, table.forum_list tr.rowa, table.forum_list tr.rowb { background: none; } table.forum_index tr.rowa td, table.forum_index tr.rowb td { background: var(--bright); } table.forum_list tr.rowa td, table.forum_list tr.rowb td { background: var(--dark); } table.forum_list tr.rowa.sticky td, table.forum_list tr.rowb.sticky td { background: var(--bright); } table.forum_index tr.rowa td:first-child, table.forum_index tr.rowb td:first-child, table.forum_list tr.rowa td:first-child, table.forum_list tr.rowb td:first-child, table.forum_index tr.colhead td:first-child, table.forum_list tr.colhead td:first-child { border-radius: 0.5rem 0 0 0.5rem; } table.forum_index tr.rowa td:last-child, table.forum_index tr.rowb td:last-child, table.forum_list tr.rowa td:last-child, table.forum_list tr.rowb td:last-child, table.forum_index tr.colhead td:last-child, table.forum_list tr.colhead td:last-child { border-radius: 0 0.5rem 0.5rem 0; } table.forum_list span, table.forum_index span { line-height: 2rem; } table.forum_index .forum_icon_container, table.forum_index .icon_stack, table.forum_index .font_icon.forum_icons, table.forum_list .forum_icon_container, table.forum_list .icon_stack, table.forum_list .font_icon.forum_icons { height: 2rem; width: 2rem; line-height: 2rem; text-align: center; box-sizing: border-box; padding:0; } .box.pad.latest_threads { background: var(--bright); } #open_overflowquickpost, #open_overflow_morequickpost { color: var(--text); } #open_overflowquickpost:hover, #open_overflow_morequickpost:hover { color: var(--hover); } #search_form .box.pad { background: var(--bright); } #search_form .cat_list tr.rowa td, #search_form .cat_list tr.rowb td, #search_form tr.on_cat_change, #search_form td.label, #search_form tr { background: var(--bright); background: none; } #content, #modal_content { max-width: calc(100% - 8rem); min-width: 94rem; } #torrents #content .thin > form:not(#search_form) { background: var(--bright); border-radius: 0.5rem; padding: 0.5rem; } form .box { background: var(--bright); border-radius: 0.5rem; } #collage #content form { background: var(--bright); border-radius: 0.5rem; box-shadow: var(--shadow); } #collage form table, #tags table.box.pad { box-shadow: none; } #collage tr.rowa td, #collage tr.rowb td { padding: 0.3rem 0.3rem; } #collage tr.rowa td:nth-child(2) a:not(.category_label), #collage tr.rowb td:nth-child(2) a:not(.category_label) { line-height: 2rem; } #tags table.box.pad tr.rowa, #tags table.box.pad tr.rowb { background: none; border: none; } form input[type="submit"], #tags input[type="submit"], form input[type="button"] { background: var(--button); border-radius: 0.3rem; } #tags input[type="submit"]:hover { background: #fff; color: var(--bright); } #index .box { background: var(--bright); } #cat_list, #taglist { border-radius: 0.5rem; background: var(--input); } #taglist { padding-bottom: 1.5rem; } #taglist a, #taglist a:visited { color: var(--input-text); } .newtorrent { margin-right: 0.4rem; } #notifications tr td:nth-child(3) strong { float:right; } #notifications tr td:nth-child(3) strong, .newtorrent { width: 2rem; height: 2rem; overflow: hidden; visibility: hidden; } #notifications tr td:nth-child(3) strong::before, .newtorrent:before { visibility: visible; content: ""; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2UzMyI+PHBhdGggZD0iTTE5LjQ4LDEyLjM1Yy0xLjU3LTQuMDgtNy4xNi00LjMtNS44MS0xMC4yM2MwLjEtMC40NC0wLjM3LTAuNzgtMC43NS0wLjU1QzkuMjksMy43MSw2LjY4LDgsOC44NywxMy42MiBjMC4xOCwwLjQ2LTAuMzYsMC44OS0wLjc1LDAuNTljLTEuODEtMS4zNy0yLTMuMzQtMS44NC00Ljc1YzAuMDYtMC41Mi0wLjYyLTAuNzctMC45MS0wLjM0QzQuNjksMTAuMTYsNCwxMS44NCw0LDE0LjM3IGMwLjM4LDUuNiw1LjExLDcuMzIsNi44MSw3LjU0YzIuNDMsMC4zMSw1LjA2LTAuMTQsNi45NS0xLjg3QzE5Ljg0LDE4LjExLDIwLjYsMTUuMDMsMTkuNDgsMTIuMzV6IiAvPjwvc3ZnPg=="); width: 2rem; height: 2rem; display: block; } #notifications tr td:nth-child(3) strong { margin-right: 0.4rem; } /* .reported { background: var(--red); color: #fff !important; border-radius: 3px; padding: 0 3px; font-style: normal; line-height: 20; margin-left: 5px; text-align: center !important; height: 20; display: block; float: right !important; } */ span.reported { width: 2rem; height: 2rem; overflow: hidden; visibility: hidden; display: block; float: left; } span.reported::before { visibility: visible; content: ""; display: block; width: 2rem; height:2rem; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2UzMyI+PHBhdGggZD0iTTE0IDRINXYxN2gydi03aDUuNmwuNCAyaDdWNmgtNS42TDE0IDR6Ii8+PC9zdmc+"); } tr.colhead a[href*="order_by=Seeders"] img, tr.colhead a[href*="order_by=seeders"] img, tr.colhead a[href*="order_by=leechers&"] img, tr.colhead a[href*="order_by=Leechers&"] img, tr.colhead a[href*="order_by=snatched&"] img, tr.colhead a[href*="order_by=Snatched&"] img, tr.colhead a[href*="order_by=Snatches&"] img, tr.colhead a[href*="order_by=Snatches&"] img { display: none; } tr.colhead a[href*="order_by=Seeders"]:before, tr.colhead a[href*="order_by=seeders"]:before { font-family:"icons"; content: "\\f135"; font-weight: normal; } tr.colhead a[href*="order_by=leechers&"]:before, tr.colhead a[href*="order_by=Leechers&"]:before { font-family:"icons"; content: "\\f129"; font-weight: normal; } tr.colhead a[href*="order_by=snatched&"]:before, tr.colhead a[href*="order_by=Snatched&"]:before, tr.colhead a[href*="order_by=Snatches&"]:before, tr.colhead a[href*="order_by=Snatches&"]:before { font-family: "icons"; content: "\\f14f"; font-weight: normal; } #request_table .tags { clear: left; } #request_table tr td:nth-child(2) > a { font-weight: bold; line-height: 2rem; font-size: 1.2rem; } #notifications table.torrent_table .tags { text-align: left; } table.torrent_table .tags, #request_table .tags { padding: 1rem 1rem 1rem 1rem; overflow: auto; font-size: 0; } table.torrent_table .tags a, #request_table .tags a { display: block; float:left; line-height: 2rem; width: 12.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.3rem; padding: 0 0.5rem; box-sizing: border-box; } table.torrent_table { border-collapse: separate; border-spacing: 0 0.2rem; border: none; } table.torrent_table tr.rowa, table.torrent_table tr.rowb, table#request_table tr.rowa, table#request_table tr.rowb, #collage table tr { background: none; } table.torrent_table tr.rowa td, table.torrent_table tr.rowb td, table#request_table tr.rowa td, table#request_table tr.rowb td, #collage table tr.rowa td:nth-child(n+2), #collage table tr.rowb td:nth-child(n+2) { background: var(--dark); } #top10 table.torrent_table tr td:first-child, /*#collage table:not(.torrent_table,.forum_post) tr td:nth-child(2),*/ table#request_table tr td:nth-child(1), #notifications table.torrent_table tr td:first-child, table.torrent_table tr td:first-child:not(.cats_cols) { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } table.torrent_table tr td:nth-child(-n+2):not(.cats_cols), #requests #request_table tr:not(.colhead) td:nth-child(2), #requests #request_table tr:not(.colhead) td:first-child, #top10 table.torrent_table tr:not(.colhead) td:nth-child(3), #notifications table.torrent_table tr:not(.colhead) td:nth-child(2), #notifications table.torrent_table tr:not(.colhead) td:nth-child(3) { vertical-align: top; } #notifications table.torrent_table tr td:first-child:not(.cats_cols), #top10 table.torrent_table tr:not(.colhead) td:nth-child(1) { vertical-align: middle; } #top10 table.torrent_table tr td:last-child, table.torrent_table tr td:last-child, table#request_table tr td:last-child, #collage table:not(.forum_post) tr td:last-child { border-radius: 0 0.5rem 0.5rem 0; } #request_table tr.rowa td > a, #request_table tr.rowb td > a { padding: 0 0 0 1rem; } table.torrent_table, .thin > form > table { box-shadow: none; } #top10 table.torrent_table tr td:first-child { display: table-cell; } #top10 table.torrent_table tr:not(.colhead):nth-child(2) td:first-child { background: #E4A400; color: #fff; } #top10 table.torrent_table tr:not(.colhead):nth-child(3) td:first-child { background: #A0AFB8; color: #fff; } #top10 table.torrent_table tr:not(.colhead):nth-child(4) td:first-child { background: #BE6F26; color: #fff; } #top10 table.torrent_table tr:not(.colhead) td:first-child { /* background: var(--button); color: var(--button_text); */ background: var(--bright); } #request_table td, .torrent td { max-width: 45rem; } #request_table tr.rowa td > a, #request_table tr.rowb td > a { padding: 0; } td.cats_col, td.cats_cols { padding:0; position: relative; width: 0; } #notifications .torrent_table tr:not(.colhead) td > a, #notifications .torrent_table tr.colhead td:nth-child(3) { text-align: left; } #notifications .torrent_table tr.colhead a { font-weight: bold; } #collage .tags { padding: 1rem 10rem 1rem 1rem; } /* #collage #content table:not(.forum_post) tr td:first-child { position: relative; padding: 0; } */ #collage #content table tr:not(.colhead) td:nth-child(2) > a { font-weight: bold; } #collage #content table:not(.forum_post) tr td:first-child img { display: none; } #details_top table { border-spacing: 0; } #details_top table.torrent_table tr td:last-child { border-radius: 0; } #details_top td > strong { line-height: 2rem; font-size: 1.2rem; } tr.group_torrent td { padding: 0 0 0 1rem; } #torrents table.torrent_table tr.colhead:not(:first-child) td { border-radius: 0.5rem; background: var(--bright); line-height: 2rem; height: 2rem; } #collage table.torrent_table > tbody > tr > td:first-child, #torrents table.torrent_table > tbody > tr > td:first-child, #requests #request_table tr td:first-child, #bookmarks table.torrent_table > tbody > tr > td:first-child { padding: 0 !important; width: 0 !important; } .box { background: var(--bright); } #top10 table.torrent_table tr td:nth-child(2) { padding: 0; border-radius: 0; width: 0 !important; } #top10 table.torrent_table tr td img { display: none; } #requests table.request_table tr td:nth-child(n+3), table.torrent_table tr td:nth-child(n+3) { text-align: center; } #top10 table.torrent_table tr td:nth-child(-n+3), #notifications table.torrent_table tr td:nth-child(-n+3) { text-align: left; } #top10 .torrent { font-weight: normal; } #top10 #content form { background: var(--bright); border-radius:0.5rem; } #top10 form table.border { border: none; } table.topic_list { border-collapse: separate; border-spacing: 0 0.2rem; } table.topic_list tr { background: none; } table.topic_list tr.rowa td, table.topic_list tr.rowb td { background: var(--bright); } table.topic_list tr td:first-child { border-radius: 0.5rem 0 0 0.5rem; } table.topic_list tr td:last-child { border-radius: 0 0.5rem 0.5rem 0; } .alertbar a { color: #fff; } #collage .sidebar img { display:none; } #details_top tr.group_torrent td { vertical-align: top; padding: 0.3rem; width: 0; } span[style="color:red"], span[style="color:red;"], span[style="color:#FF0000"] { color: var(--red) !important; } .bbcode[style="background-color:grey;"] { background-color: var(--medium) !important; } .torrent_table .linkbox a { color: var(--link) } .torrent_table .linkbox a:hover { color: var(--hover) } .stat { color: var(--header_text); } .contact_link { border: none; } strong.important_text { color: var(--red); } img[src="static/common/symbols/freedownload.gif"], img[src="static/styles/modern/images/star16.png"] { display: none; } #user_dropdown a[href="/donate.php"] img { display: none; } #user_dropdown a[href="/donate.php"]::before { font-family: icons; content: "\\f112"; color: var(--red); display: inline-block; position: relative; top: -0.3rem; font-size: 0.8em; margin: 0 0 0 0.2rem; } .r00, .r01, .r02, .r03, #nav_leeching_r { color: var(--red); } .r04, .r05, .r06, .r07 { color: var(--orange); } .r08, .r09 { color: var(--yellow); } .r10, .r20, .r50, .r99, #nav_seeding_r { color: var(--green); } div#hoverbabe-container { background: var(--medium) !important; border: none !important; border-radius:0.5rem; box-shadow: 0 0 0.5rem #00000080; color: var(--text) !important; padding: 0.3rem !important; overflow:hidden; } div#hoverbabe-container span.label, div#hoverbabe-container h1 { color: var(--link) !important; } div#hoverbabe-container h1 { position: absolute; top: 0; left: 0; right: 0; line-height: 3rem; font-size: 1.8rem; text-align: center; background: var(--bright); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 1rem; } div#hoverbabe-container div#biodata, div#hoverbabe-container div#bioimage { margin-top: 3rem; } div#hoverbabe-container div#bioimage img { display: block; border-radius: 0.2rem !important; } .head + div.box, .colhead + div.box, tr.head, tr#recentuploads, tr#recentsnatches, .head + table, #site_debug, .main_column > table, .thin > table, .thin > form > table, #searchforum table, #searchthread table, #messageform .box, .shadow, .report, tr.head + tr { box-shadow: none; } /* tr.head, tr.head + tr { box-shadow: none; } */ .tags a { font-weight: normal; font-style: italic; font-size: 1.2rem; } .invalid, .warning, .error { color: var(--red); font-weight: normal; } .flash.error { color: #fff; } tr.unreadpm { background: none; color: #fff; } tr.unreadpm td { background: var(--red); } tr.unreadpm .rank { color: #fff !important; } tr.unreadpm a { color: #fff; } #autoresults { background: var(--medium); color: var(--text); border: var(--text) 1px solid; border: none; border-radius: 0.2rem; overflow:hidden; box-shadow: 0 0 0.5rem #00000080; } #autoresults li.highlight, #autoresults li.highlight span.num { background: var(--text); color: var(--bright); } .icon_stack .font_icon.torrent_icons.icon_torrent_bonus.bonus { display:none; } .torrent_icon_container .icon_stack { width: unset; height: 2rem; } .torrent_icon_container .icon_stack i:last-child { margin: 0 !important; } .icon_stack, .icon_container { height: 2rem; } .icon_stack > .font_icon.torrent_icons:first-child { position: unset; } .icon_stack > .font_icon.torrent_icons:first-child:not(.icon_torrent_bonus) { display: block; } .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching, .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching, .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching { display: block; width: 2rem; height: 2rem; font-size: 1.8rem; margin: 0; padding: 0; box-sizing: border-box; position: unset; float: left; text-align: center; margin-right: 0.4rem; } .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching { background: var(--blue_icon); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: #96969640; } .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching { background: var(--green); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: #96969640; } .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding, .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching { background: var(--yellow); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: #96969640; } .icon_stack .font_icon.torrent_icons.personal_leech.icon_torrent_leeching::before, .icon_stack .font_icon.torrent_icons.sitewide_leech.icon_torrent_leeching::before, .icon_stack .font_icon.torrent_icons.unlimited_leech.icon_torrent_leeching::before { content: "\\f147"; } .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding::before, .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding::before, .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding::before { content: ""; width: 2rem; height: 2rem; display: block; } .icon_stack .font_icon.torrent_icons.personal_seed.icon_torrent_seeding::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMwMGNjZmYiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+"); background-position: -0.5rem -0.5rem; background-size: 3rem 3rem; } .icon_stack .font_icon.torrent_icons.sitewide_seed.icon_torrent_seeding::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiMxOGQ4NjAiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+"); background-position: -0.5rem -0.5rem; background-size: 3rem 3rem; } .icon_stack .font_icon.torrent_icons.unlimited_seed.icon_torrent_seeding::before { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNmY2VkMGEiPjxnPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iMjQiIHdpZHRoPSIyNCIvPjwvZz48Zz48Zz48cG9seWdvbiBwb2ludHM9IjYuNDEsNiA1LDcuNDEgOS41OCwxMiA1LDE2LjU5IDYuNDEsMTggMTIuNDEsMTIiLz48cG9seWdvbiBwb2ludHM9IjEzLDYgMTEuNTksNy40MSAxNi4xNywxMiAxMS41OSwxNi41OSAxMywxOCAxOSwxMiIvPjwvZz48L2c+PC9zdmc+"); background-position: -0.5rem -0.5rem; background-size: 3rem 3rem; } .donate_details, .donate_details table td { background: var(--yellow); border: none; } .pager_on { color: var(--blue); } #collage #editor { font-size: 1.2rem; } #user #content form { background: var(--bright); border-radius: 0.5rem; padding: 0.5rem; box-sizing: border-box; } #content form > table { border: none; } form .colhead strong { font-size: 1.8rem; font-weight: normal; color: var(--link); } .label { font-weight: normal; } span[title="Number of Comments"] { width: 2rem; height: 2rem; display: block; overflow: hidden; margin: auto; } span[title="Number of Comments"]::before { font-family: icons; content: "\\f11e"; width:2rem; height: 2rem; display: block; font-size: 1.8rem; text-align:center; line-height: 2rem; } span[title="Number of Files"] { width: 2rem; height: 2rem; display: block; overflow: hidden; margin: auto; } span[title="Number of Files"]::before { font-family: icons; content: "\\f106"; width:2rem; height: 2rem; display: block; font-size: 1.2rem; text-align:center; line-height: 2rem; } .nicebar_container { height:2rem; font-size: 1.2rem; margin: 0; padding: 0.2rem; position: absolute; } .freeleech_bar { line-height: 2rem; } #alerts { max-width: 50rem; } .alertbar { background: var(--red); font-size: 1.2rem; line-height: 2rem; font-weight: bold; height: 2rem; animation: none; padding: 0 2rem; box-sizing: border-box; border-radius: 0.5rem; } .alertbar a { width: 100%; display: block; font-weight: bold; } .torrent .version { clear:left; } .icon_stack, .icon_stack .font_icon { width: 2rem; height: 2rem; padding: 0; line-height: 2rem; } tr.smallhead a[href="#"]:link { width: 2rem; height: 2rem; padding: 0; line-height: 2rem; text-align: center; display: inline-block; } ul.poll li.graph { margin-top: 1rem; margin-bottom: 2rem; height: 0.5rem; } .center_poll, .left_poll, .right_poll { background: var(--text); height: 100%; } .left_poll { border-radius: 0.2rem 0 0 0.2rem; } .right_poll { border-radius: 0 0.2rem 0.2rem 0; } .linkbox .torrent_buttons a { color: #fff; font-weight: bold; font-family: sans-serif; } .linkbox .torrent_buttons a:hover { color: #fff; } table#collages tr:not(.colhead) td { background: var(--dark); } /*--------------------DROPDOWN-MENU--------------------*/ #nav_userinfo > a::after { width: 2rem; height: 2rem; line-height: 2rem; display: block; text-align: center; float: right; } #header_bottom li > a .font_icon.nav_icons { color: var(--header_text); } #header_bottom li > a:hover, #header_bottom li > a:hover .font_icon.nav_icons { color: var(--hover); } #header_bottom li.highlight > a .font_icon.nav_icons, #header_bottom li.highlight > a, #header_bottom li.highlight > a:hover { color: var(--red); font-weight: bold; } #major_stats > ul { float: left; display: block; height: 2rem; line-height: 2rem; margin-left: 0.3rem; } #userinfo_username > li > a.username { display: block; background: var(--medium); position: relative; z-index: 20; transition: none; } #userinfo_username > li > a.username:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #userinfo_username > li { padding: 0 !important; margin: 0 !important; height: 2.4rem; } #userinfo_username li ul { left: 0; top: 0; border-radius: 0 0 0.3rem 0.3rem; overflow: hidden; position: relative; box-shadow: #00000040 0 0 0.5rem; } #userinfo_username li ul li { margin: 0 !important; min-width: unset; } .icon_stack .font_icon.nav_icons { margin: 0; padding: 0; } #userinfo_username li ul li a { line-height: 2rem; transition: none; } /*--------------------BOOKMARKS--------------------*/ #bookmarks .torrent_grid, #collage .torrent_grid { background: var(--dark); border-radius: 0.5rem; padding: 0.5rem 0 0 0.5rem; } #bookmarks .torrent_grid > .torrent_grid__torrent, #collage .torrent_grid > .torrent_grid__torrent { border: 0; margin: 0 0.5rem 0.5rem 0; background: none; border-radius: 0.2rem; overflow: hidden; } #bookmarks table tr td { position: relative; } /* #bookmarks table .torrent_icon_container { position: absolute; top: 3px; left: 3px; } */ /* #bookmarks table tr td span, #bookmarks table tr td a { float: unset !important; } */ /*--------------------HEADER--------------------*/ /* #header a, #header a:visited, .stat, #stats_block, #major_stats .font_icon.nav_icons { color: var(--text); } .searchcontainer button { color: var(--link) !important; } */ #userinfo_username li ul li:not(.highlight) a, #userinfo_username li ul li:not(.highlight) a .font_icon.nav_icons { color: var(--text2); } #userinfo_username li ul li:not(.highlight) a:hover, #userinfo_username li ul li:not(.highlight) a:hover .font_icon.nav_icons { color: var(--hover); } #menu a { color: var(--header_text); } #menu a:hover { background: none; color: var(--hover); } /*--------------------HEADER-BOTTOM--------------------*/ #header_bottom a, #header_bottom a:visited { color: var(--header_text); } #header_bottom { height: 2.4rem; padding-top: 0; } #header_bottom div > ul > li > a { margin: 0; display: block; line-height: 2rem; height: 2rem; padding: 0.2rem 0.5rem; border-radius: 0.2rem; } #header_bottom a:hover { background: none; } #header_bottom div > ul > li > a span { padding: 0 0.4rem; height: 2rem; display: block; float: right; } #header_bottom div > ul > li { margin: 0 0 0 0.3rem; padding: 0; display: block; } #major_stats > ul > li { float: right; } #major_stats_left { position: relative; float: left; } #major_stats_left, #major_stats_left ul, #major_stats_left li { display: block; float: left; } #header_bottom #major_stats_left a, #header_bottom #major_stats_lefta:visited, #header_bottom #major_stats_left .font_icon.nav_icons { color: var(--header_text); font-weight: normal; font-size: 1.4rem; } #header_bottom #major_stats_left a span { font-weight: bold; } #header_bottom #major_stats_left a:hover, #header_bottom #major_stats_left a:hover .font_icon.nav_icons { color: var(--hover); } /*--------------------TORRENT-PAGE--------------------*/ #torrents #details_top #personal_collages, #torrents #details_top .torrent_table { border-radius: 0.5rem; overflow:hidden; box-shadow: var(--shadow); background: var(--bright); } #torrents #details_top .torrent_table > tbody > tr:first-child td:nth-child(2) { /*border-top-left-radius: 5px;*/ padding-left: 1rem !important; } #torrents #details_top .torrent_table > tbody > tr > td.right { padding-right: 1rem !important; } #torrents #details_top .torrent_table > tbody > tr > td.filetypes span { line-height: 2rem; } #torrents #details_top .torrent_table { line-height: 2rem; } /* #torrents #details_top .torrent_table > tbody > tr:first-child td:last-child { border-top-right-radius: 5px; } #torrents #details_top .torrent_table > tbody > tr:last-child td:first-child { border-bottom-left-radius: 5px; } #torrents #details_top .torrent_table > tbody > tr:last-child td:last-child { border-bottom-right-radius: 5px; } */ #torrents #details_top .torrent_table > tbody > tr:nth-child(-n+2) td:first-child { display: none; } #torrents #details_top .torrent_table > tbody > tr td.filetypes { height: 2rem; } #torrents #details_top .torrent_table > tbody > tr:nth-child(-n+2) td:nth-child { colspan: 2; } #torrents #details_top .torrent_table > tbody > tr > td { background: var(--dark); padding: 0.3rem !important; border-radius: 0; } #torrents #details_top .torrent_table > tbody > tr:first-child > td { background: var(--colhead); } #torrents #details_top .torrent_table > tbody > tr > td[title="Snatches"]::before, #torrents #details_top .torrent_table > tbody > tr > td[title="Seeders"]::before, #torrents #details_top .torrent_table > tbody > tr > td[title="Leechers"]::before { font-family: "icons"; width: 2rem; height: 2rem; display: block; margin: auto; } #torrents #details_top .torrent_table > tbody > tr > td[title="Snatches"]::before { content: "\\f14f"; } #torrents #details_top .torrent_table > tbody > tr > td[title="Seeders"]::before { content: "\\f14e"; } #torrents #details_top .torrent_table > tbody > tr > td[title="Leechers"]::before { content: "\\f14c"; } #torrents #details_top .torrent_table table { margin: 0; width: 100%; } #torrents #details_top .torrent_table table tr { border: none; } #torrents #details_top .torrent_table table blockquote { border: none; } /*--------------------TORRENTS--------------------*/ table.torrent_table tr.rowa, table.torrent_table tr.rowb { color: var(--text3); } .torrent td:not(:first-child,:last-child):not(.user) > a, #collage table.torrent_table td:nth-child(2) > strong > a, #bookmarks table.torrent_table td:nth-child(2) > strong > a { font-weight: bold; line-height: 2rem; font-size: 1.2rem; } .torrent > td { font-weight: normal; } .torrent { font-size: inherit; } tr.head > td > a, tr.colhead > td > a { font-weight: bold; } .torrent.rowb br, .torrent.rowa br { display: none; } .category_label { background: var(--button); color: var(--button_text); padding: 0 0.5rem; box-sizing: border-box; border-radius: 0.2rem; line-height: 2rem; height: 2rem; font-weight: bold; font-size: 1.2rem; text-align: center !important; display:block; margin: 0.3rem; width: 15rem; } .category_tag { width: 10rem !important; background: var(--button); color: var(--button_text); padding: 0 0.5rem; box-sizing: border-box; border-radius: 0.2rem; line-height: 2rem; height: 2rem; font-weight: bold; font-size: 1.2rem; text-align: center !important; margin-right: 0.5rem !important; display: block; float: left; } .category_label:visited, .category_tag:visited { color: var(--button_text); } .cover { display: block; width: 15rem; height: 15rem; margin: 0.3rem; border-radius: 0.2rem; } /*--------------------TABLES--------------------*/ #collage .thin > table:not(.forum_post), table#request_table { border-collapse: separate; border-spacing: 0 0.2rem; } table { border-collapse: separate; border-spacing: 0 0.2rem; } /*--------------------PAGE--------------------*/ #header, #content { min-width: 94rem; } /*NOTIFICATIONS*/ /* div.version { display: table; } */ /*Slot Machine*/ span.payout, span#winnings { color: var(--text) !important; } .fm input[type="button"], .fm input[type="text"] { color: var(--text); border-color: var(--text); } .fmresults td.fmheader { background: var(--text); } input[type="text"]:read-only { background: var(--input); color: var(--input-text); } /*--------------------TAG-HIGHLIGHTER--------------------*/ input[type="button"] { border-radius: 0.3rem; } div#s-conf-wrapper { display: grid; border: 0.1rem solid var(--bright); box-shadow: var(--shadow); width: 60rem; background: var(--medium); border-radius: 0.5rem; gap: 0.2rem; } a.s-conf-tab, div#s-conf-wrapper { font-size: 1.2rem; line-height: 2rem; } div#s-conf-wrapper input[type="checkbox"] { height: 2rem; display: table-cell; vertical-align: middle; } div#s-conf-wrapper > h1, div#s-conf-status, div#s-conf-wrapper > div.s-conf-buttons { grid-column: 1 / 3; width: unset; border: none; border-radius: 0.5rem; } div#s-conf-wrapper > h1 { margin-bottom: 1rem; } ul#s-conf-tabs { grid-column: 1; height: unset; width: 12rem; margin: 0; display: flex; gap: 0.2rem; flex-direction: column; } div#s-conf-content { grid-column: 2; margin: 0; } #s-conf-tabs a.s-conf-tab { /*width: 11rem;*/ height: auto; border-radius: 0.3rem; } div.s-browse-tag-holder span.s-tag { display: block; float: left; padding: 0; border: none; margin: 0.3rem; border-radius: 0.5rem; } div.tag_inner .s-tag { border: none !important; border-radius: 0.5rem !important; background: var(--medium); padding: 0.2rem 0.5rem !important; margin: 0 !important; } div.tag_inner span.s-tag { line-height: 1.8rem; } span.s-tag div.s-button { width: 1.4rem; height: 1.4rem; line-height: 1.4rem; margin: 0.2rem 0.3rem 0.2rem 0; } .s-conf-add-btn, .s-conf-remove-btn { width: 11rem !important; } .s-tag a { max-width: 12.5rem !important; } div.tag_inner .s-tag > a { color: var(--text); } div.tags a { font-style: normal; } table#request_table div.tags span.s-tag a, table.torrent_table div.tags span.s-tag a { padding: 0 0.5rem; box-sizing:border-box; margin: 0; max-width: unset; } #s-conf-background { background: #202020BF !important; } #s-conf-tabs .s-conf-tab, #s-conf-content { background: var(--bright); color: var(--text); border: none; border-radius: 0; vertical-align: middle; margin: 0; } #s-conf-content #s-conf-form { background: none; color: var(--text); } #s-conf-content { border-radius: 0.5rem !important; margin-top: 1rem; } /* #s-conf-wrapper #s-conf-tabs li { margin: 0 0.2rem 0.2rem 0; } */ #s-conf-tabs li, #s-conf-tabs li h2, #s-conf-tabs li h2 a { display: block; width: 100%; box-sizing: border-box; } #s-conf-tabs .s-conf-tab.s-selected { background: var(--button); /*color: var(--bright);*/ color: var(--button_text) !important; } #s-conf-tabs .s-conf-tab:not(.s-selected):hover { background: var(--brighter); } #s-conf-wrapper h1, #s-conf-wrapper h2 { color: var(--text) !important; } #s-conf-wrapper textarea { background: var(--medium); resize: none; } #s-conf-wrapper #s-conf-content { border: none; box-shadow: none; } ul#torrent_tags > li { border: none; } /*----------TAG-HIGHLIGTHER-TAG-COLORS----------*/ span.s-tag > a { color: white !important; } span.s-tag.s-good, .s-add-good, .s-remove-good { background: var(--liked) !important; border-color: var(--liked-border) !important; } span.s-tag.s-loved, .s-add-loved, .s-remove-loved { background: var(--loved) !important; border-color: var(--liked-border) !important; } span.s-tag.s-performer, .s-add-performer, .s-remove-performer { background: var(--performer) !important; border-color: var(--performer-border) !important; } span.s-tag.s-loveperf, .s-add-loveperf, .s-remove-loveperf { background: var(--loved-performer) !important; border-color: var(--performer-border) !important; } span.s-tag.s-likesite, .s-add-likesite, .s-remove-likesite { background: var(--liked-site) !important; border-color: var(--liked-site-border) !important; } span.s-tag.s-lovesite, .s-add-lovesite, .s-remove-lovesite { background: var(--loved-site) !important; border-color: var(--liked-site-border) !important; } span.s-tag.s-newperf, .s-add-newperf, .s-remove-newperf { background: var(--new-performer) !important; border-color: var(--new-performer-border) !important; } span.s-tag.s-amateur, .s-add-amateur, .s-remove-amateur { background: var(--amateur) !important; border-color: var(--amateur-border) !important; } span.s-tag.s-loveamat, .s-add-loveamat, .s-remove-loveamat { background: var(--loved-amateur) !important; border-color: var(--amateur-border) !important; } span.s-tag.s-maleperf, .s-add-maleperf, .s-remove-maleperf { background: var(--male-performer) !important; border-color: var(--male-performer-border) !important; } span.s-tag.s-lovemale, .s-add-lovemale, .s-remove-lovemale { background: var(--loved-male-performer) !important; border-color: var(--male-performer-border) !important; } span.s-tag.s-likesite, .s-add-likesite, .s-remove-likesite { background: var(--liked-site) !important; border-color: var(--liked-site-border) !important; } span.s-tag.s-lovesite, .s-add-lovesite, .s-remove-lovesite { background: var(--loved-site) !important; border-color: var(--liked-site-border) !important; } span.s-tag.s-disliked, .s-add-disliked, .s-remove-disliked { background: var(--disliked) !important; border-color: var(--disliked-border) !important; } span.s-tag.s-hated, .s-add-hated, .s-remove-hated { background: var(--hated) !important; border-color: var(--disliked-border) !important; } span.s-tag.s-terrible, .s-add-terrible, .s-remove-terrible { background: var(--black-listed) !important; border-color: var(--black-listed-border) !important; } span.s-tag.s-useless, .s-add-useless, .s-remove-useless { background: var(--useless) !important; border-color: var(--useless-border) !important; } /*--------------------COLLAGE--------------------*/ #collage div.tags { float: left; clear: left; font-size: 0; } #collage div.tags a { display:block; float:left; width: 10rem; padding-left: 1rem; text-overflow: ellipsis; overflow: hidden; } /*--------------------UPLOAD--------------------*/ strong span[style="color:green"], span[style="color:green"] strong { color: var(--green) !important; } /* TAGS */ #tags input[type="text"] { border-radius: 0.3rem; } #tags div.tag_results table.box { background: none; } #tags div.tag_results table.box tr.rowa, #tags div.tag_results table.box tr.rowb { background: none; } #tags div.tag_results table.box tr.rowa td, #tags div.tag_results table.box tr.rowb td { background: var(--dark); } #tags div.tag_results table.box tr td:first-child { border-radius: 0.5rem 0 0 0.5rem; } #tags div.tag_results table.box tr td:last-child { border-radius: 0 0.5rem 0.5rem 0; } #tags .votes { color: var(--text); } /* OTHER */ a.contact_link, a.contact_link:visited { background: var(--red); text-decoration: none; color: var(--hover); margin: 0 0.5rem; } #staff table { border: none; } .uploadbody textarea { margin: 0.5rem 0; } #donatediv tr { background: none; } #donatediv tr td { background: var(--medium); } #donatediv tr td:first-child { border-radius: 0.5rem 0 0 0.5rem; } #donatediv tr td:last-child { border-radius: 0 0.5rem 0.5rem 0; padding-right: 0.3rem; } #donatediv input { margin: 0; } label { line-height: 2rem; } div.linkbox { line-height: 2rem; color: var(--text2); } div.linkbox > a, div.linkbox > a:visited { color: var(--text2); line-height: 2rem; text-shadow: var(--shadow); } div.linkbox a:hover { color: var(--hover); } tr.smallhead a.post_id, tr.smallhead a.post_id:visited { color: var(--text); } /* SITE LOG */ #log span[style="color: green;"] { color: var(--green) !important; } #log span[style="color: #1E90FF;"] { color: var(--blue) !important; } #log span[style="color: #a07100;"] { color: var(--orange) !important; } #log span[style="color: red;"] { color: var(--red) !important; } .anchor, a.anchor:hover { color: var(--text); } tr.smallhead { color: var(--link); } table.bonusshop tr.rowa, table.bonusshop tr.rowb, table.bonusshop tr.smallhead { background: none; } table.bonusshop tr.rowa td, table.bonusshop tr.rowb td { background: var(--dark); } table.bonusshop tr.smallhead td { background: var(--bright); } table.bonusshop tr td:first-child { border-radius: 0.5rem 0 0 0.5rem; } table.bonusshop tr td:last-child { border-radius: 0 0.5rem 0.5rem 0; } #stats_block { color: var(--header_text); } .post_footer { color: var(--text2); } .shopbutton.itembuy, .shopbutton.itemnotbuy { margin: 0; } div#sig { max-height: none !important; } #header { color: var(--header_text); } /*--------------------COMBINE-BACKGROUND-AND-CONTENT--------------------*/ #content { background: none; border-radius: 0; width: 100%; } .thin { width: 100%; } .thin > h2:first-child { margin: 0 0 var(--text-height) 0; border-radius: 0.5rem; } body { background: var(--medium); } #header { background: none; } #header_top #searchbars, #header_bottom, #userinfo_username > li > a.username { background: var(--header); } #modal_content h2 { border-radius: 0; margin: 0 -4rem 2rem -4rem; } #modal_content .details.thin { max-width: calc(100% - 8rem); margin: auto; } #modal_content { max-width: none; width: 100%; border-radius: 0; box-sizing: border-box; } td.badgesrow, .badgesrow { border-top: 1px solid var(--medium); } #inbox div.box > div.body, #preview { padding: 1rem; } #inbox .colhead td { background: var(--brighter); } #inbox #searchbox input[type="text"] { width: 50% !important; border-radius: 0.3rem; } tr.box, #inbox .rowa, #inbox .rowb { background: none; } #inbox .rowa td, #inbox .rowb td { background: var(--medium); } tr.box td input { margin: 0; } tr.box td .long { border-radius: 0.3rem; width: 100%; } input[name="search"], #taginput { border-radius: 0.3rem; } tr.box td { background: var(--bright); } tr.box td:last-child, #inbox td:last-child { border-radius: 0 0.5rem 0.5rem 0; } tr.box td:first-child, #inbox td:first-child { border-radius: 0.5rem 0 0 0.5rem; } table#donatediv { padding: 0 0.2rem; } .tag_add form input[type="button"] { margin: 0; width: 2rem; } #tag_container { padding-bottom: 0.5rem; } #details_top #collages { border-radius: 0.5rem; overflow: hidden; } #searchbars { padding: 0; height: unset; margin: 1rem 0; } #inbox div.box { background: var(--bright); } #footer, #footer p a, #footer p a:visited { color: var(--text2); text-shadow: var(--shadow); } .torrentdetails table.reported tr:nth-child(2n) { background: unset; } #upload #content #upload_table > table { background: var(--bright); border-radius: 0.5rem; } .postbody { color: var(--text2); } #iplinkeddiv tr:hover, #reportsdiv tr:hover, #staffpmsdiv tr:hover, .torrent_table table tr:hover td, body#tools tr.rowa:hover, body#tools tr.rowb:hover, body#staffpm tr.rowa:hover, body#staffpm tr.rowb:hover { background: none; transition: none; } /* code.bbcode { padding: 10; } */ div[id^="editcont"] table.bb_holder { margin: 0.5rem; } div[id^="preview"] { padding: 1rem; } /* table.forum_list .sticky + :not(.sticky) { } */ table.forum_list tr.rowa.sticky td, table.forum_list tr.rowb.sticky td { background: var(--colhead); } /* table.forum_list .sticky td { border-bottom: 1px solid #80808020; border-top: 1px solid #80808020; box-sizing: border-box; } table.forum_list .sticky td:first-child { border-left: 1px solid #80808020; } table.forum_list .sticky td:last-child { border-right: 1px solid #80808020; } */ table.forum_list tr.rowa.sticky td:first-child, table.forum_list tr.rowb.sticky td:first-child { /*background: var(--blue);*/ /*box-shadow: var(--blue) 3px 0 0 inset;*/ /*background: linear-gradient(90deg, var(--blue) 5px, var(--bright) 5px);*/ } /* table.forum_list tr.sticky .font_icon.forum_icons { -webkit-text-stroke-color: var(--bright); } */ .uploadbody #taginput { width: 97%; resize: vertical; min-height: 10rem; } table.bbcode { border-collapse: collapse; } .breadcrumbs { color: var(--text2); } /* forum post jump to top arrow */ /* not working */ /* broken ??? */ tr.smallhead a:visited { color: unset; } form:not(#search_form) .box, .box .box, #collage #content .box form { box-shadow: none !important; } select { box-shadow: var(--shadow) inset; } #search_form .box.pad, table.forum_post.box, form#userform, #torrent_table, #request_table, #bookmarks .torrent_grid, #collage .torrent_grid { box-shadow: var(--shadow); border-radius: 0.5rem; } #inbox .user_name { background:none; } /*----------------------------------------HEADER-GRID----------------------------------------*/ #header #header_top { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto auto; grid-template-areas: 'logo . stats' 'menu menu menu' 'search search search' 'alerts alerts alerts'; row-gap: 0.2rem; margin-top: 1rem; } @media screen and (min-width: 1400px) { #header #header_top { grid-template-areas: 'logo menu stats' 'search search search' 'alerts alerts alerts'; } } #header #header_top #logo, #header #header_top #stats_block, #header #header_top #searchbars, #header #header_top #menu, #header #alerts { margin: 0; padding: 0; position: static; box-sizing:border-box; } #header #header_top #logo { /* grid-column: 3; grid-row: 3; */ grid-area: logo; /*margin-left: 1rem;*/ filter: drop-shadow(var(--shadow)); height: 5rem; width: 20rem; } #header #header_top #stats_block { /* grid-column: 1; grid-row: 3; */ grid-area: stats; /* background: var(--header); padding: 0.5rem; border-radius: 0.5rem; box-shadow: var(--shadow); */ height: 5rem; } #header #header_top #searchbars { /* grid-column: 1 / span 3; grid-row: 2; */ grid-area: search; padding: 0.3rem 0.3rem; box-shadow: var(--shadow); } #header #header_top #searchbars ul { display: flex; justify-content: center; gap: 0.3rem; } #header #header_top #searchbars ul li, #header #header_top #searchbars ul li form { display: block; margin: 0; padding: 0; } #header #header_top #searchbars .searchcontainer { width: 100%; display: block; border-radius: 0.2rem; } #header #header_top #menu { /* grid-column: 1 / span 3; grid-row: 1; */ grid-area: menu; margin: 0.5rem 0; /* background: var(--medium); */ display: flex; align-items: flex-end; /*align-items: center;*/ justify-content: center; } #header #header_top #alerts { /* grid-column: 2; grid-row: 3; */ grid-area: alerts; /*padding-bottom: 1rem;*/ max-width: unset; width: unset; display: grid; } #header #header_top #alerts .alertbar { width: 50%; max-width: 50rem; /*margin: 0.5rem auto;*/ margin: 0 auto 0.2rem auto; } #header #header_bottom, #header #header_top #searchbars { border-radius: 0.5rem; } #header #header_bottom { padding-left: 0; padding-right: 0; } #header #header_bottom { height: 3rem; } #header #header_bottom #major_stats { padding: 0 0.5rem 0 0; } #header #header_bottom #major_stats > ul > li:not(#nav_userinfo) a, #header #header_bottom #major_stats > div, #header #header_bottom #major_stats_left ul li { margin-top: 0.3rem; margin-bottom: 0.3rem; } #header > #header_bottom > #major_stats > #userinfo_username > #nav_userinfo > a { padding: 0.5rem 0 !important; } /*----------------------------------------STUFF----------------------------------------*/ #tags .tag_results .colhead td { background: var(--colhead); } #content > .thin > h2 { margin: 0 0 2rem 0; box-shadow: var(--shadow); } .box .colhead td, #userform .colhead td { background: none; } body:not(#torrents,#user) #content .thin > form > table, #searchforum { background: var(--bright); box-shadow: var(--shadow); border-radius: 0.5rem; } #content .thin > table > tbody > tr.rowa, #content .thin > table > tbody > tr.rowb { background: none; } #content .thin > table > tbody > tr.rowa > td, #content .thin > table > tbody > tr.rowb > td { background: var(--dark); } #content .thin > table > tbody > tr.rowa.sticky > td, #content .thin > table > tbody > tr.rowb.sticky > td { background: var(--colhead); } #content .thin > table:not([id^="post"]) > tbody > tr > td:first-child { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } #content .thin > table:not([id^="post"]) > tbody > tr > td:last-child { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } div#donatediv table { width: 60rem !important; } .torrent_grid { grid-template-columns: repeat(auto-fit, minmax(20rem, 0.333fr)); } .torrent__info_extra .icon { width: 2rem; } .torrent__size, .torrent_grid__torrent__info { font-size: 1.2rem; line-height: 2rem; } .torrent_grid__torrent__cat { font-size: 1.4rem; } #coverimage > img { display: block; margin: auto; } #collage #content .thin > table > tbody > tr:not(.colhead) > td { background: var(--dark); } #collage #content .thin > table > tbody > tr:not(.colhead) > td:first-of-type { border-radius: 0.5rem 0 0 0.5rem; } #collage #content .thin > table > tbody > tr:not(.colhead) > td:last-child { border-radius: 0 0.5rem 0.5rem 0; } #details_top div.sidebar { width: 100%; grid-row: 2; } #content .details.thin #details_top { display: grid; } #content .details.thin #details_top .middle_column { grid-row: 1; margin: 0; } #details_top div.sidebar { display: grid; grid-template-columns: 30rem 1fr; column-gap: 2rem; } #details_top div.sidebar .head { grid-row: 1; } #details_top div.sidebar #coverimage { grid-column: 1; grid-row: 2; height: auto; } #details_top div.sidebar #tag_container { grid-column: 2; grid-row: 2; padding: 1rem; box-sizing: border-box; } #details_top div.sidebar #tag_container .tag_header { text-align: left; padding: 0 0 1rem 0; } #details_top div.sidebar #tag_container .tag_add, #details_top div.sidebar #tag_container #torrent_tags, #details_top div.sidebar #tag_container ul#torrent_tags_list { /* float: left; */ padding: 0; } #details_top div.sidebar #tag_container ul#torrent_tags_list { display: grid; grid-template-columns: repeat(auto-fit, minmax(30rem, 0.25fr)); } #details_top div.sidebar #tag_container #taginput { height: 20px; padding-top: 0; padding-bottom: 0; } ul#torrent_tags_list > li { /*width: 30rem;*/ float: left; margin-left: 0; } /* ul#torrent_tags_list > li > div { float: left !important; line-height: 2.2rem; } */ /*----------STATS-BLOCK----------*/ #header #header_top #stats_block table tbody { display: grid; grid-template-columns: repeat(3,auto); column-gap: 1rem; } #header #header_top #stats_block table tbody tr { display: grid; grid-template-columns: auto auto; grid-template-rows: 2rem 2rem; line-height: 2rem; } #header #header_top #stats_block table tbody > tr > td[colspan="2"] { grid-column: span 2; } `; const modern = ` /*----------------------------------------------------------------------------------------------------MODERN----------------------------------------------------------------------------------------------------*/ /* Layout (Torrents page) */ .cats_col { padding: 0; } .category { width: 2.8rem; height: 2.8rem; margin: 0; padding: 0; } /* Global */ * { padding: 0; margin: 0; outline: 0pt none; } :focus { outline: 0pt none; } html { width: 100%; height: 100%; } body { position: relative; width: 100%; height: 100%; background: #1A2844; background-size: cover; font: normal 11pt "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight: normal; color: #000000; } #logo { width: 18rem; height: 4rem; /*background: url('https://www.empornium.sx/static/styles/modern/images/logo.svg') no-repeat center center; background-size: 175px;*/ position: absolute; margin-top:-3rem; top:50%; margin-left:-9rem; left: 10%; -webkit-filter: drop-shadow( -0.5rem 0.5rem 0.5rem #000 ); filter: drop-shadow( -0.5rem 0.5rem 0.5rem #000 ); } #logo a { border: none; width: 100%; height: 100%; display: block; } #logo::after { width: 94%; margin: -1.4rem 0 0 1rem; text-align:center; font-size:0.7em; color:#CAEBF9; display: none; } /* Common elements */ a , .torrent_table .linkbox a { color:#004DC0; text-decoration: none; border: none; } a:visited, .torrent_table .linkbox a:visited { color:#250855; } a:hover, .torrent_table .linkbox a:hover { color: #FF4400; text-decoration: underline; } tr.smallhead a, .cat_list a, tr.smallhead a:visited, .cat_list a:visited { color:#023174; } .linkbox { color: #ddd; } .linkbox a, .breadcrumbs a { color: #fff; text-decoration: none; } .linkbox a:hover, .breadcrumbs a:hover, .colhead a:hover { text-decoration: underline; } .linkbox a:visited, .breadcrumbs a:visited, .colhead a:visited { color: #ddd; } .linkbox table strong { color: #000; } .breadcrumbs { color: #ddd; } h1,h2,h3,h4 { margin: 0.5rem 0; color: #666; } div div div div h3, div div div h4 { color: #222; } .box h3, .box h4 { color: #000; } h2 { text-align: center; } h2 a, h2 a:visited { color: var(--text) !important; font-weight: bold; } h4 { font-size: 1.2rem; } p { margin: 1rem 0.5rem; } li { margin: 1px 1.5rem 0.3rem 1.5rem; } input { padding: 0.2rem 0.3rem; background-color: #FCFCFC; background: #f5f8fc; background: -webkit-linear-gradient(#fcfcfc,#f5f8fc); background: linear-gradient(#fcfcfc,#f5f8fc); color: black; } textarea { padding: 0.2rem 0.3rem; background-color: #FCFCFC; background: #f5f8fc; background: -webkit-linear-gradient(#fcfcfc,#f5f8fc); background: linear-gradient(#fcfcfc,#f5f8fc); color: black; } input[type=text]:read-only { background-color: #eee; color: #777; } input[type=text]:-moz-read-only { background-color: #eee; color: #777; } img { border: none; } select { padding:0 0 0 1px; background:white; color: #000000; } ul.thin { margin:0 0 0 2.5rem; padding:0; } ul.thin li { margin:0 0; padding:0; } /* Layout (Every page) */ #adbar { text-align: center; margin:2rem auto -1rem; } #header { /* width: 100%; */ margin: 0 4rem; min-width:96rem; padding: 0; background-color: rgb(22, 29, 41); /* ie fallback */ background-color: rgba(22, 29, 41, 0.50); font-weight: normal; } #content { background: #334B7B; /* ie fallback */ background: rgba(90, 120, 190, 0.3); box-shadow: 0 0.3rem 3rem -0.5rem black; border: 1px solid rgba(30,60,120,.5); border-radius: 1.4rem 1.4rem 0 0; overflow: unset; } #modal_content { width: 90%; min-width: 35rem; max-width: 130rem; background: #334B7B; /* ie fallback */ box-shadow: 0 0.3rem 3rem -0.5rem black; margin: 0 auto 0 auto; border: 1px solid rgba(30,60,120,.5); padding: 0 0 1.5rem; border-radius: 1.4rem 1.4rem 0 0; } #schedule #content { color:#eee; } #schedule #content { color:#eee; } #footer { margin-top: 5rem; width: 100%; text-align: center; color: #eee; font-size: 0.8em; } #footer p a, #footer p a:visited { color: #eee; } #header_top { position: relative; border-bottom: 1px solid rgba(0,0,0,.3); } #menu { margin: 0 24.5rem; text-align: center; padding-top: 1.2rem; font-size: 1.2em; } #menu ul { position: relative; z-index: 1; white-space:nowrap; display: inline-block; } #menu ul li { margin: 0; display: inline; margin-top: 0.3em; } #menu ul li a { padding: 0.2rem 0.6rem; } #menu a, #modbar a { color: #edfaff; font-weight: bold; border-radius: 0.4rem; transition: background-color 600ms; -webkit-transition: background-color 600ms; } #menu a:hover { background-color: #5C7CBC; color: #fff; text-decoration: none; transition: background-color 300ms; -webkit-transition: background-color 300ms; } span.infinity { font-weight: bold; } #stats_block { text-align: right; color: #ddd; height: 4rem; position:absolute; right: 2rem; margin-top:-3rem; top:60%; font-size: 0.9em; } table.userinfo_stats, table.userinfo_stats tr, #staff table.userinfo_stats { background:none; background-color:transparent; border:none; } table.userinfo_stats td { padding:0 0.3rem; } span.inside_stat { display: block; } #stats_block ul li { margin: 0 0.1em; line-height: 1.8rem; padding: 0; display: inline-block; width:12rem; text-align:left; } #stats_block a, #stats_block a:visited { text-decoration: none; color: #86baf0; } #stats_block a:hover, #header_bottom a:hover { text-decoration: none; color: #FF6600; } #header_bottom ul li { margin: 0 0.1em; padding: 0; display:inline; line-height:1.8rem; } #header_bottom ul li ul li { white-space: nowrap; line-height: 0; display: block; } #header_bottom a, #header_bottom a:visited { text-decoration: none; color: #d2d2d2; } #header_bottom { padding: 0.2rem 2rem 0.6rem; position: relative; height: 1.5rem; border-top: 1px solid rgb(32, 39, 51); /* ie fallback */ border-top: 1px solid rgba(180,190,200,.09); } #nav_userinfo > ul > .nav_icons { padding-right: 0.4rem; } #major_stats_left { position: absolute; } #major_stats { float:right; } #major_stats_left > ul > li > a, #major_stats > ul > li > a { display: inline-block; padding: 1px 0.2rem 1px 0.6rem; margin-top:-1px; background-position: 0.3rem center; background-size: 1.6rem; background-repeat: no-repeat; border-radius: 0.4rem; /* FF9+ IE9+ */ transition: background-color 600ms; -webkit-transition: background-color 600ms; } #major_stats a:hover, #major_stats_left a:hover { background-color:#5C7CBC; color:#F3F3F3; } #userinfo_username, #userinfo_tools, #userinfo_invites { display:inline; position: relative; } li#nav_userinfo, #userinfo_tools{ padding-bottom:0.6rem !important; } #userinfo_username li ul, #userinfo_tools li ul { list-style: none; visibility: hidden; position: absolute; left: 1px; top: 2rem; background-color: rgb(33,48,79); opacity: 0; z-index: 10; border: 0.5px solid rgb(30, 40, 70); box-shadow: 1px 1px 1.2rem -0.2rem rgba(0,0,0,.5); transform-origin: 0% 0%; transform: scaleY(0.2); transition: opacity ease-in 150ms, visibility 150ms, transform ease-in 150ms; -webkit-transform-origin: 0% 0%; -webkit-transform: scaleY(0.2); -webkit-transition: opacity ease-in 150ms, visibility 150ms, -webkit-transform ease-in 150ms; } #userinfo_username li ul { left: -5.4rem; min-width: 14rem; } li#nav_userinfo:hover ul, #userinfo_tools:hover li ul { visibility: visible; opacity: 1; transform: scaleY(1.0); transition: opacity ease-out 250ms 100ms, transform ease-out 250ms 100ms; -webkit-transform: scaleY(1.0); -webkit-transition: opacity ease-out 250ms 100ms, -webkit-transform ease-out 250ms 100ms; } #userinfo_username li ul a, #userinfo_tools li ul a { display: block; border-top: 1px solid rgb(42, 57, 88); border-bottom: 1px solid rgb(25, 35, 65); } #userinfo_username li ul li a { padding: 0.4rem 0.6rem 0.4rem 0.6rem; line-height:1.9rem; background-position: 0.5rem center; background-repeat: no-repeat; transition: background-color 300ms; -webkit-transition: background-color 300ms; } #userinfo_tools li ul li a { padding: 0.2rem 0.6rem 0.2rem 0.6rem; line-height:1.7rem; } #userinfo_username li ul li:first-child a, #userinfo_tools li ul li:first-child a { border-top:none; } #userinfo_username li ul li:last-child a, #userinfo_tools li ul li:last-child a { border-bottom:none; } #userinfo_username li ul li a:hover, #userinfo_tools li ul li a:hover { background-color:#5C7CBC; background-size: 1.6rem; color:#F3F3F3; transition: background-color 0s; -webkit-transition: background-color 0s; } #userinfo_username li ul li a:hover > .nav_icons, #userinfo_tools li ul li a:hover > .nav_icons { color: #F3F3F3; } #nav_tools > a:after, #nav_userinfo > a:after { content:" \\25BC"; line-height:0; font-size:1.1rem; font-weight: bold; vertical-align:-0.2rem; } #nav_usertools,#nav_upload,#nav_donate,#nav_userinfo,#nav_useredit,#nav_conncheck { margin-left:0.3rem !important; } #userinfo_major { display:inline; margin-right: 0; } #userinfo_minor { display:inline; } span.stat { font-weight: bold; } .highlight { font-weight: bold; } .normal { font-weight:normal; } #searchbars { padding: 0.6rem 0 0 0; background-position: bottom; text-align: center; height: 3rem; } #searchbars form { display: inline; } #searchbars .searchcontainer { display:inline-block; background-color: rgba(110,140,180,.2); border: 1px solid rgb(110,140,180); /* ie fallback */ border: 1px solid rgba(110,140,180,.3); position: relative; width:10%; min-width: 11rem; border-radius: 0.6rem; font-size: 0.8em; color: #999; white-space: nowrap; } #searchbars input.searchbox { background: transparent; border: 0; margin: 0 auto 0 0 ; padding:0; color: #bcd; position: relative; width:84%; border-radius: 0.5rem 0 0 0.5rem; /* FF9+ IE9+ */ } #searchbars .searchbutton { background: rgba(110,140,180,0) no-repeat right center; font-size: 0.8em; vertical-align: middle; border: none; box-shadow: none; margin: 0 0 0 auto; padding:0; width:1.3rem; height:1.3rem; cursor: pointer; border-radius: 0.5rem; } #searchbars ul { display: block; } #searchbars ul li { margin: 0; display: inline; list-style: none; position: relative; } #searchbars ul li ul { display: block; position: absolute; top: 1em; left: 0; border: 1px solid #98AAB1; background: #F4F6FB; width: 12em; } #searchbars ul li ul li { margin: 0 0 0 0; padding: 0; display: block; width: 100%; text-align: left; } #searchbars ul li ul li.highlight { background: #C6D3E4; } li.searchbars { font-size: 1.1rem; float: left; margin: 1.6rem 0 1.2rem 2.5rem; } #alerts { margin: 0 auto; text-align: center; max-width: 70rem; width:50%; } .alertbar { min-height: 1.6rem; padding: 0.2rem 2rem 0.2rem; background-color: #e00; text-align: center; font-weight: bold; color: white; margin: 0.4rem auto; border-radius: 1rem; /* FF9+ IE9+ */ animation: alertani 500ms linear 0s 10 alternate; -webkit-animation: alertani 500ms linear 0s 10 alternate; background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.4) 100%); background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.4) 100%); background-color: #f22; } @keyframes alertani { 100% { background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.2) 100%); background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(10,0,0,0.2) 100%); background-color: #e93; } } @-webkit-keyframes alertani { 100% { background-image: linear-gradient(rgba(250,0,0,0) 0%, rgba(210,220,0,0.8) 100%); background-image: -webkit-linear-gradient(rgba(250,0,0,0) 0%, rgba(210,220,0,0.8) 100%); background-color: #e93; } } #modbar.alertbar { animation: none; background: none; } .alertbar a { text-decoration: none; color: white; } .alertbar a:hover { text-decoration: none; } .blend { padding: 0.2rem 1rem 0.2rem; background-color: transparent; color: white; } .blend a { color: white; padding: 0.2rem 0.2rem; } .blend a:hover { color: white; text-decoration: none; background-color: #5C7CBC; border-radius: 0.3rem; } .bluebar { padding: 0.2rem 2rem 0.2rem; background-color: #003875; color: white; } .bluebar a { color: white; padding: 0.2rem 0.2rem; } .bluebar a:hover { color: white; text-decoration: none; } .nicebar { font-weight:normal; color: white; position: relative; border-radius: 1rem; /* FF9+ IE9+ */ -webkit-border-radius: 1rem; /* for opera */ padding: 0.3rem 1rem 1px; text-align: center; height: 1.9rem; margin-top:-0.2rem; left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); animation: nicebar 300ms linear 1s 10 alternate; -webkit-animation: nicebar 300ms linear 1s 10 alternate; background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,50,0.6) 100%); background-image: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,50,0.6) 100%); background-color: #64ACDA; } @keyframes nicebar { 100% { background-color: cyan; }} @-webkit-keyframes nicebar { 100% { background-color: cyan; }} /* Compose Staff Message form */ #compose { margin: 2rem auto; } /* user classes */ .user_name { font-weight: normal; background-color:#545C66; /*#e3eefd;*/ border: 1px solid #6A747E; border-radius: 0.8rem; padding: 1px 0.8rem; margin: 0; color: #bbb; display: inline-block; vertical-align: middle; } span.user_name a { color: #000; } span.user_name a:visited { color: #000; } .rank { /* rank applies to all the following styles */ font-weight: bold; } .Apprentice { color:#92a5c2; } .Perv { color:#4Ec89B; } .GoodPerv { color:#3c3; } .SextremePerv { color:orange; } .SmutPeddler { color:#00f; } .EmpLegend { color:#CFB53B; } .ModPerv { color:#000; } .Admin { color:#606; } .Sysop { color:#00ff00; } .Donor { color:#DAA520; } span.user_title { font-style: italic; } /* IE doesn't appear to like a simple display:none in our header. Random things start fucking up pretty badly. */ .hidden { position: absolute; left: -1000rem; } input.hidden { position: absolute; display: none; } /* Layout (Any page) */ .thin { width: 96%; margin-left:auto; margin-right:auto; } .thin > h2 { margin: 1rem -2.1% 2rem; } .thin > h2:first-child { margin: 0 -2.07% 2rem; border-radius: 1.3rem 1.3rem 0 0; } .thin > .linkbox:first-child { margin-top: 1rem; } .thin > .head:first-child { margin: 2rem 0 0; } .thin > p { color: #fff; } h2 { margin: 1rem 0 2rem; text-align: center; color: #def; border-radius: 0.5rem; background: #2D426D; /* ie fallback */ 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%); 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%); font-size: 1.8rem; padding: 0.3rem 4rem 0.7rem 4rem; } h2 a { color: #ddd; } h2 a:visited { color: #ccc; } .box h2 { padding: 0.3rem 4rem; font-size: 1.4rem; border-radius: 0.8rem; background-image: none; background-color: #9CB7D2; font-weight: bold; color: #555; box-shadow:none; } .contact_link { display: inline; padding: 0.5rem; margin: 0 2rem 0 1rem; font-weight: bold; background-color: #d00; border: 1px solid #005488; border-radius: 0.6rem; } a.contact_link { color: white; text-decoration: underline; } a.contact_link:hover { text-decoration: none; } div.linkbox { text-align:center; padding: 0.5rem; } .center { text-align: center; } .right { text-align: right; } .medium { text-align: left; width: 86%; } .long { text-align: left; width: 97%; } .wid35 { width: 35%; } .min_padding { padding: 0; margin: 0 0; } p.min_padding { margin: 0.2rem 0; } .pad { padding: 1rem; } .vertical_space { margin-bottom: 1rem; } .vertical_space_small { height: 0.5rem; } .box { margin: 0; font-size: 1.2rem; background-color: #FCFCFC; /*border-radius: 0 0 2px 2px;*/ } .box .box { border: 1px solid #ccc; /*width: auto;*/ } .pad h3, .pad h4, .padbox h3, .padbox h4 { margin-top: 0; padding-top: 0; } #details_top { margin-bottom: 1rem; } .top_info { display:inline-table; margin:1.6rem auto 1.6rem; border: 1px solid #7BA3C1; padding:0 0.8rem 0 0.8rem; background: white; border-radius: 0.9rem; white-space: nowrap; z-index: 1; } .sticky_top_info { top: -1.6rem; position: fixed; left: 50%; transform: translate(-50%); } table.boxstat { border:none; color: #000; } table.boxstat td { padding: 0.3rem 0.6rem; border-top:none; border-right: none; border-left:1px solid #7BA3C1; border-bottom:none; background: white; text-align:center; vertical-align:middle; } table.boxstat td:first-child { border-left:none; } table.boxstat a, table.boxstat a:visited { color: #445; } .button.toggle { width: 8rem; margin: 0.6rem 0 0 0.8rem; padding: 0.4rem 1.2rem; border: 1px solid #7BA3C1; color: #fff; cursor: pointer; vertical-align: top; } #user_message .button { margin: 0 0 0.8rem 0.8rem; padding: 0.4rem 1.2rem; vertical-align: middle; } #staff_tools, #warning_status { margin-bottom: 1.5rem; } .warning { font-size: 1.8rem; font-weight: bold; text-align: center; padding: 0.4rem 0; } .greybar { background: #aaa; color: white; font-weight: bolder; } .redbar { background: #A4913C; color: white; } .orangebar { background: #FF9900; color: white; font-weight: bolder; } .redbar a, .orangebar a { color: white; text-decoration: line-through; } .redbar a:hover, .orangebar a:hover { text-decoration: underline; } .sicon { display:inline-block; width:1rem; height:1.2rem; margin-right: 0.3rem; } .icon_ducky { margin-right: 0.3rem; background: url('https://www.empornium.sx/static/styles/modern/images/duck16.png') no-repeat center center; } .icon_warning { background: url('https://www.empornium.sx/static/styles/modern/images/warned.png') no-repeat center center;} .icon_watched { background: url('https://www.empornium.sx/static/styles/modern/images/watched.png') no-repeat center center;} .top_info .icon_warning { background: url('https://www.empornium.sx/static/styles/modern/images/warning.gif') no-repeat center center;} #staff_tools .icon { width:1.6rem; height:1.6rem; /*margin-top: -2px;*/ background-size: 1.6rem 1.6rem; } #staff_tools td { /* padding: 2px 5px; border-bottom: 1px solid #ddd;*/ } .details { width: 96%; min-width: 92rem; margin-left:auto; margin-right:auto; } .details div.linkbox { text-align: center; padding: 0; margin: 0; } .details .sidebar, #requests .sidebar { width: 26rem; } .details .middle_column, #requests .middle_column { margin: 0 27rem 1rem 0; } .middle_column table { margin-bottom: 2rem; } .middle_column .torrent_table { margin-top: 0; } .details .main_column, #requests .main_column { margin: 0 0 1rem 0; } .details .filetypes { background-color: #eff3f6; } .details .tag_add { border-top: 1px solid #98AAB1; padding: 0.2rem 1rem 0.2rem 1rem; } .tag_warning { font-size: 1.4rem; } .box_albumart{ padding: 0.5rem; margin: 0; } .sidebar .box { margin: 0 0.5rem 2rem 0.5rem; } .thin .box { margin: 0 auto 2rem; } .details .box, #requests .box { margin: 0; } .sticky_post { color: #050; } .small { font-weight: normal; font-size: 0.7em; } .body { padding: 0.3rem 1rem 1rem 1rem; } .sidebar { float: right; width: 28rem; height: 100%; } .main_column { margin: 0 29rem 1rem 0; } .main_column .box, .main_column table { margin-bottom: 2rem; } .tags { padding: 0 0 0 2rem; font-style: italic; } .tags a { color: #2859A2; } .tags a:hover, .redbar .tags a:hover { text-decoration: underline; } .tags a:visited { color: #250855; } .redbar .tags a { color: white; text-decoration: none; } .noborder { border: none; } ul.nobullet { list-style-type: none; } span.red { font-weight: bold; color: red; } span.green { font-weight: bold; color: green; } span.grey { font-weight: bold; color: darkgrey; } table { width: 100%; border-collapse: collapse; } tr { background-color: #FCFCFC; } tr.rowa, .rowa { background-color: #eff3f6; } tr.rowb, .rowb { background-color: white; } tr.rowa.sticky { background-color: #C8D6E0; } tr.rowb.sticky { background-color: #D3DEE7; } #dnulist tr:nth-child(odd), #whitelist tr:nth-child(odd) { background-color:#eff3f6; } #iplinkeddiv tr, #reportsdiv tr, #staffpmsdiv tr, .torrent_table table tr td, body#tools tr.rowa, body#tools tr.rowb, body#staffpm tr.rowa, body#staffpm tr.rowb { /*instant change*/ transition: none; -webkit-transition: none; } #iplinkeddiv tr:hover, #reportsdiv tr:hover, #staffpmsdiv tr:hover, .torrent_table table tr:hover td, body#tools tr.rowa:hover, body#tools tr.rowb:hover, body#staffpm tr.rowa:hover, body#staffpm tr.rowb:hover { background-color: #DADADA; transition: none; -webkit-transition: none; } table.forum_list tr td { /*faster change*/ transition: background-color .5s; -webkit-transition: background-color .5s; } .forum_list tr.rowa:hover td, .forum_list tr.rowb:hover td { background-color: #DADADA; transition: background-color .7s .2s; -webkit-transition: background-color .7s .2s; } /*tr.rowa, .rowa, tr.rowb, .rowb,*/ tr.torrent.rowa, tr.torrent.rowb { /*slower change*/ transition: background-color 1s; -webkit-transition: background-color 1s; } /*tr.rowa:hover, .rowa:hover, tr.rowb:hover, .rowb:hover,*/ tr.torrent.rowa:hover, tr.torrent.rowb:hover { background-color: #DADADA; transition: background-color 1s 1s; -webkit-transition: background-color 1s 1s; } td { padding: 0.3rem 0.5rem; text-align: left; } table.wid740 { margin: auto; width: 74rem; border-collapse: collapse; border: 1px solid #0d245a; } .label { background-color: #eff3f6; border:none; font-weight: bold; text-align: right; width: 20rem; } tr#recentuploads td{ background-color:white; } table.staff { border: 1px solid #dde; } #staff table { border: 1px solid #dde; } /* Bonus Shop */ tr.itembuy { background: #CBE1CB; background: linear-gradient(white 0%,#BAD7B8 0.4rem, #D2E6D1 100%); } tr.itemnotbuy { background: #DCC7C9; background: linear-gradient(white 0%,#D3B9BA 0.4rem, #E4D3D3 100%); } tr.itemduplicate { background: #D4D4D4; background: linear-gradient(white 0%,#C5C5C5 0.4rem, #DBDBDB 100%); } .shopbutton { width: 6rem; background-color: white; padding: 0.2rem 1rem 0.2rem; border: 0.2rem solid; border-color: #1a1; color: #292; } input.shopbutton.itembuy { border-color: #1a1; color: #cfc; font-weight:bold; } input.shopbutton.itembuy:hover { border-color: #6f6; } .bonusshop td { padding: 0.4rem; } .itemnotbuy input.shopbutton, input.itemnotbuy { border: 1px solid #944; color: #fcc; } .itemnotbuy input.shopbutton:hover { background: linear-gradient(#8993AF, #606C90) repeat scroll 0% 0% transparent; /* don't change bg on hover */ } tr.colhead_dark td { background-color: #7393b3; color: #fff; } tr.smallhead { background-color: #67737E; /*background: -webkit-linear-gradient(10deg,rgba(90,100,110,.8) 50%,rgba(70,120,130,0.8) 70%,rgba(65,75,85,.7) 80%); background: linear-gradient(170deg,rgba(90,100,110,.8) 50%,rgba(70,120,130,0.8) 65%,rgba(65,75,85,.7) 80%);*/ color: #def; } tr.smallhead a:link, tr.smallhead button { all: unset; cursor: pointer; color: #ddd; } tr.smallhead a:visited { color: #bbb; } tr.smallhead a:hover { color: #eee; } tr.smallhead a:active { color: #334b7b; } .colhead { background-color: #9CB7D2; /* 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 */ font-weight: bold; color: #333; } .colhead a, .colhead a:visited { color: #333; } td.colhead, .colhead td { padding-left: 1rem; padding-right: 1rem; } .colhead .sign, .colhead_dark .colhead_red .sign { padding: 0 0.8rem 0 0.8rem; vertical-align:middle; text-align:center; font-size: 1.6rem; font-weight: bold; } .colhead_dark a { font-weight: normal; } .colhead_red { background-color: red; color: #eee; } .colhead_red a { color: white; } .head { padding: 0.3rem 1rem 0.3rem 0.3rem; height: 2rem; background: rgb(50,60,70); /* ie fallback */ background: rgba(50,60,70,0.5); 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%); 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%); border: 1px solid rgba(130,140,150,0.2); border-bottom: none; border-radius: 0.3rem 1.5rem 0 0; color: #def; line-height: 2rem; font-weight: normal; } .sidebar .head { background: -webkit-linear-gradient(10deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 80%); background: linear-gradient(170deg,rgba(70,80,90,0.5) 40%,rgba(50,100,100,0.4) 80%); } .head a { color: white; } .head+div.box, .colhead+div.box, tr.head, tr#recentuploads, tr#recentsnatches, .head+table, #site_debug , .main_column>table, .thin>table, .thin>form>table, #searchforum table, #searchthread table, #messageform .box, .shadow, .report { box-shadow:inset -1px 1px 0.3rem #293B55; } tr.head+tr { box-shadow:inset 0 1px 0.3rem #293B55; } #upload .cover_image { width:26rem; margin: 0 auto; } #forums .head { margin-top: 2rem; } div.box.pad.latest_topics { text-align:justify; } .reports { max-width: 110rem; margin: 0 auto ; } .spacespans span { margin-right:2rem; } table.slice { margin-top: -1px; } .error_message { border-top: 1px solid #C1965C; padding: 0.3rem 0 0.3rem 0; background-color: #AF2525; text-align: center; color: white; font-weight: bold; } .save_message { border: 1px solid #C1965C; padding: 0.3rem 0 0.3rem 0; background-color: #F4E649; text-align: center; color: #492802; font-weight: bold; } .elem_error { border: 0.3rem solid #B00D0D; } .hide { display:none; } /* Layout (home page) */ ul.stats { padding: 0.5rem 0; } ul.stats li { padding: 0 0 1px 0; } ul.poll li { padding: 0 0 0 1rem; margin: 0; clear: left; } ul.poll li.graph { margin-bottom: 1.5rem; padding-left: 2rem; } /* Layout (Torrents page) */ .filter_torrents { margin-left:auto; margin-right:auto; margin-bottom:0; } #filter_slidetoggle { margin: -1px auto 1.5rem; height:2rem; text-align: center; border: 1px solid #98AAB1; padding: 0.6rem; font-weight: bold; font-size: 1.8rem; background-color: #9CB7D2; box-shadow:inset 0.2rem 0 1px #6a9bb7; border-radius: 0 0 1.2rem 1.2rem; } #search_box .box.pad { margin-bottom:0; } .filter_torrents .submit { text-align:right; padding-top:0.5rem; } .filter_torrents .inputtext { width:50rem; } .filter_torrents .smaller { width:30rem; } .filter_torrents .smallish { width:30rem; } .filter_torrents .smallest { width:5rem; } .filter_torrents input[type=button], .filter_torrents input[type=submit] { width:10rem; } .filter_torrents .search_buttons { vertical-align:bottom; } .filter_torrents .search_buttons span { float:right; padding:0 1.5rem 1rem 0; } .filter_torrents option { padding-right:0.8rem; } .cat_list { margin-top: -1px; } .cat_list tr td { border:none; background-color: #eff3f6; } #taglist { background-color: #eff3f6; font-size:1.1em; font-weight: bold; } #taglist tr { background-color: #eff3f6; } #taglist tr:first-child td { padding-top:1.5rem; } #taglist tr:last-child td { padding-bottom:1.5rem; } table.cat_list { font-size: 1.2rem; font-weight: bold; } .taglist { margin-bottom: 1.5rem; } .taglist tr td { border:none; text-align: center; } .select_container { margin:0.5rem; } .group { font-weight:bold; background-color:#D7E2EF; } .group_torrent { background-color: white; } .group_torrent span { float:right; } .torrent { font-weight:bold; font-size: 1.2rem; } .torrent span { font-weight:normal; float:right; } .torrent span.time { float:none; } .torrentdetails table { border: 1px solid #dde; } .torrentdetails table tr:nth-child(even) { background-color: #eff3f6; } .torrentdetails table.reported tr:nth-child(even) { background-color: white; } .torrent_table table { width:98%; margin: 1rem; font-size: 1.2rem; color:#444; } .torrent_table tr { vertical-align:top; } .torrent_table td { padding: 0.3rem; vertical-align: middle; } .torrent_table div.tags { font-weight:normal; } .torrent_table tr .center { vertical-align:middle; text-align:center; } .torrent_table td .small { width:2rem; } .torrent_table a img { border:none; } .torrent_table table .colhead_dark { background-image: none; background-color: #0261A3; } .torrent .user { font-weight: normal; vertical-align: middle; text-align: center; } .nobr { white-space:nowrap; } .advanced_search { text-align:right; padding-bottom:0.5rem; } .unreadnotification { border: 0.2rem solid #E2D244; } /* Top10 */ .top10 { text-align: right; } .top10.stat { width:1.6rem } .top10.statname { width:4rem } .top10.statlong { width:6rem } .top10_tags { max-width:80rem; margin:auto; } .head.top10_tags { max-width:78.8rem; } .tags_rank { text-align:center; width:20rem; } .tags_tag { text-align:center; width:20rem; } .tags_uses { text-align:center; } .tags_votes { text-align:center; } .tags_votes_detail { width: 4rem; text-align:center; } .tags_votes_detail2 { width: 4rem; text-align:left; } .total_votes { color: #03b; text-align:center; } .neg_votes { color: #911; text-align:center; } .pos_votes { color: #382; text-align:center; } .friends_table { margin-bottom: 1rem; } div.tagtable { width: 90rem; display:block; margin: 0 auto; } .tagtable { border:none; margin: 0 auto; } .syntable { border:none; width: 22rem; margin-bottom: 0.5rem; text-align: center; } .tagtable td { width: 8rem; border: none; text-align: center; } /* Layout (Forums) */ .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;} .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;} .last_read a, .last_post a { border: none; width: 100%; height: 100%; display: block; } .colhead_dark .last_read { background-image:url(https://www.empornium.sx/static/styles/modern/images/go_last_read.png); } .unread_locked_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_locked_sticky.png) no-repeat center center;} .read_locked_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_locked_sticky.png) no-repeat center center;} .read_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_sticky.png) no-repeat center center;} .unread_sticky{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_sticky.png) no-repeat center center;} .unread_locked{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread_locked.png) no-repeat center center;} .read_locked{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read_locked.png) no-repeat center center;} .unread{background: url(https://www.empornium.sx/static/styles/modern/images/forum_unread.png) no-repeat center center;} .read{background: url(https://www.empornium.sx/static/styles/modern/images/forum_read.png) no-repeat center center;} .sicon{background: url(https://www.empornium.sx/static/styles/modern/images/go_latest_topics.png) no-repeat center center;} .permission_container tr:nth-child(even) { background-color: #eff3f6; } table.forum_post { margin: 1rem 0; font-size: 1.2rem; } #requests table.forum_post { margin: 0 0 2rem; } td.bbcode { border: 1px solid #aaa; } table.forum_post td { border: 1px solid #ccc; border-top:none; border-left:none; } table.forum_unread { /*border: 0 solid #98AAB1;*/ } table.forum_list, table.forum_index { border:none; margin-bottom: 1rem; font-size: 1.2rem; } table.forum_list td, table.forum_index td { border:none; } td.avatar { width: 15rem; min-height: 15rem; padding: 0; text-align: center; background-color: #FCFCFC; } img.avatar { margin: 0; } #user img.avatar { margin-top: 0.3rem; } .newstatus{ color: #3f3; padding: 0 0.3rem; font-style: italic; } video { max-width: 96rem; } .bb_video { border: none; width: 64rem; height: 32rem; } a[onclick^="BBCode.spoiler"] { 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); } table .scale_image { max-width: 80rem; } #collage table .scale_image { max-width: 60rem; } ul.collage_images li { padding: 0.5rem; margin: auto; float: left; list-style: outside none none; text-align: center; min-width: 12rem; max-width: 22.5rem; } ul.collage_images img { min-height: 15rem; max-height: 20rem; min-width: 12rem; max-width: 25rem; } td.postbody { padding:0; } .post_footer { border-top:1px dashed #ccc; width:40rem; color:#777; font-style: italic; font-size: 90%; } td.badgesrow, .badgesrow { border-top: 1px solid #dcdde4; padding:0; } .badges { padding: 0.4rem; text-align: center; } .badges img { max-width: 15rem; max-height: 6rem; margin: 1px; } #badgesadmin img { margin-bottom: 0.6rem; } #badgesadmin .badge { margin: 0.8rem; } .badge { display:inline-block; text-align: center; } .addbadges { text-align: left; } .addbadges .badge { display:block; } /* Layout (Inbox) */ tr.unreadpm { background-color: #ECC; } /* Layout (Permission Page) */ .permission_head { width: 35rem; margin-left:auto; margin-right:auto; } .permission_head input { width: 20rem; } .permission_head input.wid35 { width: 8.3rem; } .permission_head td.label { font-weight: bold; text-align: right; width: 13rem; } .permission_container { margin-top: 2rem; float:left; width:30rem; padding:0.5rem; } .permission_container input { margin:0 0.3rem 0.5rem 0; vertical-align:top; } .submit_container { clear:both; text-align:right; } /* Layout (Invite tree) */ ul .invitetree { margin: 0 0 0 2.5rem; } .invitetree li { list-style: none; margin: 1rem 0.2rem; } /* Layout (MISC) */ #snatchesdiv > td { width: 20%; text-align: center; } #snatchesdiv > td > a { border: 1px solid lightgray; display: block; padding: 0.3rem; } .left_poll { width: 0.2rem; height: 0.9rem; background: url('https://www.empornium.sx/static/styles/modern/images/bar_left.gif') no-repeat center center; float: left; margin: 0; padding: 0; } .center_poll { height: 0.9rem; background: url('https://www.empornium.sx/static/styles/modern/images/bar.gif') repeat; float: left; margin: 0; padding: 0; } .right_poll { width: 0.2rem; height: 0.9rem; background: url('https://www.empornium.sx/static/styles/modern/images/bar_right.gif') no-repeat center center; float: left; margin: 0; padding: 0; } .curtain { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #ECF0F6; z-index:1001; } .lightbox { position: fixed; text-align: center; top: 5%; left: 5%; width: 90%; height: 90%; padding: 0; z-index:1002; overflow: auto; } .center { text-align: center; } .spellcheck { margin: 2.5rem 0; font-size: 1.25em; font-weight: bold; } /* bbcode */ .anchor, a.anchor:visited, a.anchor:hover { font-family:"Arial Black", "Arial Bold", Gadget, sans-serif; font-weight: normal; font-size: 1.5em; color: #0261a3; text-decoration: none; } div.modcomment { background-color: #ecf0f6; text-align: left; margin: 1.2rem auto; padding-top: 1rem; padding-bottom: 0.8rem; padding-right: 1rem; padding-left: 1rem; border: 0.3rem solid #600; border-radius: 0.5rem; box-shadow: 0 0 0.5rem #300; color: black; font-size: 1.2rem; font-weight: normal; } div.modcomment div.after { float:right; color: #900; font-size: 1.2rem; font-weight: normal; padding: 0.2rem 0 0 0.4rem; margin: 0 -0.5rem -0.5rem 0; } div.modcomment:before { color: #900; content: "Staff Comment: "; font-weight: bold; } div.bbcode { /* bg tag */ background-color: inherit; text-align: inherit; margin: 0 auto; } table.bbcode { background-color: transparent; text-align: inherit; margin: 0 auto; } tr.bbcode { background-color: inherit; text-align: inherit; } th.bbcode { background-color: inherit; text-align: inherit; font-size: larger; padding: 0.7rem; font-weight: bolder; } td.bbcode { background-color: inherit; text-align: inherit; } span.postlink { display:block; width: 1rem; height: 1rem; background: url('https://www.empornium.sx/static/styles/modern/images/go_quote.png') no-repeat center center; vertical-align: bottom; } a.postlink { border: none; display:inline-block; } span.error_label { font-size: 1.4rem; border:none; } blockquote.bbcode.error { border: 0.2rem solid #c00; padding: 0.5rem 1rem; } blockquote.bbcode.error code.error { font-size: 1.2em; } span.quote_label { font-size: 1.2rem; margin: 0.5rem 1.5rem -0.5rem 1.5rem; display:block; padding: 0.3rem 0 0; color: #555; } blockquote span.quote_label { color: #666; font-size: 1.2rem; } blockquote > blockquote > span.quote_label { color: #777; } blockquote.bbcode { padding: 1rem; border: 1px dotted #999; border-left: 0.5rem solid #999; margin: 0.5rem 1.5rem; background-color: #f4f4f4; color: #555; } blockquote.bbcode > blockquote.bbcode { border-color:#bbb; background-color: #fafafa; color: #666; font-size: 95%; } blockquote.bbcode > blockquote.bbcode > blockquote.bbcode { border-color:#cfcfcf; background-color: #fff; color: #777; } blockquote { margin: 0.5rem 0.5rem; padding: 1rem; border: 1px solid #98AAB1; } code.error { display:inline-block; color: #c00; font-size: 2em; font-weight: bolder; padding:1px 0; } code.bbcode { background-color: #fffff3; color: #333; border-width:1px; border-color: #D3CFB7; border-style: dotted; } code.bbcodeblock { font-family: "PT Mono", monospace; background-color: #f4f4f4; color: black; border: 1px dashed #98AAB1; } /* Stuff for the bbcode assistant */ table.bb_holder { border-collapse:collapse; background: #808080; width: 100%; margin: 0; } table.bb_holder td { padding:0; } table.bb_holder td.colhead { background:none; background-color: #f8f8f8; color:black; font-weight: normal; } .bb_smiley_holder { text-align: center; padding: 0; max-width:100%; } select.bb_button { padding:0; background:white; cursor: pointer; color: #000000; height: 2.4rem; } .bb_buttons_left { float: left; text-align: left; margin: 0.6rem 0.4rem 0 0; min-height: 2rem; font-variant: small-caps; } .bb_buttons_right { float: right; margin-top: 0.3rem; } .bb_buttons_right div { float: left; text-align: left; margin: 0.3rem 2rem 0 0; } a.bb_button { padding:0.3rem 0.6rem; background:white; cursor: pointer; color: #000000; border: 1px solid #7BA3C1; } a.bb_button:hover { text-decoration:none; background-color: #5C7CBC; color: #ffffff; } .bb_icon { padding:0.2rem; margin:0 1px 0 0; background:white; cursor: pointer; border: 1px solid #7BA3C1; } .bb_smiley img { padding: 0.2rem; } .bb_smiley img:hover { background: #ddd; border-radius: 0.3rem; } .bb_icon:hover { background-color: #8CaCeC; } .overflow_button { padding: 1px; margin:0.3rem 1px 0.2rem; font-weight: bold; text-align: center; border: 1px solid #7BA3C1; background-image: none; background-color: #9CB7D2; } .overflow_button a { padding:0 0.8rem; } .overflow_button .number { font-weight: normal; color: #BACBD8; } .color_pick td { padding:0.2rem; width:1rem; height:1rem; cursor: pointer; } .picker_holder { display: block; } .color_pick { display: block; border-collapse:collapse; } .color_pick, .color_pick td { border:1px solid #333333; } .color_pick td:hover { border:1px solid #333333; } .button { display: inline-block; border-radius: 0.3rem; margin: 0 0.8rem 0.4rem 0; text-decoration: none; color: #fff; border: none; cursor: pointer; /* hand; */ text-align: center; font-size: 1.2rem; line-height: 1.2rem; font-family: Verdana, Geneva, sans-serif; padding: 0.7rem 1.5rem; } a.button:visited { color: #fff; } table.overlay { border: 1px solid #0d245a; box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0,0,0,.9); } .overlay, .overlay .leftOverlay, .overlay .rightOverlay { border: 1px dashed #0d245a; background-color: #3d547a; color: #eee; } .leftOverlay img { max-height: 20rem; max-width: 20rem !important; display: block; margin: auto; } .overlay .rightOverlay { vertical-align: top; } .reels, .reelsi { white-space:nowrap; } .reels.play { } .reels img { background-color: #ddd; border: 0.3rem solid #ccc; } .reels.play img { background-color: #fff; border: 0.3rem solid #bbb; } .reelsi img { background-color: #e2e2e2; border: 1px solid #ccc; } .reels img.win { border: 0.3rem solid blue; } img.win.flash { border: 0.2rem solid gold; } .payout { width:7.4rem; vertical-align: top; display:inline-block; text-align: center; font-weight: bold; font-size: 1.4rem; color:black; padding-top:0.7rem; } .fmresults td { text-align: center; border: none; } .fmresults td.fmheader { text-align: center; border: none; background-color: #aaa; color: white; font-weight: bold; } .fm input[type=button] { background-color: white; padding: 0.2rem 1rem 0.2rem; border: 0.2rem solid darkblue; width:8rem; color: darkblue; cursor: pointer; } .fm input[type=text] { text-align: center; color: darkblue; cursor:default; width:7rem; } .chip { text-align: center; width:6rem; height:6rem; position:absolute; left:-5rem; background: url('https://www.empornium.sx/static/styles/modern/images/betchip.png') no-repeat center center; } .chip span { position:relative; text-align: center; top:1.8rem; font-size: 1.8rem; font-weight: bold; color:black; } .statusown a { cursor: pointer; } .thin > h2:first-child + .status_box { margin: -1.5rem auto 1rem; width: 100%; } .status_box { margin: 1rem auto 0; width: 96%; min-width: 92rem; max-width: 120rem; border: none; padding:0.4rem; } .staffstatus { display: inline-block; border-radius: 0.6rem; margin: 0.4rem 0.4rem; text-decoration: none; color: #fff; font-size: 1.1rem; vertical-align: top; cursor: default; line-height: 1.1rem; text-align: center; font-size: 1.2rem; line-height: 1.2rem; font-family: Verdana, Geneva, sans-serif; padding: 0.3rem 1.5rem; } .staffstatus a { color: #222; } .staffstatus a:visited { color: #222; } .status_checking { float:right; background: #5da53a; border: 1px solid #9Be361; } .status_notchecking { float:left; background: #eaa; border: 1px solid #822; } .nostaff_checking { margin-top:0.6rem; float:right; color: #ddd; margin-right:1rem; } .status_loading { margin-top:0.6rem; float:left; color:#ccc; } .pager { font-weight:bold; } .pager_on { color: #abf; } #site_debug { color: black; font-size: 1.2em; } div#site_debug { opacity: .2; transition: opacity .5s; -webkit-transition: opacity .5s; } div#site_debug:hover { opacity: 1; } #site_debug table tr { background-color: transparent; } #debug_cache tr td:first-child { width:20%; border-right: 0.3rem solid white; } #debug_database > tbody > tr > td:nth-child(2) { text-align: right; padding-right: 1rem; } .debug_table_head { border-top: 0.15rem solid #6a9bb7; font-weight: bold; color: #444; } .debug_table_head td { background-color: #9CB7D2; } .debug_table tbody tr:nth-child(even) td { background-color: #eff3f6; vertical-align: top; } .debug_table tbody tr:nth-child(odd) td { background-color: white; vertical-align: top; } .debug_table tbody tr td,.debug_table tbody tr td.rowa, .debug_table tbody tr td.rowb { transition: none; -webkit-transition: none; } .debug_table tbody tr:hover td,.debug_table tbody tr:hover td.rowa, .debug_table tbody tr:hover td.rowb { background-color: #DADADA; } .debug_query_data { font-family: monospace; font-size: 1.3rem; } .debug_cache_data pre { font-size: 1.2rem; } .seedhistory { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-weight: bold; } .donate_details { color: black; margin-bottom:1rem; border: 0.2rem solid #0054b0; /* #004b9d; */ background-color:#E2D244; padding: 0.5rem 2rem; border-radius: 1rem 1rem 1rem 1rem; } .donate_details table td { background-color:#E2D244; } .donate_details table tr.rowb td { background-color:#E8D874; } .donate_details.green { background-color:#6e6; } .donate_details.green table td { background-color:#6e6; } .donate_details.green table tr.rowb td { background-color:#8e8; } .donate_details .address { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-weight: bold; color: #4a4a4a; } .donate_drives .label { width: 10rem; } .donate_drives .button { display: inline-block; border-radius: 0.2rem; margin: 0 0.3rem 0.3rem 0; text-decoration: none; color: #fff; font-weight: bold; border: none; vertical-align: top; padding: 0.4rem 0.4rem; } .greyButton { background: #bbb; } .scrollbox { max-height:40rem; overflow: auto; } #active_drive { position: relative; border-radius: 1.2rem; width: 90%; min-width: 94rem; max-width: 120rem; margin: 2rem auto 0 auto; border: 1px solid #0054b0; background-color: #003875; padding: 0; text-align: left; text-decoration: none; color: white; font-weight: bold; font-size: 1.4rem; vertical-align: top; } #donorbar { width: 96%; min-width: 92rem; margin: 0 auto; padding: 0.5rem; } #active_drive a{ text-decoration: none; color: white; font-weight: bold; font-size: 1.4rem; } #active_drive a:hover { text-decoration: underline; color: white; } #active_drive a.link{ float:right; text-decoration: none; color: white; font-weight: normal; font-size: 1.2rem; } #active_drive a.link:hover { text-decoration: underline; color: white; } #donorbargreen { display:inline-block; font-size: 1.2rem; height: 1.4rem; background-color:#4d4; color:white; font-weight: bold; text-align: right; box-shadow:inset 0.2rem 1px 0.3rem #6a9bb7; } #donorbarred { display:inline-block; font-size: 1.2rem; height: 1.4rem; background-color:#0d245a; color:white; font-weight: bold; text-align: left; box-shadow:inset 0 1px 0.3rem #081a4a; } #sig { overflow: hidden; } #torrentsigbox { padding-top: 0.5rem; overflow: hidden; border-top: #ccc solid 1px; } #user_dropdown { display:inline; position: relative; white-space:nowrap; padding-bottom:0.2rem; } #user_dropdown ul { list-style: none; visibility:hidden; position: absolute; left: -0.8rem; top: 1.2em; background-color:#545C66; color: #000; border: 1px solid #005488; border-radius: 0.8rem; z-index: 10; opacity: 0; transform-origin: 0% 0%; transform: scaleY(0); transition: opacity .2s .5s, visibility .2s .5s, transform .2s .5s; -webkit-transform-origin: 0% 0%; -webkit-transform: scaleY(0); -webkit-transition: opacity .2s .5s, visibility .2s .5s, transform .2s .5s; } #user_dropdown:hover ul { visibility: visible; opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); } #user_dropdown ul li { margin: 0; padding: 0; } #user_dropdown ul a { display: block; } #user_dropdown ul li a { margin: 0; text-align: left; padding: 1px 0.8rem 1px 0.8rem; white-space:nowrap; } #user_dropdown ul li:first-child a { border-radius: 0.7rem 0.7rem 0 0; } #user_dropdown ul li:last-child a { border-radius: 0 0 0.7rem 0.7rem; } #user_dropdown ul li a:hover { background-color: #4d64aa; color: white; text-decoration: none; } .groupperm { display:inline-block; position: relative; top:-0.3rem; font-size:0.8em; font-weight: bold; margin: 0 0 0 0.2rem; } .user_peers { font-size: 1.2rem; font-weight: bold; } a#nav_seeding { margin-left:2rem; } a#nav_leeching { margin-left:0.5rem; } #nav_seeding_r { color:#41eB00; } #nav_leeching_r { color:#FF6600; } #autoresults { list-style: none; position: absolute; background-color:white; color: #333; border: 1px solid #777; font-size: 1.4rem; border-radius: 0.4rem; } #autoresults li { margin: 0; text-align: left; padding: 0 0.8rem 0 0.8rem; white-space:nowrap; } #autoresults li.highlight { font-weight: normal; background-color: #888; color: white; text-decoration: none; } #autoresults li span.num { color:#aaa; } #autoresults li.highlight span.num { color: white; } table.border { border: 1px solid #dde; } table.noborder td, .torrent td, .torrent_table td { border:none; } .tag_results { display:inline-block; width:49%; vertical-align: top; } .tag_results:first-child { display:inline-block; width:50%; vertical-align: top; } .tag_results td:first-child { padding-left:2rem; } .tagtype { font-size: 0.7em; vertical-align: top; } .synonyms { background-color: #f8fbfd; padding: 1px 0.5rem; color: #777; } .plusmn { font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; font-weight: bold; float:right; cursor: pointer; } .plusmn a:hover{ text-decoration: none; } .votes { color:#999; } .search_highlight { color:#FF0066; } .nopad { margin:0; padding:0; } .nopad .scale_image { margin:0; padding:0; } .nopad td { margin:0; padding:0; } table.vat td { vertical-align: top; } table.vam td { vertical-align: middle; } table.vab td { vertical-align: bottom; } td.bbcode.vat { vertical-align: top; } td.bbcode.vam { vertical-align: middle; } td.bbcode.vab { vertical-align: bottom; } .tag_header { padding: 0.7rem 0.5rem 0 0.5rem; text-align: center; } .button_sort { display: inline-block; border: 1px solid #7BA3C1; border-radius: 0.3rem; background-color: #eff3f6; text-align: center; font-style: normal; width: 4rem; margin:auto; cursor: pointer; } .button_sort.sort_select { background-color: #5A8Bb8; color: white; } .button_sort.sort_select a { color: white; } .button_sort a, .button_sort a:visited { color: #0261A3; } .button_sort:hover { background-color: #5A8Bb8; color: white; } .button_sort:hover a { background-color: #5A8Bb8; color: white; } .button_sort a:hover { text-decoration: none; color: white; } .tag_header div { margin-bottom:0.4rem; } .tag_header div:before { font-size: 0.8em; content: "sort by"; margin-right: 0.3rem; } .indent { margin-left: 2rem; } span.anon_name { float: none; font-weight: normal; text-align: center; } input[type=submit]:hover,input[type=button]:hover,button:hover { background: -webkit-linear-gradient(#8993AF,#293760); background: linear-gradient(#8993AF,#293760); color: #eef; } input[type=submit]:active,input[type=button]:active,button:active { border-style:inset; } input[type=submit],input[type=button],button { margin: 0.2rem; color: #fff; font-size: 1.4rem; background: #8993AF; background: -webkit-linear-gradient(#8993AF,#606C90); background: linear-gradient(#8993AF,#606C90); border-width: 1px; border-style: solid; border-color: #678 #234 #234 #678; box-shadow: 0 1px 0.3rem rgba(046,053,062,0.5), inset 0 0 1px rgba(255,255,255,0.6); } input[value^="Stealth"] { background: gray; } .head input[type="button"], .smallhead input[type="button"] { margin: 0 0.3rem; font-size: 1.2rem; padding: 1px 0.3rem; } .quarter_width_checkbox_container { /* used for latest forum topics selection on settings page */ width: 25%; float: left; padding: 0.2rem 0 0.2rem 0; } .quarter_width_checkbox label { margin-left: 0.3rem; } .newtorrent { float: right; font-weight: bold; font-style: italic; color: #e33; margin-right: 1.2rem; } .file_icons { color: black; } .messagebar { background: var(--green); border: none; line-height:2rem; height: 2rem; box-sizing: border-box; padding: 0; border-radius: 0.5rem; margin-bottom: 0.5rem; } `; GM_addStyle(modern); GM_addStyle(css); GM_addStyle(panel_css); GM_addStyle(grid_view); })();