.hidden { visibility: hidden } .ua-warning { text-align: center; font-weight: bold; text-transform: uppercase; background: rgba(109, 38, 28, 0.64); padding: 10px 0px; color: white; margin: 10px auto; } body { background-color: #020202; background-image: url('wall.jpg'); background-position: top; background-repeat: no-repeat; background-size: 100%; margin-top: 4vw; padding: 40px; font-family: Roboto, sans-serif; min-width: 600px; } .loading { filter: blur(2px); } @media only screen and (max-width: 1000px) { body { background-size: 1000px; } } body:not([model=""])>div:not(.list){ pointer-events: none; opacity: .3; filter: blur(1px); } body>div { display: block; max-width: 900px!important; margin: 0 auto; position: relative; border-radius: 6px } body>div button { position: relative; height: 35px; width: 35px; background: 0 0; border: none; cursor: pointer; opacity: .6; border-radius: 3px; color: #150000 } body>div f button { position: static; width: auto; margin-top: -5px; opacity: 1; height: 25px; } body>div f button.right { float: right; } body>div f button.red { background: #c34f4f; color: #FFF; } body>div svg.icon { position: absolute; left: 4px; top: 4px; height: 25px; width: 25px; fill: #000; opacity: .6 } body>div h svg.icon { position: static; vertical-align: middle; margin-right: 10px; } body>div.nav.top { margin-bottom: 10px } body>div.nav.top #logo { display: block; padding: 5px; font-size: 55px; line-height: 35px; font-family: Merienda; color: #6d261c; text-shadow: 1px 1px 2px rgba(0, 0, 0, .68); cursor: pointer; text-decoration: none; } body>div.nav.top #logo t { display: block; font-size: 20px } body>div.nav.top .nav-link { position: relative; height: 35px; width: auto; background: 0 0; border: none; cursor: pointer; opacity: .6; border-radius: 3px; color: #150000; text-decoration: none; font-size: 13px; padding: 1px 6px; } body>div.nav a.right { width: auto; min-width: 35px; float: right; text-align: right; padding-right: 35px; color: #fff; text-transform: uppercase; font-size: 12px } body>div.nav a.right svg.icon { position: absolute; right: 4px; left: auto } body>div.nav a.left { float: left; width: auto; min-width: 35px; text-align: right; padding-left: 35px; color: #fff; text-transform: uppercase; font-size: 12px } body>div.filters { margin-top: 10px; text-align: right; } body>div.filters box { text-transform: uppercase; font-size: 11px; background: rgba(255, 255, 255, .20); color: #000; display: inline-block; line-height: 35px; padding: 0 10px; border-radius: 6px; cursor: pointer; margin-left: 5px; position: relative; padding-left: 35px; } body>div.filters box svg { top: 7px; left: 9px; } body>div.search { background: rgba(255, 255, 255, .20) } body:not([model=""])>div.nav.bottom { display: none !important; } body>div.nav.bottom { margin-top: 10px; text-align: center; line-height: 35px; color: #fff; font-size: 12px } body>div.nav.bottom a { opacity: .6; text-decoration: none; } body>div.nav.bottom svg.icon { fill: #FFF; } body>div.search { height: 55px } body>div.search input { position: absolute; top: 10px; left: 45px; right: 65px; bottom: 10px; border: none; width: calc(100% - 10px - 35px - 20px); padding: 0 10px; background: 0 0; outline: 0; color: #6d261c; font-weight: 700; font-size: 24px } body>div.search form>svg.icon { top: 15px; left: 15px } body>div.filters button { width: auto } body>div.search button { position: absolute; right: 10px; top: 10px; background: #ffffffba; border-radius: 100%; } body>div.search button svg.icon { position: absolute; left: 8px; top: 8px; height: 19px; width: 19px; fill: #000; outline: none; } body>div.search button.active, body>div.search button:hover { opacity: 1 } body>div.list { margin-top: 10px; padding: 1px 0; background: rgba(255, 255, 255, .20); } body:not([model=""])>div.list div:not(.model), body[model=""]>div.list div.model{ display: none !important; } body>div.list div { display: block; padding: 10px; margin: 10px; background: rgba(255, 255, 255, .95); color: #000000d9; box-shadow: 0 0 4px rgba(0, 0, 0, .4); text-shadow: 1px 1px 1px rgba(0, 0, 0, .05); } body>div.list div h { display: block; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px } body>div.list div h tag { float: right; background: rgba(0, 0, 0, .04); font-size: 10px; line-height: 17px; display: inline-block; vertical-align: middle; padding: 0 5px; border-radius: 4px; font-weight: 400; cursor: pointer; letter-spacing: 1px; text-transform: uppercase; margin-left: 10px } body>div.list div h tag.approval { float: none; } body>div.list div h tag.approval.active { background: #8aa67d; color: #FFF; margin-top: -4px; } body>div.list div h tag+tag { margin-left: 10px } body>div.list div t { display: block; margin: 5px -10px; font-size: 14px; padding: 10px; background: rgba(0, 0, 0, .04); color: rgba(0, 0, 0, .7); } body>div.list div t+t { margin-top: -4px; font-size: 12px } body>div.list a.src-link { text-transform: lowercase; font-size: 10px; vertical-align: middle; display: inline-block; float: right; cursor: pointer; text-decoration: none; color: #000000d9; } body>div.list div t svg.icon { position: static; vertical-align: middle; height: 20px; width: 20px; margin: 0 5px 0 0 } body>div.list div l { display: block; margin-left: 8px; border-left: 2px solid rgba(0, 0, 0, .3); padding-left: 10px; line-height: 22px; font-family: "Space Mono"; } body>div.list div f { display: block; height: 17px; margin-top: 10px } body>div.list div f tag { padding: 0; opacity: .6; font-size: 10px; line-height: 17px; display: inline-block; vertical-align: middle; cursor: pointer; letter-spacing: 1px; text-transform: uppercase } body>div.list div f tag+tag { margin-left: 20px; line-height: 21px; letter-spacing: .3px }