Paperui

Click to preview

Name: Paperui

Author: Hopert
License: GNU/General Public License v3.0

Tags: sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

A simple paper-like theme which chooses light or dark style by system styles. Priview by this link if you are above https

This theme support to edit the theme color and add a site icon. Insert the code to enable icons on your site:

:root{
--site-icon:url(Icon URL);
--use-icon:1;/*1(stands for true) or 0(stands for false)*/
}

Fonts：Body font : Yang Rendong Zhushiti(杨任东竹石体)（For special characters: Microsoft Yahei UI(Windows)，Pingfang SC(Apple Devices)，Noto Sans CJK SC(Linux)）；Code font: Consolas(Windows)，Menlo/Monaco(Apple Devices)，Noto Sans Mono(Linux)

Attention! The font can’t load over wdfiles.com. Save it to another server.

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/paperui

Code

+ show the code

/*
    [2023 Wikidot Theme]
 
    * @name:PaperUI
    * @author:Hopert
    * @license:GNU General Public License v3.0
 
    Copyright (c) 2022-2023 Hopert
*/
 
@charset "utf-8";
/*Yangrendong Zhushiti*/
@font-face {
    font-family: 'yrdzst';
    src: url(https://themes.wdfiles.com/local--files/paperui/yrdzst-Regular.otf);
    font-weight:normal;
    font-weight: 400;
}
@font-face {
    font-family: 'yrdzst';
    src: url(https://themes.wdfiles.com/local--files/paperui/yrdzst-Bold.otf);
    font-weight:bold;
    font-weight:600;
}
@font-face {
    font-family: 'yrdzst';
    src: url(https://themes.wdfiles.com/local--files/paperui/yrdzst-Light.otf);
    font-weight:lighter;
    font-weight:250;
}
:root{
    --site-icon:url(https://d2qhngyckgiutd.cloudfront.net/default_avatar);
    --use-icon:1;
    --font-size:17px;
    --font-family:'yrdzst'/*YangRenDongZhuShiTi*/,'Noto Sans CJK SC','Microsoft Yahei UI','Pingfang SC','SimHei';
    --code-font:Consolas,Menlo,Monaco,'Noto Sans Mono','Ubuntu Mono','Noto Sans CJK SC','Microsoft Yahei UI','Pingfang SC','SimHei';
    --background-light:#eee;
    --background-light-paper:#fff;
    --text-color:#000;
    --text-highlight:#dada2fcc;
    --theme-color-lighter:#c5a203;
    --theme-color-light:#c5a20399;
    --theme-color-lightd:#a68802;
    --select-light:#c5a20366;
    --code-background-light:#ccc;
    --code-text-light:#980000;
    --background-dark:#222;
    --background-dark-paper:#333;
    --text-color-dark:#ddd;
    --text-highlight-dark:#44ff8877;
    --theme-color-darker:#008f99;
    --theme-color-dark:#008f9999;
    --theme-color-darkd:#00b4c1;
    --select-dark:#008f9966;
    --code-background-dark:#444;
    --code-text-dark:#00a2ff;
}
html,body{
    width:100%;
    height:100%;
    margin:0;
    font-family:var(--font-family);
    font-size:var(--font-size);
}
/*PaperUI*/
h1{
    font-size:170%;
}
h2{
    font-size:160%;
}
h3{
    font-size:150%;
}
h4{
    font-size:140%;
}
h5{
    font-size:130%;
}
h6{
    font-size:120%;
}
h1,h2{
    margin:.3em 0;
}
h3,h4,h5,h6{
    margin:.4em 0;
}
body{
    color:var(--text-color);
    background:var(--background-light);
}
a{
    color:var(--theme-color-lighter);
    text-decoration: none;
    transition: all 0.2s;
}
a:hover{
    color:var(--theme-color-light);
    background:none;
    transition: all 0.2s;
}
mark{
    background: var(--text-highlight);
}
textarea{
    resize: vertical;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="datetime"],
input[type="month"],
input[type="search"],
input[type="tel"],
input[type="week"],
textarea{
    appearance: none;
    -webkit-appearance: none;
    border-radius: none;
    width:300px;
    border:2px solid var(--theme-color-light);
    padding:.3em;
    font-family:var(--font-family);
    font-size:inherit;
    outline:none;
    background:inherit;
    caret-color:var(--theme-color-light);
}
input[type="radio"],input[type="checkbox"],input[type="range"]{
    appearance: none;
    -webkit-appearance: none;
}
input[type="radio"]::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    box-shadow: inset 0px 0px 0px 1px #aaa;
    border-radius: 50%;
    transition: all 0.2s;
}
input[type="radio"]:checked::after {
    box-shadow: inset 0px 0px 0px 4px var(--theme-color-light);
    transition: all 0.2s;
}
input[type="checkbox"]{
    width: 16px;
    height: 16px;
    border: none;
    box-shadow: inset 0px 0px 0px 1px #aaa;
    border-radius: 4px;
    transition: all 0.2s;
    margin:0;
}
input[type="checkbox"]:checked{
    box-shadow: inset 0px 0px 0px 1px var(--theme-color-light);
    background-color: var(--theme-color-light);
    transition: all 0.2s;
}
input[type="checkbox"]:checked::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 8px;
    box-shadow: inset -1px -1px 0px 0.5px #fff;
    transform: rotate(45deg);
    margin-left:calc(50% - 2px);
    margin-top:calc(50% - 4px);
    float:left;
}
input[type="range"]{
    background:none;
    height:5px;
}
input[type="range"]::-moz-range-thumb{
    display: inline-block;
    width: 18px;
    height: 18px;
    box-shadow: inset 0px 0px 0px 5px var(--theme-color-light);
    border:0px;
    border-radius: 50%;
    background-color: var(--background-light);
    transition: all 0.2s;
}
input[type="range"]::-moz-range-progress {
    background: var(--theme-color-light);
}
input[type="range"]::-moz-range-track{
    background:#777;
}
input[type="range"].win11ui::-webkit-slider-thumb{
    width: 18px;
    height: 18px;
    box-shadow: inset 0px 0px 0px 4px var(--theme-color-light);
    border:0px;
    border-radius: 50%;
    background-color: var(--background-light);
    transition: all 0.2s;
    margin-top: -7px;
    appearance: none;
    -webkit-appearance: none;
}
input[type="range"].win11ui::-webkit-slider-runnable-track {
    height: 4px;
    background: var(--theme-color-light);
    appearance: none;
    -webkit-appearance: none;
}
input[type="range" i].win11ui::-webkit-slider-container {
    height: 20px;
    overflow: hidden;
}
input[type="button"],input[type="submit"],button{
    -webkit-appearance: none;
    appearance: none;
    border-radius: none;
    border:2px solid var(--theme-color-light);
    padding:.3em .4em;
    margin:2px 5px;
    font-family:var(--font-family);
    font-size:inherit;
    background: inherit;
    color:inherit;
    outline:none;
    transition: all 0.2s;
}
input[type="button"]:hover,input[type="submit"]:hover,button:hover{
    background:var(--theme-color-lighter);
    color:var(--background-light);
    transition: all 0.2s;
}
select{
    border:2px solid var(--theme-color-light);
    padding:.3em;
    font-family:var(--font-family);
    font-size:inherit;
    background: inherit;
    color:inherit;
    outline:none;
    background:var(--background-light);
}
select option{
    font-size:16px;
}
code,tt{
    font-size:16px;
    font-family: var(--code-font);
}
pre{
    font-family: var(--code-font);
}
.code{
    border:2px solid var(--theme-color-light);
}
tt{
    background:var(--code-background-light);
    color:var(--code-text-light);
    padding:2px 4px;
    border-radius: 4px;
    margin:2px 0;
}
hr{
    width: 100px;
    margin: 2em auto;
}
::selection{
    background:var(--select-light);
}
::-moz-selection{
    background:var(--select-light);
}
 
/*Wikidot*/
#skrollr-body,#container-wrap-wrap,#container-wrap,#container{
    min-height:100%;
    height:100%;
}
#header{
    text-align:-webkit-center;
    text-align: center;
    padding:1em 5%;
    padding-bottom:0;
}
#header h1,#header h2{
    font-family: var(--font-family);
}
#header h1 a::before{
    content:"";
    display:block;
    width:80px;
    height:calc(80px * var(--use-icon));
    border-radius: 50%;
    margin: 0 auto;
    background: var(--site-icon);
    background-size: contain;
}
#header h1{
    font-size:170%;
}
#header h2{
    font-size:115%;
}
#login-status {
    position: absolute;
    right: 5%;
    top: 1em;
}
#account-topbutton{
    background: var(--background-light-paper);/*--var*/
    border-radius:5px;
    border:none;
}
#account-options{
    border:none;
    width:150px;
    box-shadow: 0px 0px 10px -4px var(--text-color);/*--var*/
    border-radius: 5px;
}
#account-options li:hover{
    background:var(--theme-color-lighter);/*--var*/
    border-radius: 5px;
    transition: all 0.2s;
}
#account-options li:hover a{
    color:var(--background-light);/*--var*/
}
#search-top-box{
    position: absolute;
    right: 5%;
}
#search-top-box .text{
    width:200px;
}
#top-bar{
    position: static;
    margin-top:calc(2em - 1em * var(--use-icon));
}
#top-bar li{
    float: none;
    display:inline-block;
    padding:0 3px;
}
#top-bar li a,#top-bar li ul li a{
    background:none;
    display:inline;
    padding:0 3px;
}
#top-bar li ul{
    border:none;
    width:150px;
    background:var(--background-light-paper);/*--var*/
    box-shadow: 0px 0px 10px -4px var(--text-color);
    border-radius: 5px;
}
#top-bar li ul li:hover{
    background:var(--theme-color-lighter);/*--var*/
    border-radius: 5px;
    transition: all 0.2s;
}
#top-bar li ul li:hover a{
    color:var(--background-light);/*--var*/
}
#top-bar li ul a{
    transition: none;
}
#top-bar a:hover{
    background:none;
    text-decoration: none;
}
#content-wrap {
    padding-top: calc(70px * var(--use-icon));
}
#main-content{
    padding:1em;
    word-break: break-word;
    box-shadow:0px 0px 10px -4px var(--text-color);/*--var*/
    border-radius: 5px;
    margin:0 5%;
    min-height:700px;
    background:var(--background-light-paper);
    transition: all 0.3s;
}
#main-content input.text{
    max-width:calc(100% - 2em);
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
h1,h2,h3,h4,h5,h6{
    font-family: var(--font-family);
}
#side-bar{
    display:none;
}
#toc,div.wiki-note,blockquote{
    border-radius: none;
    border:2px solid var(--theme-color-light);
    padding:.3em .4em;
    margin:2px 5px;
    background: inherit;
    color:inherit;
}
div.wiki-note{
    margin:0 5%;
}
blockquote::before{
    content:">";
    font-size:150%;
    position:relative;
    left:-0.7em;
    top:8px;
    color:#7777;
    float:left;
}
blockquote{
    margin:0;
    padding-left:2em;
}
blockquote p{
    margin:0;
    padding:10px 0;
}
table.wiki-content-table th{
    background:var(--theme-color-lighter);
    color:var(--background-light);
    border:2px solid var(--theme-color-lighter);
}
table.wiki-content-table td{
    border:2px solid var(--theme-color-lighter);
}
table.wiki-content-table th::selection{
    background:var(--background-light);
    color:var(--theme-color-lighter);
}
table.wiki-content-table th::-moz-selection{
    background:var(--background-light);
    color:var(--theme-color-lighter);
}
a.newpage{
    color:var(--theme-color-lightd);
}
.yui-navset .yui-nav li{
    margin-left:2px;
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    border:none;
}
.yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border:none;
}
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background:none;
    border:2px solid var(--theme-color-lighter);
    border-bottom: none;
}
.yui-navset .yui-nav a:hover, .yui-navset .yui-navset-top .yui-nav a:hover {
    background:var(--select-light);
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
    background:var(--theme-color-lighter);
    border:2px solid var(--theme-color-lighter);
    color:var(--background-light);
    border-bottom: none;
}
.yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
    border:2px solid var(--theme-color-lighter);
    background:inherit;
    color:inherit;
}
.yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav{
    border:none;
}
.hovertip{
    background: var(--background-light-paper) !important;
    color: var(--text-color) !important;
    border:2px solid var(--theme-color-lighter)!important;
}
a.button,a.btn,input.btn,div.buttons input, 
input.button,.owindow .button-bar a,.change-textarea-size a,
div.new-post a,.thread-container .post .options a,
.thread-container .post .short .options{
    word-break: keep-all;
    border-radius: none;
    border:2px solid var(--theme-color-light);
    background: inherit;
    color:inherit;
    transition: all 0.2s;
}
a.button:hover,a.btn:hover,input.btn:hover,
div.buttons input:hover, input.button:hover,
.owindow .button-bar a:hover,.change-textarea-size a:hover,
div.new-post a:hover,.thread-container .post .options a:hover,
.thread-container .post .short .options:hover{
    background:var(--theme-color-lighter);
    color:var(--background-light);
    transition: all 0.2s;
}
.change-textarea-size a {
    border-width: 0 1px 1px 1px;
}
input.checkbox {
    background-color: inherit;
}
.owindow{
    font-size:16px;
    word-break: break-word;
    background: var(--background-light-paper);
    border:2px solid var(--theme-color-light);
    color:var(--text-color);
    border-radius: 5px;
}
.owindow .title {
    background: var(--background-light);
}
#lock-info{
    border-radius: none;
    border:2px solid var(--theme-color-light);
    padding:.3em .4em;
    margin:2px 5px;
    background: inherit;
    color:inherit;
}
.page-options-bottom{
    word-break: break-word;
}
.forum-group div.head,
.forum-category-box table tr.head td {
    background-color: var(--theme-color-lighter);
    color: var(--background-light);
    border: none;
}
.forum-group div.head{
    border-radius: 5px 5px 0 0;
}
.forum-category-box table tr.head td {
    border:2px solid var(--theme-color-lighter);
}
.forum-group div.head::selection,
.forum-category-box table tr.head td::selection{
    background:var(--background-light);
    color:var(--theme-color-lighter);
}
.forum-group div.head::-moz-selection,
.forum-category-box table tr.head td::-moz-selection{
    background:var(--background-light);
    color:var(--theme-color-lighter);
}
.forum-group table,.forum-category-box table {
    border-collapse: collapse;
}
.forum-group table tr.head td{
    background:var(--theme-color-light);
    color:var(--text-color);
    border:2px solid var(--theme-color-lighter);
}
.forum-group table td,
.forum-category-box table td{
    border:2px solid var(--theme-color-lighter);
}
.forum-category-box .description-block,
.forum-new-thread-box .description,
.forum-thread-box .description-block{
    border-radius: none;
    border:2px solid var(--theme-color-light);
    padding:.3em .4em;
    margin:2px 5px;
    background: inherit;
    color:inherit;
}
.forum-category-box .description-block .statistics,
.forum-new-thread-box .description .statistics,
.forum-thread-box .description-block .statistics,
.forum-thread-box .description-block .head{
    color:inherit;
}
.thread-container .post .long .options {
    margin:8px 0;
}
.forum-thread-box .options {
    margin:8px 0;
}
.thread-container .post .head,
.thread-container .post .short{
    background: var(--select-dark);
    border-radius: 5px;
    padding: 10px;
}
.forum-category-box table td.started,
.forum-category-box table td.posts,
.forum-category-box table td.last{
    width:auto;
}
.edit-page-bottomtable textarea,.edit-page-title{
    width:100%;
}
.error-block{
    border: 2px solid #f00;
}
/*Plugin*/
/*
    * @name: Non Savingpage
    * @url: http://scp-jp.wikidot.com/tools-for-sb3#toc16
    * @created_by: R74
    * @edited_by: Remelens
*/
body[class="wait"] #odialog-shader-iframe, body[class="wait"] #odialog-shader {
    display: none !important;
}
#odialog-container {
    position: fixed !important;
}
body[class="wait"] #odialog-container {
    z-index: -1;
}
body[class="wait"] #odialog-container #owindow-1 {
    display: none !important;
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info {
    border-radius: none;
    border:2px solid var(--theme-color-light);
    padding:.3em .4em;
    margin:2px 5px;
    background: inherit;
    color:inherit;
}
div#lock-info {
    font-size: 0;
    margin: .8rem 0;
    padding: 0.4rem .8rem;
}
div#lock-info::before {
    content: ' You have an exclusive 15-minute lock that will stop others editing this page while you are working.\AThe lock expires in ';
    display: inline;
    font-size: .82rem;
    white-space: pre-wrap;
}
html[lang="cn"] div#lock-info::before {
    content: '您握有一个独占的15 分钟锁定，这将会阻止其他人编辑您正在作业的页面。\A这个锁定将在闲置 ';
    display: inline;
    font-size: .82rem;
    white-space: pre-wrap;
}
div#lock-info > strong {
    font-size: .82rem;
}
div#lock-info > br {
    display: none;
}
div#lock-info::after {
    content: ' seconds of inactivity.';
    display: inline;
    font-size: .82rem;
}
html[lang="cn"] div#lock-info::after {
    content: ' 秒后失效。';
    display: inline;
    font-size: .82rem;
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::before {
    content: 'Saving pages...\AIf this prompt has been displayed for a long time, then copy the content in the textarea to the clipboard and then refresh this page to edit again.';
    display: inline;
    font-size: .82rem;
    color: red;
    white-space: pre-wrap;
}
html[lang="cn"] body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::before {
    content: '保存页面中……\A若此提示已经显示了很长时间，建议将编辑框中的内容复制到剪切板, 然后刷新本页重新编辑。';
    display: inline;
    font-size: .82rem;
    color: red;
    white-space: pre-wrap;
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {
    font-size: 0;
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info>strong {
    font-size: 0;
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {
    font-size: 0;
}
 
@media screen and (min-width:920px){
    #header{
        width:calc(20% - 20px);
        padding:10px;
    }
    #header h2{
        margin-bottom:2em;
    }
    #top-bar{
        display: none;
    }
    #login-status,#search-top-box{
        position: static;
    }
    #search-top-box .text{
        margin:0;
        width:calc(100% - 15px);
    }
    #search-top-box .btn{
        margin:5px 0;
        width:100%;
    }
    #login-status{
        display: inline-flex;
        align-items: center;
        position:absolute;
        top:calc( 4.5em * var(--use-icon) + 4.5em );
        width:120px;
        left:calc(50% - 60px);
    }
    #login-status .printuser img{
        width:20px;
        height:20px;
        border-radius: 50%;
        background: none!important;
        padding:0 2px;
        display:inline;
    }
    #login-status #my-account{
        display: none;
    }
    #account-options{
        top: 20px;
        left: -10px;
    }
    #main-content{
        position:absolute;
        top:0;
        margin:0;
        margin-left:20%;
        width:70%;
    }
    #side-bar{
        display:block;
        width:20%;
        padding: 0;
        margin: 0;
        top:calc(20px * var(--use-icon) + 50px);
        position:relative;
    }
    #side-bar ul{
        padding:0;
    }
    #side-bar li{
        list-style: none;
    }
    #side-bar li a{
        color:var(--text-color);
        padding:8px;
        width:calc(100% - 16px);
        display: inline-block;
    }
    #side-bar li a:hover{
        background: var(--background-light-paper);
        color:var(--background-dark-paper);
    }
    #footer,#license-area{display: none!important;}
    #footer{
        position:absolute;
        bottom:-20px;
        margin-left:20%;
        width:calc(70% - 20px);
        padding:0 1em;
    }
    #license-area{
        position:absolute;
        bottom:-60px;
        margin-left:20%;
        width:calc(70% - 20px);
        padding:0 1em;
    }
}
@media screen and (min-width:1020px){
    #main-content{
        margin:0;
        margin-left:19%;
        width:62%;
    }
    #header{
        width: calc(19% - 20px);
    }
    #side-bar{
        width:19%;
    }
    #footer,#license-area{
        margin-left:19%;
        width:calc(62% - 20px);
        padding:0 1em;
    }
}
@media screen and (min-width:1160px){
    #search-top-box .text{
        margin:0;
        width:calc(68% - 35px);
        border-right-width: 1px;
    }
    #search-top-box .btn{
        border-left-width: 1px;
        width:calc(32% - 10px);
    }
    #side-bar{
        top:20px;
    }
}
@media screen and (max-width:830px){
    #search-top-box-input{
        display:none;
    }
}
@media screen and (max-width:600px){
    #my-account{
        display:none;
    }
}
@media screen and (max-width:450px){
    #top-bar ul {
        width:80%;
        margin:0;
    }
    #top-bar li ul {
        width:100px;
    }
    #main-content{
        margin:0;
    }
    .printuser{
        font-size:0px;
    }
}
@media (prefers-color-scheme: dark){
    body{
        color:var(--text-color-dark);;
        background:var(--background-dark);
    }
    a{
        color:var(--theme-color-darker);
    }
    a:hover{
        color:var(--theme-color-dark);
    }
    mark{
        background: var(--text-highlight-dark);
    }
    input[type="text"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="number"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="datetime"],
    input[type="month"],
    input[type="search"],
    input[type="tel"],
    input[type="week"],
    textarea{
        border:2px solid var(--theme-color-dark);
        color:inherit;
        caret-color:var(--theme-color-dark);
    }
    input[type="radio"]:checked::after {
        box-shadow: inset 0px 0px 0px 4px var(--theme-color-dark);
    }
    input[type="checkbox"]:checked{
        box-shadow: inset 0px 0px 0px 1px var(--theme-color-dark);
        background-color: var(--theme-color-dark);
    }
    input[type="range"]::-moz-range-thumb{
        box-shadow: inset 0px 0px 0px 5px var(--theme-color-dark);
        background-color: var(--background-dark);
    }
    input[type="range"]::-moz-range-progress {
        background: var(--theme-color-dark);
    }
    input[type="range"].win11ui::-webkit-slider-thumb{
        box-shadow: inset 0px 0px 0px 4px var(--theme-color-dark);
        background-color: var(--background-dark);
    }
    input[type="range"].win11ui::-webkit-slider-runnable-track {
        background: var(--theme-color-dark);
    }
    input[type="button"],input[type="submit"],button{
        border:2px solid var(--theme-color-dark);
    }
    input[type="button"]:hover,input[type="submit"]:hover,button:hover{
        background:var(--theme-color-darker);
        color:var(--background-dark);
        transition: all 0.2s;
    }
    select{
        border:2px solid var(--theme-color-dark);
        background:var(--background-dark);
    }
    .code{
        background:var(--code-background-dark);
        color:var(--code-text-dark);
        border:2px solid var(--theme-color-dark);
    }
    tt{
        background:var(--code-background-dark);
        color:var(--code-text-dark);
    }
    .hl-code,.hl-identifier,.hl-brackets{
        color:var(--text-color-dark);
    }
    ::selection{
        background:var(--select-dark);
    }
    ::-moz-selection{
        background:var(--select-dark);
    }
    /*Wikidot*/
    #account-topbutton{
        background: var(--background-dark-paper);/*--var*/
    }
    #account-options{
        box-shadow: 0px 0px 10px -4px var(--text-color-dark);/*--var*/
        background:var(--background-dark-paper);
    }
    #account-options li:hover{
        background:var(--theme-color-darker);/*--var*/
    }
    #account-options li:hover a{
        color:var(--background-dark);/*--var*/
    }
    #top-bar li ul{
        background:var(--background-dark-paper);/*--var*/
        box-shadow: 0px 0px 10px -4px var(--text-color-dark);
    }
    #top-bar li ul li:hover{
        background:var(--theme-color-darker);/*--var*/
    }
    #top-bar li ul li:hover a{
        color:var(--background-dark);/*--var*/
    }
    #main-content{
        box-shadow:0px 0px 10px -4px var(--text-color-dark);
        background:var(--background-dark-paper);
    }
    #toc,div.wiki-note,blockquote{
        border:2px solid var(--theme-color-dark);
    }
    table.wiki-content-table th{
        background:var(--theme-color-darker);
        color:var(--background-light-paper);
        border:2px solid var(--theme-color-darker);
    }
    table.wiki-content-table td{
        border:2px solid var(--theme-color-darker);
    }
    table.wiki-content-table th::selection{
        background:var(--background-light-paper);
        color:var(--theme-color-darker);
    }
    table.wiki-content-table th::-moz-selection{
        background:var(--background-light-paper);
        color:var(--theme-color-darker);
    }
    a.newpage{
        color:var(--theme-color-darkd);
    }
    .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
        border:2px solid var(--theme-color-darker);
        border-bottom: none;
        color:inherit;
    }
    .yui-navset .yui-nav a:hover, .yui-navset .yui-navset-top .yui-nav a:hover {
        background:var(--select-dark);
    }
    .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
        background:var(--theme-color-darker);
        border:2px solid var(--theme-color-darker);
        color:var(--background-light-paper);
        border-bottom: none;
    }
    .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content {
        border:2px solid var(--theme-color-darker);
    }
    .hovertip{
        background: var(--background-dark-paper) !important;
        color: var(--text-color-dark) !important;
        border:2px solid var(--theme-color-darker)!important;
    }
    a.button,a.btn,input.btn,div.buttons input,
    input.button,.owindow .button-bar a,.change-textarea-size a,
    div.new-post a,.thread-container .post .options a,
    .thread-container .post .short .options{
        border-radius: none;
        border:2px solid var(--theme-color-dark);
        background: inherit;
        color:inherit;
        transition: all 0.2s;
    }
    a.button:hover,a.btn:hover,input.btn:hover,
    div.buttons input:hover, input.button:hover,
    .owindow .button-bar a:hover,.change-textarea-size a:hover,
    div.new-post a:hover,.thread-container .post .options a:hover,
    .thread-container .post .short .options:hover{
        background:var(--theme-color-darker);
        color:var(--background-dark);
        transition: all 0.2s;
    }
    .owindow{
        background: var(--background-dark-paper);
        border:2px solid var(--theme-color-dark);
        color:var(--text-color-dark);
    }
    .owindow .title {
        background: var(--background-dark);
    }
    #lock-info{
        border:2px solid var(--theme-color-dark);
    }
    .forum-group div.head,
    .forum-category-box table tr.head td{
        background-color: var(--theme-color-darker);
        color: var(--background-light-paper);
    }
    .forum-group div.head::selection,
    .forum-category-box table tr.head td::selection{
        background:var(--background-light-paper);
        color:var(--theme-color-darker);
    }
    .forum-group div.head::-moz-selection,
    .forum-category-box table tr.head td::-moz-selection{
        background:var(--background-light-paper);
        color:var(--theme-color-darker);
    }
    .forum-category-box table tr.head td {
        border:2px solid var(--theme-color-darker);
    }
    .forum-group table tr.head td{
        background:var(--theme-color-dark);
        color:var(--background-light-paper);
        border:2px solid var(--theme-color-darker);
    }
    .forum-group table td,
    .forum-category-box table td{
        border:2px solid var(--theme-color-darker);
    }
    .forum-category-box .description-block,
    .forum-new-thread-box .description,
    .forum-thread-box .description-block{
        border:2px solid var(--theme-color-dark);
    }
    .thread-container .post .head,
    .thread-container .post .short{
        background: var(--select-dark);
        border-radius: 5px;
        padding: 10px;
    }
    /*Plugin*/
    /*Non-savingpages*/
    body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info {
        border:2px solid var(--theme-color-dark);
    }
    @media screen and (min-width:920px){
        #side-bar li a{
            color:var(--text-color-dark);
        }
        #side-bar li a:hover{
            background: var(--background-dark-paper);
            color:var(--background-light-paper);
        }
    }
}

Notes

Similar themes fake-wikidot-standard Author: Liurd Rating: 1, Comments: 0 Tags: sidebar topbar Gnl 109557431160 Author: Mukapogx Rating: 0, Comments: 0 Tags: sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments

GoldenEye mods

Jamesbond auf Alves 10 Mar 2024 01:30

GoldenEye pheonarx's collection tower project compilation pack 2