/* ========================================================================================================== █▄ █ █▀▀█ █▀▀█ █▀▄▀█ █▀▀█ █ ▀█▀ ▀▀█ █▀▀ █▀█▄█ █ █ █▄▄▀ █ ▀ █ █▄▄█ █ █ ▄▀ █▀▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ "https://github.com/necolas/normalize.css/" Normalize.css heavily modified to fit our needs ========================================================================================================== */ html { font-family: "Exo"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 16px; line-height: 1.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 100%; height: 101%; } body { font-family: Exo; font-size: 13px; line-height: normal; margin: 0; padding-bottom: 12px; word-wrap: break-word; -webkit-print-color-adjust: exact; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; vertical-align: middle } svg:not(:root) {overflow: hidden; } figure { margin: 0; } hr { box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e5e5e5;} pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { border: 0; margin: 0; padding: 0; } iframe { border: 0 } ol, ul { list-style: none; margin: 0; padding: 0; } [tabindex="-1"]:focus { outline: none !important } abbr[title] { text-decoration: none; } dd { margin:0; } dl { margin-block-end: 0; margin-block-start: 0; } /* ========================================================================================================== █▀▀▄ █▀▀█ █▀▀ ▀█▀ █▀▀ █ █ ▀▀█▀▀ ▀█▀ █ ▀█▀ ▀▀█▀▀ █ █ █▀▀ █ █▀▀█ █▀▀ █▀▀ █▀▀ █▀▀ █▀▀▄ █▄▄█ ▀▀█ █ █ █ █ █ █ █ █ █ █▄▄█ █ █ █▄▄█ ▀▀█ ▀▀█ █▀▀ ▀▀█ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▄▄▄█ ▀▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none ; } .affix { position: fixed } /* ========================================================================================================== █▀▀▀ █▀▀ █▄ █ █▀▀ █▀▀█ █▀▀█ █ █▀▄▀█ █▀▀█ █▀▀█ █ █ █ █ █▀▀█ █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █ ▀█ █▀▀ █▀█▄█ █▀▀ █▄▄▀ █▄▄█ █ █ ▀ █ █▄▄█ █▄▄▀ █▀▄ █ █ █▄▄█ ▀▀█ █ █▄▄█ █▄▄▀ █ ▀▀▀▀ ▀▀▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀ ▀ ▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀▀▀ █ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ========================================================================================================== */ h1 { font-family: "Russo One"; margin-right: 200px; margin-top: 15px; font-size: 1.9em; } h2 { font-family: "Russo One"; font-weight: normal; font-size: 1.9em; word-spacing:4px; margin: 0.8em 0 0.2em 0; line-height:normal; } h2.solo { margin-bottom: 1em; } h3 { font-family: "Russo One"; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid transparent; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.05em; margin-top: 20px; } h4 { font-family: "Russo One"; font-size: 1.3em; } p { line-height: 1.3em; font-size: 1em; margin-bottom: 1.5em; } img { border-width: 0; } hr { border: 0 solid transparent; border-top-width: 1px; height: 1px; margin: 5px 0; display: block; clear: both; } hr.dashed { border-top-style: dashed; margin: 10px 0; } hr.divider { display: none; } p.right { text-align: right; } p.jumpbox-return { margin-top: 10px; margin-bottom: 0; float: left; } b, strong { font-weight: bold; } .text-strong { font-weight: bold; } i, em { font-style: italic; } .text-italics { font-style: italic; } u { text-decoration: underline; } ul { list-style-type: disc; } ol { list-style-type: decimal; } li { display: list-item; } ul ul, ol ul { list-style-type: circle; } ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; } a:hover{ text-decoration: underline; } /* ========================================================================================================== █▀▄▀█ █▀▀█ ▀█▀ █▄ █ █▀▀▄ █ █▀▀█ █▀▀ █ █ █▀▀ █ ▀ █ █▄▄█ █ █▀█▄█ █▀▀▄ █ █ █ █ █▀▄ ▀▀█ ▀ ▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ========================================================================================================== */ .wrap { margin: 0 auto; max-width: 1152px; min-width: 625px; padding: 15px; } @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { .wrap { margin: 0 12px; } } .page-body { margin: 10px; clear: both; min-height: 500px; } .page-footer { clear: both; margin-top:10px; } .page-footer h3 { margin-top: 20px; } .logo { float:left; width: auto; padding: 15px; } .logo:hover { text-decoration: none; } .site_logo { display: inline-block; width: 200px; height: 68px; } .site-description { display: inline-block; padding-left:15px; } .site-description h1 { margin-right: 0; font-family: "Russo One"; font-size:2.5em; letter-spacing:1px; word-spacing:4px; } .headerbar { padding: 5px; } .navbar { padding: 3px 10px; } .forabg { margin-top:10px; margin-bottom: 4px; clear: both; } .forumbg { margin-bottom: 4px; clear: both; } .panel { margin-bottom: 4px; padding: 5px 10px; } .post { padding: 5px 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; position: relative; } .rowbg { margin: 5px 5px 2px 5px; } /* ========================================================================================================== █ █ █▀▀█ █▀▀█ ▀█▀ ▀▀█ █▀▀█ █▄ █ ▀▀█▀▀ █▀▀█ █ █ ▀█▀ █▀▀ ▀▀█▀▀ █▀▀ █▀▀█ █ █ █▄▄▀ █ ▄▀ █ █ █▀█▄█ █ █▄▄█ █ █ █ ▀▀█ █ ▀▀█ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀▀ ========================================================================================================== */ .navbar ul.linklist { padding: 2px 0; list-style-type: none; } #nav-main > li { margin-top: 2px 0; } ul.linklist { display: block; margin: 0; } .cp-main .panel { padding: 5px 10px; } ul.linklist > li { float: left; font-size: 1.1em; list-style-type: none; margin-right: 7px; padding-top: 1px; width: auto; } ul.linklist > li.rightside, p.rightside, a.rightside { float: right; margin-right: 0; margin-left: 7px; text-align: right; } ul.leftside { float: left; margin-left: 0; margin-right: 5px; text-align: left; } ul.rightside { float: right; margin-left: 5px; margin-right: -5px; text-align: right; } ul.linklist li.responsive-menu { position: relative; margin: 0 5px 0 0; } .hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { max-width: 48%; } .hasjs ul.linklist.fullwidth { max-width: none; } li.responsive-menu.dropdown-right .dropdown { left: -9px; } li.responsive-menu.dropdown-left .dropdown { right: -6px; } ul.linklist .dropdown { top: 15px; } ul.linklist .dropdown-up .dropdown { bottom: 18px; top: auto; } /* ========================================================================================================== █▀▀▄ █▀▀█ █▀▀█ █▀▀█ █▀▀▄ █▀▀█ █ █ █▄ █ █▀▄▀█ █▀▀ █▄ █ █ █ █▀▀ █ █ █▄▄▀ █ █ █▄▄█ █ █ █ █ █▄█▄█ █▀█▄█ █ ▀ █ █▀▀ █▀█▄█ █ █ ▀▀█ ▀▀▀ ▀ ▀▀ ▀▀▀▀ █ ▀▀▀ ▀▀▀▀ ▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀▀ ▀▀▀ ========================================================================================================== */ .dropdown-container { position: relative; } .dropdown-container-right { float: right; } .dropdown-container-left { float: left; } .nojs .dropdown-container:hover .dropdown { display: block !important; } .dropdown { display: none; position: absolute; left: 0; top: 1.2em; z-index: 4; border: 1px solid transparent; padding: 9px 0 0; margin-right: -500px; } .dropdown.live-search { top: auto; } .dropdown-container.topic-tools { float: left; } .dropdown-up .dropdown { top: auto; bottom: 1.2em; padding: 0 0 9px; } .dropdown-left .dropdown, .nojs .rightside .dropdown { left: auto; right: 0; margin-left: -500px; margin-right: 0; } .dropdown-button-control .dropdown { top: 24px; } .dropdown-button-control.dropdown-up .dropdown { top: auto; bottom: 24px; } .dropdown .pointer, .dropdown .pointer-inner { position: absolute; width: 0; height: 0; border-top-width: 0; border-bottom: 10px solid transparent; border-left: 10px dashed transparent; border-right: 10px dashed transparent; -webkit-transform: rotate(360deg); display: block; } .dropdown-up .pointer, .dropdown-up .pointer-inner { border-bottom-width: 0; border-top: 10px solid transparent; } .dropdown .pointer { right: auto; left: 10px; top: -1px; z-index: 3; } .dropdown-up .pointer { bottom: -1px; top: auto; } .dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer { left: auto; right: 10px; } .dropdown .pointer-inner { top: auto; bottom: -11px; left: -10px; } .dropdown-up .pointer-inner { bottom: auto; top: -11px; } .dropdown .dropdown-contents { z-index: 2; overflow: hidden; overflow-y: auto; border: 1px solid transparent; padding: 5px; position: relative; max-height: 340px; } .dropdown-contents a { display: block; padding: 5px; } .jumpbox { margin: 5px 0; } .jumpbox .dropdown li { border-top: 1px solid transparent; } .jumpbox .dropdown-select { margin: 0; } .jumpbox .dropdown-contents { padding: 0; text-decoration: none; } .jumpbox .dropdown-contents li { padding: 0; } .jumpbox .dropdown-contents a { margin-right: 20px; padding: 5px 10px; text-decoration: none; width: 100%; } .jumpbox .spacer { display: inline-block; width: 0px; } .jumpbox .spacer + .spacer { width: 20px; } .dropdown-contents a { display: block; padding: 5px 20px 5px 5px; } .jumpbox .dropdown-select { margin: 0; } .jumpbox .dropdown-contents a { text-decoration: none; } .dropdown li { display: list-item; border-top: 1px dotted transparent; float: none !important; line-height: normal !important; font-size: 1em !important; list-style: none; margin: 0; white-space: nowrap; text-align: left; } .dropdown-nonscroll > li { padding-right: 0; } .dropdown li:first-child, .dropdown li.separator + li, .dropdown li li { border-top: 0; } .dropdown li li:first-child { margin-top: 4px; } .dropdown li li:last-child { padding-bottom: 0; } .dropdown li li { border-top: 1px dotted transparent; padding-left: 18px; } .wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li { white-space: normal; } .dropdown li.separator { border-top: 1px solid transparent; padding: 0; } .dropdown li.separator:first-child, .dropdown li.separator:last-child { display: none !important; } /* ========================================================================================================== █▀▀▄ █▀▀█ █▀▀ █▀▀█ █▀▀▄ █▀▀ █▀▀█ █ █ █▀▄▀█ █▀▀▄ █▀▀ █▀▀▄ █▄▄▀ █▀▀ █▄▄█ █ █ █ █▄▄▀ █ █ █ ▀ █ █▀▀▄ ▀▀█ ▀▀▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .breadcrumbs .crumb { font-size: 16px; display: inline-block; height: 22px; margin: 0; } .crumb::after { content: '\00BB'; padding: 0 0.1em; display: inline-block; height: 22px; margin: 0 0 0 5px; width: 10px; } .breadcrumbs .homecrumb { display: inline-block; width: 18px; height: 18px; border: 2px solid #203339; border-radius: 30%; text-align: center; font-size: 16px; vertical-align: middle; margin: -0.2em 0.2em 0 0; text-shadow: 1px 1px 1px white; box-shadow: 1px 1px 1px white; } .breadcrumbs .crumb:last-child:after { content: none; } /* ========================================================================================================== ▀▀█▀▀ █▀▀█ █▀▀▄ █ █▀▀ █▀▀ ▀▀█▀▀ █ █ █ █▀▀ █▀▀ █ █▄▄█ █▀▀▄ █ █▀▀ ▀▀█ █ █▄▄█ █ █▀▀ ▀▀█ ▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▄▄▄█ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ table.table1 { width: 100%; } .big-column { font-family: "Russo One"; } .ucp-main table.table1 { padding: 2px; } table.table1 thead th { font-weight: normal; text-transform: uppercase; line-height: 1.3em; font-size: 1em; padding: 0 0 4px 3px; } table.table1 thead th span { padding-left: 7px; } table.table1 tbody tr { border: 1px solid transparent; } table.table1 td { font-size: 1.1em; } table.table1 tbody td { padding: 5px; border-top: 1px solid transparent; } table.table1 tbody th { padding: 5px; border-bottom: 1px solid transparent; text-align: left; } table.table1 .name{ text-align: left; } table.table1 .center{ text-align: center; } table.table1 .reportby{ width: 15%; } table.table1 .posts{ text-align: center; width: 7%; } table.table1 .joined{ text-align: left; width: 15%; } table.table1 .active{ text-align: left; width: 15%; } table.table1 .mark{ text-align: center; width: 7%; } table.table1 .info{ text-align: left; width: 30%; } table.table1 .info div{ width: 100%; white-space: normal; overflow: hidden; } table.table1 .autocol{ line-height: 2em; white-space: nowrap; } table.table1 thead .autocol { padding-left: 1em; } table.table1 span.rank-img { float: right; width: auto; } table.info td { padding: 3px; } table.info tbody th { padding: 3px; text-align: right; vertical-align: top; font-weight: normal; } .forumbg table.table1 { margin: 0; } .forumbg-table > .inner { margin: 0 -1px; } .color_palette_placeholder table { border-collapse: separate; border-spacing: 1px; } /* ========================================================================================================== █▀▀█ █▀▀ ▀▀█▀▀ ▀█▀ █▀▀█ █▄ █ █▀▀▄ █▀▀█ █▀▀█ █▀▀ █▄▄█ █ █ █ █ █ █▀█▄█ ▀▀ █▀▀▄ █▄▄█ █▄▄▀ ▀▀█ ▀ ▀ ▀▀▀ ▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ========================================================================================================== */ .action-bar { font-size: 12px; margin: 4px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; background: linear-gradient(to bottom,#fff,#eee); } .forabg + .action-bar { margin-top: 2em; } .action-bar .button { margin-right: 5px; float: left; } .action-bar .button-search { margin-right: 0; } /* ========================================================================================================== █▀▀█ █▀▀█ █▀▀▀ ▀█▀ █▄ █ █▀▀█ ▀▀█▀▀ ▀█▀ █▀▀█ █▄ █ █▄▄█ █▄▄█ █ ▀█ █ █▀█▄█ █▄▄█ █ █ █ █ █▀█▄█ █ ▀ ▀ ▀▀▀▀ ▀▀▀ ▀ ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ========================================================================================================== */ .pagination { float: right; text-align: right; width: auto; } .action-bar.bar-bottom .pagination { margin-top: 0; } .action-bar .pagination .button { margin-right: 0; float: none; } .pagination > ul { display: inline-block; list-style: none !important; margin-left: 5px; } .pagination > ul > li { display: inline-block !important; padding: 0; font-size: 100%; line-height: normal; vertical-align: middle; } .pagination li a, .pagination li span { font-size:1em; font-family: Exo; } .pagination li.active span { display: inline-block; font-weight: normal; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; } .pagination li.ellipsis span { border: none; padding: 0; } .pagination li.page-jump { margin-right: 5px; } .pagination li.page-jump a { padding: 0 8px; } .pagination li.page-jump a i { font-size: 21px; } .pagination .arrow a { padding: 4px 0 0 0; font-size:0.7em; } .row .pagination { display: block; margin-top: 3px; margin-bottom: 3px; } .row .pagination > ul { margin: 0; } .row .pagination li a, .row .pagination li span { padding: 1px 5px; min-width: 1em; display: inline-block; font-size: 15px; line-height: 16px; } .glob_pagination_div { margin-top: -20px; text-align: center; font-size: 18px; } .glob_pagination_link { display: inline-block; width: 35px; padding:7px; text-decoration: none; font-size: 18px; font-family: "Russo One"; border-radius: 8px; background-color: #5b5b62; margin: 5px; color: white; text-shadow: 2px 2px rgba(0,0,0,0.5); vertical-align: middle; background: linear-gradient(to bottom, #6c737a 0%,#53575f 50%,#3b4049 51%,#5a5f68 100%);} span.glob_pagination_link { color: #AAA; opacity:0.5; text-shadow:none; pointer-events: none; } a.glob_pagination_link:hover { transition:0.6s; } .glob_pagination_select { position: relative; padding: 1px; width: 150px; font-size: 16px; text-align: center; font-family: "Exo"; border-radius: 10px; outline-width: 0; vertical-align: middle; -webkit-appearance: button; height: 36px; text-align-last: center; color: white; border:none; } .glob_pagination_select_wrapper { position: relative; height: 36px; vertical-align: middle; display: inline-block; } .glob_pagination_select_wrapper::after { content: "\25BC"; height: 2em; font-size: 0.9em; line-height: 1; right: 0.5em; top: 50%; margin-top: -.5em; position: absolute; pointer-events: none; color: white; text-shadow: 2px 2px rgba(0,0,0,0.5);} /* ========================================================================================================== █▀▀█ █ █ █▀▀█ █▀▀▄ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ █ █ █▀▀█ █▀▀ █▄▄█ █▀▀█ █▄▄█ █▀▀▄ █▀▀▄ █▄▄█ █ █ █▄▄█ █ █ █▄▄█ ▀▀█ █ ▀ ▀ █ ▀▀▀ ▀▀▀ █ ▀▀▀▀ █ ▀▀▀▀ █ ▀▀▀ ========================================================================================================== */ .phpbb_alert { display: none; left: 0; width: 595px; min-width: 595px; padding: 0 0 20px 0; position: fixed; right: 0; top:8vh; z-index: 50; margin: 0 auto; background-color: #FFFFFF; border-radius: 20px; box-shadow: 4px 4px 12px black; } @media only screen and (max-height: 500px), only screen and (max-device-width: 500px) { .phpbb_alert { top: 25px; } } .phpbb_alert > .alert_close { z-index:2; position: absolute; right: 6px; top: 4px; width: 23px; height: 23px; border-radius: 50%; background: radial-gradient(circle at center,white,transparent); } .phpbb_alert > .alert_close > .icon { font-size: 23px; color: black; width: 26px; height: 23px; } .phpbb_alert > .alert_close:hover { background: radial-gradient(circle at center,red,transparent); } .phpbb_alert > .alert_close:hover > .icon { color: white; } .phpbb_alert > .alert_text { margin: auto; padding: 10px; max-height: 75vh; overflow-y: auto; } .phpbb_alert > .alert_text > label { display: block; margin: 8px 0; padding-bottom: 8px; } .darkenwrapper { display: none; position: relative; z-index: 44; } .darken { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 45; background-color: #000; } .loading_indicator { margin-top: -50px; margin-left: -50px; height: 100px; width: 100px; position: fixed; left: 50%; top: 50%; z-index: 51; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("/images/loading.svg"), radial-gradient(black 40%,transparent); border-radius: 100%; box-shadow: 0 0 10px black; } h3.alert_title { margin: 0; padding: 10px 0 10px 0; background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 42%,#b5c6d0 46%,#e0eff9 100%); border-radius: 20px 20px 0 0; text-shadow: 1px 1px white; font-size: 16px; min-height: 20px; overflow: hidden; position: relative; border-bottom: 1px solid white; } h3.alert_title::after { content: ""; position: absolute; left: -20px; right: -20px; bottom: -7px; height: 16px; background: white; border-radius: 50%; box-shadow: inset 0 1px 4px rgba(0,0,0,0.5); } /* ========================================================================================================== █▀▄▀█ ▀█▀ █▀▀ █▀▀ █ █▀▀█ █ █ █▀▀█ █ █ ▀▀█▀▀ █▀▀ ▀▀█▀▀ █ █ █ █▀▀ █▀▀ █ ▀ █ █ ▀▀█ █ █ █▄▄█ █▄▄█ █ █ █ █ █ ▀▀█ █ █▄▄█ █ █▀▀ ▀▀█ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▄▄▄█ ▀▀▀▀ ▀▀▀▀ ▀ ▀▀▀ ▀ ▄▄▄█ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ /* column[1-2] styles are containers for two column layouts */ .column1 { float: left; clear: left; width: 49%; } .column2 { float: right; clear: right; width: 49%; } /* General classes for placing floating blocks */ .left-box { float: left; width: auto; text-align: left; max-width: 100%; } .left-box.profile-details { width: 80%; } .right-box { float: right; width: auto; text-align: right; max-width: 100%; } dl.details { font-size: 1.1em; } dl.details dt { float: left; clear: left; width: 30%; text-align: right; display: block; } dl.details dd { margin-left: 0; padding-left: 5px; margin-bottom: 5px; float: left; width: 65%; overflow: hidden; text-overflow: ellipsis; } .clearfix, fieldset dl, .topiclist dl, dl.polls { overflow: hidden; } fieldset.fields1 ul.recipients { list-style-type: none; line-height: 1.8; max-height: 150px; overflow-y: auto; } fieldset.fields1 dd.recipients { clear: left; margin-left: 1em; } fieldset.fields1 ul.recipients input.button2{ font-size: 0.8em; margin-right: 0; padding: 0; } fieldset.fields1 dl.pmlist > dt { width: auto !important; } fieldset.fields1 dl.pmlist dd.recipients { margin-left: 0 !important; } .pmlist .mark { float: right; } ul.linklist.bulletin > li:before { display: inline-block; content: "\2022"; font-size: inherit; line-height: inherit; padding-right: 4px; } ul.linklist.bulletin > li:first-child:before, ul.linklist.bulletin > li.rightside:last-child:before { content: none; } ul.linklist.bulletin > li.no-bulletin:before { content: none; } .responsive-menu:before { display: none !important; } /* Profile in overall_header.html */ .header-profile { display: inline-block; vertical-align: top; } a.header-avatar, a.header-avatar:hover { text-decoration: none; } a.header-avatar img { margin: -12px 0 -8px 0; max-height: 24px; vertical-align: middle; width: auto; border-color: #333 #AAA #AAA #333; border-radius: 10%; border-width: 1px; border-style: solid; background-color: rgba(255,255,255,0.2); } a.header-avatar span::after { content: '\f0dd'; display: inline-block; font-family: FontAwesome; padding-left: 6px; padding-top: 2px; vertical-align: top; font-size: 14px; line-height: 0.4em; } .copyright { font-size: 11px; text-align:right; padding: 10px; } .footer-row { font-size: 11px; line-height: 1.8; margin: 0; } .small { font-size: 0.9em !important; } .titlespace { margin-bottom: 15px; } .headerspace { margin-top: 20px; } .error { font-weight: bold; font-size: 1em; } div.rules { margin: 10px 0; font-size: 1.1em; padding: 5px 10px; } div.rules ul, div.rules ol { margin-left: 20px; } p.post-notice { position: relative; padding: 5px; min-height: 14px; margin-bottom: 1em; } form > p.post-notice strong { line-height: 20px; } .stat-block { clear: both; } .top-anchor { display: block; position: absolute; top: -20px; } .clear { display: block; clear: both; font-size: 1px; line-height: 1px; background: transparent; } /* Inner box-model clearing */ .inner:after, ul.linklist:after, .action-bar:after, .notification_text:after, .tabs-container:after, .tabs > ul:after, .minitabs > ul:after, .postprofile .avatar-container:after { clear: both; content: ''; display: block; } .emoji { height: 1em; width: 1em; position: relative; } .emoji-wrapper { padding: 6px; } .smilies { vertical-align: middle; margin: -8px 0 -5px 0; } .smilies[width="27"][height="23"] { height: 1.5em; width: auto; margin: -0.12em 0; vertical-align: middle; max-height:110px; } .emoji-clicker { width: 30px; height: 30px; position: relative; max-height: 30px; display: inline-block; } .emoji-clicker:hover { margin-top: -6px; } .emoji-clicker:hover > .emoji-posting { position: relative; left: -6px; width: 36px; height: 36px; z-index: 2; pointer-events: none; margin-top: -2px; } .icon-notification { position: relative; } .member-search { float: left; margin: 0; padding: 6px 10px; } .member-search strong { font-size: 0.95em; } .dropdown-extended { display: none; z-index: 3; } .dropdown-extended ul { max-height: 350px; overflow-y: auto; overflow-x: hidden; clear: both; } .dropdown-extended ul li { padding: 0; margin: 0 !important; float: none; border-top: 1px solid; list-style-type: none; font-size: 0.95em; clear: both; position: relative; } .dropdown-extended ul li:first-child { border-top: none; } .dropdown-extended ul li.no_notifications { padding: 10px; } .dropdown-extended .dropdown-contents { max-height: none; padding: 0; position: absolute; width: 340px; } .nojs .dropdown-extended .dropdown-contents { position: relative; } .dropdown-extended .header { padding: 0 10px; font-family: "Russo One"; font-weight: bold; text-align: left; text-shadow: 1px 1px 1px white; text-transform: uppercase; line-height: 3em; border-bottom: 1px solid; } .dropdown-extended .header .header_settings { float: right; font-weight: normal; text-transform: none; } .dropdown-extended .header .header_settings a { display: inline-block; padding: 0 5px; } .dropdown-extended .header:after { content: ''; display: table; clear: both; } .dropdown-extended .footer { text-align: center; font-size: 1.1em; } .dropdown-extended ul li a, .dropdown-extended ul li.no-url { padding: 8px; } .dropdown-extended .footer > a { padding: 5px 0; } .dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a { display: block; text-decoration: none; } .notification_list ul li img { max-height: 60px; max-width: 60px; width: auto !important; height: auto !important; margin-right: 5px; position: absolute; top: 20px; left: 2px; } .notification_list ul li p { margin-bottom: 4px; font-size: 1em; } .notification_list p.notification-reference, .notification_list p.notification-location, .notification_list li a p.notification-reason { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px; } .notification_list p.notification-time { font-size: 0.9em; margin: 0; text-align: right; } .notification_list div.notifications { margin-left: 50px; padding: 5px; } .notification_list div.notifications a { display: block; } .notification_list p.notifications_title { font-family: "Exo"; font-size: 1.2em !important; } .notification_list p.notifications_title strong { font-weight: bold; } .notification_list p.notifications_time { font-size: 0.9em !important; } .notification_text { margin-left: 58px; } .badge { text-align: center; white-space: nowrap; font-size: 9px; line-height: 1; float: right; display: inline-block; margin-left: 3px; vertical-align: baseline; position: relative; padding: 4px 7px; border-radius:50%; } .badge.hidden { display: none; } .subforum_postcount { float:right; } .signature_expand { display:none; } /* ========================================================================================================== █▄ █ █▀▀█ ▀█ █▀ █▀▀▄ █▀▀█ █▀▀█ █▀▀ █ █▀▀█ ▀▀█▀▀ █▀█▄█ █▄▄█ █▄█ █▀▀▄ █▄▄█ █▄▄▀ █▀▀ █ █▄▄█ █ ▀ ▀▀ ▀ ▀ ▀ ▀▀▀ ▀ ▀ ▀ ▀▀ ▀ ▀▀▀ ▀ ▀ ▀ ========================================================================================================== */ .linklist .quick-links { margin: 0 7px 0 0; } .linklist.compact .rightside > a > span { display: none; } .dropdown-page-jump .dropdown { top: 20px; } .dropdown-page-jump.dropdown-up .dropdown { bottom: 20px; } .dropdown-page-jump input.tiny { width: 50px; } .dropdown .clone.hidden { display: none; } .dropdown .clone.hidden + li.separator { display: none; } .dropdown .clone.hidden + li { border-top: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; } .site-description h1 { color:#333; } .site-description p { font-size:1.5em; color:#6bc;} .navbar-sub { background: #2c2c2c linear-gradient(to bottom, #000 0%,#545454 10%,#2c2c2c 60%,#444 100%); color: white; font-weight: bold; display: inline-block; padding-left: 20px; text-align: right; border-radius: 0 0 0 100px; float: right; margin-bottom: 10px; border-right: 1px solid #777; box-shadow: -1px 1px 2px #777;} .navbar-sub a { color: white; margin: 7px 4px 7px 2px; display: inline-block; text-shadow: 1px 1px black; } .navbar-top { background: #3d444b linear-gradient(to bottom, #4c565e 0%,#3d444b 50%,#30353a 51%,#424b52 100%); font-weight: bold; box-shadow: 0 8px 8px -6px rgba(0,0,0,0.5); font-size: 12px; border-right: 1px solid #888; border-left: 1px solid #888;} .navbar-bottom { background: #3e5160 linear-gradient(to bottom,#c2ced7 0%, #aeb9c3 10%,#a8b3bc 90%, #575d62 100%); font-weight: bold; font-size: 12px; } .navbar-bottom { border-radius: 0 0 7px 7px; } .navbar-top a { color:#fff;} .navbar-bottom a { color: #111; } .navbar-top .dropdown a, .navbar-bottom .dropdown a { color:#333; font-weight:normal; } .navbar-top a:hover { color:#def; } a.notification-block:hover { color: black; } .navbar-bottom a:hover { color:#035; } .header-avatar span { color:#fff !important; } .header-avatar span::after { color:#fff; } .stat-block { padding:7px 10px; } .stat-block h3 { color:#333; margin-top:0; text-transform:none; border-bottom:0; font-size:1.4em; } p.post-notice a:hover { text-decoration:underline; } .copyright span a { text-decoration:underline; } #phpbb_announcement { -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; } #rules .highlight { color:#6bc; background-color:#fec; } #boardrules-categories .mini-panel { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } #boardrules-categories .mini-panel h3 { font-family: "Russo One"; } #boardrules-categories ul.menu { border-top:none; } a.collapse-hide, a.collapse-show { -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; top:-3px; left:-5px; } a.collapse-btn { border-color:#fff !important; background-color:#fff !important; } a.collapse-btn:hover { border-color:#fec !important; background-color:#fec !important } a.collapse-btn::after, a.collapse-btn::before { border-color:#333 !important; } .portal-navigation ul li a:before { font-weight:normal; font-family:FontAwesome; content:'\f061 '; color:#6bc; } .portal-navigation ul li a { background-image:none !important; padding-left:0px !important; } #mchat-panel { border-top:2px solid #fff;} /* ========================================================================================================== █▀▀ █▀▀█ █▄ █ ▀▀█▀▀ █▀▀ █▄ █ ▀▀█▀▀ █▀▀█ █▄ █ █▀▀▄ █ █▀▀█ █ █ █▀▀█ █ █ ▀▀█▀▀ █ █ █ █▀█▄█ █ █▀▀ █▀█▄█ █ █▄▄█ █▀█▄█ █ █ █ █▄▄█ █▄▄█ █ █ █ █ █ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▄▄▄█ ▀▀▀▀ ▀▀▀▀ ▀ ========================================================================================================== */ .topiclist { display: block; list-style-type: none; margin: 0; background: #474747 linear-gradient(to bottom, #4e4e4e 0%,#3c3c3c 50%,#2d2d2d 51%,#424242 100%); } .topiclist li { display: block; list-style-type: none; margin: 0; } .topiclist dl { position: relative; } .topiclist li.row dl { margin: 0px 4px; } .topiclist dt, .topiclist dd { display: block; float: left; } .topiclist dt { width: 100%; margin-right: -440px; font-size: 1.1em; } .topiclist.missing-column dt { margin-right: -345px; } .topiclist.two-long-columns dt { margin-right: -250px; } .topiclist.two-columns dt { margin-right: -80px; } .topiclist dt .list-inner { margin-right: 440px; padding-left: 5px; padding-right: 5px; } .topiclist.missing-column dt .list-inner { margin-right: 345px; } .topiclist.two-long-columns dt .list-inner { margin-right: 250px; } .topiclist.two-columns dt .list-inner { margin-right: 80px; } .topiclist dd { border-left: 1px solid transparent; padding: 4px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .topiclist dfn { display:none; } .forum-image { float: left; padding-top: 5px; margin-right: 5px; } li.row { border-top: 2px solid transparent; border-bottom: 1px solid transparent; } li.row strong { font-weight: normal; } li.header dt, li.header dd { line-height: 1.2em; border-left-width: 0; margin: 6px 0 4px 0; padding-top: 2px; padding-bottom: 2px; font-size: 1.2em; font-family: "Russo One"; } li.header dt { width: 100%; margin-right: -440px; text-transform: uppercase; } li.header dt .list-inner { margin-right: 440px; } li.header dd { padding-left: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } li.header dl.row-item dt, li.header dl.row-item dd { min-height: 0; } li.header dl.row-item dt .list-inner { padding-left: 0; padding-right: 50px; } .row .list-inner { padding: 4px 0; } dl.row-item { background-position: 10px 10%; background-repeat: no-repeat; background-size: 34px; padding-left:5px; } dl.row-item dt { background-repeat: no-repeat; background-position: 5px 95%; background-size: 17px; } dl.row-item dt .list-inner { padding-left: 52px; } dl.row-item dt, dl.row-item dd { min-height: 35px; } dl.row-item dt a { display: inline; } dl a.row-item-link { display: block; width: 40px; height: 40px; padding: 0; position: absolute; top: 0; left: 0; margin-left: 5px; } dd.posts, dd.topics, dd.views, dd.extra, dd.mark { width: 80px; text-align: center; line-height: 2.2em; font-size: 1.2em; } dd.posts, dd.topics, dd.views { width: 95px; margin: 0;} dd.lastpost { margin: 0; } dl.row-item dt ol, dl.row-item dt ul { list-style-position: inside; margin-left: 1em; } dl.row-item dt li { display: list-item; list-style-type: inherit; } dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info { width: 250px; font-size: 1.1em; } dd.redirect { line-height: 2.5em; } dd.time { line-height: 200%; } dd.lastpost > span, .topiclist dd.info > span, .topiclist dd.time > span, dd.redirect > span, dd.moderation > span { display: block; padding-left: 5px; } dd.extra, dd.mark { line-height: 200%; } dd.option { width: 125px; line-height: 200%; text-align: center; font-size: 1.1em; } .postbody { padding: 0; line-height: 1.48em; position: relative; width: calc(100% - 200px); } .postbody .ignore { font-size: 1.1em; } .postbody h3.first { font-size: 1.7em; } .postbody h3 { float: left; font-size: 1.5em; padding: 2px 0 0 0; margin-top: 0 !important; margin-bottom: 0.3em !important; text-transform: none; border: none; font-family: "Russo One"; line-height: 125%; } .postbody h3 img { vertical-align: bottom; } .has-profile .postbody h3 { float: none !important; margin-right: 180px; } .postbody .content { font-size: 1.3em; overflow-x: auto; } .postbody img.postimage { max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search .postbody { width: 68% } .panel .review { margin-top: 2em; } .topicreview { padding-right: 5px; overflow: auto; height: 300px; } .topicreview .postbody { width: auto; float: none; margin: 0; height: auto; } .topicreview .post { height: auto; } .topicreview h2 { border-bottom-width: 0; } .post-ignore .postbody { display: none; } .post_details { overflow: auto; max-height: 300px; } .content { clear: both; min-height: 3em; overflow: hidden; line-height: 1.4em; font-family: Exo; font-size: 1em; padding: 3px; } .content h2, .panel h2 { font-weight: normal; border-bottom: 1px solid transparent; font-size: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em; } .panel h3 { margin: 0.5em 0; } .panel p { font-size: 1.2em; margin-bottom: 1em; line-height: 1.4em; } .content p { font-family: Exo; font-size: 1.2em; margin-bottom: 1em; line-height: 1.4em; } dl.faq { font-family: Exo; font-size: 1.1em; margin-top: 1em; margin-bottom: 2em; line-height: 1.4em; } dl.faq dt { font-weight: bold; } .content dl.faq { font-size: 1.2em; margin-bottom: 0.5em; } .content li { list-style-type: inherit; } .content ul, .content ol { margin: 0.8em 0 0.9em 3em; } .posthilit { padding: 0 2px 1px 2px; } p.author { margin-bottom: 0.6em; padding: 0 0 5px 0; font-family: Exo; font-size: 1em; line-height: 1.2em; clear: both; } .signature { margin-top: 1.5em; padding-top: 0.2em; font-size: 1.1em; border-top: 1px solid transparent; clear: left; line-height: 140%; overflow: hidden; width: 100%; } .signature.standalone { border-top-width: 0; margin-top: 0; } dd .signature { margin: 0; padding: 0; clear: none; border: none; } .signature li { list-style-type: inherit; } .signature ul, .signature ol { margin: 0.8em 0 0.9em 3em; } .notice { font-family: "Russo One"; width: auto; margin-top: 1.5em; padding-top: 0.2em; font-size: 1em; border-top: 1px dashed transparent; clear: left; line-height: 130%; } ul.searchresults {list-style: none;text-align: right;clear: both;} blockquote {border: 1px solid transparent;font-size: 0.95em;margin: 1em 1px 1em 25px;overflow: hidden;padding: 5px;} blockquote blockquote {font-size: 1em;margin: 1em 1px 1em 15px;} blockquote cite {font-style: normal;font-weight: bold;display: block;font-size: 0.9em;} blockquote cite cite {font-size: 1em;} blockquote cite:before, .uncited:before {padding-right: 5px;} blockquote cite > div {float: right;font-weight: normal;} .postbody .content blockquote { min-width: 100px;} .postbody .content li blockquote {overflow: inherit;margin-left: 0;} .spoilertext { filter: blur(1px); cursor:pointer; background: repeating-linear-gradient(to bottom right,transparent,transparent 3px,#888 4px,transparent 5px, transparent 6px), repeating-linear-gradient(to top right,transparent,transparent 3px,#888 4px,transparent 5px, transparent 6px); color: transparent; position: relative; text-shadow: 0 0 3px black; transition: 250ms; } .spoilertext::after { content: "spoilerspoilerspoilerspoilerspoiler"; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: repeating-linear-gradient(to bottom right,transparent,transparent 2px,#888 3px,transparent 4px, transparent 5px), repeating-linear-gradient(to top right,transparent,transparent 2px,#888 3px,transparent 4px, transparent 5px); text-align: center; color: #888; } .spoilertext img { filter: blur(10px) sepia(1) invert(0.2); transition: 250ms filter; } .spoilertext.active { filter:none; background:none; color:inherit; text-shadow: inherit; cursor:inherit; } .spoilertext.active::after { opacity:0; } .spoilertext.active img { filter:inherit; } .spoiler .spoiler-body { border-color: #ddd; } .spoiler-show > .spoiler-header .spoiler-status { background-color: #5cb85c; } .bbcode-spoiler { color: transparent; } .bbcode-spoiler::before { color: #8f8f8f; } .spoiler { border-width: 1px; border-style: solid; border-radius: 3px; margin: 1em 0; } .spoiler .spoiler-header, .spoiler .spoiler-body { padding: 3px 5px; } .spoiler .spoiler-header .spoiler-status { border-radius: 3px; margin-left: 3px; font-size: 0.8em; font-weight: bold; text-align: center; } .spoiler .spoiler-header .spoiler-status > .icon { padding: 0 5px; } .spoiler .spoiler-body { border-width: 1px 0 0; border-style: solid; } .spoiler { overflow: hidden; } .spoiler .spoiler-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; } .spoiler .spoiler-header .spoiler-title, .spoiler .spoiler-header .spoiler-status { white-space: nowrap; } .spoiler .spoiler-header .spoiler-title { overflow: hidden; text-overflow: ellipsis; /* .col-xs */ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .spoiler .spoiler-header .spoiler-status { /* .col-xs */ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 100%; } .spoiler .spoiler-header .spoiler-status > .icon { display: inline-block; vertical-align: middle; } .spoiler .spoiler-header .spoiler-status > span { display: none; } .spoiler .spoiler-trigger { cursor: pointer; } .spoiler > .spoiler-body { display: none; } .spoiler-show > .spoiler-body { display: block; } .bbcode-spoiler { font-size: 0; letter-spacing: -1px; } .faq .spoiler { max-width: 650px; } .spoiler-open, .spoiler-close { width: 58px; text-align: right; border-radius: 6px; font-size: 14px; color: white; padding: 0 4px; font-weight: bold; } .spoiler-open { background: #d9534f; } .spoiler-close { background: #5cb85c; } .spoiler-trigger > .spoiler-open { display:block; } .spoiler-trigger > .spoiler-close , .spoiler-trigger > .spoiler-body { display:none; } .spoiler-trigger.active > .spoiler-open { display:none; } .spoiler-trigger.active > .spoiler-close , .spoiler-trigger.active > .spoiler-body { display:block; } .spoiler-trigger.active ~ .spoiler-body { display: block; } .codebox {border: 1px solid transparent;font-size: 1em;margin: 1em 0 1.2em 0;word-wrap: normal;background-color: #FFFFFF; border-color: #C9D2D8;} .codebox > p {text-transform: uppercase; border-bottom: 1px solid #CCC; margin: 0; padding: 3px; font-size: 0.8em !important; font-weight: bold; display: block; } .codebox > pre { margin: 6px; } blockquote .codebox {margin-left: 0;} .codebox code { overflow: auto; display: block; height: auto; max-height: 200px; line-height: 20px; font-size: 15px; font-family: "Cousine","Courier New", Courier, monospace; color: #444; } .attachbox {font-size: 13px;float: left;width: auto;max-width: 100%;margin: 5px 5px 5px 0;padding: 6px;border: 1px solid transparent;clear: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .attachbox dt {font-family: "Russo One";text-transform: uppercase;} .attachbox dd {margin-top: 4px;padding-top: 4px;clear: left;border-top: 1px solid transparent;overflow-x: auto;} .attachbox dd dd {border: none;} .attachbox p {line-height: 110%;font-weight: normal;clear: left;} .attachbox p.stats{line-height: 110%;font-weight: normal;clear: left;} .attach-image {margin: 3px 0;max-width: 100%;} .attach-image img {border: 1px solid transparent;cursor: default;} div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {display: block;margin-bottom: 4px;} div.inline-attachment p {font-size: 100%;} dl.file {font-family: "Russo One";display: block;} dl.file dt {text-transform: none;margin: 0;padding: 0;font-weight: bold;font-family: "Russo One";} dl.file dd {margin: 0;padding: 0;} dl.thumbnail img {padding: 3px;border: 1px solid transparent;box-sizing: border-box;} dl.thumbnail dd {font-style: italic;font-family: "Russo One";} .attachbox dl.thumbnail dd {font-size: 100%;} dl.thumbnail dt a:hover img {border: 1px solid transparent;} fieldset.polls {font-family: Exo;} fieldset.polls dl {margin-top: 5px;border-top: 1px solid transparent;padding: 5px 0 0 0;line-height: 120%;} fieldset.polls dl.voted {font-weight: bold;} fieldset.polls dt {text-align: left;float: left;display: block;width: 30%;border-right: none;padding: 0;margin: 0;font-size: 1.1em;} fieldset.polls dd {float: left;width: 10%;border-left: none;padding: 0 5px;margin-left: 0;font-size: 1.1em;} fieldset.polls dd.resultbar {width: 50%;} fieldset.polls dd input {margin: 2px 0;} fieldset.polls dd div {text-align: right;font-family: Exo;font-weight: bold;padding: 2px 2px 0 2px;overflow: visible;min-width: 8px;} .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {border-bottom: 1px solid transparent;border-right: 1px solid transparent;} .vote-submitted {font-size: 1.2em;font-weight: bold;text-align: center;} .post > .inner { display:flex; } .postprofile {margin: 0 10px 0 0;padding:0 5px 0 0;min-height: 80px;border: 1px solid transparent;border-right-color: #ccc;min-width: 185px;width: 185px;flex:0;display: inline;} .postprofile dd, .postprofile dt {line-height: 1.2em;margin-left: 8px;} .postprofile dd {overflow: hidden;text-overflow: ellipsis;} .postprofile strong {font-weight: normal;} .postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {margin-bottom: 10px;} .postprofile .has-avatar .avatar-container {margin-bottom: 3px;overflow: hidden;} .postprofile .avatar {display: block;float: left;max-width: 100%;} .avatar > img { height: auto !important; width:auto !important; max-width: 120px; max-height:120px; } .postprofile .profile-posts a {font-weight: normal;} dd.profile-warnings {font-weight: bold;} dd.profile-contact {overflow: visible;} .profile-contact .dropdown-container {display: inline-block;} .profile-contact .icon_contact {vertical-align: middle;} .profile-contact .dropdown {margin-right: -14px;} .online, .offline {background-image: none;background-position: 100% 0;background-repeat: no-repeat;} .search .postprofile {width: 30%;} .profile-avatar img {max-width: 100%;} dl.pmlist dt {width: 60% !important;} dl.pmlist dt textarea {width: 95%;} dl.pmlist dd {margin-left: 61% !important;margin-bottom: 2px;} .action-bar div.dl_links {padding: 10px 0 0 10px;} div.dl_links {display: inline-block;text-transform: none;} .dl_links strong {font-weight: bold;} .dl_links ul {list-style-type: none;margin: 0;display: inline-block;} .dl_links li {display: inline-block;} .attachment-filename {width: 100%;} .ellipsis-text {display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} table.fixed-width-table {table-layout: fixed;} .postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {width: 8px;height: 8px;-webkit-appearance: none;background: rgba(0, 0, 0, .1);border-radius: 3px;} .postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .3);border-radius: 3px;} #memberlist tr.inactive, #team tr.inactive {font-style: italic;} .subforum_list { display: block; } .subforum_list_item { border-radius: 10px; margin: 0 5px 5px 0; display: inline-block; } .subforum::before { content: ""; height: 0; width: 0; display: inline-block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 24px solid #999; position: absolute; left: -14px; top: 5px; } .subforum { display: block !important; padding: 6px 5px 4px 12px; text-align: center; text-shadow: 1px 1px #ddd; position: relative; overflow: hidden; } .subforum:hover { text-decoration:none; color:#39a; } /* ========================================================================================================== █ ▀█▀ █▄ █ █ █ █▀▀ █ █ █▀█▄█ █▀▄ ▀▀█ ▀▀▀ ▀▀▀ ▀ ▀▀ ▀ ▀ ▀▀▀ ========================================================================================================== */ a { display: inline-block; direction: ltr; unicode-bidi: embed; text-decoration: none; } .content a , .article_text a { display: inline; } .username-coloured { font-weight: bold; } .username { font-weight:bold; } .navbar-top .username-coloured { vertical-align: top; } .forumbg .header a, .forabg .header a, th a { text-decoration: none; } .forumbg .header a:hover, .forabg .header a:hover, th a:hover { text-decoration: underline; } .dropdown-extended a.mark_read { background-position: center center; background-repeat: no-repeat; border-radius: 3px 0 0 3px; display: none; margin-top: -20px; position: absolute; z-index: 2; right: 0; top: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown-extended li:hover a.mark_read { display: block; } .dropdown-extended a.mark_read:hover { width: 50px; } .jumpbox-cat-link, .jumpbox-forum-link { font-weight: bold; } .forumtitle { font-family: Exo; font-size: 1.25em; font-weight: bold; text-decoration: none; display: inline-block !important; margin-bottom: 2px; } .forumtitle:hover { text-decoration: underline; } .topictitle { font-family: Exo; font-size: 1.2em; font-weight: bold; text-decoration: none; display: inline; } .topictitle:hover { text-decoration: underline; } .lastsubject { font-weight: bold; text-decoration: none; display: inline; } .lastsubject:hover { text-decoration: underline; } .row-item a:hover { text-decoration: none } .row-item .topictitle:hover, .row-item .subforum:hover, .row-item .username:hover, .row-item .username-coloured:hover { text-decoration: underline; } .postlink:hover { text-decoration: underline; } .signature a, .signature a:hover { border: none; text-decoration: underline; } .postprofile a, .postprofile dt.author a { font-weight: bold; text-decoration: none; } .postprofile a:hover, .postprofile dt.author a:hover { text-decoration: underline; } .search .postprofile a { text-decoration: none; font-weight: normal; } .search .postprofile a:hover { text-decoration: underline; } .top { font-size: 12px; text-decoration: none; margin-top: 10px; } .back2top { clear: both; } .back2top .top { float: right; margin-right: -10px; margin-top: 0; } .arrow-up { padding-left: 10px; text-decoration: none; border-bottom-width: 0; } .arrow-down { padding-right: 10px; } .arrow-left:hover { text-decoration: none; } .arrow-right:hover { text-decoration: none; } .skiplink { position: absolute; left: -999px; width: 990px; } a.feed-icon-forum { float: right; margin: 3px; } a.anchor { display: block; } /* ========================================================================================================== █▀▀█ █ █ █▀▀█ █▀▀▄ █▀▀▄ █▀▀▄ █ █ ▀▀█▀▀ ▀▀█▀▀ █▀▀█ █▄ █ █▀▀ █▄▄█ █▀▀█ █▄▄█ █▀▀▄ █▀▀▄ █▀▀▄ █ █ █ █ █ █ █▀█▄█ ▀▀█ █ ▀ ▀ █ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ========================================================================================================== */ .button {display: inline-block;padding: 2px 8px;font-size: 13px;font-weight: normal;font-family: "Russo One";line-height: 1.4;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation; touch-action: manipulation;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;border: 1px solid transparent;} .button:focus,.button:hover { text-decoration: none; outline: none;} .button-search,.button-search-end {float: left;border-radius: 0;margin: 0;padding: 2px 5px;} .button-search-end {border-left-width: 0;} .search-header .button-search,.search-header .button-search-end {border-top-width: 0;border-bottom-width: 0;padding: 3px 5px;} .search-header .button-search-end {border-right-width: 0;} .button-icon-only {padding-left: 3px;padding-right: 3px;} .contact-icons.dropdown-contents {min-width: 0;padding: 0;font-size: 0;} .contact-icon {background-repeat: no-repeat;display: block;height: 16px;width: 16px;} .contact-icons a {border-bottom: 1px dotted;border-right: 1px dotted;display: block;float: left;padding: 8px;} .contact-icons .last-cell {border-right: none;} .contact-icons div:last-child a {border-bottom: none;} .contact-icons div {clear: left;} .post-buttons {float: right;list-style: none;margin-top: 2px;} .has-profile .post-buttons {float: none;position: absolute;margin: 0;right: 0;top: 5px;} .post-buttons > li {float: left;margin-right: 3px;} .post-buttons .button, .format-buttons .button { padding: 7px 5px; } @media screen and (max-width: 920px) { .post-buttons .button, .format-buttons .button { padding:6px; } } .hastouch .post-buttons {margin-right: 10px;} .post-buttons .button span {font-size: 0;} .post-buttons .dropdown {top: 18px;} .post-buttons .dropdown a { display: block; font-size: 1.2em; text-align: left; color: inherit; text-decoration: none; border-top: 1px dotted #789; margin-top: -1px; } .dropdown-contents > li > a:hover { color: white; background-color: #688; } .hasjs .postbody .post-buttons {max-width: 40%;} button::-moz-focus-inner {padding: 0;border: 0} .small-icon {background-position: 0 50%;background-repeat: no-repeat;background-image: none;} .dropdown .small-icon {background-position: 5px 50%;padding: 5px;} .small-icon > a {padding: 0 0 0 18px;} ul.linklist.bulletin > li.small-icon:before {display: none;} .dropdown .small-icon > a {display: block;} .rtl .small-icon {background-position: 100% 50%;} .rtl .small-icon > a {padding-left: 0;padding-right: 19px;} .btn { margin: 10px; padding: 3px 5px 3px 5px; border-radius: 8px; color:white; font-weight: bold; font-size: 1em; cursor:pointer; border-style: solid; border-color: rgba(255,255,255,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(255,255,255,0.5); background: #474747 linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); text-shadow: 1px 1px 1px black; box-shadow: inset 2px 2px 3px rgba(255,255,255,0.25), inset -2px -2px 3px rgba(0,0,0,0.25); } .btn:hover { border-color: rgba(0,0,0,0.5) rgba(255,255,255,0.5) rgba(255,255,255,0.5) rgba(0,0,0,0.5); background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); box-shadow: inset 2px 2px 3px rgba(0,0,0,0.25), inset -2px -2px 3px rgba(255,255,255,0.25);} .btn-small { margin:2px; padding: 3px 5px 3px 5px; border-radius: 8px; color: white; font-size: 14px; cursor: pointer; border-style: outset; background: #474747 linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); } .btn-small:hover{ border-style: inset; background: linear-gradient(to bottom, #131313 0%,#1c1c1c 9%,#2b2b2b 24%,#111111 40%,#000000 49%,#2c2c2c 50%,#474747 61%,#666666 75%,#595959 88%,#4c4c4c 100%); } .btn-flat-purple { background-color: #404050; font-size: 14px; font-weight: bold; color: #C0C0D0; text-decoration: none; display: inline-block; padding: 3px 8px 3px 8px; text-align: center; border-radius: 20px; width: 200px; } .btn-flat-purple:hover { color: #DDF; background-color: #505060; transition: color 200ms linear, background-color 200ms linear; } .btn-row { text-align: center; } .btn-icon { line-height: 1.1em; font-size: 1.3em; background: #eee; margin: 2px 0; vertical-align: middle; border-radius: 10px; border: none; box-shadow: inset -1px -1px 2px #333, inset 1px 1px 2px #eee; height: 1.3em; width: 1.4em; text-align: center; } .btn-icon > i { position: relative; top: 0.1em; } .btn-icon:hover { background: #fff; color: #000; box-shadow: inset -1px -1px 2px #eee, inset 1px 1px 2px #333; } /* ========================================================================================================== █▀▀ █▀▀█ █▀▀█ █▀▄▀█ █▀▀ ▄▀▀▄ ▀█▀ █▄ █ █▀▀█ █ █ ▀▀█▀▀ █▀▀ █▀▀ █ █ █▄▄▀ █ ▀ █ ▀▀█ ▀▄ ▄ █ █▀█▄█ █▄▄█ █ █ █ ▀▀█ ▀ ▀▀▀▀ ▀ ▀▀ ▀ ▀ ▀▀▀ █▄▀▄ ▀▀▀ ▀ ▀▀ █ ▀▀▀▀ ▀ ▀▀▀ ========================================================================================================== */ fieldset { border-width: 0; font-family: Exo, Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em;} input { font-weight: normal; vertical-align: middle; padding: 0 3px; font-size: 1em; font-family: Exo, Verdana, Helvetica, Arial, sans-serif;} select { font-family: Exo, Verdana, Helvetica, Arial, sans-serif; font-weight: normal; cursor: pointer; border: 1px solid transparent; padding: 1px; font-size: 1em;} select:focus { outline-style: none;} option { padding-right: 1em;} select optgroup option { padding-right: 1em; font-family: Exo, Verdana, Helvetica, Arial, sans-serif;} textarea { font-family: Exo, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; width: 60%; padding: 2px; font-size: 1em; line-height: 1.4em;} label { cursor: default; } label input { vertical-align: middle;} label img { vertical-align: middle;} fieldset dl { padding: 4px 0;} fieldset dt { float: left; width: 40%; text-align: left; display: block;} fieldset dd { margin-left: 41%; vertical-align: top; margin-bottom: 3px;} fieldset.fields1 dt { width: 15em; border-right-width: 0;} fieldset.fields1 dd { margin-left: 15em; border-left-width: 0;} fieldset.fields1 .live-search div { margin-bottom: 0;} fieldset.fields2 dt { width: 15em; border-right-width: 0;} fieldset.fields2 dd { margin-left: 16em; border-left-width: 0;} dt label { font-weight: bold; text-align: left;} dd label { white-space: nowrap;} dd input, dd textarea { margin-right: 3px;} dd select { width: auto;} dd select[multiple] { width: 100%;} dd textarea { width: 85%;} .timezone { width: 95%;} button::-moz-focus-inner { padding: 0; border: 0} fieldset.quick-login { margin-top: 5px;} fieldset.quick-login input { width: auto;} fieldset.quick-login input.inputbox { width: 15%; vertical-align: middle; margin-right: 5px;} fieldset.quick-login label { white-space: nowrap; padding-right: 2px;} fieldset.display-options { text-align: center; margin: 3px 0 5px 0;} fieldset.display-options label { white-space: nowrap; padding-right: 2px;} fieldset.display-options a { margin-top: 3px;} .dropdown fieldset.display-options { font-size: 1em; margin: 0; padding: 0;} .dropdown fieldset.display-options label { display: block; margin: 4px; padding: 0; text-align: right; white-space: nowrap;} .dropdown fieldset.display-options select { min-width: 120px;} fieldset.display-actions { text-align: right; line-height: 2em; white-space: nowrap; padding-right: 1em;} fieldset.display-actions label { white-space: nowrap; padding-right: 2px;} fieldset.sort-options { line-height: 2em;} fieldset.forum-selection { margin: 5px 0 3px 0; float: right;} fieldset.forum-selection2 { margin: 13px 0 3px 0; float: right;} fieldset.submit-buttons { text-align: center; vertical-align: middle; margin: 5px 0;} fieldset.submit-buttons input { vertical-align: middle;} .format-buttons { margin: 15px 0 2px 0;} .format-buttons input, .format-buttons select { vertical-align: middle;} .message-box { width: 80%;} .message-box textarea { font-family: Exo, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; width: 450px; height: 270px; min-width: 100%; max-width: 100%; font-size: 1.2em; resize: vertical; outline: 3px dashed transparent; outline-offset: -4px; -webkit-transition: all .5s ease, height 1ms linear; -moz-transition: all .5s ease, height 1ms linear; -ms-transition: all .5s ease, height 1ms linear; -o-transition: all .5s ease, height 1ms linear; transition: all .5s ease, height 1ms linear;} .smiley-box { width: 18%; float: right;} .smiley-box img { margin: 3px;} .inputbox { border: 1px solid transparent; padding: 2px;} .inputbox:hover, .inputbox:focus { border: 1px solid transparent; outline-style: none;} input.inputbox { width: 85%; } input.medium { width: 50%; } input.narrow { width: 25%; } input.tiny { width: 150px; } textarea.inputbox { width: 85%;} .autowidth { width: auto !important;} input[type="number"] { -moz-padding-end: 0;} input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none;} input[type="search"]::-webkit-search-cancel-button { cursor: pointer;} input.button1, input.button2 { font-size: 1em;} a.button1, input.button1, input.button3, a.button2, input.button2 { min-width: 100px; padding-top: 1px; padding-bottom: 1px; font-family: Exo, "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; background: transparent none repeat-x top left; line-height: 1.5;} a.button1, input.button1 { font-weight: bold; border: 1px solid transparent;} input.button3 { padding: 0; margin: 0; line-height: 5px; height: 12px; background-image: none; font-variant: small-caps;} input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] { cursor: pointer;} a.button2, input.button2, input.button3 { border: 1px solid transparent;} a.button1, a.button2 { text-decoration: none; padding: 0 3px; vertical-align: text-bottom;} a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border: 1px solid transparent;} input.disabled { font-weight: normal;} input.button1:focus, input.button2:focus, input.button3:focus { outline-style: none;} .search-box { float: left;} .search-box .inputbox { background-image: none; border-right-width: 0; float: left; height: 24px; padding: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .search-header { display: block; float: right; margin-right: 5px; margin-top: 30px;} .search-header .inputbox { border: 0; } .navbar .linklist > li.responsive-search { display: none; } input.search { background-image: none; background-repeat: no-repeat; background-position: left 1px; padding-left: 17px; line-height:normal;} .full { width: 95%; } .medium { width: 50%;} .narrow { width: 25%;} .tiny { width: 10%;} /* ========================================================================================================== █▀▀█ █ █ █▀▀█ █▀▀▄ █▀▀▄ ▀█▀ █▀▀ █▀▀█ █▄ █ █▀▀ █▄▄█ █▀▀█ █▄▄█ █▀▀▄ █▀▀▄ █ █ █ █ █▀█▄█ ▀▀█ █ ▀ ▀ █ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ========================================================================================================== */ .icon, .button .icon, blockquote cite:before, .uncited:before {display: inline-block; font-weight: normal; font-style: normal; font-variant: normal; font-family: FontAwesome; font-size: 14px; line-height: 1; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon.icon-xl {font-size: 20px;} .icon.icon-lg {font-size: 16px;} .icon.icon-md {font-size: 10px;} .icon.icon-sm {font-size: 8px;} .icon-tiny {width: 12px;transform: scale(0.65, 0.75);vertical-align: text-bottom;font-size: 16px;} .arrow-left .icon {float: left;} .arrow-left:hover .icon {margin-left: -5px;margin-right: 5px;} .arrow-right .icon {float: right;} .arrow-right:hover .icon {margin-left: 5px;margin-right: -5px;} .post-buttons .dropdown-contents .icon { margin-right: 6px; position: relative; bottom: -2px; font-size: 1.2em; } blockquote cite:before, .uncited:before {content: '\f10d'; } .rtl blockquote cite:before, .rtl .uncited:before {content: '\f10e'; } .button > .icon { position: relative; bottom: -2px; font-size: 16px; height: 14px; margin: 0; } p.post-notice a, p.post-notice .icon, p.post-notice .icon:hover { color:#fff !important; } .dropdown-contents > li > a:hover > .icon { border-color: white; } .forum_search { border: 1px solid #C7C3BF; border-radius: 4px; display: flex; width: 150px; overflow: hidden; height: 21px; } .forum_search_input { border: none; background: white; flex: 1; } .forum_search_button { border: none; background: #234; border-left: 1px solid #aaa; color: #ddd; } /* ========================================================================================================== █▀▀ █▀▀█ █ █▀▀█ █▀▀█ █▀▀ █ █ █ █ █ █ █▄▄▀ ▀▀█ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ These need to work back into any previous style selectors ========================================================================================================== */ html, body { color: #333; background-color: #fff; } h1 { color: #FFFFFF; } h2 { color: #333; } h3 { color: #333; } hr { border-color: #FFFFFF; border-top-color: #CCCCCC; } a { color: #333; } a:hover { color: #6bc; } .forumbg .header a, .forabg .header a, th a { color: #FFFFFF; } .forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #6bc; } .dropdown-extended a.mark_read { background-color: #FFFFFF; } .postlink { color: #499; display:inline; } .postlink:visited { border-bottom-color: #333; color: #499; } .postlink:hover { background-color: #fec; color: #333; } .signature a, .signature a:hover { background-color: transparent; } .arrow-left:hover, .arrow-right:hover {color: #6bc;} .wrap {background-color: #FFF;border-color: #E6E9ED;} .headerbar {color: #FFFFFF;} .headerbar {background-color: #eee;} .forabg, .forumbg {background-color: #333;} .navbar {background-color: #eee;} .panel {background-color: #eee;color: #333;} .post:target .content {color: #333;} .post:target h3 a {color: #333;} .bg1 {background-color: #eee;} table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {background-color: #eee;} .bg2 {background-color: #f4f4f4;} table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {background-color: #f4f4f4;} .bg3 {background-color: #f1f1f1;} .ucprowbg {background-color: #DCDEE2;} .fieldsbg {background-color: #E7E8EA;} .site_logo {background-image: url("/images/site_logo.png");} table.table1 thead th {color: #FFFFFF;background-color: #333;} table.table1 tbody td {border-top-color: #FAFAFA;} table.table1 tbody th {border-bottom-color: #000000;color: #333333;background-color: #FFFFFF;} table.info tbody th {color: #000000;} dl.details dt {color: #000000;} dl.details dd {color: #666;} .sep {color: #1198D9;} .icon.icon-blue, a:hover .icon.icon-blue {color: #6bc;} .icon.icon-green, a:hover .icon.icon-green{color: #6bc;} .icon.icon-red, a:hover .icon.icon-red{color: #6bc;} .icon.icon-orange, a:hover .icon.icon-orange{color: #6bc;} .icon.icon-bluegray, a:hover .icon.icon-bluegray{color: #333;} .icon.icon-gray, a:hover .icon.icon-gray{color: #777777;} .icon.icon-lightgray, a:hover .icon.icon-lightgray{color: #999999;} .icon.icon-black, a:hover .icon.icon-black{color: #333333;} .jumpbox .dropdown li {border-top-color: #CCCCCC;} .jumpbox-cat-link {background-color: #333;border-top-color: #333;color: #FFFFFF;} .jumpbox-cat-link:hover {background-color: #6bc;border-top-color: #6bc;color: #fff;} .jumpbox-forum-link {background-color: #fff;} .jumpbox-forum-link:hover {background-color: #fff;} .jumpbox .dropdown .pointer-inner {border-color: #fff transparent;} .jumpbox-sub-link {background-color: #fff;} .jumpbox-sub-link:hover {background-color: #fff;} .copyright {color: #555555;} .error {color: #6bc;} .reported {background-color: #fec;} .sticky, .announce {} div.rules {background-color: #fec;color: #333;} p.post-notice {background-color: #6bc;background-image: none;color:#fff;} ul.forums {background-color: #eee;} .topiclist li {color: #333;} .rtl .topiclist dd {border-right-color: #FFFFFF;border-left-color: transparent;} li.row {border-top-color: #FFFFFF;} li.row strong {color: #000000;} li.header dt, li.header dd {color: #FFFFFF;} .postbody {color: #333333;} .content {color: #333333;} .content h2, .panel h2 {color: #333;border-bottom-color: #CCCCCC;} dl.faq dt {color: #333333;} .posthilit {background-color: #6bc;color: #fff;} .announce, .unreadpost {} .signature {border-top-color: #CCCCCC;} .notice {border-top-color: #CCCCCC;} blockquote {background-color: #EBEADD;border-color:#DBDBCE;} blockquote blockquote {background-color:#EFEED9;} blockquote blockquote blockquote {background-color: #EBEADD;} .attachbox {background-color: #FFFFFF;border-color: #C9D2D8;} .pm-message .attachbox {background-color: #F2F3F3;} .attachbox dd {border-top-color: #C9D2D8;} .attachbox p {color: #666666;} .attachbox p.stats {color: #666666;} .attach-image img {border-color: #999999;} dl.file dd {color: #666666;} dl.thumbnail img {border-color: #666666;background-color: #FFFFFF;} dl.thumbnail dd {color: #666666;} dl.thumbnail dt a:hover {background-color: #EEEEEE;} dl.thumbnail dt a:hover img {border-color: #368AD2;} fieldset.polls dl {border-top-color: #DCDEE2;} fieldset.polls dl.voted {color: #000000;} fieldset.polls dd div {color: #FFFFFF;} .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {border-right-color: transparent;} .pollbar1 {background-color: #ab4f00;border-bottom-color: #ab4f00;border-right-color: #ab4f00;} .rtl .pollbar1 {border-left-color: #ab4f00;} .pollbar2 {background-color: #b85500;border-bottom-color: #b85500;border-right-color: #b85500;} .rtl .pollbar2 {border-left-color: #b85500;} .pollbar3 {background-color: #c45b00;border-bottom-color: #c45b00;border-right-color: #c45b00;} .rtl .pollbar3 {border-left-color: #c45b00;} .pollbar4 {background-color: #d16100;border-bottom-color: #d16100;border-right-color: #d16100;} .rtl .pollbar4 {border-left-color: #d16100;} .pollbar5 {background-color: #6bc;border-bottom-color: #6bc;border-right-color: #6bc;} .rtl .pollbar5 {border-left-color: #6bc;} .postprofile {color: #666666;} .pm .postprofile {border-color: #DDDDDD;} .postprofile strong {color: #000000;} dd.profile-warnings {color: #BC2A4D;} .button {border-color: #aaa; background-color: #eee; color: #555; border-radius: 6px;} .button:hover, .button:focus { color: #fff; background-color: #234; } .button:active {color:#fff;background-color:#234;} .button .icon,.button-secondary {color: #555;} .button-secondary:focus,.button-secondary:hover,.button:focus .icon,.button:hover .icon {color: #6bc;} .contact-icons a { border-color: #DCDCDC; } .contact-icons a:hover { background-color: #fec; } .pagination li a {background: #ECEDEE;filter: none;border-color: #aaa;color: #333;} .pagination li.ellipsis span {background: transparent;color: #333;} .pagination li.active span {background: #234;border-color: #aaa;color: #FFFFFF;} .pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {background: #234;filter: none;color: #FFF;} .search-box .inputbox,.search-box .inputbox:hover,.search-box .inputbox:focus {border-color: #C7C3BF;} .contact-icon { background-image: url("/images/icons_contact.png"); } .pm-icon { background-position: 0 0; } .email-icon { background-position: -21px 0; } .jabber-icon { background-position: -80px 0; } .phpbb_icq-icon { background-position: -61px 0 ; } .phpbb_wlm-icon { background-position: -182px 0; } .phpbb_aol-icon { background-position: -244px 0; } .phpbb_website-icon { background-position: -40px 0; } .phpbb_youtube-icon { background-position: -98px 0; } .phpbb_facebook-icon { background-position: -119px 0; } .phpbb_googleplus-icon { background-position: -140px 0; } .phpbb_skype-icon { background-position: -161px 0; } .phpbb_twitter-icon { background-position: -203px 0; } .phpbb_yahoo-icon { background-position: -224px 0; } .global_read { background-image: url("/images/forum_icons/announce_read.svg"); } .global_read_mine { background-image: url("/images/forum_icons/announce_read_mine.svg"); } .global_read_locked { background-image: url("/images/forum_icons/announce_read_locked.svg"); } .global_read_locked_mine { background-image: url("/images/forum_icons/announce_read_locked_mine.svg"); } .global_unread { background-image: url("/images/forum_icons/announce_unread.svg"); } .global_unread_mine { background-image: url("/images/forum_icons/announce_unread_mine.svg"); } .global_unread_locked { background-image: url("/images/forum_icons/announce_unread_locked.svg"); } .global_unread_locked_mine { background-image: url("/images/forum_icons/announce_unread_locked_mine.svg"); } .announce_read { background-image: url("/images/forum_icons/announce_read.svg"); } .announce_read_mine { background-image: url("/images/forum_icons/announce_read_mine.svg"); } .announce_read_locked { background-image: url("/images/forum_icons/announce_read_locked.svg"); } .announce_read_locked_mine { background-image: url("/images/forum_icons/announce_read_locked_mine.svg"); } .announce_unread { background-image: url("/images/forum_icons/announce_unread.svg"); } .announce_unread_mine { background-image: url("/images/forum_icons/announce_unread_mine.svg"); } .announce_unread_locked { background-image: url("/images/forum_icons/announce_unread_locked.svg"); } .announce_unread_locked_mine { background-image: url("/images/forum_icons/announce_unread_locked_mine.svg"); } .forum_link { background-image: url("/images/forum_icons/forum_link.svg"); } .forum_read { background-image: url("/images/forum_icons/forum_read.svg"); } .forum_read_locked { background-image: url("/images/forum_icons/forum_read_locked.svg"); } .forum_read_subforum { background-image: url("/images/forum_icons/forum_read_subforum.svg"); } .forum_unread { background-image: url("/images/forum_icons/forum_unread.svg"); } .forum_unread_locked { background-image: url("/images/forum_icons/forum_unread_locked.svg"); } .forum_unread_subforum { background-image: url("/images/forum_icons/forum_unread_subforum.svg"); } .sticky_read { background-image: url("/images/forum_icons/sticky_read.svg"); } .sticky_read_mine { background-image: url("/images/forum_icons/sticky_read_mine.svg"); } .sticky_read_locked { background-image: url("/images/forum_icons/sticky_read_locked.svg"); } .sticky_read_locked_mine { background-image: url("/images/forum_icons/sticky_read_locked_mine.svg"); } .sticky_unread { background-image: url("/images/forum_icons/sticky_unread.svg"); } .sticky_unread_mine { background-image: url("/images/forum_icons/sticky_unread_mine.svg"); } .sticky_unread_locked { background-image: url("/images/forum_icons/sticky_unread_locked.svg"); } .sticky_unread_locked_mine { background-image: url("/images/forum_icons/sticky_unread_locked_mine.svg"); } .topic_moved { background-image: url("/images/forum_icons/topic_moved.svg"); } .pm_read,.topic_read { background-image: url("/images/forum_icons/topic_read.svg"); } .topic_read_mine { background-image: url("/images/forum_icons/topic_read_mine.svg"); } .topic_read_hot { background-image: url("/images/forum_icons/topic_read_hot.svg"); } .topic_read_hot_mine { background-image: url("/images/forum_icons/topic_read_hot_mine.svg"); } .topic_read_locked { background-image: url("/images/forum_icons/topic_read_locked.svg"); } .topic_read_locked_mine { background-image: url("/images/forum_icons/topic_read_locked_mine.svg"); } .pm_unread,.topic_unread { background-image: url("/images/forum_icons/topic_unread.svg"); } .topic_unread_mine { background-image: url("/images/forum_icons/topic_unread_mine.svg"); } .topic_unread_hot { background-image: url("/images/forum_icons/topic_unread_hot.svg"); } .topic_unread_hot_mine { background-image: url("/images/forum_icons/topic_unread_hot_mine.svg"); } .topic_unread_locked { background-image: url("/images/forum_icons/topic_unread_locked.svg"); } .topic_unread_locked_mine { background-image: url("/images/forum_icons/topic_unread_locked_mine.svg"); } .panel-container h3, .panel-container hr, .cp-menu hr {border-color: #A4B3BF;} .panel-container .panel li.row {border-bottom-color: #B5C1CB;border-top-color: #F9F9F9;} ul.cplist {border-top-color: #B5C1CB;} .panel-container .panel li.header dd, .panel-container .panel li.header dt {color: #fff;} .panel-container table.table1 thead th {color: #fff;border-bottom-color: #bbb;} .cp-main .pm-message {border-color: #DBDEE2;background-color: #FFFFFF;} .tabs .tab > a {background: linear-gradient(to bottom, #f3f6f7 0%,#dce3e4 50%,#bcc8ca 51%,#e7f1f3 100%);color: #333;border-radius: 6px 6px 0 0;} .tabs .tab > a:hover {background: #f4f4f4;color: #6bc;} .tabs .activetab > a, .tabs .activetab > a:hover {background: linear-gradient(to bottom, #f2f5f8 0%,#d8e1e8 40%,#cacfd4 41%,#f1f1f1 90%);color: #333333;} .tabs .activetab > a:hover {color: #000000;} .minitabs .tab > a {background-color: #E1EBF2;} .minitabs .activetab > a,.minitabs .activetab > a:hover {background-color: #F9F9F9;color: #333333;} .responsive-tab .responsive-tab-link:before {border-color: #536482;} .responsive-tab .responsive-tab-link:hover:before {border-color: #D31141;} .navigation a {color: #333;background: #ddd;} .rtl .navigation a {background: #ddd;} .navigation a:hover {background: #333;color: #fff;} .navigation .active-subsection a {background: #F9F9F9;color: #6bc;} .navigation .active-subsection a:hover {color: #6bc;} @media only screen and (max-width: 900px), only screen and (max-device-width: 900px){ #navigation a, .rtl #navigation a {background: #B2C2CF;} } .panel-container h2 {color: #333333;} .panel-container .panel {background-color: #F9F9F9;} .cp-main .pm {background-color: #FFFFFF;} .cp-mini {background-color: #eee;} dl.mini dt {color: #425067;} .current {color: #000000 !important;} .pmlist > li.row { border-left: 5px solid #bbb !important;} .pmlist li.pm_message_reported_colour, .pm_message_reported_colour {border-left-color: #A66 !important;} .pmlist li.pm_marked_colour, .pm_marked_colour {border-left-color: #a6a !important;} .pmlist li.pm_replied_colour, .pm_replied_colour {border-left-color: #66a !important;} .pmlist li.pm_friend_colour, .pm_friend_colour {border-left-color: #6a6 !important;} .pmlist li.pm_foe_colour, .pm_foe_colour {border-left-color: #335 !important;} .gallery label {background: #FFFFFF;border-color: #CCC;} .gallery label:hover {background-color: #EEE;} select {border-color: #666666;background-color: #FAFAFA;color: #333;} label {color: #333;} option.disabled-option {color: graytext;} dd label {color: #333;} fieldset.fields1 {background-color: transparent;} fieldset dl:hover dt label {color: #000000;} fieldset.fields2 dl:hover dt label {color: inherit;} fieldset.quick-login input.inputbox {background-color: #fff;} .message-box textarea {color: #333333;} .message-box textarea.drag-n-drop {outline-color: rgba(102, 102, 102, 0.5);} .message-box textarea.drag-n-drop-highlight {outline-color: rgba(17, 163, 234, 0.5);} .inputbox {background-color: #FFFFFF;border-color: #C7C3BF;color: #333333;} .inputbox:-moz-placeholder {color: #333333;} .inputbox::-webkit-input-placeholder {color: #333333;} .inputbox:hover {border-color: #6bc;} .inputbox:focus {border-color: #6bc;} .inputbox:focus:-moz-placeholder {color: transparent;} .inputbox:focus::-webkit-input-placeholder {color: transparent;} a.button1, input.button1, input.button3, a.button2, input.button2 {color: #333;background-color: #fafafa;} a.button1, input.button1 {border-color: #666666;} input.button3 {background-image: none;} a.button2, input.button2, input.button3 {border-color: #666666;} a.button1, a.button2 {color: #333;} a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {border-color: #6bc;color: #6bc;background-color:#fff;} input.button1:focus, input.button2:focus, input.button3:focus {border-color: #6bc;color: #fff;background-color: #6bc;} input.disabled {color: #666666;} .phpbb_alert {background-color: #FFFFFF;border-color: #999999;} .darken {background-color: #000000;} .dropdown-extended ul li {color: #333;border-top-color: #B9B9B9;background-color: #fff;} .dropdown-extended .header, .dropdown-extended .footer {border-color: #B9B9B9;color: #000000;} .dropdown-extended .footer {border-top-style: solid;border-top-width: 1px;background-color: #fafafa} .dropdown-extended .header {background-color: #fafafa;} .dropdown .pointer {border-color: #B9B9B9 transparent;} .dropdown .pointer-inner {border-color: #FFF transparent;} .dropdown-extended .pointer-inner {border-color: #fafafa transparent;} .dropdown .dropdown-contents {background: #fff;border-color: #B9B9B9;} .dropdown li, .dropdown li li {border-color: #DCDCDC;} .dropdown li.separator {border-color: #DCDCDC;} .notification_list p.notification-time {color: #888;} li.notification-reported strong, li.notification-disapproved strong {color: #6bc;} .badge {background-color: #6bc;color: #ffffff;} .inlinecode { font-family: Cousine, monospace; font-size: 0.9em; background: rgba(0,0,128,0.1); text-shadow: 1px 1px white; padding: 0 2px; border-radius: 2px; } /* ========================================================================================================== █▀▀█ █▀▀ █▀▀ █▀▀█ █▀▀█ █▄ █ █▀▀ ▀█▀ ▀█ █▀ █▀▀ █▀▀▄ █▀▀ █▀▀ ▀█▀ █▀▀▀ █▄ █ █▄▄▀ █▀▀ ▀▀█ █▄▄█ █ █ █▀█▄█ ▀▀█ █ █▄█ █▀▀ █ █ █▀▀ ▀▀█ █ █ ▀█ █▀█▄█ ▀ ▀▀ ▀▀▀ ▀▀▀ █ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀▀ ========================================================================================================== */ @media (max-width: 320px) { select, .inputbox {max-width: 240px;} } @media (max-width: 350px) { .dropdown-extended .dropdown-contents {width: auto;} } @media (max-width: 430px) { .action-bar .search-box .inputbox {width: 120px;} .section-viewtopic .search-box .inputbox {width: 57px;} .action-bar .search-box .inputbox ::-moz-placeholder {content: "Search...";} .action-bar .search-box .inputbox :-ms-input-placeholder {content: "Search...";} .action-bar .search-box .inputbox ::-webkit-input-placeholder {content: "Search...";} } @media (max-width: 500px) { dd label {white-space: normal;} select, .inputbox {max-width: 260px;} .captcha-panel dd.captcha {margin-left: 0;} .captcha-panel dd.captcha-image img {width: 100%;} dl.details dt, dl.details dd {width: auto;float: none;text-align: left;} dl.details dd {margin-left: 20px;} p.responsive-center {float: none;text-align: center;margin-bottom: 5px;} .action-bar > div {margin-bottom: 5px;} .action-bar > .pagination {float: none;clear: both;padding-bottom: 1px;text-align: center;} .action-bar > .pagination li.page-jump {margin: 0 2px;} p.jumpbox-return {display: none;} .display-options > label:nth-child(1) {display: block;margin-bottom: 5px;} .attach-controls {margin-top: 5px;width: 100%;} .quick-links .dropdown-trigger span {display: none;} } @media (max-width: 550px) { .topiclist.forums dt {margin-right: 0;} .topiclist.forums dt .list-inner {margin-right: 0;} .topiclist.forums dd.lastpost {display: none;} } @media (max-width: 850px) { .post .inner { display:block; } .responsive-hide { display: none !important; } .responsive-show { display: block !important; } .responsive-show-inline { display: inline !important; } .responsive-show-inline-block { display: inline-block !important; } html {height: auto;} body {padding: 0;} .wrap {border: none;border-radius: 0;margin: 0;min-width: 290px;padding: 0 5px;} .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {border-radius: 7px;} .site-description {float: none;width: auto;text-align: center;} .logo {display: none;float: none;padding: 10px;} .site-description h1, .site-description p {text-align: inherit;float: none;margin: 5px;line-height: 1.2em;overflow: hidden;text-overflow: ellipsis;} .site-description p, .search-header {display: none;} .headerbar + .navbar {margin-top: -5px;} .responsive-search { display: block !important; } li.header dt {text-align: center;text-transform: none;line-height: 1em;font-size: 1.2em;padding-bottom: 4px;} .topiclist li.header dt, .topiclist li.header dt .list-inner {margin-right: 0 !important;padding-right: 0;} .topiclist li.header dd {display: none !important;} .topiclist dt, .topiclist dt .list-inner,.topiclist.missing-column dt, .topiclist.missing-column dt .list-inner,.topiclist.two-long-columns dt, .topiclist.two-long-columns dt .list-inner,.topiclist.two-columns dt, .topiclist.two-columns dt .list-inner {margin-right: 0;} .topiclist dt .list-inner.with-mark {padding-right: 34px;} .topiclist dt .list-inner {min-height: 28px;} .topiclist li.header dt .list-inner {min-height: 0;} .topiclist dd {display: none;} .topiclist dd.mark {display: block;} .topiclist.forums dt {margin-right: -250px;} .topiclist dd.mark {display: block;position: absolute;right: 5px;top: 0;margin: 0;width: auto;min-width: 0;text-align: left;} .topiclist.forums dd.topics dfn, .topiclist.topics dd.posts dfn {position: relative;left: 0;width: auto;display: inline;font-weight: normal;} li.row .responsive-show strong {font-weight: bold;color: inherit;} .pagination > ul {margin: 5px 0 0;} .row .pagination .ellipsis + li {display: none !important;} table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {display: block;} table.responsive thead, table.responsive th {display: none;} table.responsive.show-header thead, table.responsive.show-header th:first-child {display: block;width: auto !important;text-align: left !important;} table.responsive.show-header th:first-child span.rank-img {display: none;} table.responsive tr {margin: 2px 0;} table.responsive td {width: auto !important;text-align: left !important;padding: 4px;} table.responsive td.empty {display: none !important;} table.responsive td > dfn {display: inline-block !important;} table.responsive td > dfn:after {content: ':';padding-right: 5px;} table.responsive span.rank-img {float: none;padding-right: 5px;} table.responsive.memberlist td:first-child input[type="checkbox"] {float: right;} fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {width: auto;float: none;} fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {margin-left: 0px;} textarea, dd textarea, .message-box textarea {width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;} dl.pmlist dt {width: auto !important;margin-bottom: 5px;} dl.pmlist dd {display: inline-block;margin-left: 0 !important;} dl.pmlist dd:first-of-type {padding-left: 20px;} .smiley-box, .message-box {float: none;width: auto;} .smiley-box {margin-top: 5px; } .colour-palette, .colour-palette tbody, .colour-palette tr {display: block;} .colour-palette td {display: inline-block;margin-right: 2px;} .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {display: none;} fieldset.quick-login label {display: block;margin-bottom: 15px;white-space: normal;} fieldset.quick-login label > span {display: inline-block;min-width: 100px;} fieldset.quick-login input.inputbox {width: 85%;max-width: 300px;margin-left: 20px;} fieldset.quick-login label[for="autologin"] {display: inline-block;text-align: right;min-width: 50%;} .column1, .column2, .left-box.profile-details {float: none;width: auto;clear: both;} fieldset.polls dt {width: 90%;} fieldset.polls dd.resultbar {padding-left: 20px;} fieldset.polls dd.poll_option_percent {width: 20%;} fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {margin-top: 5px;} .postbody {position: inherit;} .postprofile, .postbody, .search .postbody {display: block;width: auto;float: none;padding: 0;min-height: 0;max-width: 100%;} .post .postprofile {width: auto;border-width: 0 0 1px 0;padding-bottom: 5px;margin: 0;margin-bottom: 5px;min-height: 40px;overflow: hidden;} .postprofile dd {display: none;} .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {display: block;margin: 0;} .postprofile .has-avatar .avatar-container {margin: 0;overflow: inherit;} .postprofile .avatar-container:after {clear: none;} .postprofile .avatar {margin-right: 5px;} .postprofile .avatar img {width: auto !important;height: auto !important;max-height: 32px;} .has-profile .postbody h3 {margin-left: 0 !important;margin-right: 0 !important;} .has-profile .post-buttons {right: 30px;top: 15px;} .online, .offline {background-size: 41px;background-position:right 9px;} h2 {margin-top: .5em;} p {margin-bottom: .5em;overflow: hidden;} p.rightside {margin-bottom: 0;} fieldset.display-options label {display: block;clear: both;margin-bottom: 5px;} dl.mini dd.pm-legend {float: left;min-width: 200px;} .topicreview {margin: 0 -5px;padding: 0 5px;} fieldset.display-actions {white-space: normal;} .attach-comment dfn {width: 100%;} } /* ========================================================================================================== █ █ █▀▀ █▀▀█ █▀▀█ █▀▀█ █▀▀ █▀▀█ █▀▀ █ █ █ █▄▄█ █▄▄█ █▄▄▀ █▀▀ █▄▄█ ▀▀█ ▀▀▀▀ ▀▀▀ █ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ========================================================================================================== */ .cp-menu { float:left; width: 19%; margin-top: 1em; margin-bottom: 5px; } .cp-main { float: left; width: 81%; } .cp-main .content { padding: 0; } .panel-container .panel p { font-size: 1.1em; } .panel-container .panel ol { margin-left: 2em; font-size: 1.1em; } .panel-container .panel li.row { border-bottom: 3px solid transparent; border-top: 3px solid transparent; } ul.cplist { margin-bottom: 5px; border-top: 1px solid transparent; } .panel-container .panel li.header dd, .panel-container .panel li.header dt { margin-bottom: 2px; } .panel-container table.table1 { margin-bottom: 1em; } .panel-container table.table1 thead th { font-weight: bold; border-bottom: 1px solid transparent; padding: 5px; } .panel-container table.table1 tbody th { font-style: italic; background-color: transparent !important; border-bottom: none; } .cp-main .pm-message { border: 1px solid transparent; margin: 10px 0; width: auto; float: none; } .pm-message h2 { padding-bottom: 5px; } .cp-main .postbody h3, .cp-main .box2 h3 { margin-top: 0; } .panel-container .postbody p.author { font-size: 1.1em; } .cp-main .buttons { margin-left: 0; } .cp-main ul.linklist { margin: 0; } .mcp-main .postbody { width: 100%; } .tabs-container h2 { float: left; margin-bottom: 0px; } .tabs, .minitabs { line-height: normal; } .tabs > ul, .minitabs > ul { list-style: none; margin: 0; padding: 0; position: relative; } .tabs .tab, .minitabs .tab { display: block; float: left; font-size: 1em; font-weight: bold; line-height: 1.4em; border-width: 1px 1px 0 1px; border-color: black; border-style: solid; border-radius: 6px 6px 0 0; margin-left: 2px; } .tabs .tab.activetab { margin-bottom: -1px; } .tabs .tab > a, .minitabs .tab > a { display: block; padding: 5px 9px; position: relative; text-decoration: none; white-space: nowrap; cursor: pointer; } .tabs { margin: 20px 0 0 7px; border-bottom: 1px solid black; } .tabs .tab > a { border: 1px solid transparent; margin: 1px 1px 0 0; } .tabs .activetab > a { margin-top: 0; padding-bottom: 7px; } .minitabs { float: right; margin: 15px 7px 0 0; max-width: 50%; } .minitabs .tab { float: right; } .minitabs .tab > a { margin-left: 2px; } .minitabs .tab > a:hover { text-decoration: none; } .responsive-tab { position: relative; } .responsive-tab > a.responsive-tab-link { display: block; font-size: 1.6em; position: relative; width: 16px; line-height: 0.9em; text-decoration: none; } .responsive-tab .responsive-tab-link:before { content: ''; position: absolute; left: 10px; top: 7px; height: .125em; width: 14px; border-bottom: 0.125em solid transparent; border-top: 0.375em double transparent; } .tabs .dropdown, .minitabs .dropdown { top: 20px; margin-right: -2px; font-size: 1.1em; font-weight: normal; } .minitabs .dropdown { margin-right: -4px; } .tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown { bottom: 20px; top: auto; } .tabs .dropdown li { text-align: right; } .minitabs .dropdown li { text-align: left; } .navigation { width: 100%; padding-top: 36px; } .navigation ul { list-style: none; } .navigation li { display: inline; font-weight: bold; margin: 1px 0; padding: 0; } .navigation a { display: block; padding: 5px; margin: 1px 0; text-decoration: none; } .navigation a:hover { text-decoration: none; } .cp-main h2 { border-bottom: none; padding: 0; margin-left: 10px; } .cp-mini { margin: 10px 15px 10px 5px; max-height: 200px; overflow-y: auto; padding: 5px 10px; } dl.mini dt { font-weight: bold; } dl.mini dd { padding-top: 4px; } .friend-online { font-weight: bold; } .friend-offline { font-style: italic; } ol.def-rules { padding-left: 0; } ol.def-rules li { line-height: 180%; padding: 1px; } .pmlist li.bg1 { padding: 0 3px; } .pmlist li.bg2 { padding: 0 3px; } .pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color: transparent; border-right-color: transparent; } .pm-legend { border-left-width: 10px; border-left-style: solid; border-right-width: 0; margin-bottom: 3px; padding-left: 3px; } .gallery label { position: relative; float: left; margin: 10px; padding: 5px; width: auto; border: 1px solid transparent; text-align: center; } @media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { .nojs .tabs a span, .nojs .minitabs a span { max-width: 40px; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.5px; } .cp-menu, .navigation, .cp-main { float: none; width: auto; margin: 0; } .navigation { padding: 0; margin: 0 auto; max-width: 320px; } .navigation a { background-image: none; } } .editor_buttons { display: block; } .smiley-box { margin-top:-50px; } @media (max-width: 850px) { .editor_buttons { display:flex; } .emoji_box { display:none; } .smiley-box { margin-top:-5px; } } .post_button_wrap { flex: 1; text-align: center; } .editor_button { width: 95%; border: 1px solid; border-radius: 10px; max-width:300px; color:white; border-color:#aaa #444 #444 #aaa; margin: 2px 0;} .editor_button:hover { background: rgba(128,128,128,0.4); color:white; border-color:#444 #aaa #aaa #444; } /* ========================================================================================================== █▀▄▀█ █▀▀█ ▀█▀ █▄ █ █▀▀▀ █ █▀▀█ █▀▀▄ █▀▀█ █ ▀▀█▀▀ █▀▀█ █▀▀▀ █▀▀ █ ▀ █ █▄▄█ █ █▀█▄█ █ ▀█ █ █ █ █▀▀▄ █▄▄█ █ █ █▄▄█ █ ▀█ ▀▀█ ▀ ▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀▀ ▀▀▀ ========================================================================================================== */ body { padding:0; margin:0; font-family: 'Exo'; background-color: #234; background-image: linear-gradient(to bottom, #000 200px,#ddd 1200px); } body.mce-content-body { background: #FFF !important; background-image:none !important; } .nxslogo { height: 162px; margin-top: -10px; pointer-events: none; } #header { min-width: 600px; position: relative; background: transparent url("/images/darkheader.jpg") repeat-x top center; z-index: 5; } #logoarea { background: transparent url("/images/swirls.png") no-repeat top center; height: 140px; } #link_home { display: block; margin: auto; height: 90%; width: 580px; color: transparent; text-align: center; } #stream_preview { border: 2px solid black; text-shadow: 1px 1px black, -1px -1px black; color: white; position: absolute; top: 10px; right: 10px; text-align: center; background-image: url('https://static-cdn.jtvnw.net/previews-ttv/live_user_mtgnexus-200x120.jpg'); height: 120px; width: 200px; font-size: 11px; border-radius: 8px; filter: drop-shadow(0 0 1px white) drop-shadow(0 0 1px white); } #stream_preview > .stream_preview_text { position: absolute; left: 30px; right: 30px; bottom: -15px; background: linear-gradient(to bottom,black,#333 5px,#222); border-radius: 0 0 20px 20px; } #nxs_qcl { border-radius:8px; height: 24px; width: 240px; background: rgba(0,0,0,0.5); border-color: #233 #455 #455 #233; font-size: 16px; } .nxs_ad { width: 580px; margin: auto; text-align: center; padding-top: 10px; } #container { margin:auto; background: linear-gradient( to top, #ddd 0, rgba(221,221,221,0) 600px); min-width: 600px; } #breadcrumbarea { height: 100px; background: transparent url("../img/breadcrumb-bg.png") repeat-x top left; color:white; padding-left: 20px; margin-bottom: -10px; } #breadcrumbarea #breadcrumb { margin-top: 15px; } #pagetitle { min-height: 65px; display: flex; } #pagetitle h2 { flex:1; font-size: 20px; min-width: 120px; margin: 0 20px 20px 20px; } #body { max-width: 1800px; margin:auto; background-color: white; border: 1px solid black; box-shadow:2px 2px 4px rgba(0,0,0,0.5); border-radius: 8px; min-height:600px;} .front-page-2flex { display: flex; font-size:0px; margin: auto; flex-direction: row-reverse; } .front-page-2flex .front-page-left { flex: 1; max-width: 1200px; text-align: justify; text-align-last: justify; } .front-page-2flex .front-page-right { flex: 0; width:580px; min-width:580px; max-width:580px; } .breadcrumb_row { height: 33px; border-bottom: 1px solid black; font-family: "Russo One"; background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); display:flex; border-radius: 8px 8px 0 0; } .breadcrumb_area { font-family: "Russo One"; color: black; padding: 4px 0 0 0; flex:1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .breadcrumb_text_wrapper { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .breadcrumb_text_wrapper a { padding: 0 3px 0 3px; color:#203339; text-decoration:none; } .breadcrumb_text_wrapper a:hover { color:black; text-decoration:underline; } .breadcrumb_select { padding: 1px 1em 1px 0; font-size: 16px; font-family: "Exo"; border-radius: 8px; outline-width: 0; vertical-align: middle; -webkit-appearance: button; height: 22px; border: none; background: transparent; font-weight: bold; max-width:400px;} .breadcrumb_select_wrapper { position: relative; height: 22px; vertical-align: middle; display:none; padding:3px;} .breadcrumb_select_wrapper::after { content: "\25BC"; height: 1em; font-size: 0.9em; line-height: 1; right: 0; top: 50%; margin-top: -.5em; position: absolute; pointer-events: none; color: black; } @media screen and (max-width: 920px) { .breadcrumb_select_wrapper { display:inline-block; } .breadcrumb_text_wrapper { display:none; } } .search_area { padding: 2px; text-align: right; } .mod_link { width: 70px; border-radius: 6px; height: 20px; display: inline-block; text-align: center; padding-top:4px; box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5), inset -1px -1px 2px rgba(0,0,0,0.9), -1px -1px 2px black, 1px 1px 2px rgba(255,255,255,0.25); } .mod_link_acp { background-image: linear-gradient(to bottom,#900 0, #d71 100%); } .mod_link_mod { background-image: linear-gradient(to bottom,#652 0, #c92 100%); } .mod_link_non { background-image: linear-gradient(to bottom,#566 0, #9ab 100%); } .mod_link img { margin-top: -2px; height: 16px; } .mod_link:hover { box-shadow: inset 1px 1px 2px rgba(255,255,255,0.5), inset -1px -1px 2px rgba(0,0,0,0.9), -1px -1px 2px black, 1px 1px 2px rgba(255,255,255,0.25); } .mod_link:hover { box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5), inset -1px -1px 2px rgba(255,255,255,0.9), -1px -1px 2px black, 1px 1px 2px rgba(255,255,255,0.25); } .mCustomScrollbar { white-space: nowrap; overflow: hidden; } /* ========================================================================================================== █▄ █ █▀▀█ ▀█ █▀ █▀▀█ █▀▀█ █▀▀ █▀▀█ █▀▀ █▀█▄█ █▄▄█ █▄█ █▄▄█ █▄▄▀ █▀▀ █▄▄█ ▀▀█ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ========================================================================================================== */ #nav-area { background: transparent url("/images/navbar-bg.jpg") repeat-x bottom; height: 46px; } #nav { background: transparent url("/images/navbar-center.png") repeat-x bottom center; height: 46px; max-width: 900px; margin:auto; text-align:center; } #nav-container { display:flex; margin:auto; max-width: 620px; } #nav .nav-opener { flex:1; padding:18px 0 2px 0; height:30px; color: white; font-family: "Russo One"; font-size: 20px; cursor: Pointer; } #nav .nav-opener i.fa { font-size: 16px; vertical-align: middle; padding-bottom: 3px; color: #aaa; } #nav .nav-opener:hover i.fa { color: #fff; } #nav .nav-opener .nav-opener-header a { color: #F0F0F0; } #nav .nav-opener:hover .nav-opener-header a { color: #FFF; } #nav .nav-opener:hover .nav-opener-header, .nav-opener-header a:hover { text-decoration: none; } #mega-menu-bg { visibility: hidden; opacity: 0; transition: 0.2s; position: absolute; top: 185px; left: 0; right: 0; height: 230px; background: linear-gradient(to top,transparent,#000 20px, #111 220px, #000); z-index: 2; } #nav-container:hover > #mega-menu-bg { visibility: visible; opacity: 0.95; transition: visibility 0s, opacity 0.15s linear; transition-delay: 0.4s; } #navarea .header-ico { width: 9%; filter: grayscale(50%); } #navarea .header-ico:hover { filter: grayscale(0%); } .mega-menu { font-size: 16px; cursor: Auto; visibility: hidden; opacity: 0; transition: 0.2s; position:absolute; top: 185px; left: 0; right: 0; height: 210px; z-index: 3; font-family: "Exo"; } .mega-menu-container { max-width: 600px; margin:auto; display:flex; } .mega-menu-col { width: 190px; margin: 10px 10px 0 0; flex: 1; vertical-align: top; height: 190px; text-align: left; } .mega-menu-header { color: white; margin: 5px 0 0 0; font-size: 15px; font-family: 'Russo One'; border-bottom: 1px solid #333; width: 180px; text-align: center; } .mega-menu-list { margin: 1px 0 1px 5px; width: 190px; white-space: nowrap; height: 22px; } .mega-menu-item::before { content: "\25C6"; padding-right: 3px; color: #888; font-size: 8px; vertical-align: middle; width: 0; display: inline-block; padding-right: 10px; position: relative; left: -1px; height: 14px; } .mega-menu-item:hover::before { text-decoration-color: transparent !important; } .mega-menu-item { color: #d6dcdc; text-decoration: none; transition: color 200ms linear; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; text-overflow: ellipsis; overflow: hidden; max-width: 180px; } .mega-menu-item:hover { color: #fff; transition: color 200ms linear; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear;} .nav-opener:hover > .mega-menu { visibility: visible; opacity: 1; transition: visibility 0s 0.3s, opacity 0.2s linear 0.4s; } .nxs-share { font-weight:normal; font-size:16px; font-family:Exo; margin-left: -37px; } /* ========================================================================================================== █▀▀ ▀█▀ █▀▀▄ █▀▀ █▄ █ █▀▀█ ▀█ █▀ ▀▀█ █ █ █ █▀▀ █▀█▄█ █▄▄█ █▄█ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ ▀ ▀ ▀ ========================================================================================================== */ #sidenav-opener { position: fixed; top: 8px; left: 8px; width: 40px; height: 40px; z-index: 6; opacity: 0.6; font-size: 40px; color: #fff; background: #000; border-radius: 6px; line-height: 40px; } #sidenav-closer { position: absolute; top: 5px; right: 4px; width: 35px; height: 35px; opacity: 0.5; color: white; font-size: 35px; line-height: 35px; } #sidenav-logo { background: transparent url("https://www.mtgnexus.com/img/mtgnexus__logo.svg") no-repeat top center; background-size: contain; height: 65px; margin: auto;} #sidenav-opener:hover, #sidenav-closer:hover { opacity: 1; cursor: Pointer;} #sidenav { height: 100%; width: 440px; position: fixed; z-index: 25; top: 0; left: -440px; overflow-x: hidden; transition: 0.2s; color: white; overflow: hidden; border-right: 2px solid black; box-shadow:5px 0 2px rgba(20,30,40,0.5); background-image: linear-gradient(to top, black, transparent 50%),linear-gradient(to right, #000, #030508 2%, #08151a 50%, #030508 98%,#000); } #sidenav.active { left:0; } #sidenav-header { height: 85px; background-image: linear-gradient(to bottom, rgba(16, 40, 48, 0.5),transparent),url("/images/swirls.png"),linear-gradient(to bottom, #102830,transparent); background-size: contain; position: relative; overflow: hidden; background-repeat: no-repeat; } #sidenav-header::after { content: ""; width: 440px; height: 30px; position: absolute; bottom: -20px; background: linear-gradient(to top, black, transparent 50%),linear-gradient(to right, #000, #030508 2%, #08151a 50%, #030508 98%,#000); border-radius: 100%; box-shadow: 0 -1px 4px black; } #sidenav .sidenav-container { width: 350px; overflow-x: hidden; overflow-y: auto; width:100%; height: calc(100% - 150px); transition: 0.2s;} .sidenav-row { display: block; position: relative; color: #F0F0F0; text-decoration: none; height: 28px; font-size: 19px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 320px; margin: 0 20px 0 0; padding: 3px 50px 3px 40px; } .sidenav-row:hover { background: linear-gradient(to right, transparent,#112b33,transparent); color: #FFFFFF; } .sidenav-row::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(to right,transparent,#345,transparent); } .sidenav-row::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: linear-gradient(to right,transparent,#000,transparent); } .sidenav-row-info { position: absolute; top: 2px; right: 2px; font-size: 9px; color: #FFF; background-color: #204060; opacity: 0.9; padding: 1px 3px; border-radius: 4px; } .sidenav-row-info-low { position: absolute; bottom: 1px; right: 1px; font-size: 9px; color: #FFF; opacity: 0.7; padding: 2px 2px 3px 3px; border-radius: 6px 0 0 0; } #sidenav-footer { position: absolute; bottom:0; left:0; right:0; height:60px; overflow: hidden; background-repeat: no-repeat; background-image: url('/images/sidenav-footer2.png'), linear-gradient(to bottom,#000,#102830); background-position: bottom center; } #sidenav-footer::after { content: ""; height: 30px; position: absolute; top: -20px; background: black; border-radius: 100%; box-shadow: 0 1px 4px #123; width: 440px; } #sidenav-footer { position: absolute; bottom: 0; left: 0; right: 0; height: 60px; overflow: hidden; text-align: center; font-size: 40px; line-height: 70px; color: #03090b; text-shadow: 0 0 3px #102830; background-image: linear-gradient(to bottom,#000,#102830); } #sidenav-footer::after { content: ""; height: 30px; position: absolute; top: -20px; background: black; border-radius: 100%; box-shadow: 0 1px 4px #123; width: 440px; left: 0; right: 0; } #sidenav .mCSB_inside > .mCSB_container { margin-right:0px !important; padding-right:15px;} #sidenav .mCSB_draggerRail { background-color: #1e4646 !important;} #sidenav-darken { position: fixed; left: 0; right: 0; opacity: 0; top: 0; bottom: 0; background: rgba(20, 30, 40,0.75); z-index: 20; visibility: hidden; transition: 0.35s; } #sidenav-darken.active { display: block; visibility: visible; opacity:1; backdrop-filter: blur(4px) grayscale(0.5); -webkit-backdrop-filter: blur(4px) grayscale(0.5); } /* ========================================================================================================== █▀▀ █▀▀█ █▀▀█ █▄ █ ▀▀█▀▀ █▀▀█ █▀▀█ █▀▀▀ █▀▀ █▀▀ █▄▄▀ █ █ █▀█▄█ █ █▄▄█ █▄▄█ █ ▀█ █▀▀ ▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀▀ ▀ █ ▀ ▀ ▀▀▀▀ ▀▀▀ ========================================================================================================== */ .spoiler-wide { height: 460px; position: relative; text-align:center; text-align-last:center; margin: 8px; border-radius: 20px; background-position: top center; background-repeat: no-repeat; background-color: black; overflow: hidden; box-shadow: inset 2px 2px 3px rgba(255,255,255,0.5), inset -2px -2px 3px rgba(0,0,0,0.5), 3px 3px 6px rgba(0,0,0,0.25); } .spoiler-wide-header { background: transparent url("") no-repeat top center; height:120px; border-radius: 20px 20px 0 0; position:relative;} .spoiler-wide-header-info { height:120px; width: 100%; } .spoiler-wide-twitter-button { height: 32px; width: 32px; position: absolute; top: 3px; left: 3px; font-size: 25px; color: white; border-radius: 16px 10px; text-shadow: 0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black; } .spoiler-wide-twitter-button:hover { color:white; } .spoiler-wide-view-all-button { height: 20px; position: absolute; top: 0; right: 0; font-size: 16px; padding: 5px 10px 5px 20px; background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); color: #fff; font-weight: bold; border-radius: 0 60px 0 100px; box-shadow: -1px 1px 2px rgba(255,255,255,0.5), inset -2px 2px 4px rgba(255,255,255,0.5); opacity: 0.8; transition:0.35s; } .spoiler-wide-view-all-button:hover { opacity:1; } .spoiler-wide-cardlist { white-space: nowrap; overflow: hidden; max-width: 100%; } .spoiler-wide-cardlist .spoiler-wide-card { display: inline-block; width: 180px; height: 285px; font-size: 12px; vertical-align: top; } .spoiler-wide-cardlist .spoiler-wide-card .cardimg { height: 243px; width:174px; max-width:174px; image-rendering: -webkit-optimize-contrast; position:relative; top:0; left:0; transition-duration: 0.25s; } .spoiler-wide-cardlist .spoiler-wide-card .spoiler-wide-date {text-align:center; color: #888;} .spoiler-wide-footer { position:absolute; bottom:0; left:0; right:0; height: 40px; text-align:right; } .spoiler-wide-footer-view-all { position:absolute; right: 8px; top: 2px; text-decoration:none; font-family: "Russo One"; font-size: 13px; color:white; border-bottom:2px solid transparent;} .spoiler-wide-footer-view-all:hover { border-color:white; transition: 0.2s; } .spoiler-wide-cardlist > .mCustomScrollBox > .mCSB_scrollTools_horizontal {max-width: 97%; margin: auto; } .spoiler-wide-container { text-align: center; } .spoiler-wide-container .spoiler-wide-previewer a { color: #888; } .spoiler-wide-container .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 25px; } .spoiler-wide-footer { height: 20px; padding-top:3px;} .spoiler-wide-infobox { width: 100%; color: white; font-size: 14px; display: flex; opacity:0.6;} .spoiler-wide-infobox-row { flex: 1; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 2px #111; } .spoiler-wide .cdb_card_image_container { height: 243px; } .spoiler-wide-bonus_toggle { font-size: 13px; width: 20%; position: absolute; top: 86px; left: 40%; padding: 2px; border: none; outline: none !important; } .spoiler-small { height: 275px; padding-top: 10px; } .spoiler-small .spoiler-wide-header { height:280px; width: 200px; float:left; background-size: contain; background-position: center 15%; } .spoiler-small .spoiler-wide-view-all-button { top: unset; right: unset; left: 20px; bottom: 5px; border-radius: 10px / 100%; padding: 5px 20px 5px 10px; } .spoiler-small .spoiler-wide-card { height: 260px; width:160px; } .spoiler-small .cardimg { height: 220px !important; width: 157px !important; } .spoiler-small .cdb_card_image_container { height:220px; margin-bottom: 5px; width:157px; } .spoiler-small .spoiler-wide-container .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 15px; } .spoiler-small .spoiler-wide-footer { display:none; } .spoiler-small .spoiler-wide-bonus_toggle { display:none; } .spoiler-small .spoiler-wide-twitter-button { top: 0; } .infoblock { display: inline-block; text-align:left; text-align-last:left; margin: 8px; text-align: left; width: 280px; height: 260px; overflow: hidden; border-radius: 12px; background-color:white; border: 1px solid #a0b0c0; box-shadow: 3px 3px 6px rgba(0,0,0,0.25);} .infoblock > a { display: block; margin: auto; } .infoblock > a:hover, .infoblock > a:active { color:initial; text-decoration:none; } .infoblock-top { background-repeat: no-repeat; background-position: center -10px; background-size: cover; height: 115px; position:relative; overflow:hidden; box-shadow: 0 1px 1px #888;} .infoblock-header { height: 35px; margin: 0px 0 20px 0; padding: 8px 0 0 0; font-size: 30px; font-family: "Russo One"; font-weight: normal; color: #fff; text-align: center; text-align-last: center; text-shadow: 2px 2px 0 black; text-transform:Uppercase;} .infoblock-infostrip { background-color: rgba(0,0,0,0.5); margin: 7px 0 7px 0; height: 36px; -webkit-transition: background-color 250ms linear, box-shadow 250ms linear; -ms-transition: background-color 250ms linear, box-shadow 250ms linear; transition: background-color 250ms linear, box-shadow 250ms linear; } .infoblock-infostrip:hover { background-color: rgba(0,0,0,0.7); box-shadow: inset 0 0 2px rgba(100,180,200,0.5), 0 0 4px rgba(100,180,190,0.5); -webkit-transition: background-color 250ms linear, box-shadow 250ms linear; -ms-transition: background-color 250ms linear, box-shadow 250ms linear; transition: background-color 250ms linear, box-shadow 250ms linear; } .infoblock-infostrip-av-left { margin: 2px 0 0 0; display: inline-block; width: 40px; text-align:center; vertical-align:middle; max-height:34px;} .infoblock-infostrip-av-left > img { max-width: 36px; max-height: 34px; } .infoblock-infostrip-details { margin: 2px 0 0 0; display: inline-block; width: 160px; vertical-align:middle; max-height:34px;} .infoblock-infostrip-details-full { width: 240px; } .infoblock-infostrip-details-title { font-size: 15px; font-weight:bold; color:white; line-height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .infoblock-infostrip-details-credit { font-size: 12px; color:white; line-height: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .infoblock-infostrip-details-credit-name { color: #80b0e0; } .infoblock-infostrip-extras { margin: 2px 0 0 0; display: inline-block; width: 80px; text-align: right; vertical-align:middle; max-height:34px;} .infoblock-infostrip-extras-buttons { } .infoblock-info { color: #000; font-size: 16px; line-height: 1.1em; margin: 10px 12px 0 12px; padding: 0; height: 95px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);} .infoblock-info > p { margin: 0 0 5px 0; padding: 0; font-size: 16px; line-height: 1.1em; } .infoblock-bottom-links { height: 25px; text-align:center;text-align-last: center; margin-top:6px; } .infoblock-bottom-links a { background-color: #404050; font-size: 14px; font-weight:bold; color: #C0C0D0; text-decoration: none; display:inline-block; padding: 3px 8px 3px 8px; text-align:center; border-radius:20px; width: 200px;} .infoblock-coming-soon { background-color: #504040; font-size: 14px; font-weight:bold; color: #C0C0D0; text-decoration: none; display:inline-block; padding: 3px 8px 3px 8px; text-align:center; border-radius:20px; width: 200px;} .infoblock-bottom-links a:hover { color: #DDF; background-color: #505060; transition: color 200ms linear, background-color 200ms linear; -webkit-transition: color 200ms linear, background-color 200ms linear; -ms-transition: color 200ms linear, background-color 200ms linear; } .infoblock-web-app { font-size: 16px; color: #fff; text-shadow: -1px -1px black; background-color: rgba(0,0,0,0.4); padding: 5px; text-align-last: center; text-align: center; font-family: Russo One; height: 120px; bottom: -100px; position: absolute; left: 0; right: 0; border-radius: 100%; opacity: 1; box-shadow: 0 0 8px 2px rgba(255,255,255,0.3), inset 0 0 4px 2px rgba(255,255,255,0.2); } .infoblock-web-app > .tip { text-decoration:none;} #infoblock-decks .infoblock-top { background-image: url('/images/blocks/decks.jpg') } #infoblock-cubes .infoblock-top { background-image: url('/images/blocks/cubes.jpg') } #infoblock-customs .infoblock-top { background-image: url('/images/blocks/customs.jpg') } #infoblock-comhub .infoblock-top { background-image: url('/images/blocks/hub.jpg') } #infoblock-carddb .infoblock-top { background-image: url('/images/blocks/carddb.jpg') } #infoblock-printables .infoblock-top { background-image: url('/images/blocks/printables.jpg') } #infoblock-rules .infoblock-top { background-image: url('/images/blocks/rules.jpg') } #infoblock-lore .infoblock-top { background-image: url('/images/blocks/lore.jpg') } #infoblock-prices .infoblock-top { background-image: url('/images/blocks/pricing.jpg') } #infoblock-lifecounter .infoblock-top { background-image: url('/images/blocks/lifecounter.jpg') } #infoblock-formats .infoblock-top { background-image: url('/images/blocks/formats.jpg') } #infoblock-drawodds .infoblock-top { background-image: url('/images/blocks/drawodds.jpg') } #infoblock-dualland .infoblock-top { background-image: url('/images/blocks/dualland.jpg') } #infoblock-landcalc .infoblock-top { background-image: url('/images/blocks/landcalc.jpg') } #infoblock-tournament .infoblock-top { background-image: url('/images/blocks/tournament.jpg') } #infoblock-coltracker .infoblock-top { background-image: url('/images/blocks/coltracker.jpg') } #infoblock-tools .infoblock-top { background-image: url('/images/blocks/tools.jpg') } .iblock { display: inline-block; text-align-last: left; margin: 8px; text-align: left; width: 200px; height: 180px; overflow: hidden; border-radius: 12px; box-shadow: inset 0 0 3px #888; background-color: #eee; color: #000; box-shadow: 3px 3px 6px rgba(0,0,0,0.25), 0 0 3px black; position: relative; } .iblock-icon { font-size: 90px; text-align: center; text-align-last: center; position: absolute; left: 0; right: 0; top: -10px; } .iblock-header { height: 35px; padding: 8px 0 0 0; font-size: 16px; font-family: "Russo One"; font-weight: normal; text-align: center; text-align-last: center; text-transform: Uppercase; position: absolute; top: 70px; left: 0; right: 0; display: inline-block; line-height: 13px; } .iblock-info { color: #000; font-size: 14px; line-height: 1.1em; padding: 0; height: 48px; position: absolute; left: 10px; right: 10px; bottom: 5px; } .iblock:hover { background-color: #e0e6eb; color: initial; } #recent-topics-wide { width: 97%; border-radius: 8px; margin: 8px; border: 1px solid #a0b0c0; text-align: center; position: relative; box-shadow: 3px 3px 6px rgba(0,0,0,0.25); background-color: #fafaff; background-image: linear-gradient(to bottom, #eff 0,#dee 18px,#cdd 19px,#cdd 38px, transparent 39px,transparent 100%),linear-gradient(to right, transparent 49.8%, #ddd 50%, transparent 50.2%); } #recent-topics-wide .recent-topics-wide-col { width: 45%; margin: 0 0.5% 10px 2%; display:inline-block; vertical-align:top;} #recent-topics-wide .recent-topics-wide-col:first-of-type { margin: 0 2% 10px 0.5% } #recent-topics-wide .recent-topics-wide-col h2 { margin: 5px 0 0 0; padding: 0 0 5px 0; font-family: "Russo One"; font-size: 24px; text-shadow: 1px 1px 2px #a0a0a0; } #recent-topics-wide .recent-topics-wide-row { color:black; display:block; text-decoration:none; text-align:left; border-bottom: 1px dotted #9cd; margin-top:5px; padding-bottom:5px; position:relative;} #recent-topics-wide .recent-topics-wide-row h3.recent-topics-wide-row-header { margin:0; padding:0; font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 1px 1px 1px #b0b0b0; font-family: "Exo"; text-transform:none; } #recent-topics-wide .recent-topics-wide-username { color: #068; font-weight: bold; } #recent-topics-wide .recent-topics-wide-row .recent-topics-wide-byline { font-size: 12px; } #recent-topics-wide .recent-topics-wide-row .recent-topics-wide-byline .epoch-time { color: #808080; margin-left:10px; padding-left:10px; border-left: 1px solid black; font-size: 0.8em;} #recent-topics-wide .recent-topics-wide-row .recent-topics-wide-threadcount { font-weight: bold; color: white; position: absolute; right: 0.5%; bottom: 8px; font-size: 10px; background-color: #678; padding: 2px 8px 2px 8px; border-radius: 6px; } #recent-topics-wide .recent-topics-wide-row .recent-topics-wide-threadcount:after { content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; border: 3px solid #678; border-right-color: transparent; border-bottom-color: transparent; } #recent-topics-wide .recent-topics-wide-row:hover .recent-topics-wide-threadcount { background-color:#305050; transition:0.2s;} #recent-topics-wide .recent-topics-wide-row:hover .recent-topics-wide-threadcount:after { border: 3px solid #305050; border-right-color: transparent; border-bottom-color: transparent; transition:0.2s;} #recent-topics-wide .recent-topics-wide-row:hover h3.recent-topics-wide-row-header { text-decoration: underline; transition:0.2s;} #recent-topics-wide .recent-topics-link a { margin:10px 0 0 5px; background-color: #404050; font-size: 14px; font-weight: bold; color: #C0C0D0; text-decoration: none; display: inline-block; padding: 3px 8px 3px 8px; text-align: center; border-radius: 20px; width: 85%; } #recent-topics-wide .recent-topics-link a:hover { color: #DDF; background-color: #505060; transition: color 200ms linear, background-color 200ms linear; -webkit-transition: color 200ms linear, background-color 200ms linear; -ms-transition: color 200ms linear, background-color 200ms linear; } #recent-topics-wide .recent-topics-wide-list-wrap { height: 235px; } #articles-wide { width:97%; max-width:97%; } #articles-wide .article-wide { overflow:hidden; width:100%; max-width:100%; border-radius:8px 20px 20px 8px; height:170px; text-overflow:ellipsis; display:flex; flex-direction: row-reverse; text-decoration:none; color:black; margin:8px; border: 1px solid #a0b0c0; background-color: #eef; box-shadow: 3px 3px 6px rgba(0,0,0,0.25);} #articles-wide .article-wide .article-wide-art { flex: 0.5; min-width: 170px; height: 168px; max-width: 240px; background-color: transparent; background-position: center center; border-radius:0 19px 19px 0; position: relative; box-shadow: inset 0 2px 2px rgba(0,0,0,0.5); border: 1px solid #eef; } #articles-wide .article-wide .article-wide-art::after { content: ""; position: absolute; top: 0; left: -31px; width: 40px; bottom: 0; background: transparent; border-radius: 100%; box-shadow: 2px 2px 2px rgba(0,0,0,0.5); clip: rect(0px, 200px, 200px, 31px); } #articles-wide .article-wide .article-wide-art::before { content: ""; position: absolute; top: 0; left: -31px; width: 40px; bottom: 0; background: #eef; border-radius: 100%; clip: rect(0px, 200px, 200px, 28px); } #articles-wide .article-wide .articles-wide-textarea { min-width: 300px; flex:1; padding: 4px 8px 6px 8px; box-shadow: 1px 0 #eef; } #articles-wide .article-wide .article-wide-header { font-size: 17px; margin: 0; font-family: "Russo One"; font-weight: normal; } #articles-wide .article-wide:hover .article-wide-header{ text-decoration:underline;} #articles-wide .article-wide .articles-wide-byline { font-size: 13px; color: #555; height:18px; } #articles-wide .article-wide .articles-wide-byline .articles-wide-username { font-weight:bold; color: #068; } #articles-wide .article-wide .articles-wide-byline .epoch-time { border-left: 1px solid black; margin-left:5px; padding-left:5px; } #articles-wide .article-wide .articles-wide-intro {font-size:14px; margin-top:5px; height:120px; overflow: hidden; text-overflow: ellipsis;} #articles-wide-readmore { display: block; max-width: 50%; border-radius: 25px; margin: 8px auto 8px auto; background-color: #404050; color: #C0C0D0; font-size: 16px; text-align: center; vertical-align: middle; text-decoration: none; font-weight: bold; } #articles-wide-readmore:hover {color: #DDF; background-color: #505060; transition: color 200ms linear, background-color 200ms linear; -webkit-transition: color 200ms linear, background-color 200ms linear; -ms-transition: color 200ms linear, background-color 200ms linear; } #articles-wide .article-wide:nth-child(1n+5) { display:none; } #market-watch-wide { width:97%; border-radius:8px; margin:8px; border: 1px solid #a0b0c0; background-color: white; text-align:center; position:relative; box-shadow: 3px 3px 6px rgba(0,0,0,0.25);} #market-watch-wide-header { position:relative; background: white url('/images/blocks/pricing-wide.jpg') no-repeat center center; background-size: cover; height:70px; border-radius:7px 7px 0 0; border-bottom: 1px solid #a0b0c0; position:relative; } #market-watch-wide-tabs { position:absolute; bottom:-1px; right:0; left:0; z-index:2;} .market-watch-wide-content { font-size:15px; } .market-watch-wide-tab { font-size:14px; display:inline-block; cursor:pointer; width: 132px; height:20px; border:1px solid #a0b0c0; background-color: #eee; color:black; opacity: 0.7; font-family: "Russo One"; margin: 0px 2px 0 0; border-radius:10px 10px 0 0;} .market-watch-wide-tab:hover { opacity:0.9; } .market-watch-wide-tab.market-watch-wide-tab-active { opacity: 1; background-color: white; border-bottom-color: white; } .market-watch-table { border: 1px solid #a0b0c0; border-radius:8px; margin:10px 2px 0 2px; width:98%; max-width:98%; text-align:left; border-collapse: separate; } .market-watch-table-small > tbody > tr > td:first-of-type { max-width:260px; } .market-watch-table-header { height:20px; border-radius: 7px 7px 0 0; color:white; font-weight:bold; text-align:center; } .market-watch-table-small > tbody > tr:nth-child(2n) { background-color:#f0f4f0; } .market-watch-table > tbody > tr > td, .market-watch-table thead > tr > th { padding: 2px 10px 2px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .market-watch-table > tbody > tr > td:nth-child(n+2) { font-family: "Cousine"; text-align:right; width:75px; } .market-watch-table > tbody > tr > td > a { display:inline; } #market-watch-wide-footer { margin: 7px; } #market-watch-wide-footer a { background-color: #404050; font-size: 14px; font-weight:bold; color: #C0C0D0; text-decoration: none; display:inline-block; padding: 3px 8px 3px 8px; text-align:center; border-radius:20px; width: 200px;} #market-watch-wide-footer a:hover { color: #DDF; background-color: #505060; transition: color 200ms linear, background-color 200ms linear; -webkit-transition: color 200ms linear, background-color 200ms linear; -ms-transition: color 200ms linear, background-color 200ms linear; } .market-watch-visible { display: block; } .market-watch-hidden { display:none; } .price-positive { color:#202080; } .price-negative { color:#802020; } .price-neutral { color:#404040; } .epoch-time { text-transform: Uppercase; } .carousel-container { overflow:hidden; } .carousel-item { display:none; } /* ========================================================================================================== █▀▀█ █▀▀█ █▄ █ █▀▀▄ █▀▀█ █▀▄▀█ █▀▀▀ █ █▀▀█ █▀▀▄ █▀▀█ █ █▀▀ █▄▄▀ █▄▄█ █▀█▄█ █ █ █ █ █ ▀ █ █ ▀█ █ █ █ █▀▀▄ █▄▄█ █ ▀▀█ ▀ ▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀▀▀ ▀ ▀ ▀▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .cardimg { border-radius: 5% / 4%; background-color: rgba(50,50,50,0.5); } .x_secret { height: 1px; width: 1px; overflow: hidden;} .x_chev_down { display:inline-block; height:1em; width:1em; border-radius:1em; background: #FFF url('/images/chevs-down.svg') no-repeat center center; background-size:contain; } .speech_synth_btn { width: 30px; height: 30px; border-radius: 100%; position: relative; background: radial-gradient(at top left,#f2f6f8 0%,#d8e1e7 30%,#b5c6d0 51%,#e0eff9 100%) } .speech_synth_btn::after { content: "\f04b"; font-family: FontAwesome; position: absolute; left: 0; right: 0; text-align: center; font-size: 20px; padding: 3px 0 0 6px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5),-1px -1px 1px rgba(255,255,255,0.5); } .speech_synth_btn.speech_synth_playing { background: radial-gradient(at top left, #f5f5f5 0%,#b7b7b7 50%,#bfbfbf 51%,#777 100%) } .speech_synth_btn.speech_synth_playing::after { content: "\f04c"; padding: 3px 0 0 1px;} /* ========================================================================================================== █▀▀█ █▀▀█ ▀▀█▀▀ ▀█▀ █▀▀ █ █▀▀ █▀▀ █▄▄█ █▄▄▀ █ █ █ █ █▀▀ ▀▀█ ▀ ▀ ▀ ▀▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .article_page { font-size: 16px;} .article_text a { color: #499; text-decoration: #abc underline; } .article_text pre { display: unset; font-family: unset; white-space: unset; overflow: unset; margin: unset; line-height: 1.4em; font-size: unset; } .article_header { margin: 10px 0 20px 0; } .article_head { color: black; font-size: 30px; font-weight: normal; } .authors_date { margin-left: 10px; padding-left: 10px; border-left: 1px solid black; font-size: 0.8em; } .article_byline { margin-left: 20px; } .article_text { box-shadow: -20px 0 20px -20px #ccc,20px 0 20px -20px #ccc; padding: 0 20px 0 20px; } .article_listing { border-radius: 20px; margin: 10px 0 10px 0; box-shadow: 0 0 4px 1px rgba(0,0,0,0.5), 6px 6px 8px rgba(0,0,0,0.2); background: linear-gradient(to top, #e0e0e0 0, #fff 100px); display: flex; height: 200px; border: 2px solid #888; } .article_listing:hover,.article_listing:active,.article_listing:focus { color: inherit; text-decoration: none; } .article_listing_art { width: 100%; height: 45px; background-position: center 25%; background-size: cover; border-radius: 18px 0 0 18px; } .article_listing_art { height: 200px; position: relative; overflow: hidden; flex: 0.5; min-width: 200px; max-width: 350px; } .article_page .article_listing_art::after { content: ""; position: absolute; top: -200px; right: -30px; width: 40px; height: 400px; background: linear-gradient(to top, #e0e0e0 0, #fff 100px); border-radius: 25%; box-shadow: -3px 0 6px black; } .article_listing_header_wrap { padding: 0 10px 5px 10px; flex:1 } .article_listing_header { margin: 0; font-size: 24px; } .article_listing_byline { font-size: 14px; } .article_listing_username { color: #80b0e0; font-weight: bold; } .article_listing_date { padding-left: 10px; margin-left: 10px; border-left: 1px solid black; } .article_listing_intro { font-size: 14px; padding: 5px; height: 110px; vertical-align: middle; display: table-cell; } .article_pagination_results { margin-top: 20px; text-align: center; font-size: 18px; } .article_pagination_div { text-align: center; font-size: 18px; } .article_pagination_link { display: inline-block; width: 35px; padding: 7px; text-decoration: none; font-size: 18px; font-family: "Russo One"; border-radius: 8px; background-color: #5b5b62; margin: 5px; color: white; text-shadow: 2px 2px rgba(0,0,0,0.5); vertical-align: middle; background: linear-gradient(to bottom, #6c737a 0%,#53575f 50%,#3b4049 51%,#5a5f68 100%); } span.article_pagination_link { color: #AAA; opacity: 0.5; text-shadow: none; pointer-events: none; } .article_pagination_select_wrapper { position: relative; height: 36px; vertical-align: middle; display: inline-block; } .article_pagination_select_wrapper::after { content: "\25BC"; height: 2em; font-size: 0.9em; line-height: 1; right: 0.5em; top: 50%; margin-top: -.5em; position: absolute; pointer-events: none; color: white; text-shadow: 2px 2px rgba(0,0,0,0.5); } .article_pagination_select { position: relative; padding: 1px; width: 150px; font-size: 16px; text-align: center; font-family: "Exo"; border-radius: 10px; outline-width: 0; vertical-align: middle; -webkit-appearance: button; height: 36px; text-align-last: center; color: white; border: none; } .article_text p { margin-bottom: 0.8em; } .article_text ul { margin-left: 1em; } .article_text h2, .article_text h3, .article_text h4 { margin-top: 1em; color:auto; } .article_text .subtext { font-size: 0.7em; } .article_text .x_hr { width: 70%; border-width: 0px; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)); margin: 20px auto; text-align: center; } body.mce-content-body blockquote, .article_text blockquote, blockquote.x_quote { border-width: 1px 1px 1px 5px; border-color: #CCC; border-style: solid; color: #333333; margin: 1.5em 2em 1.5em 2em; padding: 10px 35px 10px 20px; background: #F2F2F2 url("/images/quote.png") no-repeat top right; border-radius: 2px 6px 6px 2px; } .article_text blockquote p:last-of-type { margin-bottom: 0em; } .article_text img { max-width: 100%; } .article_text img.x_img { border-radius: 6px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); margin-top: 0.8em; } .qna-wrap { box-shadow:2px 2px 3px rgba(0,0,0,0.25), -2px -2px 3px rgba(0,0,0,0.25); border-radius:12px;position: relative; } .qna-wrap-q { display:flex; min-height:50px; margin: 0; padding: 0; position: relative; } .qna-wrap-a { display:flex; min-height:50px; margin: 0; padding: 0; position: relative; } .qna-p { flex:1; } .qna-wrap-q > .qna-letter { flex: 0; min-width: 65px; background: transparent url('/images/qna-q.svg') top center / contain no-repeat; } .qna-wrap-a > .qna-letter { flex: 0; min-width: 65px; background: transparent url('/images/qna-a.svg') top center / contain no-repeat; } /* ========================================================================================================== █▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀ █ █ █ █ █ █▀▀ █▄▄▀ ▀ ▀▀▀▀ ▀▀▀▀ ▀ ▀▀▀ ▀ ▀▀ ========================================================================================================== */ #page-footer { width: 600px; text-align: center; margin: auto; padding: 6px 0 40px 0; } .footer-help-us { width: 200px; text-align: center; display: inline-block; vertical-align: top; height: 40px; overflow: hidden; } #footer-info { min-width:600px; text-align: center; position: relative; background: black url("/images/footer.jpg") top left repeat-x; margin-bottom: -20px; padding-bottom: 5px;} #footer-info .footer-info-block { vertical-align: middle; font-size: 16px; display: inline-block; width: 285px; max-width:285px; padding:5px; color: #8F8F8F; text-align: left;} #footer-humongulus { height: 40px; width: 50px; opacity: 0.6; margin: auto; } #footer-humongulus:hover { opacity:1; } #footer-info a:hover { text-decoration: underline; } #footer-info .footer-legal { font-size:16px; text-align:right; border-right: 1px solid #bdbdbd; } #footer_thanks { text-align:center; font-size:16px; } #footer_vers { text-align:center; color: #888; padding:2em 0 1em 0; } #footer_thanks a { color: #BDBDBD; text-decoration: none; } #footer_thanks a:hover { text-decoration: underline; } .article_block_footer { display: flex; width: 100%; padding: 20px 0 20px 0; background: linear-gradient(to bottom, #666, #efeff4 2px, #ccccd4 152px, #444 155px); margin-top: 30px; } .article_block_footer_item { flex: 1; text-align: center; } .article_listing_mini { width: 280px; height: 115px; position: relative; overflow: hidden; background-size: cover; border-radius: 10px; box-shadow: inset 1px 0 2px black,inset -1px 0 2px black,2px 2px 4px rgba(0,0,0,0.5); background-position: top center; } .article_listing_mini:hover,.article_listing_mini:active,.article_listing_mini:focus { color: white; text-decoration: none; } .article_listing_mini .article_listing_header_wrap { padding: 5px 10px 5px 10px; border-radius: 10px 10px 0 0; } .article_listing_mini .article_listing_header { margin: 0; font-size: 15px; color: white; text-align: center; height: 40px; text-shadow: 0 0 2px rgba(0,0,0,0.5), 1px 1px 2px rgba(0,0,0,0.5), -1px -1px 2px rgba(0,0,0,0.5); } .article_listing_mini .article_listing_byline { font-size: 12px; color: white; border-radius: 0 0 10px 10px; padding: 2px; background: linear-gradient(to bottom,transparent,black); } .article_listing_mini .article_listing_username { font-weight: bold; text-align: center; color:white; } .cdb_set_mini_block { background: #202020 linear-gradient(to bottom, black 0, rgb(255, 255, 255) 1px, rgba(0,0,0,0) 11px); box-shadow: 0 -1px black, 2px 2px 4px rgba(0,0,0,0.5); position: relative; border-radius: 10px; display: inline-block; width: 280px; } .cdb_set_mini_inner { border-radius: 10px; background-size: cover; background-position: center center; height: 115px; position: relative; display: inline-block; width: 280px; } .cdb_set_mini_inner .cdb_set_logo { margin-top: 5px; max-height: 80px; text-align: center; } .cdb_set_mini_bottom { display: flex; color: white; font-weight: bold; font-size: 12px; position: absolute; bottom: 0; left: 0; right: 0; } .cdb_set_mini_count, .cdb_set_mini_release { text-align: center; flex: 1; } /* ========================================================================================================== █▀▀▀ █ █▀▀█ █▀▀▄ █▀▀█ █ █▀▀█ █▀▀ █▀▀ █▀▀█ █▀▀█ █▄ █ █▀▀ ▀█▀ ▀█ █▀ █▀▀ █ ▀█ █ █ █ █▀▀▄ █▄▄█ █ █▄▄▀ █▀▀ ▀▀█ █▄▄█ █ █ █▀█▄█ ▀▀█ █ █▄█ █▀▀ ▀▀▀▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ █ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀▀ ========================================================================================================== */ @media (max-width: 1850px) { #body { max-width: 1500px;} .front-page-2flex .front-page-left { max-width: 900px; margin: 0 auto auto auto; } .article_block_footer .article_block_footer_item:nth-of-type(4) { display: none; } .emoji-wrapper { max-height: 174px; overflow:hidden; text-align:center; } } @media (max-width: 1520px) { .front-page-2flex { width: 1180px; } .front-page-2flex .front-page-left { max-width: 600px; } #articles-wide .article-wide:nth-child(1n+5) { display:flex; } #articles-wide .article-wide {margin:8px} .article_block_footer .article_block_footer_item:nth-of-type(3) { display: none; } } @media (max-width: 1220px) { .front-page-2flex { display:block; width:auto; } .front-page-2flex .front-page-left, .front-page-2flex .front-page-right { max-width: 900px; width:900px; margin:auto; } #articles-wide .article-wide:nth-child(1n+4) { display:none; } .infoblock { display: inline-block; margin: 8px 6px 8px 8px; width: 275px; } .article_block_footer .article_block_footer_item:nth-of-type(2) { display: none; } } @media (max-width: 920px) { .front-page-2flex { display:block; width:auto;} #sidenav-opener { opacity:0.9; height:50px; width:50px; font-size: 50px; line-height: 50px; } .front-page-2flex .front-page-right, .front-page-2flex .front-page-left { max-width: 580px; width:580px; margin:auto; } .infoblock { display: inline-block; margin: 8px 0 8px 8px; width: 275px; } .article_block_footer .article_block_footer_item:nth-of-type(5) { display: none; } } @media (max-width: 850px) { .emoji-wrapper { max-height: 27px; overflow: hidden; } } /* ========================================================================================================== █▀▀▄ █▀▀ █▀▀ █ █ █▀▀█ █▄ █ █▀▀▄ █▀▀ █▀▀█ █▀▀█ █▀▀▄ ▀▀█▀▀ █▀▀█ █▀▀▀ █▀▀ █ █ █▀▀ █ █▀▄ █▄▄█ █▀█▄█ █ █ █ █▄▄█ █▄▄▀ █ █ █ █▄▄█ █ ▀█ ▀▀█ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀▀ ▀▀▀ ========================================================================================================== */ .deck-tag, .price-tag { border-radius: 1em; background-color: #507090; text-align: center; color: #fff; text-transform: uppercase; padding: 0.1em 1em; font-weight: bold; font-family: "Exo"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 1px; } .deck-tag-mini, .price-tag-mini { font-size: 9px;} .price-tag-positive { background-color: #206020;} .price-tag-negative { background-color: #602020;} .deck-tag-modern { background-color: #205080;} .deck-tag-standard { background-color: #939274;} .deck-tag-commander { background-color: #348020;} .deck-tag-reanimator { background-color: #303050;} .deck-tag-burn { background-color: #901010; } .deck-tag-powered { background-color: #400090;} .deck-tag-unpowered { background-color: #909040; } .deck-tag-pauper { background-color: #20a020; } .deck-tag-combo { background-color: #602060;} .decklist { border: 1px solid; border-radius: 10px; min-width: 550px; background-color: white; max-width:1000px; margin:auto;} .decklist_min_content { width:min-content; } .decklist.decklist_full { width: auto; } .decklist_head { padding: 5px 0 5px 0; border-radius: 9px 9px 0 0; text-align: center; color: white; font-weight: bold; text-shadow: 0 0 2px black, 1px 1px 1px black; position: relative; } .decklist_body h4 { margin: 0 0 0 1em !important; padding: 0 !important; display: inline-block; font-size: 16px; text-transform: none; font-weight: normal; } .decklist_sideboard { background-color: #fafaf8; border-radius: 0 0 9px 9px; } .decklist_sideboard h4 { margin: 0 !important; padding: 0 !important; text-align: center; font-size: 16px; text-transform: none; font-weight: normal; background: linear-gradient(#887 0, #ddc 10%, #eed 99%, #888 100%); } .decklist_num { width: 2em; min-width: 2em; text-align: right; display: inline-block; padding-right: 4px; font-family: Cousine; } .decklist_body .autocard, .deck_sideboard_line .autocard { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .deck_section { width: 245px; padding-bottom: 1em; page-break-inside: avoid; break-inside: avoid-column; display:table; } .deck_sideboard_line { width: 245px; display: inline-block; } .decklist_body .smilies { height: 10px; width: auto; position: relative; left: 15px; margin-left: -16px; top: -5px; } .decklist_body { padding: 5px 10px 0 5px; border-radius: 0 0 10px 10px; column-width: 245px; column-fill: balance;} .decklist_body span, .decklist_body a { height: 1.3em; } .decklist_dl { position: absolute; text-shadow: 1px 1px white; top: 4px; right: 4px; border-radius: 6px; box-shadow: -1px -1px 2px black, 1px 1px 2px white; font-size: 18px !important; line-height: 1em; width: 24px; height: 24px; padding: 1px 24px 1px 4px; background: radial-gradient(at top left, #f5f5f5 0%,#c3c3c3 50%,#b1b1b1 51%,#ededed 100%); color: black; } .decklist_dl:hover { background: radial-gradient(at top left, #fafafa 0%,#e1e1e1 50%,#d8d8d8 51%,#f6f6f6 100%);} .decklist_dl_choice { font-family: "Russo One" !important; color: black; display: block; text-align: center; margin: 10px auto 0 auto; background: linear-gradient(to bottom, #f2f6f8 0,#d8e1e7 50%,#c8d6de 51%,#c8d6de 100%); border-radius: 10px; padding: 8px 0 8px 0; width: 90%; border: 1px solid #888; } .decklist_dl_choice:hover { color:black; text-decoration:none; background: linear-gradient(to bottom, rgba(242,242,248,1) 0,rgba(217,217,231,1) 50%,rgba(200,200,222,1) 51%,rgba(200,200,222,1) 100%);} .decklist_dialog { padding: 0 0 5px 0 !important; background: linear-gradient(to bottom right,#DDD,#FFF,#DDD); box-shadow: 4px 4px 6px #555; } .decklist_dialog .ui-dialog-buttonpane { background: none; padding: 0; border-top: none; margin: 0; } .ui-widget-header { border:none; border-bottom: 1px solid #aaa; background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); } .tooltip-autocard { max-width: none !important; padding: 0 !important; border-radius: 13px !important; box-shadow: none !important; border: none !important; background-color: transparent !important; height: 360px; } .autocard_info_wrap { display: flex; margin: -2px 12px 0 12px; background: linear-gradient(to bottom, rgba(40,40,40,0.5) 0, rgba(80,80,80,0.5) 100%); padding: 3px; border-radius: 0 0 80% 80%; } .autocard_foot_wrap { display:flex; position: absolute; bottom: -20px; left: 10px; right: 10px; padding:20px 5px 0 5px; border-radius: 0 0 20px 20px; background: linear-gradient(to bottom, rgba(40,40,40,0.75) 0, rgba(80,80,80,0.75) 100%); box-shadow: 2px 2px 2px rgba(0,0,0,0.75); } .autocard_price, .autocard_price > a { color:white !important; } .tooltip-autocard_ccc { height:336px; width:240px; border-radius: 13px; margin: -1px; padding: 0 !important; pointer-events:none; border-radius: 13px !important; box-shadow: none !important; border: none !important; background-color: transparent !important; } .autocard_popup_wrap { position:relative; } .autocard_foil_overlay { position: absolute; left: 0; right: 0; top: 0; height: 335px; background: url('/images/foil_overlay.png'); border-radius: 13px; opacity:0.75; mix-blend-mode: overlay;} .autocard_foil_overlay2 { position: absolute; left: 0; right: 0; top: 0; height: 335px; border-radius: 13px; opacity: .25; mix-blend-mode: multiply; background: linear-gradient(60deg, blue, purple, red, orange, yellow, green); } .decklist_body .autocard.autocard_foil, .deck_sideboard_line .autocard.autocard_foil { position: relative; max-width: 168px !important; } .autocard_foil_icon { display: inline-block; opacity: 0.75; width: 12px; height: 12px; position: relative; top: 2px; } .autocard_ccc_img { display:inline-block; height:405px; width:290px; vertical-align: top; } .x_autocard { padding: 0px !important; margin: 0px; background-color: black; border: none !important; border-radius: 15px; box-shadow: 3px 3px 5px rgba(0,0,0,0.5); line-height: 0; } .x_autocard * { padding: 0; margin:0; } .x_autocard img { border-radius: 15px; } .autocard_price, .autocard_rating { flex: 1; font-size:14px; text-align:center; line-height:1em;} .tooltip-tip { color: white !important; background: linear-gradient(to bottom right,#444,black,#444) !important; box-shadow: 2px 2px 5px black !important; border: 1px solid rgba(200,200,1200,0.25) !important; border-radius: 6px !important; padding: 2px 6px !important; } .tooltip-basic { padding: 6px; border-radius: 13px; box-shadow: 0 0 1px, 4px 4px 4px; border: none !important; background: radial-gradient(circle,#eee 80%,#fff); } /* ========================================================================================================== █▀▀▄ █▀▀ █▀▀ █ █ █▀▀ █▀▀ █▀▀█ ▀▀█▀▀ █ █ █▀▀█ █▀▀ █▀▀ █ █ █▀▀ █ █▀▄ █▀▀ █▀▀ █▄▄█ █ █ █ █▄▄▀ █▀▀ ▀▀█ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .decklist button { outline-width: 0 !important; font-size: 15px; white-space: nowrap; } .decklist_menubar { background: linear-gradient(to bottom, #fff,#ddd 50%, #bbb 50%, #fff); font-size: 13px; padding: 0 2px; box-shadow: 0 1px 1px rgba(0,0,0,0.25); } .decklist_menubar_btn { padding: 0 10px 0 5px; box-shadow: 1px 1px 3px #ccc, inset 1px 1px white, inset -1px -1px #aaa; margin: 3px 3px 2px 1px;border: 1px solid #ccc; border-radius: 6px; background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(229,229,229,1) 50%,rgba(204,204,204,1) 51%,rgba(240,240,240,1) 100%); text-shadow: 1px 1px white; } .decklist_menubar_btn:hover, .decklist_menubar_btn.active { background: linear-gradient(to bottom, #f8f8fa 0%,#e8e8ee 50%,#d0d1de 51%,#f1f1f5 100%); } .decklist_menubar_btn.active { font-weight: bold; } .decklist_tabs { display: flex; } .decklist_swap { flex:1; } .decklist_body.decklist_hidden { height: 1px !important; overflow: hidden; padding: 0px; } .deck_chart text { text-shadow: 0 0 1px rgba(255,255,255,0.75),0 0 2px rgba(255,255,255,0.75),0 0 3px rgba(255,255,255,0.75),0 0 1px rgba(255,255,255,0.75); fill: black; font-weight: bold; } .deck_chart { display:none; } .deck_chart_wrap .deck_chart:nth-of-type(1) { display:block; } .deck_section_button { flex: 1; margin: 5px; border: 1px solid black; border-radius: 6px; padding: 2px; background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(229,229,229,1) 50%,rgba(204,204,204,1) 51%,rgba(240,240,240,1) 100%); text-shadow: 1px 1px white; } .deck_section_button.active, .deck_section_button:hover { background: linear-gradient(to bottom, rgba(244,246,250,1) 0%,rgba(222,227,236,1) 50%,rgba(191,201,217,1) 51%,rgba(230,237,250,1) 100%); } .deck_section_button_wrap { display: flex; } .deck_chart_wrap { background: linear-gradient(to bottom,#fff,#eee,#fff); } .deck_chart_div { width:100%; height: 420px; } .decklist_charts_container { display:none; height: 530px; } .decklist_draw_container { display:none; height: 530px; } .deck_section_button.deck_hand_7, .deck_section_button.deck_scry_top { padding: 5px 40px 5px 40px;} .deck_hand_area { position: relative; padding: 10px; height: 440px; background: linear-gradient(to bottom,#fff,#ddd,#fff); } .deck_hand_wrap { background-color: black; top: -5px; position:relative; overflow: hidden; height: 440px; margin: auto; max-width: 700px; box-shadow: 4px 4px 6px rgba(0,0,0,0.5), 0 0 2px black, 0 0 2px black; background-image: url("/images/playmat.jpg?v=2"); border-radius: 20px; background-position: center center; } .deck_hand_holder { height:100%; overflow:hidden; position:relative; } .deck_hand_holder img { position: absolute; width: 150px; height: 210px; object-fit: initial; border-radius: 8px; transition: 2s; cursor:pointer; } .deck_hand_holder img:nth-of-type(1) { left: 5%; transform: rotate(-9deg); top: 151px; } .deck_hand_holder img:nth-of-type(2) { left: 15%; transform: rotate(-6deg); top: 139px; } .deck_hand_holder img:nth-of-type(3) { left: 25%; transform: rotate(-3deg); top: 127px; } .deck_hand_holder img:nth-of-type(4) { left: 35%; left: calc(50% - 75px); transform: rotate(0deg); top: 123px; } .deck_hand_holder img:nth-of-type(5) { right: 25%; transform: rotate(3deg); top: 127px; } .deck_hand_holder img:nth-of-type(6) { right: 15%; transform: rotate(6deg); top: 139px; } .deck_hand_holder img:nth-of-type(7) { right: 5%; transform: rotate(9deg); top: 151px; } .deck_hand_holder img.drawing { top: 500px !important; left: 40% !important; right: 40% !important; transform: rotate(0deg); } .deck_hand_holder img.examine { height: 405px; width: 290px; transform: none; z-index: 2; border-radius: 16px; top: 10px; } .deck_hand_holder img.quick { transition:0.375s; } .deck_preload img { width:1px !important; height:1px !important; opacity: 0.01; } .deck_line { white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width:100%; display:flex; position: relative; max-width: 245px; } .decklist_cmc { display: none; width: 1.5em; text-align: center; font-family: Cousine; color: #555; margin: 0 4px 0 0.5em; border-radius: 0.3em; background: radial-gradient(ellipse at center, #ddd,#eee); white-space: nowrap; box-shadow: inset 0 0 2px rgba(0,0,0,0.5); } .decklist_mana { display: none; white-space: nowrap; padding-right: 4px; text-align: right; flex: 1; } .decklist_price { display: none; width: 3.3em; white-space:nowrap; text-align: right; padding-right: 4px; font-family: Cousine; flex: 1; } .decklist_price a { font-size: 0.9em; display: block; position: relative; top: -2px; font-family: Cousine; text-decoration: dotted underline; } .decklist_price a:hover { text-decoration:underline; color: #468;} .decklist_total_container { display:none; background: linear-gradient(to bottom, #fff, #eef 10%, #dde); border-radius: 0 0 9px 9px; text-align: center; padding-top: 5px; } .autocard.autocard_plain { color: #246 !important; text-decoration: none !important; max-width: 170px !important; } .deck_scry_holder { margin-left: 50px; } .deck_scry_holder li { margin-bottom: 4px; } .deck_scry_holder li::marker { font-family: Cousine; } .scry_result { display: block; width: max-content; } .deck_cmc_totals { display: flex; } .deck_cmc_totals > div { flex:1; text-align:center; font-weight:bold; font-size: 13px; } .deck_hand_title { position: absolute; bottom: 1.65em; height: 1em; left: 0; right: 0; color: #fff; font-family: Russo One; font-size: 16px; text-align: center; text-shadow: 0 0 1px black,0 0 2px black,0 0 3px black; opacity: 0.75; z-index:3;} /* ========================================================================================================== █▄ █ █▀▀█ █▄ █ █▀▀ █▀▀█ █▀▀█ █ █ █▀▄▀█ █▀▀ █▀▀█ █▀▄▀█ █▀▄▀█ █▀▀ █▄ █ ▀▀█▀▀ █▀▀ █▀█▄█ █ █ █▀█▄█ ▀▀ █▀▀ █ █ █▄▄▀ █ █ █ ▀ █ █ █ █ █ ▀ █ █ ▀ █ █▀▀ █▀█▄█ █ ▀▀█ ▀ ▀▀ ▀▀▀▀ ▀ ▀▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀ ▀▀▀ ========================================================================================================== */ .comment_panel { padding: 10px 20px 20px 20px; position: relative; } .comment_container { clear: both; margin-bottom:8px; position:relative; } .commentary_avatar { float: left; height: 75px; width: 75px; } .commentary_avatar > .avatar { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; } .postbody.comment_text { float: none; font-size: 16px; padding: 5px 0 10px 0; width:100%; max-width:100%;} .comment_wrapper { margin-left: 80px; position: relative; border: 1px solid #DDD; border-radius: 10px; padding: 5px; background: #f4f4f4; box-shadow: 2px 2px 4px rgba(0,0,0,0.25); } .comment_wrapper::before { content: ''; position: absolute; left: 0; top: 10px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #DDD; border-left: 0; margin-left: -10px; } .comment_wrapper::after { content: ''; position: absolute; left: 0; top: 10px; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f4f4f4; border-left: 0; margin-left: -8px; } .comment_buttons { position:absolute; top: 2px; right: 2px; z-index: 2; } .comment_buttons .button .icon { padding:2px 0 2px 0; bottom:0; } .comment_add { max-width:900px; margin:auto;} .comment_mod_thread_link { position: absolute; right: 16px; top: 2px; z-index: 2; } .comment_mod_thread_link a { color: #99b; } .comment_pagination { text-align: center; height:24px;} .comment_pagination .pagination { text-align: center; width: auto; float:none; } .comment_pagination li a, .comment_pagination li.active span { height: 16px; border-radius: 6px; line-height: 16px; width: 10px; } .comments_container { margin: 50px auto 0 auto; border-radius: 20px; background: linear-gradient(to bottom, #4e4e4e 0,#3c3c3c 12px,#2d2d2d 13px,#424242 26px, #ddd 27px, #f4f4f4 200px); max-width: 900px; } .comments_header { font-family: "Russo One"; font-size: 20px; text-align: center; color: white; } .comment_area_note { text-align: center; font-style: italic; } .comment_text cite a[data-post-id] { display: none; } /* ========================================================================================================== █▀▀ █▀▀█ █▀▀█ █ █ █▀▄▀█ █▀▀█ ▀█ █▀ █▀▀ █▀▀█ █▀▀█ ▀█▀ █▀▀▄ █▀▀ █▀▀ █▀▀ █ █ █▄▄▀ █ █ █ ▀ █ █ █ █▄█ █▀▀ █▄▄▀ █▄▄▀ █ █ █ █▀▀ ▀▀█ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀▀ ▀ ▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .unread_notification { background: linear-gradient(to bottom,#cde 0, #e8eeff 50%, #cde 100%); } .contact-icon.phpbb_twitch-icon { background-image: url("/images/twitch.png"); } .avatar > img { border-radius: 10%; } .postbody h1, .postbody h2, .postbody h3, .postbody h4 { color: black; border:none; margin: 0.5em; padding:0;} .postbody a { color: #499; text-decoration: #abc underline; display: inline;} .cards_box ol, .cards_box ul { margin:0 0 0 1em; } .autocard_image { border-radius: 12px; } .ccc_card_head { background: linear-gradient(to bottom, rgba(54,54,54,0.5) 0%,rgba(119,119,119,0.5) 50%,rgba(80,80,80,0.5) 51%,rgba(182,182,182,0.5) 100%); } .post_header{ margin: 10px 0 10px 0; padding: 4px; text-shadow:0 0 2px black, 1px 1px 2px black; } .post_header > h4 { margin:0; padding:4px; color:white; text-align:center; font-weight: normal;} .forum_info_div a, .forum_info_div a.postlink { color: #277; } .forum_info_div a:hover { color: #345961; text-decoration: #345961 solid underline; background: transparent; } .box-tag-header { padding:4px; margin-bottom:4px; font-size:20px; font-weight:bold; text-align:center; color:white; background: linear-gradient(to bottom, rgba(192,192,192,0.5) 0%,rgba(48,48,48,0.5) 100%); text-shadow: 0 0 2px black, 1px 1px 2px black; } #postform #postingbox #subject { width: 300px !important; padding: 5px; border-radius: 6px; } .tag_selector_label { width: 60px; display: inline-block; } #tag_selector { width: 250px; border-radius: 6px; padding: 2px; border-color: #C7C3BF; appearance:button; -moz-appearance: button; -webkit-appearance: button; } .submit-buttons a.button1 { vertical-align: middle; padding: 1px 5px;} .post_thanks { width: auto; margin-top: 1.5em; padding-top: 0.2em; font-size: 0.9em; border-top: 1px dashed #CCC; clear: left; line-height: 130%; } .profile-flair { height: 45px; } @media screen and (max-width: 850px) { .profile-flair { display: none; } } .postbody img { max-width: 100%; object-fit: contain; } .custom_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #message { background: linear-gradient(#CCC 0, #fff 5px); } .signature { max-height: 150px; max-width: 100%; white-space: normal; word-break: break-word; } .signature_expand { display:none; position: absolute; bottom: -2px; left: 0; right: 0; text-align: center; background: linear-gradient(to left,#f4f4f4,transparent), linear-gradient(to right,#f4f4f4,transparent), linear-gradient(transparent,#ccd 10%, #ccd 90%, transparent); color: #888; text-shadow: 1px 1px white; cursor: pointer; } .floatquote { z-index: 4; } .card_fan_holder.card_fan_holder_small { transform: scale(0.4); margin: -90px auto !important; } /* ========================================================================================================== █ █▀▀ █▀▀█ █ █ ▀▀█▀▀ █▀▀█ █▀▀▀ █ █▀▀ █▄▄█ █▀▄ █ █▄▄█ █ ▀█ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ========================================================================================================== */ .x\.leak { border: 1px solid rgba(150,100,100,0.5); background-color: rgba(150,100,100,0.05); border-radius: 0 10px 0 10px; padding: 3px 5px; margin: 16px 0px; position: relative; } .x\.leak-title { width: 250px; font-family:Russo One; background: #500; color: white; text-align: center; margin: auto; font-size: 14px; line-height: 14px; position: absolute; top: -15px; left: -1px; border-radius: 20px 0 0 0; } .x\.leak-title::after { content: ""; position: absolute; right: -150px; width: 0; height: 0; border-style: solid; border-width: 14px 0 0 150px; border-color: transparent transparent transparent #500; } .x\.leak-show_once { display: inline-block; } .x\.leak-join_group { display: inline-block; } .x\.leak-form { margin: 0; padding: 0; } .x\.leak-btn { margin: 2px 4px; font-size: 14px; padding: 0; width: 160px; line-height: 18px; } .x\.leak-contents { display: none; } .x\.leak-stop-seeing { position: absolute; bottom: -14px; right: -1px; height: 14px; width: 160px; background: #500; border-radius: 0 0 20px 0; } .x\.leak-stop-seeing::after { content: ""; position: absolute; left: -50px; width: 0; height: 0; border-style: solid; border-width: 0 50px 14px 0; border-color: transparent #500 transparent transparent; } .x\.leak-btn-stop { background: none; color: white; font-size: 12px; padding: 0; border-radius: 0 0 20px 0; width: 140px; border: none; line-height: 14px; height: 14px; position: absolute; display:none; } /* ========================================================================================================== █▀▀█ █ █ ▀▀█▀▀ █▀▀█ █▀▀█ ▀█▀ █▀▀ ▀▀█▀▀ █▀▀█ █▀▀▀ █▀▀ █▄▄▀ █▀▀█ █ █ █ █▄▄█ █ █ █ █▄▄█ █ ▀█ ▀▀█ ▀ ▀▀ ▀ ▀ ▀ ▀▀▀▀ █ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀▀ ▀▀▀ ========================================================================================================== */ .rh_tag.rh_tag_primer { background-color: #384; text-transform: uppercase; float:left; } .rh_tag.rh_tag_help-wanted { background-color: #a4a; float:left; } .rh_tag.rh_tag_help-wanted a, .rh_tag.rh_tag_help-wanted a:hover, .rh_tag.rh_tag_help-wanted a:active, .rh_tag.rh_tag_help-wanted a:visited, .rh_tag.rh_tag_primer a, .rh_tag.rh_tag_primer a:hover, .rh_tag.rh_tag_primer a:active, .rh_tag.rh_tag_primer a:visited { color:white; } /* ========================================================================================================== █▀▄▀█ █▀▀█ █▀▀█ █ █ █▀▀ ▀▀█▀▀ █ ▀ █ █▄▄█ █▄▄▀ █▀▄ █▀▀ █ ▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ ▀ ========================================================================================================== */ .mw_top_row { width:98%; margin:auto; display: grid; grid-template-columns: 33% 34% 33%; position:relative; } .mw_top_row > .cdb_details_box ~ .cdb_details_box { margin-left: 5px; } @media screen and (max-width: 1100px) { .mw_top_row { grid-template-columns: 100%; } .market-watch-table tr td:nth-child(4) { display: table-cell; } } .mw_card_wrap { vertical-align: top; display: inline-block; width: 150px; height: 210px; padding: 8px 4px; position: relative; margin: 10px 5px; border-radius: 8px; box-shadow: -2px -2px 2px rgba(0,0,0,0.1), 2px 2px 2px rgba(255,255,255,0.4), inset -2px -2px 2px rgba(0,0,0,0.1), inset 2px 2px rgba(255,255,255,0.4); text-align: center; } .mw_card_wrap:hover { color: initial; } .mw_card { box-shadow: 1px 1px 2px black; } .mw_card_price_topper { position: absolute; width: 100px; height: 24px; top: 0; left: 50%; margin-left: -50px; background: transparent linear-gradient(to bottom, transparent, #aaa 4px, #eee 40%, #fff 41%, #ddd); text-align: center; font-size: 14px; padding-top: 1px; text-shadow: 1px 1px white; font-weight: bold; border-radius: 0 0 20px 20px; box-shadow: 0px 2px 2px rgba(0,0,0,0.25); } .mw_card_price_footer { position: absolute; width: 150px; height: 28px; bottom: 0; left: 50%; margin-left: -75px; background: transparent linear-gradient(to top, transparent, #aaa 4px, #eee 40%, #fff 41%, #ddd); text-align: center; font-size: 13px; padding: 0; text-shadow: 1px 1px white; font-weight: bold; border-radius: 20px 20px 0 0; box-shadow: 0px -2px 2px rgba(0,0,0,0.25); display: flex; } .mw_card_foot_left { border-right: 1px solid #777; width:65px; margin-top:-2px; height: 16px; display: inline-block; margin-left:10px; } .mw_card_foot_right { border-left: 1px solid #ddd; width:60px; margin-top:-2px; height: 16px; display: inline-block; } .mw_price_div { display: flex; flex-direction: column; height: 24px; } .mw_price_div_top { height: 14px; } .mw_price_div_bottom { font-size: 8px; height: 10px; } .mw_set_wrap { height: 250px; vertical-align: top; position: relative; width: 200px; margin: 5px; border-radius: 20px; } .mw_set_wrap_inner { background-position: top center; background-size: cover; border-radius:20px; margin: 5px; height: 240px; position:relative; box-shadow: inset 2px -2px 8px black, inset -2px 2px 8px black,inset 2px 2px 8px black, inset -2px -2px 8px black; } .mw_set_wrap_inner::after { content: ""; left: 0; right: 0; top: 0; bottom: 0; border-radius: 20px; background-image: linear-gradient(to bottom right,rgba(0,0,0,0.25) 30%,rgba(128,128,128,0.25),rgba(0,0,0,0.25) 70%); position: absolute; } .mw_set_logo { padding: 80px 0 0 0; font-weight: bold; font-size: 20px; max-width: 100%; white-space: break-spaces; color: white; text-shadow: 1px 1px 2px black; } .mw_set_wrap:hover { color: initial; } .market-watch-table-large { font-size:15px; border-collapse: separate; } .market-watch-table-large > tbody > tr:nth-child(2n) { background-color: rgba(128,128,128,0.08); } .market-watch-table-large > tbody > tr > td:first-of-type { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .market-watch-table-large > tbody > tr > td > a { display:inline; } .market-watch-table-large > tbody > tr > td:nth-child(n+2) , .market-watch-table-large > thead > tr > th:nth-child(n+2) { font-family: "Cousine"; text-align:right; padding-right:15px; min-width:3em; width:15%; } .market-watch-table-large > tbody > tr > td:nth-child(1) , .market-watch-table-large > thead > tr > th:nth-child(1) { font-family: "Exo"; text-align:left; padding-right:15px; } .mwt_button.selected { background-color: rgba(128,256,256,0.3); } .mwt_table_wrap { margin-top: -10px; padding: 10px; } .mws_num { font-size: 11px; position: relative; top: -0.75em; width: 1.2em; display: inline-block; font-family: "Cousine"; opacity: 0.75; } @media screen and (max-width: 700px) { .market-watch-table-large tr > th:nth-of-type(5), .market-watch-table-large tr > td:nth-of-type(5) { display:none; } } .market_card_crop_shoplist { position: relative; margin: auto; padding: 3px 0; font-size: 16px; width: 500px; background: white; } .market_card_link:hover { text-decoration:none; color:black;} .market_card_crop { width: 80%; height: 120px; padding-top:5%; max-width: 250px; background-position: 0 0; background-size: cover; border-radius: 10px / 12px; margin: 5px auto -20px auto; } .market_card_crop_foil { position:relative; z-index:1; } .market_card_crop_foil::after { content: ""; position: absolute; z-index:2; left: 0; right: 0; top: 0; bottom:0; border-radius: 10px / 12px; opacity: .25; mix-blend-mode: multiply; background: linear-gradient(60deg, blue, purple, red, orange, yellow, green); } /* ========================================================================================================== █▀▀ █▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀ █▀▀█ █▀▀ █▄ █ ▀█▀ █▀▀█ █▀▀█ █▀▀ ▀▀█▀▀ █▀▀ █ █ █ █▄▄█ █▄▄▀ █▀▀ █▄▄█ ▀▀█ █▀█▄█ █ █▄▄█ █▄▄█ █▀▀ █ ▀▀█ ▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀ ▀▀ ▀▀▀ █ █ ▀▀▀ ▀ ▀▀▀ ========================================================================================================== */ .ccc_card_head_color_white { background-color: #FFC; } .ccc_card_head_color_blue { background-color: #00A; } .ccc_card_head_color_black { background-color: #000; } .ccc_card_head_color_red { background-color: #A00; } .ccc_card_head_color_green { background-color: #0A0; } .ccc_card_head_color_gold, .ccc_card_head_color_multi { background-color: #da0; } .ccc_card_head_color_colorless { background-color: #aaa; } .ccc_card_head_color_artifact{ background-color: #cdd; } .ccc_card_head_color_purple { background-color: #528; } .ccc_card_head_color_pink { background-color: #e3b; } .ccc_card_head_color_yellow { background-color: #ff0; } .ccc_card_head_color_land { background-color: #862; } /* ========================================================================================================== █▀▀█ ▀█▀ █▀▀█ █▀▀ █▀▀ ▀▀█▀▀ █▀▀█ █▀▀▄ █ █▀▀ █▀▀ █▄▄█ █ █▄▄█ █▀▀ ▀▀█ █ █▄▄█ █▀▀▄ █ █▀▀ ▀▀█ █ ▀▀▀ █ ▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ .pipe-table { position:relative; border-collapse:separate; border-radius:6px; border:1px solid black; background-color:white; width:95%} .pipe-table > thead { background: #3e5160 linear-gradient(to bottom, #2c3744 0%,#3e5160 50%,#374857 51%,#557085 100%) !important; color:white;} .pipe-table > tbody > tr:hover > td { background-color:#EEE; } .pipe-table > tbody > tr > td { border-bottom: 1px solid #eaeaf0; vertical-align: top; padding: 0 8px 0 8px; } .pipe-table > thead > tr > th { padding: 0 8px 0 8px; } .pipe-table tr:last-of-type > td { border-bottom: none; } .pipe-table th:first-of-type {border-radius: 6px 0 0 0; } .pipe-table th:last-of-type {border-radius: 0 6px 0 0; } .pipe-table tr:last-of-type > td:first-of-type {border-radius: 0 0 0 px; } .pipe-table tr:last-of-type > td:last-of-type {border-radius: 0 0 6px 0; } /* ========================================================================================================== █▀▄▀█ █▀▀█ █▀▀▄ ▀▀█▀▀ █▀▀█ █▀▀▀ █ ▀ █ █ █ █ █ █ █▄▄█ █ ▀█ ▀ ▀ ▀▀▀▀ ▀▀▀ ▀ ▀ ▀ ▀▀▀▀ ========================================================================================================== */ .x_mod_text { color: white; font-size: 17px; width: 60%; margin: 10px auto 10px auto; padding: 5px 45px 5px 45px; border-radius: 20px; min-height: 50px; position: relative; text-align: center; box-shadow: 2px 2px 4px black; font-family: "Russo One"; background: #b03c2a linear-gradient(to bottom, #b03c2a 2%,#592617 70%,#592617 100%);} .x_mod_text_inner { background: #fee; color: black; min-height: 40px; border-radius: 10px; box-shadow: inset 2px 2px 4px black; padding: 5px; font-family:"Exo"; font-weight:bold;} .x_mod_text:before { display: block; height: 100%; width: 50px; position: absolute; top: 0; left: 6px; z-index: 2; content: ""; background: transparent url("/images/alerts/warning_icon_1.png") no-repeat center center; } .x_mod_text:after { display: block; height: 100%; width: 50px; position: absolute; top: 0; right: 6px; z-index: 2; content: ""; background: transparent url("/images/alerts/warning_icon_2.png") no-repeat center center; } .x_mod_text h4 { color: white !important; margin: 0 !important; } /* ========================================================================================================== █▀▀█ █ █ █ █ █▀▀ █ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▄▄█ █ █ █ █ █▀▀ █ █ █ █▄▄█ █ ▀▀█ █ ▀▀▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀▀ ▀▀▀▀ ▀ ▀ ▀ ▀▀▀ ========================================================================================================== */ .pull-center { text-align: center; } .pull-left { float: left; padding: 0 20px 10px 4px; } .pull-right { float: right; padding: 0 4px 10px 20px; } .pull-pad .autocard_image { width: 240px; } @media screen and (max-width: 850px) { .article_page .pull-left, .article_page .pull-right, .content .pull-left, .content .pull-right { float:none !important; display:block; margin:auto; text-align:center; padding: 0 10px 10px 10px; } } /* ========================================================================================================== █▀▀█ █▀▀▄ █▀▀▄ █▀▀ █▀▀█ █▀▀█ ▀█ █▀ █▀▀ █▀▀█ █▀▀█ ▀█▀ █▀▀▄ █▀▀ █▀▀ █▄▄█ █▀▀▄ █▀▀▄ █ ▀▄ █ █ █▄█ █▀▀ █▄▄▀ █▄▄▀ █ █ █ █▀▀ ▀▀█ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀▀ █▄▄█ ▀▀▀▀ ▀ ▀▀▀ ▀ ▀▀ ▀ ▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀ ========================================================================================================== */ #abbc3_buttons input { border-radius: 4px; padding: 2px; background-size: contain; background-origin: content-box; } #abbc3_buttons .abbc3_buttons_row:nth-of-type(1) { background: linear-gradient(to bottom, #e9eef1, #e2e7ec, #d8dde2, #d8dee4, #dae0e6); border-radius: 8px 8px 0 0; border-bottom: none; } #abbc3_buttons .abbc3_buttons_row:nth-of-type(2) { background: linear-gradient(to bottom, #ccd4dc, #e1e8eb, #eaf1f2); } .abbc3_button:hover { background-color: rgba(60,120,240,0.05) !important; border-color: #7777 white white #7777 !important; } .nxs\.sticker { border-radius: 5px; width: 120px; height: 120px; animation: squinch 1s 1; transform-origin: center; margin:3px; } .nxs\.sticker:hover { animation: squinch 1s infinite; } @keyframes squinch { 0% { transform: skew(0deg, 0deg); } 10% { transform: skew(-4deg, -4deg); } 20% { transform: skew(3deg, 3deg); } 30% { transform: skew(-3deg, -3deg); } 40% { transform: skew(2deg, 2deg); } 50% { transform: skew(-2deg, -2deg); } 60% { transform: skew(1deg, 1deg); } 70% { transform: skew(-1deg, -1deg); } 80% { transform: skew(0deg, 0deg); } } /* ========================================================================================================== ▀█ █▀ █▀▀█ █▀▀▀ █▀▀█ █▀▀▄ █▀▀█ █ █ █▀▀▄ ▀█▀ █▀▀█ █▀▀█ █ █▀▀█ █ █ █▀▀ █▀▀█ █▄█ █▄▄▀ █ ▀█ █▄▄▀ █▀▀▄ ▀▀ █▄▄█ █ █ █ █ █ █ █ █▄▄█ █ █▄▄█ █▄▄█ █▀▀ █▄▄▀ ▀ ▀ ▀▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀▀▀▀ ▀▀▀ ▀▀▀ ▀▀▀▀ █ ▀▀▀ ▀ ▀ ▄▄▄█ ▀▀▀ ▀ ▀▀ ========================================================================================================== */ .nxs-audio-audio_player_wrap { position: relative; margin: auto; width: 400px; height: 120px; border-radius: 20px 20px 10px 10px; box-shadow: inset -2px -2px 2px #000, inset 2px 2px 2px #888; background-position: center; } .nxs-audio-button { display: inline-block; text-align: center; border-radius: 100%; background-color: transparent; background-image: radial-gradient(at top left, rgba(64,64,64,0.5) 0%, rgba(48,48,48,0.5) 50%,rgba(32,32,32,0.5) 60%, rgba(48,48,48,0.5) 100%); text-shadow: -1px -1px 1px black; box-shadow: inset -1px -1px 1px black, inset 1px 1px 1px white, -1px -1px 1px black, 1px 1px 1px white; color: #dde; font-size: 40px; height: 50px; width: 50px; line-height: 50px; position: absolute; cursor: pointer; top: 10px; overflow:hidden; } .nxs-audio-button.nxs-audio-button-large { width: 60px; height: 60px; font-size: 60px; line-height: 60px; } .nxs-audio-button.nxs-audio-button-small { height: 40px; width: 40px; font-size: 30px; line-height: 47px; } .nxs-audio-button:hover { box-shadow: inset -1px -1px 1px white, inset 1px 1px 1px black; background-color: rgba(0,0,0,0.5); } .nxs-audio-button.nxs-audio-button-restart { left: 50px; } .nxs-audio-button.nxs-audio-button-skip_back { left: 105px; line-height: 55px; } .nxs-audio-button.nxs-audio-button-playpause { left: 170px; } .nxs-audio-button.nxs-audio-button-skip_up { right: 105px; line-height: 55px; } .nxs-audio-button.nxs-audio-button-mute { right: 50px; } .nxs-audio-status_bar-wrap { font-size: 20px; text-align: center; position: absolute; bottom: 5px; left: 10px; right: 10px; } .nxs-audio-status_bar { width: 100%; padding: 0; } .nxs-audio-button-speed-wrap { position: absolute; right: 10px; bottom: 28px; } .nxs-audio-button-speed_range { width: 120px; } .nxs-audio-button-volume_range-wrap { position: absolute; left: 10px; bottom: 27px; } .nxs-audio-button-volume_range { width: 120px; } .nxs-audio-time_wrap { position: absolute;left: 160px; right: 160px; bottom: 32px; color: white; text-align: center; font-size: 12px; font-family: Cousine; text-shadow: -1px -1px black; } .nxu-audio-icon { font-size: 20px; color: white; vertical-align: middle; } .nxs-audio-ticker_fade { opacity: 0.5; }