Ne - Ikkaku

自動改行は「しない」で制作しています。
画像は846。様からお借りしております。こちらも単色に変えたり、別の画像を使ってもよろしいかと。

head

body{
 margin:8% 5% 8% 5%;
 padding:8% 5% 8% 5%;
 font-size: 13px;
 overflow-y:scroll;
font-family: 'Poiret One', cursive, 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
background:#000;
color:#fff;
letter-spacing: 5px;
 background-image: url(##画像URL##);
 background-position: left;
 background-repeat: repeat-y;
 background-size: 30px;
 }

::selection {
    background: #eee;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #eee;
    color: #fff;
}

.all{
 max-width: 500px;
 margin: auto;
padding: 25px 15px 0 15px;
 margin-top: 30px;
}
.top{ text-align: left;}

a { text-decoration: none;
color:#fff;
text-shadow: 
3px 3px 7px #990066,
-3px 3px 7px #990066,
3px -3px 7px #990066,
-3px -3px 7px #990066;
}

a:hover { color: #000;
text-shadow: 
3px 3px 7px #3399ff,
-3px 3px 7px #3399ff,
3px -3px 7px #3399ff,
-3px -3px 7px #3399ff;}

nav{
font-size: 16px;
 letter-spacing: 1px;
 text-align: center;
 padding: 10px 0;
}

nav a{
    font-size: 16px;
   text-decoration: none;
color:#fff;
text-shadow: 
3px 3px 7px #990066,
-3px 3px 7px #990066,
3px -3px 7px #990066,
-3px -3px 7px #990066;
font-weight:bold; 
}

nav a:hover{
    color: #000;
text-shadow: 
3px 3px 7px #3399ff,
-3px 3px 7px #3399ff,
3px -3px 7px #3399ff,
-3px -3px 7px #3399ff;
}

h1 {
 color:#fff;
 font-size:70px;
font-family: 'Pacifico', cursive;
line-height:1;
text-align: center;
text-shadow: 
3px 3px 7px #990066,
-3px 3px 7px #990066,
3px -3px 7px #990066,
-3px -3px 7px #990066;}

h2{font-size:20px  ;
border-bottom: solid 1px #fff;
 margin:10px auto;}

h3 {
  font-size: 15px;
font-weight:bold; 
 text-align: center;
  color: rgb(252, 252, 252);
  text-shadow: 0 0 .1em, 0 0 .3em;
  display: inline-block;
}

.marker_1{
 margin: 1px;
padding:2px;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
}

.marker_2{
 margin: 1px;
padding:2px;
background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
}

.marker_3 {1px
 margin: auto;
padding:3px;
background-image: linear-gradient(-45deg, #FFC796 0%, #FF6B95 100%);}

h4{
 font-size: 14px;
 margin:0 5px;
color:#fff;
text-shadow: 
3px 3px 7px #990066,
-3px 3px 7px #990066,
3px -3px 7px #990066,
-3px -3px 7px #990066;}
 h4:before {
    color: #fff;
    content: "■";
    font-size: 12px;
    margin-right: 1em;
margin-right: 0.5em;
}

textarea{ background: #222;
font-family: 'Poiret One', cursive, 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
border:0;
padding:10px;
font-size:10px;
color:#eee;
border:solid 1px #ccc;
margin:0 0 20px;
width:400px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);}

p {
  font-size: 12px;
  color: rgb(252, 252, 252);
  text-shadow: 0 0 .1em, 0 0 .3em;
  display: inline-block;
}
</style>

html

△

Neon Sign

Information

Other

about link

bkm

Source & Code

head

html