紫庭 主题

怎么用:RPMA CSS 主题

  • 以下是初始的RPMA主题。
  • 添加以下代码到你的页面中。

[[include :scp-wiki-cn:theme:rpma]]


@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
 
@charset "utf-8";
 
@font-face { font-family: '국립박물관문화재단클래식M'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식M.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face { font-family: '국립박물관문화재단클래식L'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/국립박물관문화재단클래식L.woff') format('woff'); font-weight: normal; font-style: normal;}
 
/*
    자줏빛 궁정 CSS 테마
    [2020 Wikidot Theme]
    Edited by thd-glasses.
    based on SCP Sigma 9 Theme created by Aelanna and Dr Devan.
    The RPMA Logo was created by thd-glasses and is licensed under CC-BY-SA 3.0.
*/
 
 .curtain-right {
     position:fixed;
     top:-50px;
     right: 0px;
     background: url(http://scpko.wdfiles.com/local--files/theme%3Arpma/curtain-right.png) no-repeat;
     background-size: 200px 1000px;
     width: 200px;
     height: 1000px;
     z-index: 20;
}
 
 .curtain-left {
     position:fixed;
     top:-50px;
     left: 0px;
     background: url(http://scpko.wdfiles.com/local--files/theme%3Arpma/curtain-left.png) no-repeat;
     background-size: 200px 1000px;
     width: 200px;
     height: 1000px;
     z-index: 20;
}
 
/* COMMON */
 #content-wrap {
     min-height:1300px;
     height: 1500px;
}
 
 #page-title {
     color: #78003E;
     border-color: #78003E;
     font-family: '국립박물관문화재단클래식M', 'ZCOOL XiaoWei', 'Ma Shan Zheng', Arial, sans-serif;
}
 
 h1, h2 {
     color: #78003E;
     font-family: '국립박물관문화재단클래식L', 'ZCOOL XiaoWei', 'Ma Shan Zheng',Arial, sans-serif;
}
 
/* links */
 
 a {
     color: #78003E;
}
 
 a:visited {
     color: #78003E;
}
 
 a.newpage {
     color: #A14B77;
}
 
 #side-bar a {
     color: #D5B134;
}
 
 #side-bar a:visited {
     color: #D5B134;
}
 
 #side-bar a.newpage {
     color: #EDCC59;
}
 
 body {
     background-color: #FFEBEB;
     color: #000;
     font-size: 0.9em;
}
 
 div#container-wrap {
     background: url(http://scpko.wdfiles.com/local--files/theme%3Arpma/body_bg_0.png) top left repeat-x;
}
 
/* HEADER */
 
 #header {
     background: url(http://scpko.wdfiles.com/local--files/theme%3Arpma/violet-logo-500.png) 0px 5px no-repeat;
     -webkit-background-size: 125px;
     background-size: 125px;
     z-index: 1;
}
 
 #search-top-box-input {
     display: none;
}
 
 #search-top-box-form input[type=submit] {
     border: solid 1px #78003E;
     color: #EDCC59;
     background-color: #78003E;
     background: linear-gradient(to bottom, #A14B77,#78003E);
}
 
 #search-top-box-form input[type=submit]:hover, #search-top-box-form input[type=submit]:focus {
     border: solid 1px #EDCC59;
     color: #EDCC59;
     background-color: #78003E;
     background: linear-gradient(to bottom, #78003E,#A14B77);
}
 
 #login-status {
     color: #EDCC59;
}
 
 #login-status a {
     color: #EDCC59;
}
 #login-status ul a {
     color: #EDCC59;
}
 
 #account-topbutton {
     background: #EDCC59;
     color: #EDCC59;
}
 
 #header h1 {
     margin-left: 185px;
     margin-top: -10px;
}
 #header h2 {
     margin-left: 150px;
}
 
 #header h1 a {
     color: transparent;
     font-family: '국립박물관문화재단클래식M', 'ZCOOL XiaoWei', Arial, sans-serif;
     font-size: 150%;
     text-shadow: none;
     letter-spacing: 1px;
}
 
 #header h1 a::before {
     content: "紫色宫廷";
     color: #EDCC59;
     text-shadow: 4px 4px 4px #531;
}
 
 #header h2 span {
     font-family: '국립박물관문화재단클래식L', 'ZCOOL XiaoWei', 'Ma Shan Zheng',Arial, sans-serif;
     color: transparent;
     text-shadow: none;
}
 
 #header h2 span::before {
     content: 'REGIA PURPURAE MAGNA AUGUSTA';
     color: #EDCC59;
 
     text-shadow: 1px 1px 1px #000000;
 
     text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
 
 #top-bar a {
     color: #724A00;
}
 
 #top-bar ul li ul {
     border: solid 1px #FFF;
}
 
 #top-bar ul li.sfhover a, #top-bar ul li:hover a {
     background: #FFF;
     color: #D5B134;
}
 
 #top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
     border-top: 1px solid #F8ECC2;
}
 
 #top-bar ul li.sfhover a:hover, #top-bar ul li:hover a:hover {
     background: #F8ECC2;
}
 
 #top-bar ul li ul a, #top-bar a:hover {
     color: #FFF;
}
 
 #top-bar .c_topbar_arrow {
    color: #EDCC59;
}
 
