2005年01月26日

こんなのテンプレート(カスタマイズ)っていわないけど。

あまりにも眠いので、こっそり会社でやってみた。
テキストカラーを変更したぐらいなので、たいしたもんじゃないけど。

CStemp.jpg

一応、下にCSSおいておきます。

元になる使用テンプレートは、シンプルホワイトです。
不具合などの責任は、もてません〜〜あしからず。



/*

このCSSは、Seesaaブログ用です。
文字色、大枠レイアウトマージン、各パーツマージンと分けて記述しています。
修正等は自由ですが、CSSに関する質問は受け付けていませんので自己責任でお願いします。

http://template.seesaa.net
*/

body {
font-family: Arial, Helvetica, sans-serif;
background:#FFF;
margin:0px;
padding:0px;
}

h1 {
margin:0px;
padding-top:0px;
font-weight:bolder;
font-size:15px;
padding: 5px;
}
h1 a{
color:#304917;
font-family:arial, Helvetica;
text-decoration: none;
font-family:sans-serif;
font-weight:bolder;
}

h2 {
padding: 0px;
font-weight:bold;
font-size:10px;
text-align:left;
font-family:arial, Helvetica;
color:#202c4c;
}

h3 {
padding: 0px;
font-size:12px;
font-weight:bold;
font-family:arial, Helvetica;
}

H3 a{
color:#5d6055;
text-decoration: none;
}

#banner{
font-family:arial, Helvetica;
color:#69C;
margin:0px;
width:100%;
padding:10px;
border-bottom:2px dotted #999999;
}

.description {
color:#3E6B13;
margin-left: 20px;
font-size:12px;
font-weight:bold;
line-height:140%;
}

.navi {
color:#00F;
font-size:90%;
text-align:center;
margin-bottom:10px;
width:100%;
}

#content {
margin-bottom:30px;
margin-top:25px;
margin-left:10px;
float:left;
width:55%
}

.blog {
width:100%;
}

.blogbody {
font-weight:normal;
line-height:120%;
margin-bottom:12px;
}

.date{
clear:left;
color:#999999;
margin-top:0px;
margin-bottom:0px;
padding:5px;
border-left:5px solid #999999;
}

.title{
font-weight:bold;
padding:5px;
margin:0px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
border-right-color: #999999;
border-left-color: #999999;
}
.title a{
border:none;
}

.text{
font-size: 10px;
color: #666666;
padding-left:10px;
padding-top:5px;
padding-right:15px;
margin-top:5px;
}

.text a{
color:#336666;
}
blockquote {
margin:10px;
border-left:solid 1px #000;
padding:5px;
color:#000;
width:auto;
}

.posted{
font-size: 80%;
color: #333;
text-align: right;
margin-top:10px;
margin-bottom:5px;
padding:3px 3px 3px 5px;
}
.posted a{
color:#00F;
text-decoration: underline;
}

#links-left {
font-weight:normal;
width:20%;
float:left;
margin-left: 5px;
margin-right: 5px;
margin-top:25px;
}
#links {
font-weight:normal;
width:20%;
float:left;
margin-left: 15px;
margin-right: 5px;
margin-top:25px;
}

#calendar {
width:100%;
}
#calendar table {
width:100%;
}

.calendarhead {
color:#336600;
font-size:10px;
font-weight:normal;
text-align:center;
padding:3px;
border:1px solid #999999;
}

.calendarday {
font-size:9px;
font-weight:normal;
color: 666666;
padding:1px;
}
.calendarday a{
font-size:9px;
color:#3e6b13;
text-decoration: underline;
}

.sidetitle {
font-size:10px;
padding:5px;
margin-top:10px;
font-weight:normal;
width:100%;
text-align:center;
color:#336600;
border:1px solid #669900;
}

.side {
color:#666666;
font-size:9px;
line-height:120%;
padding:5px;
width:100%;
}
.side a{
color:#336666;
text-decoration: underline;
}

.powered {
line-height:120%;
padding:2px;
margin-top:20px;
width:100%;
text-align:center;
}

.syndicate {
font-size:9px;
margin-top:15px;
text-align:center;
width:100%;
margin-bottom:20px;
}
.syndicate a{
color:#666666;
}

#comments {
width: 100%;
margin-bottom:30px;
margin-top:25px;
}

.comments-head{
font-weight:normal;
padding:5px;
margin:0px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
border-left:5px solid #999999;
color:#666666;
}

.comments-body {
margin-top:5px;
color:#999999;
font-size:10px;
line-height:120%;
padding:10px;
border-bottom:1px dotted #CCCCCC;
}

.comments-post {
font-family: "Arial", "Helvetica", "sans-serif";
color:#666666;
font-size:9px;
padding:10px;
}
.comments-post a {
font-family: Arial, Helvetica, sans-serif;
color:#666666;
font-size:9px;
padding:10px;
}
#trackback {
width: 100%;
margin-bottom:30px;
margin-top:25px;
font-size:9px;
color:#666666
border:1px dotted #336600;
padding:5px;
}
#trackback a {
color:#336666;
}
.trackback-url {
color:#999999;
font-size:9px;
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;
border:1px dotted #666666;
}

.trackback-body {
color:#999999;
font-size:9px;
font-weight:normal;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #999999;
}

.trackback-post {
color:#999999;
font-size:x-small;
font-weight:normal;
}
.trackback-post a {
color:#666666;
font-size:x-small;
font-weight:normal;
}

#footer{
clear:left;
width:100%;
}
.copyright{
font-size:80%;
width:100%;
text-align:center;
}

#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}

.diet-title{
background-color:#336600;
padding:2px 10px 2px 5px;
font-size:10px;
color:#FFFFFF;
background-image:url(http://blog.seesaa.jp/img/diet/right_bt.gif);
background-position:right;
background-repeat:no-repeat;
width:90px;
margin-top:5px;
}

.diet-content{
padding-left:10px;font-size:10px;
}

#diet-foods{
padding-left:10px;font-size:12px;
}

.food-title{
width:20%;
clear:left;
float:left;
}

.food-content{
width:75%;
padding-top:10px;
}
posted by tom@ki at 17:46 | 東京 🌁 | Comment(0) | TrackBack(0) | Blog design とか
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL
http://blog.seesaa.jp/tb/1719491

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。