Movable Typeを使う際にスタイルシートをどういじくるのか悩みました。
標準設定のままだと字が小さいし、横幅が何か狭いので見辛いです。
そこで、字を大きくし、横幅もブラウザ幅いっぱいに使う設定に変更しました。
以下、私が現在使っているスタイルシートをご紹介
ポイント:
body {
margin: 0px 0px 20px 0px;
background-color: #8FABBE;
text-align: center;
}a {
text-decoration: underline;
}a:link {
color: #blue;
}a:visited {
color: #8FABBE;
}a:active {
color: #8FABBE;
}a:hover {
color: #006699;
}h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 100%;
background-color: #f5e6c8;
border: 1px solid #FFFFFF;
}#banner {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
background-color: #999999;
text-align: left;
padding: 15px;
border-bottom: 1px solid #FFFFFF;
height: 39px;
}#banner-img {
display: none;
}
#banner a {
color: #FFFFFF;
text-decoration: none;
}#banner h1 {
font-size: xx-large;
}#banner h2 {
font-size: x-large;
}#center {
float: left;
width: 80%;
overflow: hidden;
}.content {
padding: 15px 15px 5px 15px;
background-color: #f5e6c8;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
}#right {
float: left;
width: 20%;
background-color: #f5e6c8;
overflow: hidden;
}.content p {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}.content blockquote {
line-height: 150%;
}.content li {
line-height: 150%;
}.content h2 {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}.content h3 {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}.content p.posted {
color: #999999;
font-family: Verdana, Arial, sans-serif;
font-size: large;
border-top: 1px solid #999999;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}.sidebar {
padding: 15px;
}
#calendar {
line-height: 140%;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
padding: 2px;
text-align: center;
margin-bottom: 30px;
}#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 80%;
}#calendar caption {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
}#calendar th {
text-align: center;
font-weight: normal;
}#calendar td {
text-align: center;
}.sidebar h2 {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
}.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}.sidebar ul ul {
margin-bottom: 0px;
}.sidebar #categories ul {
padding-left: 15px;
}.sidebar li {
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: large;
text-align: left;
line-height: 150%;
margin-top: 10px;
list-style-type: none;
}.sidebar #categories li {
list-style-type: circle;
}.sidebar img {
border: 3px solid #FFFFFF;
}.photo {
text-align: left;
margin-bottom: 20px;
}.link-note {
font-family: Verdana, Arial, sans-serif;
font-size: large;
line-height: 150%;
text-align: left;
padding: 2px;
margin-bottom: 15px;
}#powered {
font-family: Verdana, Arial, sans-serif;
font-size: large;
line-height: 150%;
text-align: left;
color: #000000;
margin-top: 50px;
}#comment-data {
float: left;
width: 180px;
padding-right: 15px;
margin-right: 15px;
text-align: left;
border-right: 1px dotted #BBB;
}textarea[id="comment-text"] {
width: 80%;
}.commenter-profile img {
vertical-align: middle;
border-width: 0;
}