Nika Nayuki Author Page

適用方法

以下のincludeコード、または適用中コードをコピーして使用してください。

[[include :ukwhatn-tp:css:nika-nayuki
|title=✶Nika_Nayuki✶
|titlecolor=#eee
|subtitle= HAHA!お前も氷漬けだ!
|subtitlecolor=#eee
|logo= http://ja.scp-wiki.net/local--files/author:nika-nayuki/yuki.png
]]

適用中コード

[[module css]]
/* Latest: http://files.ukwhatn.xyz/css/nika-nayuki/nika-nayuki.css */

/*
CSS for Nika_Nayuki Author Page on SCP Foundation Japanese Branch

Author: ukwhatn (tw:@ukwhatn_scp, wikidot:ukwhatn)

Working on the premise of the Sigma-9 for SCP Foundation Japanese Branch by Aelanna, Dr Devan, Nanimono_Demonai.

Licensed under CC BY-SA 3.0(https://creativecommons.org/licenses/by-sa/3.0/deed.ja)

Revision History:

rev.0 20190823 Created and Published.
rev.1 20190824 Changed Yui-Navs Tabs Bordercolor
rev.2 20190825 Background is animated. Ref:https://bradsknutson.com/blog/css-snow-effect/

*/

/* Import Sigma-9 */

@import url("http://ja.scp-wiki.net/component:theme/code/1");

/* General */

h1, #page-title {
  color: #339af0;
}
a {
  color: #339af0;
}
a.newpage {
  color: #4dabf7;
}

/* Header */

#header h1 a span {
  font-size: 0px;
}

#header h1 a::before {
  content: "{$title}";
  color: {$titlecolor};
}

#header h2 {
  padding-top: 5px;
}

#header h2 span {
  font-size:0px;
  padding: 4px;
}

#header h2:after {
  content: '{$subtitle}';
  color: {$subtitlecolor};
  padding: 19px 0;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
  white-space: pre ;
}

div#container-wrap {
  background: none;
}

#header {
  background:url({$logo}) 10px 40px no-repeat;
  background-size:100px 100px;
}

@media (max-width: 479px) {
  #header{
    background-position: 0 5.5em;
    background-size: 55px 55px;
  }
}

@media (min-width: 480px) and (max-width: 580px) {
  #header{
    background-position: 0.5em 4.5em;
    background-size: 66px 66px;
  }
}

@media (min-width: 581px) and (max-width: 767px) {
  #header{
    background-size: 77px 77px;
  }
}

/* Top */

#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: black;
  background: transparent;
}

#top-bar ul li {
  border: 0;
  position: relative;
}

#top-bar ul li ul {
  border: solid 1px white;
  box-shadow: 0 1px 3px 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: white;
  color: black;
  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: transparent;
  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: #c0d0ec;
  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:last-of-type ul {
  right: 0;
}

/* SearchBox */

#search-top-box {
  position: absolute;
  top: 79px;
  right: 9px;
  width: 250px;
  text-align: right;
}
#search-top-box-input {
  border: solid 0px;
  border-radius: 3px;
  color: black;
  background: white;
}
#search-top-box-input:hover,
#search-top-box-input:focus {
  border: solid 1px lightcyan;
  color: black;
  background: white;
}
#search-top-box-form input[type=submit] {
  border: solid 0px;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 90%;
  font-weight: bold;
  color: white;
  background: #90b7d9;
  cursor: pointer;
}
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
  border: solid 0px;
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 90%;
  font-weight: bold;
  color: white;
  background: #90b7d9;
  cursor: pointer;
}

/* Side */

@media (max-width: 767px) {
  #side-bar {
    background-color: #a5d8ff;
  }
}
#side-bar .side-block {
  border: 1px solid #90b7d9;
  background: #fff !important;
}
#side-bar .side-block a {
  color: #339af0 !important;
}
#side-bar .heading {
  color: black;
  border-bottom: solid 1px black;
}
#side-bar .side-block img{
  filter: brightness(3) drop-shadow(0.2px 0.2px 0.2px gray) hue-rotate(210deg);
  -webkit-filter: brightness(3) drop-shadow(0.2px 0.2px 0.2px gray) hue-rotate(210deg);
}
#side-bar .collapsible-block-folded {
  background: url(none) 0 2px no-repeat;
}

/* Tab */

.yui-navset .yui-content{
  background-color: #f5f5f5;
}
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
  background:#d8d8d8;
}
.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:#4dabf7; /* selected tab background */
  border-color: #A3A3A3;
}
.yui-navset .yui-nav .selected a em {
  border-color: #A3A3A3;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
  background:#a5d8ff;
  text-decoration: none;
}

/* Snowing Background */

@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}

body {
   background: #e8f0f7;
   background-image: url('http://files.ukwhatn.xyz/css/nika-nayuki/image1.png'), url('http://files.ukwhatn.xyz/css/nika-nayuki/image2.png'), url('http://files.ukwhatn.xyz/css/nika-nayuki/image3.png');
  -webkit-animation: snow 20s linear infinite;
  -moz-animation: snow 20s linear infinite;
  -ms-animation: snow 20s linear infinite;
  animation: snow 20s linear infinite;
}
[[/module]]
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License