02 | ナノ

information

なんとなく自分でカスタマイズしてみるシリーズ。使ってないタグはそのまんまだったりします。ここに何かを。長文テスト。てすとてすとてすと。ここに何かを。長文テスト。てすとてすとてすと。ここに何かを。長文テスト。てすとてすとてすと。

長文テスト。てすとてすとてすと。ここに何かを。長文テスト。てすとてすとてすと。ここに何かを。長文テスト。てすとてすとてすと。

HEAD

* {
 margin:0 auto;
 padding:0 auto;
}

body {
 font-size: 13px;
 text-align: left;
 margin-top: 4%;
 line-height: 1.5em;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

.header{
 max-width:300px;
 background-color:#ffffff;
 border:1px solid #aaaaaa;
 padding:20px 5px 15px 5px;
 text-align: center;
 line-height: 1.5em;
}

a {
 text-decoration: none;
 color:#707070;
}

a:hover { 
 color: #aaaaaa; 
}

h1{
 color:#707070;
 margin: 10px 0px 5px 0px;
 font-size:25px;
}

h2 {
 font-size:12px;
 border-left: 6px solid #eeeeee;
 color:#707070;
 line-height:140%;
 margin:0px 0px 10px 0px;
 padding:8px 8px;
}

.ma {
 background-color: #cccccc;
 padding:2px 2px 2px 2px;
 color: #ffffff;
}

hr {
 color:#707070;
 text-align:left;
 width: 100%;
 margin:5px 0px 5px 0px;
 border: none;
 border-bottom: 1px dotted;
}

.table {
 max-width: 600px; 
 background-color:#ffffff;
 border:1px solid #aaaaaa;
 padding:25px 20px 15px 20px;
 margin-top:25px;
 text-align: left; 
}

.box {
 width: 80%; 
 font-size:10px;
 margin-top:4px;
 line-height: 1.6em; 
 padding:4px 0px 2px 10px;
 border-left:3px solid #cccccc;
 text-align: left; 
}

input[type=text]{
 font-size:100%;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0; 
 text-align: left;
 background: #fafafa;
 color:#707070;
 border: 1px solid #aaaaaa;
 padding:3px 2px 3px 8px;
 margin-right:5px;
 width: 150px;
}

input[type="submit"]{
 vertical-align:middle; 
 position:relative; 
 -webkit-appearance:  button;
 -moz-appearance:  button;
 appearance:  button;
 border-radius:0px;
 width: auto;
 height:18pt;
 padding:2px 4px 2px 4px;
 color:#ffffff;
 box-shadow:none;
 background:#cccccc;
 border:1px solid #aaaaaa;
}

@media screen and (max-width: 600px) {.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding: 10% 5px 5px 5px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

BODY

Simple

information