/* SIDE MENU */
 #side-bar {
     background: transparent;
}
 
 #side-bar img {
     filter: hue-rotate(60deg) brightness(400%);
     -webkit-filter: hue-rotate(60deg) brightness(400%);
}
 
 #side-bar div.side-block:nth-child(4) > div:nth-child(1) > div:nth-child(1) img {
     filter: none;
     -webkit-filter: none;
}
 
 #side-bar .side-block {
     border: 4px double #EDCC59;
     background: #FFF !important;
     box-shadow: none !important;
}
 
 #side-bar .heading {
     color: #D5B134;
     border-bottom: solid 1px #D5B134;
}
 
 #side-bar div.menu-item.inactive a {
     color: #D5B134;
}
 
 #side-bar div.menu-item .sub-text {
     color: #D5B134;
}
 
 #side-bar .collapsible-block-folded {
     background: none;
}
 
 #side-bar .collapsible-block-unfolded-link {
     border-bottom: solid 1px #D5B134;
}
 
 #side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: #D5B134;
}
 
 #side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
     color: #EDCC59;
}
 
/* YUI-TABS */
 .yui-navset .yui-content{
     border: 1px solid #FDF9EC;
     border-bottom: 4px solid #EDCC59;
     background-color: #FDF9EC;
}
 
 .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a,
 .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em {
    border-style: none;
}
 
 .yui-navset .yui-nav .selected a,
 .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
 .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
     background: #EDCC59; /* selected tab background */
     color: #FFF;
}
 
 .yui-navset .yui-nav a:hover,
 .yui-navset .yui-nav a:focus {
     background: #F8ECC2;
     text-decoration: none;
}
 
 .yui-navset .yui-nav,
 .yui-navset .yui-navset-top .yui-nav {
     border-color: #EDCC59;
}
 
/* RATING MODULE */
 
 .page-rate-widget-box .rate-points {
     background-color: #78003E !important;
     border: solid 1px #78003E;
     color: #EDCC59;
}
 
 .page-rate-widget-box .rateup, .page-rate-widget-box .ratedown {
     background-color: #A14B77;
     border-top: solid 1px #78003E;
     border-bottom: solid 1px #78003E;
}
 
 .page-rate-widget-box .rateup a, .page-rate-widget-box .ratedown a {
     color: #EDCC59;
}
 
 .page-rate-widget-box .rateup a:hover, .page-rate-widget-box .ratedown a:hover {
     background: #78003E;
     color: #EDCC59;
}
 
 .page-rate-widget-box .cancel {
     background-color: #78003E;
     border: solid 1px #78003E;
}
 
 .page-rate-widget-box .cancel a {
     color: #EDCC59;
}
 
 .page-rate-widget-box .cancel a:hover {
     background: #A14B77;
     color: #EDCC59;
}
 
 .rate-box-with-credit-button {
     background-color: #78003E !important;
     border: 1px solid #78003E !important;
     border-radius: 5px !important;
     box-shadow: 1px 1px 3px rgba(0,0,0,.5)!important;
}
 
 .rate-box-with-credit-button .creditButton p a {
     border-left-color: #78003E !important;
     color: #EDCC59;
}
 
 .rate-box-with-credit-button .creditButton p a:hover {
     color: #F8ECC2;
}
 
 .rate-box-with-credit-button .page-rate-widget-box .cancel {
     border-radius: 0;
}
 
 .rate-box-with-credit-button .page-rate-widget-box .rate-points {
     border-left: 0;
}
 
/* Heritage Collection Rating Module */
 
 .heritage-rating-module {
     background-color: #78003E;
}
 
