紫庭 主题
怎么用: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; } }
页面版本: 3, 最后编辑于: 25 Jun 2021 17:19