网站版式的设计方案来源于天穹夐远
/* ————————————————————————————————
[2020 Wikidot Theme]
Main Code is Based On SCP Fondation, Sigma-9 By Aelanna.
The Code of The Part of Sidebar And Tabview is Changed From Ar-Theme, made by Croquembouche, with help from Jacob Conwell and OthellotheCat.
The Colors of Some Elements Are Consulted From Ad-Astra Theme, made By NatVoltaic and stormbreath, based on code by Cyantreuse and InitHello.
The Transformation Way Between Black and White Themes Was From RPC Authority.
Changed By Chen XX.
The Header Pictures Are Created By Chen XX.
Under CC-BY-SA 3.0 License.
————————————————————————————————— */
@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/* 通用元素 */
#action-area-top {
display: none;
}
#content-wrap {
position: relative;
margin: 2em auto 0;
max-width: 1040px;
min-height: 1300px;
height: auto !important;
height: 1500px;
}
h1 {
color: #ffbe3d;
padding: 0 0 0.25em;
margin: 0 0 0.6em;
font-weight: normal;
}
#page-title {
color: #c5c5c5;
padding: 0 0 0.25em;
margin: 0 0 0.6em;
font-weight: normal;
}
h1 {
margin-top: 0.7em;
padding: 0;
font-weight: bold;
}
h2, h3, h4, h5, h6, h7 {
margin: 0.5em 0 0.4em;
padding: 0;
letter-spacing: 1px;
}
#page-title {
border-color: #c5c5c5;
}
ul {
/* list-style-image: url(http://wxr-jlz.wikidot.com/local--wp8icon/wp8icon.png?2521/v--3b8418686296/common--theme/shiny/images/bullet.gif); */
list-style: square;
}
#top-bar ul {
/* list-style-image: none; /* IE ONLY! IF list-style-image IS SET */
}
li, p {
line-height: 141%;
}
a.newpage {
color: #d8d8d8;
text-decoration: none;
background-color: transparent;
}
a {
color: #c1cada;
text-decoration: none;
background-color: transparent;
}
a:visited {
color: #a0a8b7;
}
a:hover {
text-decoration: underline;
background-color: transparent;
}
.form-control {
width: 95%;
}
#lock-info {
background-color: #0b0c1d;
border: 1px solid #ffb961;
padding: 0.5em 1em;
margin: 1em 0;
border: solid 1px #ffb926;
}
blockquote {
border: 1px solid #ffb926;
padding: 0 1em;
background-color: #03264a;
border-radius: 0 2em 0 2em;
}
.hovertip .content {
padding: 0.2em 0.5em;
color: #333
}
#toc {
margin: 1em auto 1em 0;
padding: 0em 0.5em;
border: 1px dashed gray;
background-color: #0c0a25;
display: table;
}
table.wiki-content-table th {
border: 1px solid #888;
padding: 0.3em 0.7em;
background-color: #132b48;
}
.code {
border: 1px dashed #DDD;
background-color: #F7F7F7;
font-family: 'Andale Mono', 'Courier New', Courier, monospace;
padding: 0 1em;
margin: 0.4em 0;
overflow: auto;
color: #6d7594;
}
.changes-list-item:hover {
background-color: #202750;
}
/* 总体布局 */
#header, #top-bar {
width: 90%;
max-width: 980px;
margin: 0 auto;
}
#top-bar {
width: 100%;
margin: 0 auto;
}
.mobile-top-bar {
display: none;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 0;
}
body {
background-color: #0b142f;
font-size: 0.80em;
color: #c5c5c5;
}
div#container-wrap {
background: url(http://under-welkin.wikidot.com/local--files/component:theme/bg) repeat-x;
}
#page-content > sup {
vertical-align: top; position: relative; top: -0.5em;
}
/* 开关灯设置 */
.open-themes a {
position: absolute;
bottom: 125px;
right: -50px;
z-index: 14;
text-align: center;
transition: all 0s ease 0s;
width: 1em;
height: 1em;
font-size: 20px;
padding: 2px;
border: 2px solid #fff;
}
.open-themes a:hover {
text-decoration: none!important;
transition: all 0s ease 0s;
}
@media (max-width: 768px) {
.open-themes a {
width: 13px;
height: 15px;
padding: 0 2px 2px;
bottom: 125.8px;
right: -25px;
font-size: 13px;
}
.open-themes-block {
padding: 0;
max-width: 100%;
position: absolute;
left: 1em;
bottom: 0px;
z-index: 0;
background-color: #080f25;
}
}
.open-themes p {
margin: 0;
}
/* 版头设置 */
#header {
height: 140px;
position: relative;
z-index: 10;
padding-bottom: 22px; /* FOR MENU */
background: url(http://wxr-jlz.wikidot.com/local--wp8icon/wp8icon.png?2521/component:theme/header) 20px 35px no-repeat;
background-size: 100px 100px;
}
#search-top-box {
position: absolute;
top: 79px;
right: 9px;
width: 250px;
text-align: right;
}
#search-top-box-input {
background-color: #122235;
border: none;
box-shadow: none;
border-radius: 0;
font-family: 微软雅黑,monospace;
}
#search-top-box-input:hover, #search-top-box-input:focus {
background-color: #122235;
border: none;
box-shadow: none;
}
#search-top-box-form input[type=submit] {
padding: 0 0.5em;
border: 1px solid #122235;
border-radius: 0;
color: #c1c1c1;
background: #19314e;
font-family: 微软雅黑,monospace;
}
#search-top-box-form input[type=submit]:hover {
border: 1px solid #122235;
border-radius: 0;
background: #19314e;
}
#login-status {
color: #c1c1c1;
font-size: 90%;
z-index: 30;
}
#login-status a {
background: transparent;
color: #c1c1c1;
}
#login-status ul a {
color: #294957;
background: transparent;
}
#account-topbutton {
background: #ccc;
color: #294957;
}
.printuser img.small {
margin-right: 1px;
}
#header h1 {
margin-left: 120px;
padding: 0;
float: left;
max-height: 95px;
}
#header h2 {
margin-left: 120px;
padding: 0;
clear: left;
float: left;
font-size: 105%;
max-height: 38px;
}
#header h1 a {
display: block;
margin: 0;
padding: 80px 0 25px;
line-height: 0px;
max-height: 0px;
color: #fff;
background: transparent;
font-family: BauhausLTDemi, Simhei, Arial, sans-serif;
font-size: 145%;
font-weight: 550;
text-decoration: none;
text-shadow: 3px 3px 5px #375671;
letter-spacing: 0.9px;
}
#header h2 span {
display: block;
margin: 0;
padding: 19px 0;
line-height: 0px;
max-height: 0px;
font-weight: bold;
color: #AAA;
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0,0,0,.8);
}
/* 顶栏 */
#top-bar {
position: absolute;
z-index: 50;
top: 140px;
height: 21px;
line-height: 18px;
padding: 0;
z-index: 20;
font-size: 90%;
}
#top-bar ul {
float: right;
}
#top-bar li {
margin: 0;
}
#top-bar a {
color: #ffeb66;
background: transparent;
}
#top-bar li a {
padding: 1px 0.5em;
}
#top-bar ul li {
border: 0;
position: relative;
}
#top-bar ul li ul {
border: solid 1px #c1c1c1;
box-shadow: 0 2px 6px rgba(0,0,0,.5);
border-top: 0;
}
#top-bar ul li a {
border-left: solid 1px rgba(64,64,64,.1);
border-right: solid 1px rgba(64,64,64,.1);
text-decoration: none;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1px;
max-height: 1px;
overflow: hidden;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #113;
color: #ffeb66;
border-left: solid 1px rgba(64,64,64,1);
border-right: solid 1px rgba(64,64,64,1);
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-width: 0;
width: 150px;
border-top: 1px solid #ddd;
line-height: 160%;
height: auto;
max-height: none;
padding-top: 0;
padding-bottom: 0;
}
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
background: #0f1029;
text-decoration: none;
}
#top-bar ul li ul {
border-width: 0 1px 1px 1px;
width: auto;
}
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
border-width: 0;
}
#top-bar ul li ul li a {
border-width: 0;
}
#top-bar ul li ul a, #top-bar a:hover {
color: #a01;
}
.top-bar ul li:last-of-type ul {
right: 0;
}
/* IE7 HACK */
#top-bar ul > li > ul {
*margin-top: -4px;
}
/* 侧边栏 */
#side-bar {
clear: none;
float: none;
position: absolute;
top: 0.5em;
left: 2em;
width: 17em;
padding: 0;
border: none;
display: block;
}
#side-bar .side-block {
border: none;
border-radius: 0;
box-shadow: none;
background: transparent !important;
padding: 0;
}
#side-bar .side-area {
padding: 10px;
}
#side-bar .heading {
border: none;
border-radius: 0;
color: #c5c5c5;
font-size: 1.2em;
padding: 1em 1em 0 0;
border-top: 1px solid #c1c1c1;
margin: 1em calc(-1em + 2px) 1em 0;
font-weight: normal;
}
#side-bar .heading:not(:first-child) {
margin-top: 10px;
}
#side-bar p {
margin: 0;
}
#side-bar div.menu-item {
margin: 0 0;
}
#side-bar div.menu-item img {
display: none;
}
#side-bar div.menu-item > a {
font-weight: bold;
transition: all 0.1s ease-in-out;
display: block;
color: #5f6368;
margin: 0 calc(-1em - 1px) 0 -0.5em;
padding: 0.5em 1em 0.5em 0.5em;
font-size: 12.8px;
/* sidebar links extend to left: */
margin-left: -99rem;
padding-left: 99rem;
}
}
#side-bar div.menu-item.inactive img {
opacity: 0.25;
}
#side-bar div.menu-item.inactive a {
color: #999;
}
#side-bar div.menu-item .sub-text {
font-size: 80%;
color: #666;
}
#side-bar div.menu-item.sub-item {
}
#side-bar .collapsible-block-folded {
background: url();
}
#side-bar .collapsible-block-link {
font-weight: bold;
transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-webkit-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
}
#side-bar .collapsible-block-unfolded-link {
border-bottom: solid 1px #c1c1c1;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.2em;
color: #c1c1c1;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link:hover {
color: #c1c1c1;
text-decoration: none;
}
#side-bar ul {
list-style-type: none;
padding: 0 5px 0;
}
@media (max-width: 768px) {
#side-bar{
background: #1f2538;
}
}
/* CONTENT */
#main-content {
margin: 0 2em 0 22em;
padding: 1em;
position: relative;
}
/* ACTUALLY HIDE HIDDEN TAGS */
#main-content .page-tags a[href^="/system:page-tags/tag/_"]
{
display: none;
}
#breadcrumbs {
margin: -1em 0 1em;
font-weight: 85%;
}
/* Tabview */
.yui-navset .yui-content {
background-color: #152e4e;
}
.yui-navset.yui-navset-top {
border-left: 3px solid #295183;
}
.yui-navset .yui-nav {
position: relative;
z-index: 0;
border: none;
padding-left: 0.2em;
}
.yui-navset .yui-nav li {
padding: 0;
margin: 0.2em 0.3em;
transition: transform 0.2s ease-in-out;
background-color: #295183;
}
.yui-navset .yui-nav li a {
background: transparent;
color: #c9c9c9;
border: 1px solid rgba(0,0,0,0.12);
transition: background 0.1s ease-in-out,
color 0.1s ease-in-out,
border 0.1s ease-in-out;
}
.yui-navset .yui-nav li a:hover {
background: rgba(0,0,0,0.04);
color: #dedede;
border: 1px solid rgba(0,0,0,0.12);
}
.yui-navset .yui-nav li a em {
border: none;
padding: 0.5em 0.5em calc(0.5em - 2px) 0.5em;
}
.yui-navset .yui-nav .selected {
padding: 0;
margin: 0.2em 0.3em;
transform: scale(1.1);
}
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover {
padding: 0;
border: 1px solid #1e3c62;
border: 1px solid var(dark-accent);
background: #295183;
background: var(light-accent);
}
.yui-navset .yui-nav .selected a em {
padding: 0.556em 0.5em calc(0.5em - 2px) 0.5em;
border: none;
}
.yui-navset .yui-content {
display: flex;
flex-direction: column;
background-color: transparent;
border: none;
padding: 0;
position: relative;
margin-top: 0.2em;
transform-origin: 0 0;
}
.yui-navset .yui-content > div {
border: 1px solid rgba(0,0,0,0.12);
border-left: none;
background-color: #152e4e;
padding: 0.25em 0.5em;
display: block;
top: 0;
overflow: hidden;
transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div > * {
transform-origin: 0 0;
}
#page-content .yui-navset .yui-content > div[style*="none"] {
display: block !important;
flex: 0;
max-height: 0;
padding: 0 0.5em;
border-width: 0;
/* The following transition affects the one that DISAPPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.0,1.27,.0,.89) 0s;
animation: tab-disappear 0.5s ease-in-out 0s 1 both;
}
#page-content .yui-navset .yui-content > div[style*="block"] {
display: block !important;
flex: 1;
max-height: 9999rem;
/* The following transition affects the one that APPEARS */
transition: padding 0s linear 0.5s,
border-width 0s linear 0.5s,
flex 0.5s cubic-bezier(.99,.0,.99,.0) 0.5s;
animation: tab-appear 0.5s ease-in-out 0.5s 1 both;
}
@keyframes tab-disappear {
0% { max-height: 9999rem; }
1% { max-height: 100vh; }
100% { max-height: 0; }
}
@keyframes tab-appear {
0% { max-height: 0; }
99% { max-height: 100vh; }
100% { max-height: 9999rem; }
}
.yui-navset li {
line-height: normal;
}
/* FOOTER */
#footer {
clear: both;
font-size: 77%;
background: #444;
color: #fff;
margin-top: 15px;
padding: 3px 10px;
}
#footer .options {
visibility: visible;
display: block;
float: right;
width: 50%;
font-size: 100%;
text-align: right;
}
#footer a {
color: #fff;
background: transparent;
}
/* Comments on Mobile Editing */
@media (max-width: 767px) {
#edit-page-comments {
width: 103px !important;
height: 32px !important;
margin: 0;
}
}
/* Custom page content classes */
#page-content {
min-height: 720px;
}
.unmargined > p {
margin: 0;
line-height: 100%;
}
.content-panel {
border: solid 1px #fff;
border-radius: 1px;
background-color: #1a1a3a;
margin: 10px 0 15px;
box-shadow: 3px 3px 6px #bbb;
box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255,255,255,0.3), inset 0px 0px rgba(255,255,255,0.2), inset 2px 2px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.1);
}
.content-panel.standalone {
background: #fcfdfb;
}
.content-panel.series {
padding: 0 20px;
margin-bottom: 20px;
}
.content-panel.centered {
text-align: center;
}
.content-panel.left-column {
float: left;
width: 48%;
}
.content-panel.right-column {
float: right;
width: 48%;
}
.content-panel .panel-heading {
padding: 2px 10px;
color: #ffffff;
font-size: 90%;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.content-panel .panel-heading > p,
.content-panel .panel-footer > p {
margin: 0;
}
.content-panel .panel-body {
padding: 5px 10px;
background: #353555;
/* box-shadow: 1px 2px 3px rgba(0,0,0,.2) inset */
}
.content-panel .panel-footer {
padding: 1px 10px;
color: #fffff0;
font-size: 80%;
font-weight: bold;
text-align: right;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.content-panel .panel-footer a {
color: #ffffff;
}
.content-panel .content-toc {
float: right;
padding: 0 20px;
background-color: #fff;
border: solid 1px #ccc;
border-radius: 10px;
margin: 20px 0 5px 5px;
white-space: nowrap;
box-shadow: inset 1px 2px 6px rgba(0,0,0,.15)
}
.alternate:nth-child(odd) {
background-color: rgba(36,52,97,.9);
border-top: solid 1px #ddd;
}
.alternate:nth-child(even) {
background-color: rgba(15,30,74,.9);
border-top: solid 1px #c4c4c4;
}
/* RATING MODULE */
.page-rate-widget-box {
display: inline-block;
border-radius: 0px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
margin-bottom: 10px;
margin-right: 2em;
}
.page-rate-widget-box .rate-points {
background-color: transparent !important;
border: solid 1px #c1c1c1;
border-right: 0;
border-radius: 5px 0 0 5px;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
background-color: transparent;
border-top: solid 1px #c1c1c1;
border-bottom: solid 1px #c1c1c1;
font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
background: transparent;
color: #c4c4c4;
padding: 0 4px;
margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
background: #c4c4c4;
color: #141442;
transition: background 0.5s ease-out;
text-decoration: none;
}
.page-rate-widget-box .cancel {
background-color: transaprent;
border: solid 1px #c1c1c1;
border-left: 0;
border-radius: 0 5px 5px 0;
}
.page-rate-widget-box .cancel a {
background: transparent;
text-transform: uppercase;
color: #c4c4c4;
}
.page-rate-widget-box .cancel a:hover {
background: #ccc;
color: #141442;
transition: background 0.5s ease-out;
text-decoration: none;
border-radius: 0 3px 3px 0;
}
.rate-box-with-credit-button {
border: solid 1px #c1c1c1 !important;
background: transparent !important;
}
/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
#search-top-box-input {
width: 8em;
}
#side-bar {
width: 80%;
position: relative;
}
#main-content {
margin: 0 3em 0 2em;
}
#header {
max-width: 90%;
}
.top-bar {
display: none;
}
.mobile-top-bar {
display: block;
}
.page-options-bottom a {
padding: 0 6px;
}
#header h1 a {
font-size: 140%;
}
.license-area {
font-size: 0.9em;
}
#header {
background-position: 1em 4em;
background-size: 77px 77px;
}
#header h1, #header h2 {
margin-left: 93px;
}
}
/* Standard Image Block */
.scp-image-block {
border: solid 1px #c0c0c0;
box-shadow: 0 1px 6px rgba(0,0,0,.25);
width: 300px;
}
.scp-image-block.block-right {
float: right;
clear: right;
margin: 0 2em 1em 2em;
}
.scp-image-block.block-left {
float: left;
clear: left;
margin: 0 2em 1em 0;
}
.scp-image-block.block-center {
margin-right: auto;
margin-left: auto;
}
.scp-image-block img {
border: 0;
width: 300px;
}
.scp-image-block .scp-image-caption {
background-color: #eee;
border-top: solid 1px #666;
padding: 2px 0;
font-size: 80%;
font-weight: bold;
text-align: center;
width: 300px;
}
.scp-image-block > p {
margin: 0;
}
.scp-image-block .scp-image-caption > p {
margin: 0;
padding: 0 10px;
}
/* Wikiwalk Navigation */
.footer-wikiwalk-nav {
font-weight: bold;
font-size: 75%;
}
/* Forum Customizations */
.forum-thread-box .description-block {
padding: .5em 1em;
border-radius: 10px;
box-shadow: 0 1px 5px rgba(0,0,0,.15),
inset 0 1px 0 rgba(255,255,255,.8),
inset 0 10px 5px rgba(255,255,255,.25),
inset 0 -15px 30px rgba(0,0,0,.1)
}
.thread-container .post .head {
padding: 0.5em 1em;
background-color: #181818;
background: linear-gradient(to right, #1c45a0, #a3a9ec, #eeecec);
box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
border-radius: 5px 5px 0 0;
}
.forum-group table tr.head td {
text-align: center;
font-size: 85%;
background-color: #1e2e48;
}
.thread-container .post .short {
display: none;
background-color: #273252;
padding: 0.2em 0.5em;
}
.forum-thread-box .description-block {
border: 1px solid #CCC;
margin: 1em 4em;
padding: 0.5em;
background: linear-gradient(to left,#03082d, #01194e);
overflow: hidden;
height: 100%;
}
.forum-category-box table tr.head td {
text-align: center;
font-size: 90%;
background-color: #0d1127;
}
.forum-category-box .description-block {
border: 1px solid #C1C1C1;
margin: 1em 4em;
padding: 0.5em;
background-color: #0d1127;
height: 100%;
overflow: hidden;
}
div.new-post a {
border: 1px solid #999;
background-color: #1b2840;
padding: 5px 10px;
font-size: 100%;
font-weight: bold;
}
.forum-category-box .description-block .statistics {
padding: 0 0.5em;
font-size: 85%;
color: #cecece;
text-align: right;
float: right;
}
/* Forum */
.signature {
display: none !important;
}
@media (max-width: 979px) {
td.name {
width: 40%;
}
td.title {
width: 30%;
}
}
/* Ruby by Nanimono Demonai */
.ruby, ruby {
display:inline-table;
text-align:center;
white-space:nowrap;
line-height:1;
height:1em;
vertical-align:text-bottom;
}
.rt, rt {
display:table-header-group;
font-size:0.6em;
line-height:1.1;
text-align:center;
white-space:nowrap;
}
/* Keycap */
.keycap {
border: 1px solid;
border-color: #ddd #bbb #bbb #ddd;
border-bottom-width: 2px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f9f9f9;
padding: 1px 3px;
font-family: inherit;
font-size: 0.85em;
white-space: nowrap;
}
/* tag style */
.tags {
display: inline-block;
margin: 0 0 0 5px;
padding: 3px 5px 3px 0px;
height: 13px;
line-height: 13px;
font-size: 11px;
background: #666;
color: #D6EEFE;
text-decoration: none;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.tags:before {
content: "";
padding: 0px 1px 3px 1px;
float: left;
position: relative;
top: -3px;
left: -10px;
width: 0;
height: 0;
border-color: transparent #666 transparent transparent;
border-style: solid;
border-width: 8px 8px 8px 0px;
}
.tags:after {
content: "";
position: relative;
top: 4.5px;
left: -8px;
float: left;
width: 4px;
height: 4px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #fff;
-moz-box-shadow: -1px -1px 2px #004977;
-webkit-box-shadow: -1px -1px 2px #333;
box-shadow: -1px -1px 2px #333;
}
/* Display Black Block by Nanimono Demonai */
.bblock {
color: #000000;
background-color: #000000;
transition: 2s;
text-decoration: none;
}
.bblock:hover {
background-color: #000000;
color: #006600;
text-decoration: none;
}
.dblock {
color: #000000;
background-color: #000000;
transition: 2s;
text-decoration: none;
}
.dblock:hover {
background-color: transparent;
text-decoration: none;
}
/*
2011-11-13 Minobe Hiroyuki @ Marguerite Site
www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
Edited for the SCP Foundation by Nanimono_Demonai
*/
.emph {
text-emphasis-style: dot ;
-webkit-text-emphasis-style: dot ;
}
/* For FireFox */
@-moz-document url-prefix() {
.emph {
/* For the environments which comply with CSS3. */
font-family: monospace;
font-style: normal;
font-weight: normal;
background-image: url(http://scp-wiki-cn.wikidot.com/local--files/component%3Atheme/dot.png), none;
background-repeat: repeat-x;
padding: 0.5em 0 0;
background-color: transparent;
background-clip: padding-box, content-box;
background-size: 1em 1.3em, auto;
}
}
/* For IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.emph {
/* For the environments which comply with CSS3. */
font-family: monospace;
font-style: normal;
font-weight: normal;
background-image: url(http://scp-wiki-cn.wikidot.com/local--files/component%3Atheme/dot.png), none;
background-repeat: repeat-x;
padding: 0.5em 0 0;
background-color: transparent;
background-clip: padding-box, content-box;
background-size: 1em 1.3em, auto;
}
}
/* viewport */
@viewport {
width: device-width;
zoom: 1.0;
}
/* IE viewport */
@-ms-viewport {
width: device-width;
zoom: 1.0;
}
/* opera viewport */
@-o-viewport {
width: device-width;
zoom: 1.0;
}
/* chrome viewport - maybe it isn't work… */
@-webkit-viewport {
width: device-width;
zoom: 1.0;
}
/* firefox viewport - maybe it isn't work too… */
@-moz-viewport {
width: device-width;
zoom: 1.0;
}
/* webkit scrollbar */
::-webkit-scrollbar
{
width: 9px; /* for vertical scrollbars */
height: 9px; /* for horizontal scrollbars */
border: solid 1px rgba(0, 0, 0, 0.1);
border-round: 0.5px;
}
::-webkit-scrollbar-track
{
background: rgba(24, 24, 78, 0.1);
}
::-webkit-scrollbar-thumb
{
background: rgba(24, 24, 78, 0.84);
}
.page-source {
word-break: break-all;
}
/* Mobile Media Query */
@media (max-width: 479px) {
#search-top-box-input {
width: 5em;
}
#page-content {
font-size: 0.9em;
}
#main-content {
margin: 0;
}
#recent-posts-category {
width: 100%;
}
#header {
max-width: 90%;
}
#side-bar {
width: 80%;
position: relative;
}
.top-bar {
display: none;
}
.mobile-top-bar {
display: block;
padding: 0;
}
.page-options-bottom a {
padding: 0 4px;
}
#header h1 a {
font-size: 100%;
}
blockquote {
margin: 1em 0;
}
.license-area {
font-size: 0.8em;
}
#header {
background-position: 0 5.5em;
background-size: 55px 55px;
}
#header h1, #header h2 {
margin-left: 66px;
}
table.form td, table.form th {
float: left;
}
/*
td.title {
width: 30%;
}
*/
td.name {
width: 15em;
}
table.form td, table.form th {
padding: 0;
}
#edit-page-title {
max-width: 90%;
}
.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}
#page-content div, #page-content div table {
clear: both;
}
#page-content div.title {
word-break: keep-all;
}
}
/* Note Media Query */
@media (min-width: 480px) and (max-width: 580px) {
#search-top-box-input {
width: 7em;
}
#main-content {
margin: 0 2em 0 2em;
}
#header {
max-width: 90%;
}
#side-bar {
width: 80%;
position: relative;
}
.top-bar {
display: none;
}
.mobile-top-bar {
display: block;
}
.page-options-bottom a {
padding: 0 5px;
}
#header h1 a {
font-size: 120%;
}
blockquote {
margin: 0.5em;
}
.license-area {
font-size: 0.85em;
}
#header {
background-position: 0.5em 4.5em;
background-size: 66px 66px;
}
#header h1, #header h2 {
margin-left: 80px;
}
/*
td.title {
width: 30%;
}
*/
#page-content div.title {
word-break: keep-all;
}
td.name {
width: 15em;
}
.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}
#page-content div, #page-content div table {
clear: both;
}
}
/* Mini Tablet Media Query */
@media (min-width: 581px) and (max-width: 767px) {
#search-top-box-input {
width: 8em;
}
#side-bar {
width: 80%;
position: relative;
}
#main-content {
margin: 0 3em 0 2em;
}
#header {
max-width: 90%;
}
.top-bar {
display: none;
}
.mobile-top-bar {
display: block;
}
.page-options-bottom a {
padding: 0 6px;
}
#header h1 a {
font-size: 140%;
}
.license-area {
font-size: 0.9em;
}
#header {
background-position: 1em 4em;
background-size: 77px 77px;
}
#header h1, #header h2 {
margin-left: 93px;
}
}
/* Tablet Media Query */
@media (min-width: 768px) and (max-width: 979px) {
#main-content {
margin: 0 4em 0 20em;
}
#header, #top-bar, #side-bar {
max-width: 100%;
}
.top-bar li {
margin: 0;
}
#top-bar ul li.sfhover ul li a, #top-bar ul li:hover ul li a {
width: 110px;
}
.page-options-bottom a {
padding: 0 7px;
}
#header h1 a {
font-size: 160%;
}
.license-area {
font-size: 0.95em;
}
#header {
background-position: 1em 4em;
background-size: 88px 88px;
}
#header h1, #header h2 {
margin-left: 106px;
}
.content-panel.left-column, .content-panel.right-column {
width: 99%;
float: left;
}
#page-content div, #page-content div table {
clear: both;
}
}
/* Desktop Media Query ---
@media (min-width: 980px) and (max-width: 1399px) {
}
--------— */
/* Wide Monitor Media Query -
@media (min-width: 1400px) {
}
--------— */
/* off-canvas */
.close-menu {
display: none;
}
@media (max-width: 767px) {
.page-history tbody tr td:last-child {
width: 35%;
}
.owindow {
min-width: 80%;
max-width: 99%;
}
.modal-body .table, .modal-body .table ~ div {
float: left;
}
.owindow .button-bar {
float: right;
}
.owindow div .btn-primary {
width: 100%;
float: left;
}
.owindow div .btn-primary ~ div {
width: 100%;
}
.owindow .content, .owindow .title {
color: #121533 !important;
}
.yui-navset {
z-index: 1;
}
#navi-bar, #navi-bar-shadow {
display: none;
}
.open-menu a {
position: fixed;
top: 0.5em;
left: 0.5em;
z-index: 15;
font-family: 'Nanum Gothic', san-serif;
font-size: 30px;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 0.9em;
text-align: center;
border: 0.2em solid #c3c3c3 !important;
background-color: #fff !important;
border-radius: 3em;
color: #c3c3c3 !important;
}
.open-menu a:hover {
text-decoration: none !important;
-webkit-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-ms-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
-o-box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
box-shadow: 0px 0px 20px 3px rgba(153,153,153,1);
}
#main-content {
max-width: 90%;
margin: 0 5%;
padding: 0;
-webkit-transition: 0.5s ease-in-out 0.1s;
-moz-transition: 0.5s ease-in-out 0.1s;
-ms-transition: 0.5s ease-in-out 0.1s;
-o-transition: 0.5s ease-in-out 0.1s;
transition: 0.5s ease-in-out 0.1s;
}
#side-bar {
display: block;
position: fixed;
top: 0;
left: -25em;
width: 17em;
height: 100%;
background-color: #1f2538;
overflow-y: auto;
z-index: 10;
padding: 1em 1em 0 1em;
-webkit-transition: left 0.5s ease-in-out 0.1s;
-moz-transition: left 0.5s ease-in-out 0.1s;
-ms-transition: left 0.5s ease-in-out 0.1s;
-o-transition: left 0.5s ease-in-out 0.1s;
transition: left 0.5s ease-in-out 0.1s;
}
#side-bar:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
#side-bar:target {
display: block;
left: 0;
width: 17em;
margin: 0;
border: 1px solid #dedede;
z-index: 10;
}
#side-bar:target + #main-content {
left: 0;
}
#side-bar:target .close-menu {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0,0,0,0.3) 1px 1px repeat;
z-index: -1;
}
div.scpnet-interwiki-wrapper {
width: 17em;
margin-left: -5px;
}
iframe.scpnet-interwiki-frame {
height: 300px;
width: 17em;
border: none;
}
@media (min-width: 768px) {
iframe.scpnet-interwiki-frame {
height: 300px;
width: 18em;
}
div.scpnet-interwiki-wrapper {
width: 18em;
}
}
}
.collapsible-block-unfolded-link {
color: #0e3886;
}
.collapsible-block-link {
color: #0e3886;
}
.thread-container .post .content > .content-panel {
width: auto;
padding: 10px 30px;
margin: 20px auto;
background-color: #fcfdfb;
}
/* Karma */
#header .printuser img, .forum-group table .printuser img, .forum-thread-box .description-block .printuser img, .thread-container .post .printuser img, #main-content .printuser img {
background-image: url() !important;
margin-left: -7px;
}
/* HighLight */
@keyframes blaze {
0% {text-shadow: 0px 0px .4em #FFBE3D;}
50% {text-shadow: 0px 0px .8em #FFBE3D;}
100% {text-shadow: 0px 0px .5em #FFBE3D;}
}
@-moz-keyframes blaze {
0% {text-shadow: 0px 0px .4em #FFBE3D;}
50% {text-shadow: 0px 0px .8em #FFBE3D;}
100% {text-shadow: 0px 0px .5em #FFBE3D;}
}
@-webkit-keyframes blaze {
0% {text-shadow: 0px 0px .4em #FFBE3D;}
50% {text-shadow: 0px 0px .8em #FFBE3D;}
100% {text-shadow: 0px 0px .5em #FFBE3D;}
}
@-o-keyframes blaze {
0% {text-shadow: 0px 0px .4em #FFBE3D;}
50% {text-shadow: 0px 0px .8em #FFBE3D;}
100% {text-shadow: 0px 0px .5em #FFBE3D;}
}
.hl {
color: #ffbe3d;
font-weight: bold;
}
.hl-c {
color: #ffbe3d;
}
.hl-m {
color: #ffbe3d;
font-weight: 900;
animation: blaze 8s infinite linear;
}
.lowlit {
color: #223148;
}