01 | ナノ

●

information

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

HEAD

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

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

.header{
 max-width:200px;
 background-color:#FFFFEC;
 padding:20px 5px 15px 5px;
 border:5px solid #44C2B3;
 text-align: center;
 line-height: 1.5em;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

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

a:hover { 
 color: #44C2B3; 
}

h1{
 color:#D65F63;
 font-family: 'Pacifico', serif;
 margin: 19px 0px 15px 0px;
 font-size:30px;
}

h2{
 color:#D65F63;
 font-family: 'Pacifico', serif;
 margin: -5px 0px 20px 0px;
 line-height:1.0em;
 text-align:center;
 font-size:16px;
}

.ma {
 text-align:center;
 color:#44C2B3;
}

.table {
 max-width: 600px; 
 border:3px solid #44C2B3;
 background-color:#FFFFEC;
 padding:25px 15px 15px 15px;
 margin:25px 0px 10px 0px;
 text-align: left; 
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
}

.box {
 width: 90%; 
 font-size:10px;
 line-height: 1.2em;
 margin:10px 0px 10px 0px;
 padding:10px 10px 10px 10px;
 background-color: #eeeeee; 
 text-align: left; 
}

input[type=text]{
 font-size:100%;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border-radius: 0; 
 text-align: left;
 background: #ffffff;
 border: 1px solid #000000;
 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:blue;
 border:1px solid #000000;
}

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

</style>

BODY

Simple

information