/* Standard Image Block */
 
 .scp-image-block {
     border: solid 1px #78003E;
}
 
 .scp-image-block .scp-image-caption {
     background-color: #FFF;
     border-top: solid 1px #78003E;
}
 
/* Forum Customizations */
 
 .thread-container .post .head {
     background: #78003E;
     color: #EDCC59;
}
 .thread-container .post .head a {
     color: #EDCC59;
}
 
@media (max-width: 767px) {
#side-bar {
background-color: rgb(120,0,62);
}
}
 
/* Mobile Media Query */
 @media (max-width: 479px) {
     .curtain-right {
         right: -1px;
    }
     .curtain-left {
         left: -1px;
    }
     .curtain-right, .curtain-left {
         background-size: 29px 750px;
         width: 29px;
         height: 750px;
    }
     #header {
         background-position: 0px 5px;
         -webkit-background-size: 125px;
         background-size: 125px;
    }
     #header h1 a {
         font-size: 100%;
    }
     #header h2 span::before {
         content: 'R · P · M · A';
    }
     #header h1 {
         margin-left: 140px;
         margin-top: 0px;
    }
     #header h2 {
         margin-left: 160px;
    }
}
/* Small Mobile Media Query */
 @media (max-width: 385px) {
     .curtain-right {
         right: -3px;
    }
     .curtain-left {
         left: -3px;
    }
     .curtain-right, .curtain-left {
         background-size: 23px 550px;
         width: 23px;
         height: 550px;
    }
     #header h1 {
         margin-left: -webkit-calc(110px + 5%);
         margin-left: -moz-calc(110px + 5%);
         margin-left: calc(110px + 5%);
         margin-top: 0px;
    }
     #header h2 {
         margin-left: -webkit-calc(130px + 5%);
         margin-left: -moz-calc(130px + 5%);
         margin-left: calc(130px + 5%);
    }
}
/* Note Media Query */
 @media (min-width: 480px) and (max-width: 580px) {
     .curtain-right, .curtain-left {
         background-size: 35px 700px;
         width: 35px;
         height: 700px;
    }
     #header {
         background-position: 0px 5px;
         -webkit-background-size: 125px;
         background-size: 125px;
    }
     #header h1 a {
         font-size: 100%;
    }
     #header h2 span::before {
         content: 'R · P · M · A';
    }
     #header h1 {
         margin-left: 160px;
         margin-top: 0px;
    }
     #header h2 {
         margin-left: 180px;
    }
}
/* Mini Tablet Media Query */
 @media (min-width: 581px) and (max-width: 767px) {
     .curtain-right, .curtain-left {
         background-size: 40px 700px;
         width: 40px;
         height: 700px;
    }
     #header {
         background-position: 0px 5px;
         -webkit-background-size: 125px;
         background-size: 125px;
    }
     #header h1 a {
         font-size: 115%;
    }
     #header h1 {
         margin-left: 180px;
         margin-top: -3px;
    }
     #header h2 {
         margin-left: 125px;
    }
}
/* Tablet Media Query */
 @media (min-width: 768px) and (max-width: 979px) {
     .curtain-right, .curtain-left {
         background-size: 50px 700px;
         width: 50px;
         height: 700px;
    }
     #header {
         background-position: 0px 5px;
         -webkit-background-size: 125px;
         background-size: 125px;
    }
     #header h1 a {
         font-size: 130%;
    }
     #header h1 {
         margin-left: 175px;
         margin-top: -7px;
    }
     #header h2 {
         margin-left: 130px;
    }
}
 
/* 979-1144 Media Query */
 @media (min-width: 980px) and (max-width: 1144px) {
     .curtain-right, .curtain-left {
         background-size: 65px 800px;
         width: 65px;
         height: 800px;
    }
}
 
/* 1145-1235 Media Query */
 @media (min-width: 1145px) and (max-width: 1235px) {
     .curtain-right, .curtain-left {
         background-size: 90px 850px;
         width: 90px;
         height: 850px;
    }
}
 
/* 1235-1315 Media Query */
 @media (min-width: 1236px) and (max-width: 1315px) {
     .curtain-right, .curtain-left {
         background-size: 130px 900px;
         width: 130px;
         height: 900px;
    }
}
 
/* 1315-1400 Media Query */
 @media (min-width: 1316px) and (max-width: 1400px) {
     .curtain-right, .curtain-left {
         background-size: 170px 950px;
         width: 170px;
         height: 950px;
    }
}
除非特别注明,本页内容采用以下授权方式: Creative Commons Attribution-ShareAlike 3.0 License