-
-
Save jooonior/d3ac5e61216c6be89ef9c6800c620a9a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [ | |
| { | |
| "updateUrl": null, | |
| "url": null, | |
| "installDate": 1615385813287, | |
| "name": "teamfortress.tv", | |
| "sections": [ | |
| { | |
| "code": "/* GLOBAL STYLE */\n\n@media all /* VARIABLES */ {\n :root {\n --color-accent: #4577a1;\n \n --color-bg-light: #34363d;\n --color-bg-dark: #232529;\n --color-bg-darker: #121214;\n \n --color-fg-lighter: #fff;\n --color-fg-light: #ededed;\n --color-fg-dark: #aaa;\n \n --navbar-height: 12vw;\n --button-height: calc(var(--navbar-height) - 1vw);\n\t\t--title-height: 10vw;\n \n --anim-mult: 1;\n --anim-speed: 0.4s;\n }\n}\n\n@media all /* PAGE LAYOUT */ {\n\n html,\n body {\n width: 100%;\n height: 100%;\n min-width: unset;\n display: initial;\n overflow: hidden;\n background: var(--color-bg-darker);\n\t\tcolor: var(--color-fg-light);\n\t\t/* base font size */\n\t\tfont-size: 4vw;\n }\n\t\n\t/* prevents automatic zooming */\n\tbody {\n\t\tposition: fixed;\n\t}\n \n /* hide all root elements */\n /* TODO: why does this break thread previews? */\n body > :not(.header, #wrapper, #bottom) {\n display: none;\n }\n\n .header,\n #wrapper,\n #bottom {\n width: 100%;\n min-width: unset;\n }\n\n .header {\n position: absolute;\n top: -100%;\n left: 0;\n height: 100%;\n z-index: 10;\n }\n\n #wrapper {\n\t\theight: 100%;\n margin-bottom: var(--navbar-height);\n z-index: 0;\n }\n\n /* Originally blank element.\n * Repurposed as a click away catcher for the nav menu (header).\n */\n #bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n\t\theight: 0;\n /* above .header */\n z-index: 20;\n\t\t/* small delay */\n\t\ttransition: height 0s var(--anim-speed);\n }\n\n .header:hover ~ #bottom {\n height: var(--navbar-height);\n\t\ttransition: unset;\n }\n}\n\n@media all /* HEADER LAYOUT */ {\n\n .header {\n border: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n }\n\t\n\t.header > * {\n\t\tposition: relative;\n\t\tbottom: 0;\n\t\ttransition: bottom var(--anim-speed);\n\t}\n\t\n\t.header:hover > * {\n\t\tbottom: -100%;\n\t}\n\t\n /* EXPAND BUTTON */\n \n .header::before {\n\t\tcontent: '';\n position: absolute;\n bottom: 0;\n\t\tleft: 0;\n\t\ttranslate: 0 100%;\n\t\twidth: var(--navbar-height);\n\t\theight: var(--navbar-height);\n\t\tbackground-image: url(\"data:image/svg+xml;utf8,\\\n\t\t\t<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'>\\\n\t\t\t\t<g fill='white'>\\\n\t\t\t\t\t<path d='M1,2 h28 a1,1 0 0 1 1,1 v4 a1,1 0 0 1 -1,1 h-28 a1,1 0 0 1 -1,-1 v-4 a1,1 0 0 1 1,-1 Z'/>\\\n\t\t\t\t\t<path d='M1,12 h28 a1,1 0 0 1 1,1 v4 a1,1 0 0 1 -1,1 h-28 a1,1 0 0 1 -1,-1 v-4 a1,1 0 0 1 1,-1 Z'/>\\\n\t\t\t\t\t<path d='M1,22 h28 a1,1 0 0 1 1,1 v4 a1,1 0 0 1 -1,1 h-28 a1,1 0 0 1 -1,-1 v-4 a1,1 0 0 1 1,-1 Z'/>\\\n\t\t\t\t</g>\\\n\t\t\t</svg>\"\n\t\t);\n\t\tbackground-size: 70%;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-color: var(--color-accent);\n }\n\t\n\t/* HEADER TFTV LOGO BANNER */\n\n\t.header-banner,\n\t.header-banner-inner,\n\t.header-logo {\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tmargin: 0;\n\t}\n\n\t.header-banner {\n\t\theight: 18%;\n\t}\n\n\t.header-logo {\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: 80%;\n\t\tbackground-position: center;\n\t\tbackground-color: var(--color-bg-light);\n\t}\n\t\n\t/* NAVIGATION MENU */\n\t\n\t.header-nav-container {\n\t\tflex: 1 1 0;\n\t\twidth: 100%;\n\t}\n}\n\n@media all /* HEADER NAVIGATION */ {\n\n\t@media all /* CONTAINER */ {\n\t\t\n\t\t.header-nav-container {\n\t\t\tborder: 0;\n\t\t}\n\t\t\n\t\t.header-nav-container-inner,\n\t\t.header-nav {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.header-nav {\n\t\t\tposition: static;\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-rows:\n\t\t\t\t10vh\n\t\t\t\t1fr\n\t\t\t\trepeat(7, 3fr)\n\t\t\t\t1fr\n\t\t\t\tvar(--navbar-height);\n\t\t\tgrid-template-columns: 1fr 3fr; \n\t\t\tgrid-template-areas: \n\t\t\t\t\"inbox profile\"\n\t\t\t\t\". .\"\n\t\t\t\t\"threads threads\"\n\t\t\t\t\"forums forums\"\n\t\t\t\t\"schedule schedule\"\n\t\t\t\t\"news news\"\n\t\t\t\t\"servers servers\"\n\t\t\t\t\"galleries galleries\"\n\t\t\t\t\"streams streams\"\n\t\t\t\t\". .\"\n\t\t\t\t\"footer footer\";\n\t\t}\n\n\t\t.header-nav::before {\n\t\t\tgrid-area: footer;\n\t\t\tbackground: var(--color-bg-dark);\n\t\t\tcolor: var(--color-fg-light);\n\t\t\tfont: var(--navbar-height) FontAwesome;\n\t\t\tcontent: '\\f077';\n\t\t\ttext-align: center;\n\t\t\tline-height: var(--navbar-height);\n\t\t}\n\n\t\t.header-nav-item-wrapper {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.header-nav-item {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tpadding: 0;\n\t\t\ttext-shadow: unset;\n\t\t\tfont-size: inherit;\n\t\t}\n\n\t\t.header-nav-item:hover {\n\t\t\tcolor: inherit;\n\t\t\tbackground: inherit;\n\t\t}\n\n\t\t.header-nav .header-nav-item::after,\n\t\t.header-nav .header-nav-item-wrapper::after,\n\t\t.header-nav .header-nav-item-wrapper::before {\n\t\t\tcontent: unset;\n\t\t}\n\n\t\t.header-nav-item-wrapper[href='/'] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.header-nav-item-wrapper[href^='/user/'] {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t\n\t@media all /* SUBFORUM LINKS */ {\n\n\t\t.header-nav-item-wrapper[href='/threads'] {\n\t\t\tgrid-area: threads;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/forums'] {\n\t\t\tgrid-area: forums;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/schedule'] {\n\t\t\tgrid-area: schedule;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/news'] {\n\t\t\tgrid-area: news;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/servers'] {\n\t\t\tgrid-area: servers;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/galleries'] {\n\t\t\tgrid-area: galleries;\n\t\t}\n\t\t.header-nav-item-wrapper[href='/streams'] {\n\t\t\tgrid-area: streams;\n\t\t}\n\n\t\t.header-nav-item-wrapper[href='/threads'],\n\t\t.header-nav-item-wrapper[href='/forums'],\n\t\t.header-nav-item-wrapper[href='/schedule'],\n\t\t.header-nav-item-wrapper[href='/news'],\n\t\t.header-nav-item-wrapper[href='/servers'],\n\t\t.header-nav-item-wrapper[href='/galleries'],\n\t\t.header-nav-item-wrapper[href='/streams'] {\n\t\t\tmargin: 0;\n\t\t\toverflow: hidden;\n\t\t\tfont-size: 8vw;\n\t\t\tbackground: var(--color-bg-light);\n\t\t}\n\n\t\t.header-nav-item.mod-solo.mod-active {\n\t\t\tbackground: var(--color-accent);\n\t\t}\n\t}\n\n\t@media all /* PROFILE LINKS */ {\n\n\t\t/* TODO: Login button */\n\t\t.header-nav > a[href='/auth/steam'] {\n\t\t\tgrid-area: inbox;\n\t\t\tgrid-column: 1/-1;\n\t\t\tbackground: var(--color-bg-dark);\n\t\t}\n\t\t\n\t\t.mod-login {\n\t\t\tfont-size: 7vw;\n\t\t\tfont-weight: bold;\n\t\t\t\n\t\t}\n\t\t\n\t\t.mod-login > i {\n\t\t\tfont-size: unset;\n\t\t\tpadding-left: 1ex;\n\t\t}\n\n\t\t/* INBOX */\n\n\t\t#user-inbox {\n\t\t\tgrid-area: inbox;\n\t\t\tbackground: var(--color-bg-dark);\n\t\t}\n\n\t\t#user-inbox i.fa-envelope {\n\t\t\tfont-size: calc(0.8 * var(--navbar-height));\n\t\t}\n\n\t\t#inbox-count {\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tmargin: 0.4vh;\n\t\t\twidth: 25%;\n\t\t\tbackground: var(--color-accent);\n\t\t\tborder-radius: 20%;\n\t\t\tpointer-events: none;\n\t\t\tborder: unset;\n\t\t}\n\n\t\t#inbox-count::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tpadding-bottom: 100%;\n\t\t\theight: 0;\n\t\t}\n\n\t\t#inbox-count-inner {\n\t\t\tposition: absolute;\n\t\t\tbottom: 50%;\n\t\t\tright: 50%;\n\t\t\ttranslate: 50% 50%;\n\t\t\tbackground: unset;\n\t\t\tborder-radius: 0;\n\t\t\tfont-size: calc(0.45 * var(--navbar-height));\n\t\t}\n\n\t\t/* PROFILE ACTIONS */\n\n\t\t#user-actions {\n\t\t\tgrid-area: profile;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t#user-actions > .header-nav-item > * {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t#user-menu {\n\t\t\tdisplay: flex !important;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tposition: static;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tbox-shadow: unset;\n\t\t\tbackground: var(--color-bg-dark);\n\t\t}\n\n\t\t #user-actions #user-menu > * {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t #user-menu::before,\n\t\t #user-menu::after {\n\t\t\tcontent: unset;\n\t\t}\n\n\t\t#user-menu a:hover {\n\t\t\tcolor: inherit;\n\t\t\tbackground: inherit !important;\n\t\t}\n\n\t\t#user-actions a[href^='/user/'],\n\t\t#user-actions a[href='/settings'],\n\t\t#user-actions a[href='/auth/logout'] {\n\t\t\tflex: 1 1 0;\n\t\t\tfont-size: 0;\n\t\t\tdisplay: flex !important;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tpadding: 0;\n\t\t}\n\t\t\n\t\t#user-actions a[href^='/user/'] {\n\t\t\torder: 1;\n\t\t}\n\t\t\n\t\t#user-actions a[href='/settings'] {\n\t\t\torder: 0;\n\t\t}\n\t\t\n\t\t#user-actions a[href='/auth/logout'] {\n\t\t\torder: 2;\n\t\t}\n\n\t\t#user-actions a[href^='/user/']::before,\n\t\t#user-actions a[href='/settings']::before,\n\t\t#user-actions a[href='/auth/logout']::before {\n\t\t\tfont-family: FontAwesome; \n\t\t\tfont-size: calc(0.9 * var(--navbar-height));\n\t\t}\n\n\t\t#user-actions a[href^='/user/']::before {\n\t\t\tcontent: '\\f007';\n\t\t}\n\n\t\t#user-actions a[href='/settings']::before {\n\t\t\tcontent: '\\f013';\n\t\t}\n\n\t\t#user-actions a[href='/auth/logout']::before {\n\t\t\tcontent: '\\f08b';\n\t\t}\n\t}\n}\n\n@media all /* CONTENT WRAPPER */ {\n\t#wrapper {\n\t\tpadding: 0;\n\t}\n\t\n\t#content {\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tbackground: var(--color-bg-darker);\n\t}\n}", | |
| "domains": [ | |
| "teamfortress.tv" | |
| ] | |
| }, | |
| { | |
| "code": "/* HOME PAGE */\n\n:root {\n\t--tab-width: calc(100% / 5);\n}\n\n@media all /* LAYOUT */ {\n\t\n\t#wrapper {\n\t\tpadding-top: var(--navbar-height);\n\t}\n\n\t#wrapper::before {\n\t\tposition: fixed;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: calc(100% - var(--navbar-height));\n\t\theight: var(--navbar-height);\n\t\tline-height: var(--navbar-height);\n\t\tcontent: 'Home';\n\t\tcolor: var(--color-fg-light);\n\t\tbackground: var(--color-bg-light);\n\t\tpadding-left: 0.4em;\n\t\tfont-size: calc(var(--navbar-height) * 0.6);\n\t}\n\n\t#sidebar-left,\n\t#sidebar-right,\n\t.module,\n\t#content {\n\t\twidth: 100%;\n\t\tmin-height: 0;\n\t\tmax-height: 0;\n\t\theight: 0;\n\t\ttop: var(--navbar-height);\n\t\toverflow: hidden;\n\t\tposition: static;\n\t\tflex: 0 0 1;\n\t}\n\n\t#sidebar-left:hover,\n\t#sidebar-right:hover,\n\t.module:hover,\n\t#content:hover {\n\t\tmax-height: calc(100% - var(--navbar-height));\n\t\toverflow: auto;\n\t\theight: 100%;\n\t}\n\t\n\t.module:hover {\n\t\tmax-height: 100%;\n\t}\n\t\n\t.module::before,\n\t#content::before {\n\t\tvisibility: visible;\n\t\tposition: fixed;\n\t\tbottom: 0;\n\t\twidth: var(--tab-width);\n\t\theight: var(--navbar-height);\n\t\tline-height: var(--navbar-height);\n\t\ttext-align: center;\n\t\ttext-transform: uppercase;\n\t\tbackground: var(--color-bg-light);\n\t\tcolor: var(--color-fg-light);\n\t\tfont-size: 3.5vw;\n\t\tz-index: 6;\n\t}\n\t\n\t.module:hover::before,\n\t#content:hover::before {\n\t\tbackground: var(--color-accent);\n\t}\n\n\t#content {\n\t\tmargin: unset;\n\t}\n\t\n\t#content::before {\n\t\tleft: 0;\n\t\tcontent: 'Featured';\n\t}\n\n\t#sidebar-left > .module:nth-child(1)::before {\n\t\tleft: var(--tab-width);\n\t\tcontent: 'News';\n\t}\n\n\t#sidebar-left > .module:nth-child(2)::before {\n\t\tleft: calc(2 * var(--tab-width));\n\t\tcontent: 'Events';\n\t}\n\n\t#sidebar-left > .module:nth-child(3)::before {\n\t\tleft: calc(3 * var(--tab-width));\n\t\tcontent: 'Recent';\n\t}\n\n\t#sidebar-right > .module::before {\n\t\tleft: calc(4 * var(--tab-width));\n\t\tcontent: 'Streams';\n\t}\n}\n\n@media all /* FEATURED */ {\n\n\t#content-container,\n\t#features-container {\n\t\twidth: 100%;\n\t\theight: unset;\n\t\tmargin: unset;\n\t\tpadding: unset;\n\t}\n\n\t#features-container > a {\n\t\tpadding: 1%;\n\t\twidth: 100%;\n\t\tcolor: unset;\n\t\tmargin: unset;\n\t\tbackground: var(--color-bg-dark);\n\t\tbackground-clip: content-box;\n\t}\n\n\t#features-container > a:not(:last-child) {\n\t\tpadding-bottom: 0%;\n\t}\n\n\t.card {\n\t\tborder: unset;\n\t\tborder-radius: unset;\n\t\tbox-shadow: unset;\n\t\tbackground: unset;\n\t}\n\n\t#features-container > a * {\n\t\tcolor: unset;\n\t\tfont-size: unset;\n\t\twhite-space: normal;\n\t\theight: unset;\n\t\tline-height: unset;\n\t}\n\n\t#features-container > a > img {\n\t\tmargin: 0.5%;\n\t\twidth: 99%;\n\t\theight: unset;\n\t}\n\n\t#main-feature-mask,\n\tsub-feature-mask {\n\t\tdisplay: none;\n\t}\n\n\t#article-list,\n\t#h-s-header,\n\t#schedule-table {\n\t\tdisplay: none;\n\t}\n}\n\n@media all /* SIDEBARS (OTHER TABS) */ {\n\t\n\t.module {\n\t\tborder: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin: unset;\n\t\tbackground: unset;\n\t\tborder-radius: unset;\n\t\toverflow: auto;\n\t}\n\n\t.module-header,\n\t.module-header:hover {\n\t\torder: 1;\n\t\theight: var(--title-height);\n\t\tborder: unset;\n\t\tflex-shrink: 0;\n\t\tbackground: var(--color-bg-dark);\n\t\tbackground-clip: content-box;\n\t\tpadding: 1%;\n\t\tfont-size: 0;\n\t\ttext-shadow: unset;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.module-header::before {\n\t\tcontent: 'Browse All';\n\t\tfont-size: 4vw;\n\t\tcolor: var(--color-fg-light);\n\t}\n\n\t.module-item,\n\t.module-item.mod-featured,\n\t.module-item.mod-last,\n\t.module-item:hover {\n\t\theight: var(--title-height);\n\t\tfont-size: unset;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tline-height: unset;\n\t\tborder: unset;\n\t\tflex-shrink: 0;\n\t\tpadding: 1% 1% 0 1%;\n\t\tbackground: var(--color-bg-dark);\n\t\tbackground-clip: content-box;\n\t}\n\n\t.module-item-title {\n\t\tflex: 1 1 0;\n\t\tcolor: var(--color-fg-light);\n\t}\n\n\t.module-filter-menu {\n\t\theight: var(--title-height);\n\t\tdisplay: flex;\n\t}\n\n\t.module-filter-menu > .tab-opt {\n\t\tflex: 1 1 0;\n\t\tfont-size: unset;\n\t\tline-height: var(--title-height);\n\t\tpadding: 0;\n\t\ttext-align: center;\n\t}\n}", | |
| "urls": [ | |
| "https://www.teamfortress.tv/" | |
| ] | |
| }, | |
| { | |
| "code": "@media all /* CONTENT LAYOUT */ {\n\n #wrapper {\n padding: 0;\n }\n\n #sidebar-left,\n #sidebar-right {\n display: none;\n }\n\n #content {\n border: unset;\n width: 100%;\n height: 100%;\n min-height: unset;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n background: unset;\n }\n\t\n\t#content::before {\n\t\tcontent: '';\n\t\twidth: 100%;\n\t\theight: var(--navbar-height);\n\t\tposition: fixed;\n\t\tbackground: var(--color-bg-light);\n\t\tz-index: -1;\n\t}\n\n /* Top bar */\n #content > .noselect {\n width: calc(100% - var(--navbar-height));\n\t\twidth: auto;\n\t\theight: var(--navbar-height);\n\t\tmargin-left: var(--navbar-height);\n\t\tflex: 0 0 auto;\n\t\torder: -2;\n }\n\n /* Threads */\n #content > #thread-list {\n width: 100%;\n flex: 0 1 1;\n margin: 0;\n background: var(--color-bg-light);\n overflow-y: scroll;\n }\n\n /* Bottom bar */\n #content > .action-container {\n height: calc(var(--button-height) + 1vh);\n flex: auto 0 0;\n }\n \n #content > .clearfix {\n display: none;\n }\n\t\n\t/* click away catcher */\n\t#content > .noselect ~ .clearfix {\n\t\tposition: fixed;\n\t\twidth: 100%;\n\t\theight: 0;\n\t\tdisplay: block;\n\t\tz-index: 20;\n\t\tbackground: #000;\n\t\topacity: 0.8;\n\t\ttransition: height 0s linear 0.2s;\n\t}\n\t\n\t#content > .noselect:hover ~ .clearfix {\n\t\theight: 100%;\n\t\ttransition: unset;\n\t}\n}\n\n@media all /* THREADS TOP BAR */ {\n\n\t/* also on forums page */\n #content > .noselect {\n\t\tposition: relative;\n background: #34363d;\n display: flex;\n\t\t/* align-self: flex-start; **/\n }\n\n #content > .noselect .btn {\n padding: 0;\n border: unset;\n border-radius: unset;\n margin: 0;\n position: static;\n box-shadow: unset;\n }\n\t\n\t#content > .noselect:not([id])::before,\n\t#content > .noselect > .mod-filter,\n #content > div.noselect > #search-bar-container,\n #content > div.noselect > a[href^='/thread/submit'] {\n\t\theight: 100%;\n\t\tborder: 0.5vh solid transparent;\n\t\tborder-left-style: unset;\n\t\tbox-sizing: border-box;\n\t\tbackground-clip: padding-box;\n\t\tbackground-color: var(--color-bg-dark);\n\t\tcolor: var(--color-fg-light);\n\t}\n \n /* ORDER */\n\t\n\t#content > .noselect:not([id])::before,\n\t#content > .noselect > .btn-group,\n\t#content > .noselect > .mod-filter {\n\t\twidth: calc((100% - 2 * var(--button-height) - 2vh) / 2);\n\t}\n\t\n\t/* fake visible sort button */\n\t#content > .noselect:not([id])::before {\n\t\tcontent: 'Sort';\n\t\tfont-weight: bold;\n\t\tborder-left-style: solid;\n\t\tpadding: 0 1ex;\n\t\tfont-size: unset;\n\t\tline-height: var(--button-height);\n\t}\n\t\n\t/* real invisible sort button */\n\t#content > .noselect > .btn-group {\n\t\tposition: absolute;\n\t\theight: var(--navbar-height);\n\t\tbackground: var(--color-bg-dark);\n\t\tcolor: var(--color-fg-light);\n\t\topacity: 0;\n\t}\n\t\n\t/* time period button */\n\t#content > .noselect > .mod-filter {\n\t\tpadding: 0 1ex;\n\t\tfont-size: unset;\n\t\tline-height: var(--button-height);\n\t}\n\t\n\t/* time period popup */\n\t#content > .noselect > .mod-filter > * {\n\t\tdisplay: none;\n\t}\n\t\n\t/* select menu */\n\t#content > .noselect > .btn-group:hover,\n\t#content > .noselect > .mod-filter:hover > .filter-menu {\n\t\tposition: fixed;\n\t\tbottom: 50%;\n\t\tright: 50%;\n\t\ttop: unset;\n\t\tleft: unset;\n\t\ttranslate: 50% 50%;\n\t\theight: auto !important;\n\t\twidth: 80%;\n\t\tdisplay: flex !important;\n\t\tflex-direction: column;\n\t\tgap: 1%;\n\t\tpadding: 1%;\n\t\tz-index: 21;\n\t\topacity: 1;\n\t\tbackground: var(--color-bg-dark);\n\t\tcolor: var(--color-fg-dark);\n\t\tborder: unset;\n\t}\n\t\n\t/* select menu items */\n\t#content > .noselect > .btn-group > *,\n\t#content > .noselect > .mod-filter > .filter-menu > * {\n\t\tdisplay: none;\n\t\theight: 10vh;\n\t\tline-height: 10vh;\n\t\tfont-size: 6vh;\n\t\ttext-align: center;\n\t\tbackground: unset;\n\t\tcolor: unset;\n\t\tfont-weight: normal;\n\t}\n\t\n\t#content > .noselect > .btn-group:hover > *,\n\t#content > .noselect > .mod-filter:hover > .filter-menu > * {\n\t\tdisplay: block;\n\t}\n\t\n\t/* selected select menu item */\n\t#content > .noselect > .btn-group > .mod-active,\n\t#content > .noselect > .mod-filter > .filter-menu > .active {\n\t\tbackground: var(--color-accent);\n\t}\n\t\n /* SEARCH */\n \n #content > div.noselect > #search-bar-container {\n width: var(--navbar-height);\n margin: 0;\n display: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n }\n\t\n\t/* search button icon */\n #content > div.noselect > #search-bar-container::before {\n\t\tfont: calc(var(--navbar-height) * 0.6) FontAwesome;\n\t\tcontent: '\\f002';\n\t\tcolor: var(--color-fg-light);\n\t}\n \n\t/* invisible on top of the button */\n #content > div.noselect #search-bar {\n\t\tposition: absolute;\n height: 100%;\n width: 100%;\n padding: 0.2em;\n margin: 0;\n border: 0;\n\t\topacity: 0;\n\t\tbox-shadow: unset;\n\t\tfont-size: 8vw;\n }\n\t\n\t/* search bar open */\n #content > div.noselect > #search-bar-container:hover > #search-bar {\n\t\tposition: fixed;\n\t\tbottom: 50%;\n\t\tright: 50%;\n\t\ttranslate: 50% 50%;\n\t\theight: auto;\n\t\twidth: 84%;\n\t\tz-index: 22;\n\t\topacity: 1;\n\t}\n \n #content > div.noselect #search-submit {\n\t\tdisplay: none;\n }\n \n /* MAKE THREAD */\n \n #content > div.noselect > a[href^='/thread/submit'] {\n order: 1;\n width: var(--navbar-height);\n font-size: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\t\n\t/* can't be clicked otherwise */\n #content > div.noselect > a[href^='/thread/submit']:hover {\n\t\tz-index: 30;\n\t}\n \n #content > div.noselect > a[href^='/thread/submit']::after {\n content: '\\f067';\n font: calc(var(--navbar-height) * 0.6) FontAwesome;\n margin-top: 0.15em;\n }\n}\n \n@media all /* ACTION CONTAINER (BOTTOM BAR) */ {\n \n /* when viewing a thread this is the top one */\n #content > .action-container:nth-child(2) {\n display: none;\n }\n \n #content > .action-container > * {\n display: none;\n }\n \n #content .action-container-pages {\n width: 100%;\n display: flex;\n padding: 0.5vh;\n gap: 0.5vh;\n background: var(--color-bg-light)\n }\n \n /* TODO: Fix large numbers getting cut off */\n #content .action-container-pages > .btn.mod-page {\n height: var(--button-height);\n width: var(--button-height);\n padding: 0 !important;\n margin: 0;\n border: 0;\n font-size: 2vh;\n line-height: var(--button-height);\n text-align: center;\n box-shadow: unset;\n }\n \n #content .action-container-pages > span.btn.mod-page {\n background: var(--color-accent);\n color: #fff;\n }\n \n #content .action-container-pages > .page-ellipsis {\n margin: 0;\n visibility: hidden;\n flex: 1 1 0;\n }\n\t\n #content .action-container-pages > .btn.mod-page.mod-to-top {\n\t\tdisplay: none;\n\t}\n}\n \n@media all /* THREAD LIST */ {\n \n #content > #thread-list {\n background: var(--color-bg-dark);\n\t\tborder: unset;\n }\n\n #content > #thread-list > .thread {\n height: auto;\n width: 98%;\n margin: 1%;\n background: var(--color-bg-light)\n }\n\n .thread > .thread-inner {\n display: grid;\n\t\tgrid-template-rows:\n\t\t\tauto\n\t\t\tcalc(var(--navbar-height) * 2/3)\n\t\t\tcalc(var(--navbar-height) * 1/3)\n\t\t\tauto;\n\t\tgrid-template-columns: 40% 1fr var(--navbar-height);\n\t\tgrid-template-areas:\n\t\t\t'title title expand'\n\t\t\t'frags activity activity'\n\t\t\t'frags pages pages'\n\t\t\t'preview preview preview';\n margin: 1vw;;\n\t\tborder: unset;\n }\n\t\n .thread > .thread-inner > * {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: unset;\n\t\twidth: 100%;\n\t}\n \n /* THREAD BODY */\n\n .thread-inner > .block.main {\n\t\tgrid-area: title;\n\t\tposition: relative;\n }\n\t\n .thread-inner > .block.main > .tag.stickied {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: calc(100% + var(--navbar-height));\n\t\twidth: calc(100% + var(--navbar-height));\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\toutline: 0.5vw dashed var(--color-accent);\n\t\toutline-offset: 0.5vw;\n\t\tbackground: transparent;\n\t\tfont-size: 0;\n\t\tpointer-events: none;\n\t}\n\n .thread-inner > .block.main > a.title {\n width: 100%;\n max-width: unset;\n font-size: 1.4em;\n white-space: initial;\n\t\tcolor: var(--color-fg-light);\n }\n\t\n\t\n\t.thread-inner > .block.main > .description {\n\t\tfont-size: 0.9em;\n\t\tline-height: 1.2em;\n\t\toverflow: hidden;\n\t\ttext-indent: -6.2ex;\n\t\tcolor: var(--color-fg-dark);\n\t}\n\t\n\t.thread-inner > .block.main > .description > span.date-eta {\n\t\tposition: relative;\n\t\tmargin-right: -2.4ex;\n\t\tbackground: var(--color-bg-light);\n\t\tz-index: 1;\n\t}\n\t\n\t.thread-inner > .block.main > .description > span.date-eta::after {\n\t\tcontent: '| ';\n\t}\n\t\n\t.thread-inner > .block.main > .description > a {\n\t\tposition: relative;\n\t\tmargin-left: -1.8ch;\n\t\tbackground: var(--color-bg-light);\n\t\tz-index: 1;\n\t\tpadding-left: 1ex;\n\t}\n\t\n\t.thread-inner > .block.main > .description > a::before,\n\t.thread-inner > .block.main > .description > a:hover::before {\n\t\ttext-indent: 0;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tcolor: var(--color-fg-dark);\n\t\tcontent: '|';\n\t}\n\t\n /* TOGGLE THREAD PREVIEW */\n\n .thread-inner > .expand {\n\t\tgrid-area: expand;\n align-self: start;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n \n .thread-inner > .expand::before {\n font: 3vh FontAwesome;\n content: '\\f06e';\n }\n \n .thread-inner > .expand > div {\n height: 0;\n width: 0;\n font-size: 0 !important;\n padding-bottom: 100%;\n }\n \n /* UP/DOWN FRAGS */\n\n .thread-inner > div.block.frag.frag-container {\n\t\tgrid-area: frags;\n\t\twidth: 100%;\n display: flex;\n\t\talign-items: center;\n }\n\n .thread-inner > div.block.frag.frag-container > .frag-btn {\n\t\theight: var(--navbar-height);\n\t\twidth: var(--navbar-height);\n\t\tflex: 0 0 auto;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n }\n\n .thread-inner > div.block.frag.frag-container > .frag-count {\n font-size: 1.2em;\n\t\tflex: 1 1 0;\n }\n\n .frag-btn > i {\n position: static !important;\n }\n\n .frag-btn > i::before {\n position: static;\n\t\tfont-size: calc(var(--navbar-height) * 0.6);\n }\n\n .frag-btn.plus-frag > i::before {\n content: '\\f062';\n }\n\n .frag-btn.minus-frag > i::before {\n content: '\\f063';\n }\n \n /* LAST ACTIVITY */\n\n .thread-inner > .blockr.last-info {\n\t\tgrid-area: activity;\n display: block !important;\n\t\tline-height: unset;\n\t\tfont-size: calc(var(--navbar-height) * 0.3);\n }\n \n /* THREAD PAGES */\n\n .thread-inner > .blockr.pages {\n\t\tgrid-area: pages;\n display: block !important;\n\t\tline-height: unset;\n\t\tpadding-left: 2%;\n\t\tfont-size: 0;\n }\n\t\n\t.thread-inner > .blockr.pages > * {\n\t\tdisplay: none;\n\t}\n\t\n\t.thread-inner > .blockr.pages > .post-count {\n\t\tdisplay: block;\n\t\tfloat: right;\n\t\tfont-size: calc(var(--navbar-height) * 0.3);\n\t\tcolor: var(--color-fg-dark);\n\t}\n\t\n\t.thread-inner > .blockr.pages > .post-count::before {\n\t\tcontent: 'total posts: ';\n\t\tfont-weight: normal;\n\t}\n \n /* PREVIEW */\n\n div.preview {\n\t\tgrid-area: preview;\n width: 100%;\n }\n}\n@media all /* FORMUS LIST */ {\n\t\n\t#content > #filter-container {\n\t\twidth: auto;\n\t\talign-self: end;\n\t}\n\t\n #content > .forum-container {\n\t\tposition: relative;\n margin: 1%;\n padding: 0;\n\t\theight: var(--navbar-height);\n\t\tflex-grow: 0;\n\t\ttransition: flex-grow calc(0.4s * var(--anim-mult));\n }\n\t\n #content > .forum-container:not(:last-child) {\n\t\tmargin-bottom: 0;\n\t}\n\t\n #content > .forum-container:hover {\n\t\toverflow-y: auto;\n\t\tflex-grow: 1;\n\t}\n\t\n\t/* SUBFORUM GROUP HEADER */\n\t\n #content > .forum-container > .forum-header {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: var(--navbar-height);\n\t\tborder: unset;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tbackground: var(--color-bg-dark);\n }\n\t\n .forum-header > *:not(.forum-group-header) {\n\t\tdisplay: none;\n\t}\n\t\n .forum-header > .forum-group-header {\n\t\tfont-size: calc(0.4 * var(--navbar-height));\n\t\tmargin: 1%;\n\t\tcolor: var(--color-fg-light);\n\t}\n\t\n\t/* SUBFORUM */\n \n #content > .forum-container > .subforum {\n font-size: inherit;\n height: auto;\n\t\tborder: unset;\n\t\tmargin: 1%;\n\t\tdisplay: none;\n }\n\t\n #content > .forum-container:hover > .subforum {\n\t\tdisplay: block;\n\t}\n\t\n #content > .forum-container > .subforum:not(:last-child) {\n\t\tborder-bottom: 1pt solid var(--color-bg-light);\n\t}\n\t\n\t.subforum > .sub,\n\t.subforum > .post-count,\n\t.subforum > .thread-count,\n\t.subforum > .last-link {\n\t\tdisplay: none;\n\t}\n\t\n\t/* SUBFORUM NAME + DESC */\n\t\n\t.subforum > .main {\n\t\tfloat: unset;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t}\n \n .subforum > .main > .subforum-title {\n font-size: 1.3em;\n }\n\t\n\t/* SUBFORUM ACTIVITY */\n\t\n\t.subforum > .last-info {\n\t\tfloat: unset;\n\t\tmargin: 0.4em 0;\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t\tfont-size: 0.8em;\n\t\ttext-align: unset;\n\t\tline-height: 1.2em;\n\t}\n\t\n\t.subforum > .last-info > br {\n\t\tdisplay: none;\n\t}\n}\n\n@media all /* SUBFORUM VIEW */ {\n\t\n\t/* SUBFORUM TITLE */\n\t\n\t#content > div[style]:not([id]):not([class]) {\n\t\tposition: absolute;\n\t\tleft: var(--navbar-height);\n\t\ttop: 0;\n\t\theight: var(--navbar-height);\n\t\twidth: calc(100% - 2 * var(--navbar-height));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tfont-size: 1.2em;\n\t\tpadding: 0.4em;\n\t}\n\t\n\t#content > div[style]:not([id]):not([class]) > div > * {\n\t\tdisplay: none;\n\t}\n\t\n\t#content > div[style]:not([id]):not([class]) > div > div:nth-child(2) {\n\t\tdisplay: block;\n\t\tfont-size: 1em !important;\n\t\tpadding: 0 !important;\n\t\tcolor: var(--color-fg-light) !important;\n\t}\n}\n\n@media all /* SCHEDULE */ {\n\t\n\t#schedule-table::before {\n\t\tcontent: 'Schedule';\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: var(--navbar-height);\n\t\tline-height: var(--navbar-height);\n\t\tpadding-left: 0.6ex;\n\t\tfont-size: calc(0.5 * var(--navbar-height));\n\t\tcolor: var(--color-fg-light);\n\t}\n\t\n\t#content > table {\n\t\tmargin-top: var(--navbar-height);\n\t\tdisplay: block;\n\t\toverflow-y: scroll;\n\t\tfont-size: inherit;\n\t}\n\t\n\t#content > table tbody {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t\n\t#schedule-table tr {\n\t\tdisplay: grid;\n\t\tgrid-template:\n\t\t\t'date date date' auto\n\t\t\t'time stream event' auto\n\t\t\t/ 8vh 8vh 1fr;\n\t}\n\t\n\t#schedule-table tr > * {\n\t\twidth: unset !important;\n\t\theight: unset !important;\n\t\tborder: unset !important;\n\t}\n\t\n\t#schedule-table tr > *:nth-child(1) {\n\t\tgrid-area: date;\n\t}\n\t\n\t#schedule-table tr > *:nth-child(2) {\n\t\tgrid-area: time;\n\t}\n\t\n\t#schedule-table tr > *:nth-child(3) {\n\t\tgrid-area: stream;\n\t}\n\t\n\t#schedule-table tr > *:nth-child(4) {\n\t\tgrid-area: event;\n\t}\n\t\n\t/* TABLE HEADER */\n\t\n\t#schedule-table tr:first-child {\n\t\tposition: sticky;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tz-index: 1;\n\t}\n\t\n\t#schedule-table th {\n\t\tfont-size: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0 !important;\n\t\theight: var(--title-height) !important;\n\t}\n\t\n\t#schedule-table th::before {\n\t\tcontent: 'Date';\n\t\tfont-size: calc(0.25 * var(--navbar-height));\n\t\ttext-align: center;\n\t\twidth: 100%;\n\t}\n\t\n\t#schedule-table th:nth-child(1) {\n\t\tdisplay: none;\n\t}\n\t\n\t#schedule-table th:nth-child(2)::before {\n\t\tcontent: 'Start (CET)';\n\t}\n\t\n\t#schedule-table th:nth-child(3)::before {\n\t\tcontent: 'Stream';\n\t}\n\t\n\t#schedule-table th:nth-child(4)::before {\n\t\tcontent: 'Event';\n\t\ttext-align: left;\n\t\tpadding-left: 1ex;\n\t}\n\t\n\t#schedule-table th:last-child {\n\t\tflex: 1 1 0;\n\t}\n\t\n\t/* TABLE ROWS */\n\t\n\t#schedule-table td {\n\t\tdisplay: block;\n\t\tfont-size: inherit;\n\t}\n\t\n\t/* DATE */\n\t\n\t#schedule-table td:first-child {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tline-height: 1.4em;\n\t\tbackground: var(--color-bg-light);\n\t\tcolor: var(--color-fg-light);\n\t}\n\t\n\t#schedule-table td:first-child > div {\n\t\tdisplay: inline;\n\t\tfont-size: inherit;\n\t\tcolor: inherit;\n\t}\n\t\n\t/* TIME */\n\t\n\t#schedule-table td:nth-child(2) {\n\t\tplace-self: center center;\n\t\ttext-align: center;\n\t\tfont-size: 0.8em;\n\t\tcolor: var(--color-fg-lighter);\n\t\tpadding: 0;\n\t}\n\t\n\t/* STREAM LOGO */\n\t\n\t#schedule-table td:nth-child(3) {\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\t\n\t#schedule-table td:nth-child(3) a {\n\t\tpadding: 0;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 80%;\n\t}\n\t\n\t#schedule-table td:nth-child(3) a::after {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tpadding-bottom: 100%;\n\t}\n\t\n\t#schedule-table td:nth-child(3) img {\n\t\tposition: absolute;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t}\n\t\n\t/* EVENT TITLE */\n\t\n\t#schedule-table td:last-child {\n\t}\n}\n\n@media all /* NEWS */ {\n\t\n}", | |
| "regexps": [ | |
| "https:\\/\\/www\\.teamfortress\\.tv\\/.+" | |
| ] | |
| }, | |
| { | |
| "code": "/* THREAD VIEW */\n\n@media all /* LAYOUT */ {\n\t\n\t#content {\n\t\toverflow: auto;\n\t}\n\t\n}\n\n@media all /* THREAD HEADER */ {\n\t\n\t#content::after {\n\t\tcontent: '';\n\t\theight: var(--navbar-height);\n\t\tflex: 0 0 auto;\n\t}\n\n\t#content .action-container {\n\t\tposition: fixed;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n\t\n\t#content > .thread-header {\n\t\tposition: sticky;\n\t\tflex: 0 0 auto;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\t\theight: var(--navbar-height);\n\t\tpadding: 0 var(--navbar-height);\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\tbackground: var(--color-accent);\n\t\tcolor: var(--color-fg-light);\n\t\tfont-size: var(--navbar-height);\n\t\tz-index: 3;\n\t}\n\n\t.thread-header-title {\n\t\tcolor: unset;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tfont-size: 0.5em;\n\t\tline-height: 1.1em;\n\t}\n\n\t.thread-header-desc {\n\t\tcolor: unset;\n\t\tfont-size: 0.25em;\n\t\tline-height: 1.1em;\n\t}\n\n\t.thread-header-desc a {\n\t\tcolor: unset;\n\t\ttext-decoration: underline;\n\t}\n}\n\n@media all /* THREAD POSTS */ {\n\n\t#thread-container {\n\t\tmargin: 0;\n\t\tborder: unset;\n\t}\n\n\t#thread-container > .post {\n\t\tfont-size: large;\n\t\tbackground: var(--color-bg-dark);\n\t\tmargin: 1%;\n\t}\n\n\t/* POST HEADER */\n\n\t.post-header {\n\t\tfont-size: 1.4em;\n\t\tbackground: var(--color-bg-light);\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: var(--title-height);\n\t}\n\n\t.post-header > .post-num {\n\t\tcolor: var(--color-fg-dark);\n\t\tmargin-left: 0.5%;\n\t}\n\n\t.post-header > .flag {\n\t\t/* TODO */\n\t}\n\n\t.post-header > .post-author {\n\t\tcolor: var(--color-accent);\n\t\tfont-size: calc(var(--title-height) * 0.5);\n\t}\n\n\t.post-header > .star-container {\n\t\tmargin-left: auto;\n\t}\n\n\t.post-header > .post-frag-container {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t}\n\n\t.post-header > .post-frag-container > b {\n\t\tdisplay: none;\n\t}\n\n\t.post-header > .post-frag-container > .post-frag-count {\n\t\torder: 1;\n\t\tpadding: 0 0.2em;\n\t\tline-height: var(--title-height);\n\t\tfont-size: calc(var(--title-height) * 0.5);\n\t}\n\n\t.post-header > .post-frag-container > .post-frag-btn {\n\t\twidth: var(--title-height);\n\t\theight: 100%;\n\t\tfont-size: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t}\n\n\t.post-header > .post-frag-container > .post-frag-btn::after {\n\t\tfont: calc(0.7 * var(--title-height)) FontAwesome;\n\t}\n\n\t.post-header > .post-frag-container > .plus {\n\t\torder: 0;\n\t}\n\n\t.post-header > .post-frag-container > .plus::after {\n\t\tcontent: '\\f067';\n\t}\n\n\t.post-header > .post-frag-container > .minus {\n\t\torder: 2;\n\t}\n\n\t.post-header > .post-frag-container > .minus::after {\n\t\tcontent: '\\f068';\n\t}\n\n\t/* POST BODY */\n\n\t.post-body {\n\t\tfont-size: larger;\n\t\tline-height: 1.2em !important;\n\t\tcolor: var(--color-fg-light) !important;\n\t}\n\n\t.post-body q {\n\t\tbackground: var(--color-bg-light);\n\t\tcolor: var(--color-fg-light);\n\t\tfont-size: unset;\n\n\t}\n\n\t.post-body q > .quote-attr {\n\t\tfont-size: unset;\n\t}\n}\n\n@media all /* WRITE POST TEXTBOX */ {\n\n\t#content > form[action='/post/add'] {\n\t\tposition: fixed;\n\t\tbottom: 0;\n\t\tright: -100%;\n\t\twidth: 100%;\n\t\theight: calc(100% - var(--navbar-height));\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tz-index: 4;\n\t}\n\n\t#content > form[action='/post/add'] > * {\n\t\tposition: relative;\n\t\tleft: 0;\n\t\ttransition: left calc(0.4s * var(--anim-mult));\n\t}\n\n\t#content > form[action='/post/add']:hover > * {\n\t\tleft: -100%;\n\t}\n\n\t#content > form[action='/post/add']::before {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\ttranslate: -100% -100%;\n\t\theight: var(--navbar-height);\n\t\twidth: var(--navbar-height);\n\t\tcontent: '\\f14b';\n\t\tfont: var(--navbar-height) FontAwesome;\n\t\tline-height: var(--navbar-height);\n\t\ttext-align: center;\n\t}\n\n\t#post-editor {\n\t\tmargin: 0;\n\t\tflex: 1 1 0;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t#post-editor-text,\n\t#post-loading,\n\t#post-preview {\n\t\tflex: 1 1 0;\n\t}\n\n\t#post-editor #post-preview {\n\t\tbackground: var(--color-bg-light);\n\t}\n\n\t#content > form[action='/post/add'] > .form-hint {\n\t\tmargin: 0 !important;\n\t\tbackground: var(--color-bg-light);\n\t}\n\n\t#content > form[action='/post/add'] > input[type='submit'] {\n\t\tmargin: 0 !important;\n\t}\n\n}", | |
| "regexps": [ | |
| "https:\\/\\/www\\.teamfortress\\.tv\\/\\d+\\/.+" | |
| ] | |
| }, | |
| { | |
| "code": "/* NEWS */\n\n#content > table,\n#content > table > tbody,\n#content > table tr {\n\tmargin-bottom: unset;\n\twidth: 100%;\n}\n\n#content > table > tbody {\n\twidth: 100%;\n}\n\n#content > table tr:first-child {\n\tdisplay: none;\n}\n\n#content > table tr {\n\tdisplay: grid;\n\tgrid-template:\n\t\t'title date' auto\n\t\t'author date' auto\n\t\t/ 1fr 10vw;\n}\n\n#content > table td {\n\toverflow: hidden;\n\tpadding: unset;\n\tborder: unset;\n}\n\n#content > table td:nth-child(1) {\n\twidth: unset !important;\n\tgrid-area: title;\n\tpadding: 1% 1% 0 1%;\n}\n\n#content > table td:nth-child(1) > a {\n\tfont-size: 3.4vw !important;\n\tfont-weight: unset !important;\n\tcolor: var(--color-fg-light) !important;\n\twhite-space: normal;\n}\n\n#content > table td:nth-child(2) {\n\tgrid-area: author;\n\tfont-size: 3vw;\n\tline-height: unset;\n\tpadding: 0% 1% 1% 1%;\n}\n#content > table td:nth-child(3) {\n\tgrid-area: date;\n\ttext-align: center !important;\n\talign-self: center;\n\tjustify-self: center;\n\tfont-size: 3.5vw;\n\tmax-width: 8vw;\n\toverflow: visible;\n\tword-wrap: normal;\n}", | |
| "urls": [ | |
| "https://www.teamfortress.tv/news" | |
| ] | |
| } | |
| ], | |
| "updateDate": 1616402805514, | |
| "_id": "c9946dd2-209a-4dbc-b6aa-281b43fe6f6a", | |
| "_rev": 1616402805514, | |
| "id": 8, | |
| "enabled": true | |
| } | |
| ] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment