pejeopat-theme-header

+ show block

折りたたみ

引用符

h1

h2

h3

h4

h5

h6

test

仮実装コードも適用する

参考

ベース:
#1A1A1A
#333333
#4D4D4D
#666666

アクセント:
#a60000
白色

/* 実装済みのコード */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');
 
div#container-wrap {
background: url(http://yabiyabi-woods.wdfiles.com/local--files/officer-doctor-solder-spy-test/kani) top left repeat-x;
}
 
body {
font-family: 'Noto Serif JP',verdana,arial,helvetica,sans-serif;
}
 
/* #header */
#header {
text-align: center;
background: none!important;
}
 
#header h1 {
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
}
#header h1 a {
display: inline-block;
left: 50%;
padding: 80px 0px 25px;
line-height: 0px;
max-height: 0px;
color: transparent;
background: transparent;
font-family: 'Noto Serif JP', serif;
font-size: 250%;
font-weight: 100;
text-decoration: none;
text-shadow: none;
transform: scale(0.7, 1);
}
#header h1 a span {
display: none;
}
#header h1 a::before {
content: "PEJEOPAT";
color: rgba(26, 26, 26, 0.85);
bottom: 0.4em;
position: relative;
}
 
#header h2 {
display: inline-block;
position: absolute;
bottom: 3.5em;
left: 0;
right: 0;
margin: 0 auto;
transform: scale(1.1, 1);
}
 
#header h2 span{
font-size: 0px;
padding: 5px;
}
#header h2:after {
content: "既存日本超常組織平和友好条約機構";
font-family: 'Noto Serif JP', serif;
padding: 22px 0;
color: rgba(26, 26, 26, 0.85);
text-shadow: 1px 1px 1px #000;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);
white-space: pre;
}
 
/* #top-bar */
#top-bar ul > li > a {
color: #fff;
}
#top-bar ul li:first-child a {
border-left: none!important;
}
#top-bar ul li:last-child a {
border-right: none!important;
}
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
background: #fff;
color: #1A1A1A;
border-left: solid 1px rgba(64,64,64,.2);
border-right: solid 1px rgba(64,64,64,.2);
}
 
#top-bar ul li.sfhover ul,
#top-bar ul li:hover ul {
margin-top: 2px;
}