白騒放送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でのオリジナル作品の下書きが該当します。

GoIF-JP

本投稿の際にgoi-formatタグを付与するJPでのオリジナル作品の下書きが該当します。

Tale-JP

本投稿の際にtaleタグを付与するJPでのオリジナル作品の下書きが該当します。

翻訳

翻訳作品の下書きが該当します。

その他

他のカテゴリタグのいずれにも当て嵌まらない下書きが該当します。

コンテンツマーカー

ジョーク

本投稿の際にジョークタグを付与する下書きが該当します。

アダルト

本投稿の際にアダルトタグを付与する下書きが該当します。

既存記事改稿

本投稿済みの下書きが該当します。

イベント

イベント参加予定の下書きが該当します。

フィーチャー

短編

構文を除き数千字以下の短編・掌編の下書きが該当します。

中編

短編にも長編にも満たない中編の下書きが該当します。

長編

構文を除き数万字以上の長編の下書きが該当します。

事前知識不要

特定の事前知識を求めない下書きが該当します。

フォーマットスクリュー

SCPやGoIFなどのフォーマットが一定の記事種でフォーマットを崩している下書きが該当します。


シリーズ-JP所属

JPのカノンや連作に所属しているか、JPの特定記事の続編の下書きが該当します。

シリーズ-Other所属

JPではないカノンや連作に所属しているか、JPではない特定記事の続編の下書きが該当します。

世界観用語-JP登場

JPのGoIやLoIなどの世界観用語が登場する下書きが該当します。

世界観用語-Other登場

JPではないGoIやLoIなどの世界観用語が登場する下書きが該当します。

ジャンル

アクションSFオカルト/都市伝説感動系ギャグ/コミカルシリアスシュールダーク人間ドラマ/恋愛ホラー/サスペンスメタフィクション歴史

任意

任意A任意B任意C

ERROR

The MizinNus's portal does not exist.


エラー: MizinNusのportalページが存在しません。利用ガイドを参照し、portalページを作成してください。


利用ガイド

  1. portal:6353466 (28 Apr 2020 01:49)
特に明記しない限り、このページのコンテンツは次のライセンスの下にあります: Creative Commons Attribution-ShareAlike 3.0 License