|
|
@@ -1,1126 +0,0 @@
|
|
|
-:root{
|
|
|
- --1d2021: #1d2021;
|
|
|
- --282828: #282828;
|
|
|
- --3c3836: #3c3836;
|
|
|
- --504945: #504945;
|
|
|
-
|
|
|
- /* font */
|
|
|
- --928374: #928374;
|
|
|
- --a89984: #c9c5bf;
|
|
|
- --bdae93: #bdae93;
|
|
|
- --8ec07c: #8ec07c;
|
|
|
- --ebdbb2: #ebdbb2;
|
|
|
-}
|
|
|
-
|
|
|
-.theme-white{
|
|
|
- --1d2021: #bdae93;
|
|
|
- --282828: #a89984;
|
|
|
- --3c3836: #a89984;
|
|
|
- --504945: #504945;
|
|
|
-
|
|
|
- /* font */
|
|
|
- --928374: #1d2021;
|
|
|
- --a89984: #282828;
|
|
|
- --bdae93: #3c3836;
|
|
|
- --8ec07c: #52520e;
|
|
|
- --ebdbb2: #1d2021;
|
|
|
-}
|
|
|
-
|
|
|
-.theme-white .autocomplete .entry:hover{
|
|
|
- background:#928374;
|
|
|
-}
|
|
|
-
|
|
|
-body,html{
|
|
|
- padding:0;
|
|
|
- margin:0;
|
|
|
-}
|
|
|
-
|
|
|
-body{
|
|
|
- background:var(--1d2021);
|
|
|
- color:var(--a89984);
|
|
|
- font-size:16px;
|
|
|
- box-sizing:border-box;
|
|
|
- font-family:sans-serif;
|
|
|
- padding:15px 4% 40px;
|
|
|
- word-wrap:anywhere;
|
|
|
- line-height:22px;
|
|
|
- max-width:2000px;
|
|
|
-}
|
|
|
-
|
|
|
-h1,h2,h3,h4,h5,h6{
|
|
|
- padding:0;
|
|
|
- margin:0 0 7px 0;
|
|
|
- line-height:initial;
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-h3,h4,h5,h6{
|
|
|
- margin-bottom:14px;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Web styles
|
|
|
-*/
|
|
|
-#overflow{
|
|
|
- overflow:hidden;
|
|
|
-}
|
|
|
-
|
|
|
-/* Searchbox */
|
|
|
-.searchbox{
|
|
|
- width:40%;
|
|
|
- height:36px;
|
|
|
- border:1px solid var(--504945);
|
|
|
- background:var(--282828);
|
|
|
- border-radius:2px;
|
|
|
- margin-bottom:10px;
|
|
|
- position:relative;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox .wrapper{
|
|
|
- overflow:hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox input[type="text"]{
|
|
|
- width:100%;
|
|
|
- padding-left:10px;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox input[type="text"]::placeholder{
|
|
|
- color:var(--928374);
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox input[type="submit"]{
|
|
|
- float:right;
|
|
|
- cursor:pointer;
|
|
|
- padding:0 10px;
|
|
|
- border-left: 1px solid var(--504945);
|
|
|
- background: #723c0b;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox input[type="submit"]:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox input{
|
|
|
- all:unset;
|
|
|
- line-height:36px;
|
|
|
- box-sizing:border-box;
|
|
|
- height:36px;
|
|
|
-}
|
|
|
-
|
|
|
-.searchbox:focus-within{
|
|
|
- border:1px solid #ee8a9c;
|
|
|
-}
|
|
|
-
|
|
|
-.autocomplete{
|
|
|
- display:none;
|
|
|
- position:absolute;
|
|
|
- top:35px;
|
|
|
- left:-1px;
|
|
|
- right:-1px;
|
|
|
- background:var(--282828);
|
|
|
- border:1px solid var(--504945);
|
|
|
- border-top:none;
|
|
|
- border-radius:0 0 2px 2px;
|
|
|
- z-index:10;
|
|
|
-}
|
|
|
-
|
|
|
-.autocomplete .entry{
|
|
|
- overflow:hidden;
|
|
|
- padding:4px 10px;
|
|
|
- cursor:pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.autocomplete .entry:hover{
|
|
|
- background:var(--3c3836);
|
|
|
-}
|
|
|
-
|
|
|
-.autocomplete .title{
|
|
|
- float:left;
|
|
|
-}
|
|
|
-
|
|
|
-.autocomplete .subtext{
|
|
|
- float:right;
|
|
|
- font-size:14px;
|
|
|
- color:var(--928374);
|
|
|
- margin-left:7px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Tabs */
|
|
|
-.tabs, .filters{
|
|
|
- overflow:hidden;
|
|
|
- overflow-x:auto;
|
|
|
- white-space:nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.tabs{
|
|
|
- padding-bottom:0px;
|
|
|
-}
|
|
|
-
|
|
|
-.tabs .tab{
|
|
|
- text-decoration:none;
|
|
|
- color:#d3d0c1;
|
|
|
- padding:0px 10px;
|
|
|
- display:inline-block;
|
|
|
-}
|
|
|
-
|
|
|
-.tabs .tab:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.tabs .tab.selected{
|
|
|
- border-bottom:2px solid #fc92a5;
|
|
|
-}
|
|
|
-
|
|
|
-/* Filters */
|
|
|
-.filters{
|
|
|
- padding-bottom:12px;
|
|
|
- padding-top:7px;
|
|
|
- margin-bottom:7px;
|
|
|
- background-color:#232525
|
|
|
-}
|
|
|
-
|
|
|
-.filters .filter{
|
|
|
- display:inline-block;
|
|
|
- margin-right:7px;
|
|
|
-}
|
|
|
-
|
|
|
-.filters .filter .title{
|
|
|
- font-size:13px;
|
|
|
-}
|
|
|
-
|
|
|
-.filters .filter input,
|
|
|
-.filters .filter select{
|
|
|
- all:unset;
|
|
|
- display:block;
|
|
|
- border:1px solid var(--504945);
|
|
|
- border-radius:2px;
|
|
|
- font-size:14px;
|
|
|
- padding:0 2px;
|
|
|
- width:127px;
|
|
|
- height:22px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/*
|
|
|
- HOME
|
|
|
-*/
|
|
|
-.home{
|
|
|
- min-height:100vh;
|
|
|
- margin:0 auto;
|
|
|
- display:table;
|
|
|
- text-align:center;
|
|
|
-}
|
|
|
-
|
|
|
-.home .logo{
|
|
|
- max-width:400px;
|
|
|
- height:100px;
|
|
|
- margin:0 auto 17px auto;
|
|
|
-}
|
|
|
-
|
|
|
-.home img{
|
|
|
- line-height:100px;
|
|
|
- font-size:60px;
|
|
|
- text-align:center;
|
|
|
- font-family:Times;
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- background:var(--282828);
|
|
|
- display:block;
|
|
|
- object-fit:contain;
|
|
|
-}
|
|
|
-
|
|
|
-.home #center{
|
|
|
- display:table-cell;
|
|
|
- vertical-align:middle;
|
|
|
- width:500px;
|
|
|
-}
|
|
|
-
|
|
|
-.home .searchbox{
|
|
|
- width:100%;
|
|
|
- text-align:left;
|
|
|
- margin-bottom:20px;
|
|
|
-}
|
|
|
-
|
|
|
-.home a{
|
|
|
- color:inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.home .subtext{
|
|
|
- margin-top:17px;
|
|
|
- line-height:16px;
|
|
|
- font-size:12px;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/*
|
|
|
- WEB
|
|
|
-*/
|
|
|
-
|
|
|
-/* Left wrapper */
|
|
|
-.web .left{
|
|
|
- width:40%;
|
|
|
- float:left;
|
|
|
-}
|
|
|
-
|
|
|
-/* infobox */
|
|
|
-.web .infobox{
|
|
|
- border:1px dashed var(--504945);
|
|
|
- padding:10px;
|
|
|
- margin-bottom:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .infobox .code{
|
|
|
- white-space:initial;
|
|
|
-}
|
|
|
-
|
|
|
-.web .infobox ul{
|
|
|
- padding-left:27px;
|
|
|
- margin-bottom:0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .infobox a{
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.web .infobox a:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* text-result */
|
|
|
-.web .text-result{
|
|
|
- margin-bottom:30px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .description{
|
|
|
- white-space:pre-line;
|
|
|
-}
|
|
|
-
|
|
|
-.web .type{
|
|
|
- border:1px solid var(--928374);
|
|
|
- background:var(--282828);
|
|
|
- padding:0 4px;
|
|
|
- border-radius:2px;
|
|
|
- font-size:14px;
|
|
|
- line-height:16px;
|
|
|
- float:left;
|
|
|
- margin:2px 7px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .url{
|
|
|
- position:relative;
|
|
|
-}
|
|
|
-
|
|
|
-.web .url .part{
|
|
|
- font-size:15px;
|
|
|
- text-decoration:none;
|
|
|
- color:#90c186;
|
|
|
-}
|
|
|
-
|
|
|
-.web .separator::before{
|
|
|
- content:"/";
|
|
|
- padding:0 4px;
|
|
|
- color:#5ab442;
|
|
|
- font-size:12px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .part:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.web .hover{
|
|
|
- display:block;
|
|
|
- text-decoration:none;
|
|
|
- color:var(--a89984);
|
|
|
- overflow:hidden;
|
|
|
- clear:left;
|
|
|
- padding-top:3px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result .title{
|
|
|
- font-size:18px;
|
|
|
- color:#81b5f4;
|
|
|
- margin-bottom:5px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result a:visited .title{
|
|
|
- color:var(--928374) !important;
|
|
|
-}
|
|
|
-
|
|
|
-.theme-white .web .text-result a:visited .title{
|
|
|
- color:#7c6f64 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result .hover:hover .title{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result .author{
|
|
|
- font-style:italic;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result .greentext{
|
|
|
- font-size:14px;
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.web .right-right .text-result:last-child,
|
|
|
-.web .right-left .text-result:last-child{
|
|
|
- margin-bottom:0;
|
|
|
-}
|
|
|
-
|
|
|
-/* favicon */
|
|
|
-.favicon{
|
|
|
- all:unset;
|
|
|
- float:left;
|
|
|
- cursor:pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown{
|
|
|
- display:none;
|
|
|
- position:absolute;
|
|
|
- top:25px;
|
|
|
- background:var(--282828);
|
|
|
- border:1px solid var(--504945);
|
|
|
- border-radius:2px;
|
|
|
- z-index:3;
|
|
|
- word-wrap:normal;
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown::before{
|
|
|
- content:"";
|
|
|
- position:absolute;
|
|
|
- top:-10px;
|
|
|
- left:2px;
|
|
|
- border:5px solid transparent;
|
|
|
- border-bottom:5px solid var(--504945);
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown a{
|
|
|
- text-decoration:none;
|
|
|
- color:#d3d0c1;
|
|
|
- display:block;
|
|
|
- padding:2px 7px 2px 5px;
|
|
|
- font-size:13px;
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown a:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown:hover,
|
|
|
-.favicon:focus + .favicon-dropdown,
|
|
|
-.favicon-dropdown:focus-within{
|
|
|
- display:block;
|
|
|
-}
|
|
|
-
|
|
|
-.web .favicon img,
|
|
|
-.favicon-dropdown img{
|
|
|
- margin:3px 7px 0 0;
|
|
|
- height:16px;
|
|
|
- font-size:12px;
|
|
|
- line-height:16px;;
|
|
|
- display:block;
|
|
|
- text-align:left;
|
|
|
-}
|
|
|
-
|
|
|
-.favicon-dropdown img{
|
|
|
- float:left;
|
|
|
- margin:2px 7px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-/* thumbnails */
|
|
|
-.thumb-wrap{
|
|
|
- position:relative;
|
|
|
- float:right;
|
|
|
- width:160px;
|
|
|
- height:90px;
|
|
|
- background:var(--282828);
|
|
|
- text-align:center;
|
|
|
- line-height:87px;
|
|
|
- border:1px solid var(--504945);
|
|
|
- overflow:hidden;
|
|
|
- margin-left:7px;
|
|
|
-}
|
|
|
-
|
|
|
-.duration{
|
|
|
- position:absolute;
|
|
|
- right:0;
|
|
|
- bottom:0;
|
|
|
- padding:1px 2px;
|
|
|
- line-height:14px;
|
|
|
- background:var(--3c3836);
|
|
|
- font-size:12px;
|
|
|
- border-left:1px solid var(--504945);
|
|
|
- border-top:1px solid var(--504945);
|
|
|
- font-family:monospace;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result:hover .thumb-wrap .duration{
|
|
|
- display:none;
|
|
|
-}
|
|
|
-
|
|
|
-.thumb-wrap .thumb{
|
|
|
- max-width:100%;
|
|
|
- max-height:100%;
|
|
|
- text-align:left;
|
|
|
- vertical-align:middle;
|
|
|
-}
|
|
|
-
|
|
|
-.thumb-wrap.portrait{
|
|
|
- width:50px;
|
|
|
-}
|
|
|
-
|
|
|
-.thumb-wrap.square{
|
|
|
- width:90px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Next page */
|
|
|
-.nextpage{
|
|
|
- margin:0 0 30px;
|
|
|
- text-align:center;
|
|
|
- display:block;
|
|
|
- padding:10px;
|
|
|
- border:1px solid var(--504945);
|
|
|
- border-radius:2px;
|
|
|
- text-decoration:none;
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.nextpage:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* Right wrapper */
|
|
|
-.web .right-wrapper{
|
|
|
- width:60%;
|
|
|
- float:right;
|
|
|
- overflow:hidden;
|
|
|
- padding-left:15px;
|
|
|
- box-sizing:border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.web .right-right,
|
|
|
-.web .right-left{
|
|
|
- float:right;
|
|
|
- width:50%;
|
|
|
- padding:0 15px;
|
|
|
- box-sizing:border-box;
|
|
|
- overflow:hidden;
|
|
|
- min-height:1px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .right-right{
|
|
|
- padding-right:0;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Tables
|
|
|
-*/
|
|
|
-table{
|
|
|
- width:100%;
|
|
|
- text-align:left;
|
|
|
- border-collapse:collapse;
|
|
|
-}
|
|
|
-
|
|
|
-table td{
|
|
|
- width:50%;
|
|
|
- padding:0;
|
|
|
- vertical-align:top;
|
|
|
-}
|
|
|
-
|
|
|
-table tr td:first-child{
|
|
|
- padding-right:7px;
|
|
|
-}
|
|
|
-
|
|
|
-table a{
|
|
|
- display:block;
|
|
|
- text-decoration:none;
|
|
|
- color:var(--a89984);
|
|
|
- padding:0 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-table tr a:last-child{
|
|
|
- padding-right:0;
|
|
|
-}
|
|
|
-
|
|
|
-/* Related */
|
|
|
-.related{
|
|
|
- margin-bottom:20px;
|
|
|
-}
|
|
|
-
|
|
|
-.related a{
|
|
|
- padding-bottom:10px;
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.related a:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Answers
|
|
|
-*/
|
|
|
-.web .answer{
|
|
|
- max-height:600px;
|
|
|
- overflow:hidden;
|
|
|
- padding-bottom:17px;
|
|
|
- position:relative;
|
|
|
-}
|
|
|
-
|
|
|
-.web .answer::after{
|
|
|
- content:"";
|
|
|
- position:absolute;
|
|
|
- bottom:0;
|
|
|
- width:100%;
|
|
|
- height:17px;
|
|
|
- background:linear-gradient(transparent, var(--1d2021));
|
|
|
- pointer-events:none;
|
|
|
-}
|
|
|
-
|
|
|
-.web .answer-title{
|
|
|
- text-decoration:none;
|
|
|
- color:var(--a89984);
|
|
|
-}
|
|
|
-
|
|
|
-.web .answer-title a:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler:checked + .answer{
|
|
|
- overflow:initial;
|
|
|
- max-height:initial;
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler{
|
|
|
- display:none;
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler-button{
|
|
|
- display:block;
|
|
|
- border:1px solid var(--504945);
|
|
|
- border-radius:2px;
|
|
|
- line-height:30px;
|
|
|
- padding:0 7px;
|
|
|
- text-align:center;
|
|
|
- cursor:pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.web .answer-wrapper{
|
|
|
- margin-bottom:27px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler-button:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler-button::before{
|
|
|
- content:"Show more";
|
|
|
-}
|
|
|
-
|
|
|
-.web .spoiler:checked + .answer + .spoiler-button::before{
|
|
|
- content:"Show less";
|
|
|
-}
|
|
|
-
|
|
|
-/* Tables on left handside */
|
|
|
-.web .info-table{
|
|
|
- margin:10px 0;
|
|
|
- font-size:15px;
|
|
|
- color:var(--928374);
|
|
|
- background:var(--282828);
|
|
|
- border:1px dashed var(--504945);
|
|
|
-}
|
|
|
-
|
|
|
-.web .info-table td{
|
|
|
- padding:4px 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .info-table tr td:first-child{
|
|
|
- width:1%;
|
|
|
- white-space:nowrap;
|
|
|
- padding-right:17px;
|
|
|
- color:var(--a89984);
|
|
|
-}
|
|
|
-
|
|
|
-.web .info-table tr:nth-child(even){
|
|
|
- background:var(--1d2021);
|
|
|
-}
|
|
|
-
|
|
|
-.web .sublinks{
|
|
|
- padding:17px 10px;
|
|
|
- font-size:15px;
|
|
|
- color:var(--#928374);
|
|
|
-}
|
|
|
-
|
|
|
-.web .sublinks table td{
|
|
|
- padding-bottom:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .sublinks table tr:last-child td:last-child{
|
|
|
- padding-bottom:0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .text-result .sublinks:last-child{
|
|
|
- padding-bottom:0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .sublinks a:hover .title{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-/* Wikipedia head */
|
|
|
-.wiki-head{
|
|
|
- padding:5px;
|
|
|
- background-color: #322f2b
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .photo{
|
|
|
- float:right;
|
|
|
- margin:0 1px 10px 10px;
|
|
|
-}
|
|
|
-.web .wiki-head .photo img{
|
|
|
- display:block;
|
|
|
- max-width:200px;
|
|
|
- max-height:200px;
|
|
|
- filter:drop-shadow(1px 0 0 var(--504945)) drop-shadow(-1px 0 0 var(--504945)) drop-shadow(0 -1px 0 var(--504945)) drop-shadow(0 1px 0 var(--504945));
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .description{
|
|
|
- clear:left;
|
|
|
- padding-top:7px;
|
|
|
- overflow:hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head table, .about table{
|
|
|
- margin-top:17px;
|
|
|
- border:1px dashed var(--504945);
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head td, .about table td{
|
|
|
- padding:4px 7px;
|
|
|
- vertical-align:middle;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head tr td:first-child, .about table tr td:first-child{
|
|
|
- width:30%;
|
|
|
- min-width:150px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head tr:nth-child(odd), .about table tr:nth-child(odd){
|
|
|
- background:var(--282828);
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials{
|
|
|
- overflow:hidden;
|
|
|
- margin-top:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials a{
|
|
|
- width:74px;
|
|
|
- height:80px;
|
|
|
- padding-right:4px;
|
|
|
- float:left;
|
|
|
- color:var(--bdae93);
|
|
|
- text-decoration:none;
|
|
|
- display:table;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials a:hover .title{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials .center{
|
|
|
- display:table-cell;
|
|
|
- vertical-align:middle;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials img{
|
|
|
- margin:0 auto;
|
|
|
- display:block;
|
|
|
- text-align:center;
|
|
|
- width:36px;
|
|
|
- height:36px;
|
|
|
- line-height:36px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head .socials .title{
|
|
|
- margin-top:7px;
|
|
|
- text-align:center;
|
|
|
- font-size:13px;
|
|
|
- line-height:13px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .fullimg{
|
|
|
- display:block;
|
|
|
- max-width:100%;
|
|
|
- max-height:150px;
|
|
|
- margin:7px 0 17px;
|
|
|
- box-sizing:border-box;
|
|
|
- border:1px solid var(--504945);
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Code tags
|
|
|
-*/
|
|
|
-.code{
|
|
|
- white-space:pre;
|
|
|
- font-family:monospace;
|
|
|
- background:var(--3c3836);
|
|
|
- color:var(--bdae93);
|
|
|
- padding:7px;
|
|
|
- margin:4px 0 13px 0;
|
|
|
- overflow-x:auto;
|
|
|
- border-radius:2px;
|
|
|
- border:1px solid var(--504945);
|
|
|
-}
|
|
|
-
|
|
|
-.code-inline{
|
|
|
- display:inline;
|
|
|
- font-family:monospace;
|
|
|
- background:var(--282828);
|
|
|
- color:var(--bdae93);
|
|
|
- border:1px solid var(--928374);
|
|
|
- padding:0 4px;
|
|
|
- border-radius:2px;
|
|
|
-}
|
|
|
-
|
|
|
-/* Wiki-head titles and quotes */
|
|
|
-.web .wiki-head h2{
|
|
|
- font-size:20px;
|
|
|
- margin:20px 0 13px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head h2:first-child{
|
|
|
- margin-top:10px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .wiki-head a{
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.quote{
|
|
|
- font-style:italic;
|
|
|
- margin:10px 0 13px;
|
|
|
- padding-left:10px;
|
|
|
- border-left:1px solid #504945;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Web images
|
|
|
-*/
|
|
|
-.web .images{
|
|
|
- overflow:hidden;
|
|
|
- margin:0 -5px;
|
|
|
- font-size:0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .images .duration{
|
|
|
- display:none;
|
|
|
- border:1px solid var(--504945);
|
|
|
- right:5px;
|
|
|
- bottom:5px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .images .image:hover .duration{
|
|
|
- display:block;
|
|
|
-}
|
|
|
-
|
|
|
-.web .images .image{
|
|
|
- width:90px;
|
|
|
- height:90px;
|
|
|
- padding:5px;
|
|
|
- position:relative;
|
|
|
- line-height:90px;
|
|
|
- display:inline-block;
|
|
|
- text-align:center;
|
|
|
- color:inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.web .images .image img{
|
|
|
- max-width:100%;
|
|
|
- max-height:100%;
|
|
|
- vertical-align:middle;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-/*
|
|
|
- Images tab
|
|
|
-*/
|
|
|
-
|
|
|
-#images{
|
|
|
- line-height:15px;
|
|
|
- overflow:hidden;
|
|
|
- margin-bottom:10px;
|
|
|
-}
|
|
|
-
|
|
|
-#images .image-wrapper{
|
|
|
- width:20%;
|
|
|
- float:left;
|
|
|
-}
|
|
|
-
|
|
|
-#images .image{
|
|
|
- margin:0 auto;
|
|
|
- width:250px;
|
|
|
- max-width:100%;
|
|
|
- padding:7px 7px 30px 7px;
|
|
|
- box-sizing:border-box;
|
|
|
- font-size:14px;
|
|
|
-}
|
|
|
-
|
|
|
-#images a{
|
|
|
- color:inherit;
|
|
|
- text-decoration:none;
|
|
|
- display:block;
|
|
|
-}
|
|
|
-
|
|
|
-#images a:hover .title{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-#images .thumb{
|
|
|
- display:block;
|
|
|
- height:180px;
|
|
|
- margin-bottom:10px;
|
|
|
- position:relative;
|
|
|
-}
|
|
|
-
|
|
|
-#images .duration{
|
|
|
- display:block;
|
|
|
- border:1px solid #504945;
|
|
|
-}
|
|
|
-
|
|
|
-#images .image:hover .duration{
|
|
|
- display:none;
|
|
|
-}
|
|
|
-
|
|
|
-#images img{
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- object-fit:contain;
|
|
|
-}
|
|
|
-
|
|
|
-#images .image .title{
|
|
|
- white-space:nowrap;
|
|
|
- overflow:hidden;
|
|
|
- margin-bottom:7px;
|
|
|
- font-weight:bold;
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-#images .image .description{
|
|
|
- overflow:hidden;
|
|
|
- height:45px;
|
|
|
-}
|
|
|
-
|
|
|
-.nextpage.img{
|
|
|
- width:50%;
|
|
|
- margin:0 auto 50px;
|
|
|
-}
|
|
|
-
|
|
|
-#popup{
|
|
|
- display:none;
|
|
|
- position:fixed;
|
|
|
- top:0;
|
|
|
- left:0;
|
|
|
- cursor:grab;
|
|
|
- user-select:none;
|
|
|
- pointer-events:none;
|
|
|
-}
|
|
|
-
|
|
|
-#popup:active{
|
|
|
- cursor:grabbing;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-image{
|
|
|
- border:1px solid var(--928374);
|
|
|
- display:block;
|
|
|
- margin:0 auto;
|
|
|
- pointer-events:all;
|
|
|
- width:100%;
|
|
|
- height:100%;
|
|
|
- object-fit:contain;
|
|
|
- background:var(--282828);
|
|
|
-}
|
|
|
-
|
|
|
-#popup-status{
|
|
|
- display:none;
|
|
|
- position:fixed;
|
|
|
- top:0;
|
|
|
- left:0;
|
|
|
- width:100%;
|
|
|
- height:35px;
|
|
|
- background:var(--1d2021);
|
|
|
- border-bottom:1px solid var(--928374);
|
|
|
-}
|
|
|
-
|
|
|
-#popup-status select{
|
|
|
- display:block;
|
|
|
- width:250px;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-num,
|
|
|
-#popup-title{
|
|
|
- display:table-cell;
|
|
|
- width:0;
|
|
|
- word-wrap:normal;
|
|
|
- padding:0 10px;
|
|
|
- line-height:35px;
|
|
|
- color:var(--ebdbb2);
|
|
|
- text-decoration:none;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-title:hover{
|
|
|
- text-decoration:underline;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-title{
|
|
|
- width:initial;
|
|
|
- overflow:hidden;
|
|
|
- height:35px;
|
|
|
- display:block;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-num{
|
|
|
- font-weight:bold;
|
|
|
-}
|
|
|
-
|
|
|
-#popup-dropdown{
|
|
|
- display:table-cell;
|
|
|
- vertical-align:middle;
|
|
|
- width:0;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Settings page
|
|
|
-*/
|
|
|
-.web .settings{
|
|
|
- margin-top:17px;
|
|
|
- border:1px dashed var(--504945);
|
|
|
- padding:7px 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.web .setting{
|
|
|
- margin-bottom:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .setting .title{
|
|
|
- font-size:14px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .settings-submit{
|
|
|
- margin:17px 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.web .settings-submit input{
|
|
|
- float:right;
|
|
|
-}
|
|
|
-
|
|
|
-.web .settings-submit a{
|
|
|
- margin-right:17px;
|
|
|
- color:#bdae93;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- About page
|
|
|
-*/
|
|
|
-.about a{
|
|
|
- color:var(--bdae93);
|
|
|
-}
|
|
|
-
|
|
|
-.about h1, .about h2{
|
|
|
- margin-top:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.about table{
|
|
|
- margin-bottom:17px;
|
|
|
-}
|
|
|
-
|
|
|
-.about table a{
|
|
|
- display:inline;
|
|
|
-}
|
|
|
-
|
|
|
-/*
|
|
|
- Responsive image
|
|
|
-*/
|
|
|
-@media only screen and (max-width: 1454px){ #images .image-wrapper{ width:25%; } }
|
|
|
-@media only screen and (max-width: 1161px){ #images .image-wrapper{ width:25%; } }
|
|
|
-@media only screen and (max-width: 750px){ #images .image-wrapper{ width:50%; } }
|
|
|
-@media only screen and (max-width: 450px){ #images .image-wrapper{ width:100%; } }
|
|
|
-
|
|
|
-
|
|
|
-/*
|
|
|
- Responsive design
|
|
|
-*/
|
|
|
-@media only screen and (max-width: 1550px){
|
|
|
-
|
|
|
- .web .right-right,
|
|
|
- .web .right-left{
|
|
|
- float:none;
|
|
|
- width:initial;
|
|
|
- padding:0 0 0 15px;
|
|
|
- }
|
|
|
-
|
|
|
- .web .left,
|
|
|
- .searchbox{
|
|
|
- width:60%;
|
|
|
- }
|
|
|
-
|
|
|
- .web .right-wrapper{
|
|
|
- width:40%;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-@media only screen and (max-width: 1000px){
|
|
|
-
|
|
|
- .nextpage.img{
|
|
|
- width:initial;
|
|
|
- }
|
|
|
-
|
|
|
- .web .right-right,
|
|
|
- .web .right-left{
|
|
|
- border:none;
|
|
|
- padding:0;
|
|
|
- }
|
|
|
-
|
|
|
- .web .right-wrapper{
|
|
|
- float:none;
|
|
|
- padding:0;
|
|
|
- width:initial;
|
|
|
- }
|
|
|
-
|
|
|
- .web .left,
|
|
|
- .searchbox{
|
|
|
- width:100%;
|
|
|
- }
|
|
|
-
|
|
|
- table td{
|
|
|
- display:block;
|
|
|
- width:100%;
|
|
|
- }
|
|
|
-
|
|
|
- table a{
|
|
|
- padding:0;
|
|
|
- }
|
|
|
-
|
|
|
- .web.has-answer .left::before{
|
|
|
- display:block;
|
|
|
- content:"Results";
|
|
|
- font-size:24px;
|
|
|
- font-weight:bold;
|
|
|
- margin-bottom:17px;
|
|
|
- color:var(--bdae93);
|
|
|
- }
|
|
|
-
|
|
|
- .web .answer{
|
|
|
- max-height:200px;
|
|
|
- }
|
|
|
-
|
|
|
- .web .wiki-head tr td:first-child,
|
|
|
- .web .info-table tr td:first-child{
|
|
|
- text-decoration:underline;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
- .type{
|
|
|
- color:var(--bdae93);
|
|
|
- }
|