左寄せ | ナノ

カスタマイズを想定したシンプルシリーズです。左寄せのテーブル幅は600にしています。以下CSS内容です。付箋はこんな感じです長文テストてすとてすとてすとてすと。てすとてすと。てすとですてすとです。

＜h2＞見出し

box設定です。強調とか何かに使ってもらえれば。何かお役に立ててたらいいのですけど。長文てすとテストテストテストてすとてすと。てすとてすとてすと。

HEAD

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

.header{
 text-align: left;
 padding: 6% 10px 0px 10px;  
 line-height: 1.5em;
}

a {
 text-decoration: none;
}

a:hover { 
 color: blue; 
}

h1{
 color:blue;
 margin: 0px 0px 5px 0px;
 font-size:25px;
}

h2{
 font-size:15px;
 color:blue;
 text-decoration: underline;
 margin: 5px 0px 0px 0px;
}

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

hr {
 color:blue;
 text-align:left;
 width: 100%;
 border: none;
 border-bottom: 2px solid;
}

.table {
 max-width: 600px; 
 padding: 0px 10px 0px 10px;  
 margin-top:20px;
 text-align: left; 
}

.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: 400px) {.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding: 10% 5px 0px 5px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

BODY

Simple

＜h2＞見出し