白騒放送CSSテーマ
記事カテゴリが未定義です。
ページコンソールよりカテゴリを選択してください。
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body {
color: #000;
font-family: 'Noto Sans JP', sans-serif;
}
div#container-wrap {
background: #fafbfc;
}
@media (min-width: 767px) #top-bar ul li a {
padding-top: 11.5px;
padding-bottom: 11.5px;
}
/* header */
#header {
height: 115px;
}
#header {
background: url(http://platanusdeliciousrice.wdfiles.com/local--files/00001/hakhak) no-repeat center ;
border-bottom: 3px solid #000;
width: 100%;
max-width: none;
padding-bottom: 0;
background-size: 100px;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
height: 143px;
}
@media screen and (min-width: 767px) {
#header {
background-size: 130px !important;
}
}
#header h1,
#header h2 {
margin-left: 0px;
transform: translateY(-20px);
}
#header h1 a {
text-shadow: none;
font-family: 'Noto Sans JP', sans-serif;
color: #000;
font-size: 170%;
}
#header h1 a span {
display: none;
}
#header h1 a:before {
content: ' ';
display: block;
background: center-bottom;
width: 120px;
height:120px;
z-index: 20;
text-align: center;
}
#header h2 {
text-shadow: none;
font-size: 115%;
color: #fff;
}
#header h2 span {
display: none;
}
#header h2:before {
content: ' ';
}
/* top-bar */
.top-bar {
width: 100%;
}
#top-bar {
top: 122px;
font-size: 140%;
font-color: #000080 !important
height: 25px;
display: flex;
}
.mobile-top-bar {
font-size: 110% !important;
}
#top-bar a {
color: #000080;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
color: #000;
}
#top-bar ul li:hover a[href="javascript:;"] {
background: #fff;
}
#top-bar .top-bar ul li:hover a[href="/scp-international"] {
background: #fff;
}
.mobile-top-bar>ul {
transform: translateY(-1px);
}
#top-bar ul li a {
border-left: solid 1px rgba(0, 0, 0, 0);
border-right: solid 1px rgba(0, 0, 0, 0);
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
border-left: solid 1px rgba(0, 0, 0, 0);
border-right: solid 1px rgba(0, 0, 0, 0);
}
#top-bar {
left: 0px;
margin: 0;
}
.mobile-top-bar {
left: 0;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #f0f0f0;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
padding-top: 3px;
padding-bottom: 3px;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top: 1px solid #f0f0f0;
}
#top-bar ul li ul li {
font-size: 10.8px !important;
}
/* search-top-box */
@media screen and (max-width: 767px) {
#search-top-box {
position: absolute;
top: 116px !important;
right: 2px !important;
width: 300px;
text-align: right;
}
.search-top-box {
width: 100%;
}
}
#search-top-box {
position: absolute;
top: 116px !important;
right: 9px;
width: 250px;
text-align: right;
}
input#search-top-box-input {
border-radius: 0;
background-color: #fafbfc !IMPORTANT;
margin: 0 !important;
color: #000;
height: 20px;
border: 2px solid #000 !important;
box-shadow: none !IMPORTANT;
border-radius: 30px;
}
form#search-top-box-form input[type=submit] {
height: 26px;
padding: 0 3px;
border-radius: 0;
background: #000 !important;
box-shadow: none !important;
color: #fff;
font-size: 100%;
border: 2px solid #000 !IMPORTANT;
border-radius: 30px;
}
@media (max-width:464px) {
#search-top-box {
top: 90px;
right: 4px !important;
}
}
/* login-status */
#login-status {
color: #000080;
size: 300% !important;
}
#login-status a {
color: #000080;
}
#login-status #account-topbutton:not(:focus):not(:focus-within):not(:hover):not(:active)+#account-options {
display: none !important;
}
#header #login-status #account-topbutton+#account-options:focus,
#header #login-status #account-topbutton+#account-options:focus-within,
#header #login-status #account-topbutton+#account-options:hover,
#header #login-status #account-topbutton+#account-options:active {
display: block!important;
}
#account-options ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#account-options ul>li {
flex-grow: 1;
text-align: center;
width: 40%;
}
#account-options ul>li a {
transition: all 0.25s ease-in-out;
}
#account-options ul>li a:hover {
text-shadow: 0px 0px 4px #444;
text-decoration: none;
color: #fff;
}
#login-status ul a {
color: #000080;
}
/* yui-nav */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
background: #fff;
flex-grow: 1;
text-align: center;
margin: 0 !important;
transition: 0.5s;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background-color: transparent;
background-image: none;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
background: none;
border: none;
border-width: 0;
color: #000;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
border: none;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
background: none;
color: #fff;
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border: 1px solid #000080;
border-bottom-width: 3px;
}
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected {
animation: tab-selected 0.5s linear 0s 1 both;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
background: none;
}
.yui-navset .yui-nav .selected a em {
padding: 0.25em .75em;
}
@keyframes tab-selected {
o% {
background: #ccc;
}
100% {
color: #fff;
background: #000080;
}
}
.yui-navset .yui-nav li:hover,
.yui-navset .yui-navset-top .yui-nav li:hover {
background: rgba(0, 0, 0, 0.1);
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
background-color: #fff;
border-top: none;
}
#page-content .yui-navset .yui-content>div[style*="block"] {
animation-name: fadein;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-delay: 0.2s;
}
@keyframes fadein {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes tab-content {
0% {
max-height: 25px;
}
20% {
max-height: 0px;
}
99% {
max-height: 100vh;
}
100% {
max-height: 9999rem;
}
}
/* side-bar */
#side-bar div.side-block {
border: none;
box-shadow: none;
background: transparent !important;
}
a {
color: #000080;
text-decoration: none;
background: transparent;
}
a.newpage {
color: #008080;
text-decoration: none;
background: transparent;
}
#side-bar div.side-block a {
color: #000080;
}
#side-bar .collapsible-block-unfolded-link,
#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
color: #000080;
border-color: #000080
}
#side-bar .heading {
color: #000;
border-bottom: solid 1px #000;
}
#side-bar div.menu-item img {
filter:hue-rotate(250deg);
}
div.open-menu a {
background: url(http://platanusdeliciousrice.wdfiles.com/local--files/00001/hakhak)
color: red !important;
border-color: #000080 !important;
}
@media (min-width: 767px) {
#side-bar {
top: 147px;
position: absolute;
height: 100%;
left: 0;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
margin: 0 !Important;
}
#content-wrap {
position: static;
}
}
.close-menu {
background: none !Important;
}
@media (max-width: 767px) {
#side-bar {
display: block;
position: fixed;
top: 0;
left: -25em;
width: 17em;
height: 100%;
background-color: #fff;
}
}
@media (max-width: 767px) {
.open-menu a {
text-decoration: none;
color: #000 !important;
border: 5px solid #000 !important;
border-radius: 3px;
box-shadow: 0px 0px 5px #fff;
height: 26px;
width: 26px;
}
}
table.wiki-content-table th {
background-color: #000080;
color: #fff;
border-color: #000080;
}
/* h1, page-title */
h1,
#page-title {
color: #000080;
}
/* blockquote */
blockquote {
margin: 0 2em;
-webkit-margin-start: 0px;
-webkit-margin-before: 2em;
-webkit-margin-after: 2em;
-webkit-margin-end: 10px;
border: 2px solid #000;
border-radius: 30px;
background-color:#fafbfc;
}
#page-content .blockquote {
margin: 0 2em;
-webkit-margin-start: 0px;
-webkit-margin-before: 2em;
-webkit-margin-after: 2em;
-webkit-margin-end: 10px;
border: 2px solid #000;
border-radius: 30px;
background-color:#fafbfc;
}
/* toc */
#toc {
-webkit-margin-start: 0px;
-webkit-margin-before: 2em;
-webkit-margin-after: 2em;
-webkit-margin-end: 10px;
border: 2px solid #000;
border-radius: 10% / 50%;
background-color:#fafbfc;
}
/* rate-module */
div.page-rate-widget-box,
div.page-rate-widget-box span.rate-points,
div.page-rate-widget-box span.cancel {
background-color: #000080 !important;
border: solid #000080 1px !important;
}
div.page-rate-widget-box span.rateup,
div.page-rate-widget-box span.ratedown {
border: solid #000080 !important;
border-width: 1px 0 !important;
}
div.page-rate-widget-box span.rateup a,
div.page-rate-widget-box span.ratedown a {
color: #008080 !important;
}
div.page-rate-widget-box span.cancel a:hover,
div.page-rate-widget-box span.rateup a:hover,
div.page-rate-widget-box span.ratedown a:hover {
background: transparent !important;
color: transparent !important;
}
.rate-box-with-credit-button .creditButton {
background-color: #000080 !important;
border: 1px solid #000080 !important;
}
.creditButton a:hover {
color: #000080;
}
ページコンソール
カテゴリ
SCP-JP本投稿の際にscpタグを付与するJPでのオリジナル作品の下書きが該当します。
本投稿の際にgoi-formatタグを付与するJPでのオリジナル作品の下書きが該当します。
本投稿の際にtaleタグを付与するJPでのオリジナル作品の下書きが該当します。
翻訳作品の下書きが該当します。
他のカテゴリタグのいずれにも当て嵌まらない下書きが該当します。
言語
EnglishРусский한국어中文FrançaisPolskiEspañolภาษาไทยDeutschItalianoУкраїнськаPortuguêsČesky繁體中文Việtその他日→外国語翻訳日本支部の記事を他言語版サイトに翻訳投稿する場合の下書きが該当します。
コンテンツマーカー
ジョーク本投稿の際にジョークタグを付与する下書きが該当します。
本投稿の際にアダルトタグを付与する下書きが該当します。
本投稿済みの下書きが該当します。
イベント参加予定の下書きが該当します。
フィーチャー
短編構文を除き数千字以下の短編・掌編の下書きが該当します。
短編にも長編にも満たない中編の下書きが該当します。
構文を除き数万字以上の長編の下書きが該当します。
特定の事前知識を求めない下書きが該当します。
SCPやGoIFなどのフォーマットが一定の記事種でフォーマットを崩している下書きが該当します。
シリーズ-JP所属
JPのカノンや連作に所属しているか、JPの特定記事の続編の下書きが該当します。
JPではないカノンや連作に所属しているか、JPではない特定記事の続編の下書きが該当します。
JPのGoIやLoIなどの世界観用語が登場する下書きが該当します。
JPではないGoIやLoIなどの世界観用語が登場する下書きが該当します。
ジャンル
アクションSFオカルト/都市伝説感動系ギャグ/コミカルシリアスシュールダーク人間ドラマ/恋愛ホラー/サスペンスメタフィクション歴史任意
任意A任意B任意C- portal:6353466 (28 Apr 2020 01:49)
コメント投稿フォームへ
批評コメントTopへ