 |
それでは、下にスタイルシートすべて貼り付けておくので、よろしくご検討を。今回の修正以外でも、こうした方がよいのでは、との意見がありましたらよろしく。
body {
text-align: left;
margin: 0px 0px 20px 0px;
width: 980px;
background-color: #FFFFFF;
padding: 5px;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}
#container {
line-height: 135%;
text-align: left;
padding: 0px;
width: 980px;
background-color: #FFFFFF;
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;
}
a#banner-img {
display: none;
}
#banner a {
color: #FFFFFF;
text-decoration: none;
}
#banner h1 {
font-size: xx-large;
}
#left {
position:absolute;
left:0px;
top:80px;
line-height: 110%;
padding: 5px;
width: 160px;
background-color: #FFFFFF;
overflow: hidden;
}
#center {
position:absolute;
left:170px;
top:80px;
padding: 5px;
width: 600px;
overflow: hidden;
}
.content {
padding: 0px 0px 5px 0px;
background-color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
}
#right {
position:absolute;
left:780px;
top:80px;
line-height: 110%;
padding: 5px;
width: 190px;
background-color: #FFFFFF;
overflow: hidden;
}
.content p {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
line-height: 140%;
margin-bottom: 10px;
}
.content blockquote {
line-height: 140%;
}
.content li {
line-height: 140%;
}
.content h2 {
line-height: 110%;
font-family: Verdana, Arial, sans-serif;
text-align: left;
font-weight: bold;
margin-bottom: 20px;
}
.content h3 {
font-family: Verdana, Arial, sans-serif;
font-size: small;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}
.content p.posted {
color: #999999;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
border-bottom: 1px solid #000080;
text-align: left;
margin-bottom: 25px;
line-height: normal;
padding: 3px;
}
.sidebar {
padding: 0px;
}
#calendar {
line-height: 120%;
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
padding: 2px;
margin-bottom: 30px;
}
#calendar table {
padding: 2px;
border-collapse: collapse;
border: 0px;
width: 100%;
}
#calendar caption {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
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: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: center;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .3em;
}
.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}
.sidebar li {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
text-align: left;
line-height: 120%;
margin-top: 10px;
list-style-type: none;
}
.sidebar img {
border: 3px solid #FFFFFF;
}
.photo {
text-align: left;
margin-bottom: 20px;
}
#powered {
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
line-height: 120%;
text-align: left;
color: #666666;
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%;
} |