: シンプル２カラムベース [Seesaa デザインテンプレート]

<<Seesaaデザインテンプレートとは| Main | Seesaa（シーサー）テンプレートのテスト配布>>

2004年09月07日

シンプル２カラムベース

HOME ⇒ シンプル ⇒ この記事

使用するテーマ：路地(右サイドバーのみ対応)
レイアウト：右サイドバー

@charset "shift_jis"; 
/*

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

<a href="http://template.seesaa.net" target="_blank">http://template.seesaa.net</a>

/* font-size, color, line-height */

h1 {
	font-size: 1em;
	}
	h1 a{
	color: #CC3300;
	}
	h2,h3{
	font-size: 1em;
	}
	
	#banner, #content, #links{
		font-size: 0.95em;
		color: #333333;
		line-height: 140%;
	}

a{
		text-decoration: none;
		color: #3E6B9D;
		padding: 0px 0.2em 0px 0em;
	}

a:hover{
		color: #3333FF;
		text-decoration: underline;
	}
	
	#calendar table td,#calendar table th, .calendarhead {
	font-size: 12px;
	line-height: 100%;
	background: #F4F2EC;
	}
	.description {
	}
/* layout color */

body {
	background: #566974;
}
#container{
	background: #ECE8DD;
	border: 3px solid #FFFFFF;
}
#banner {
	background: #EAF2F0;
	border: 10px solid #566974;
}
#content {
	background: #F8F7F3;
	border: 2px solid #E1DBCA;
}
#footer{
	border-top: 2px solid #999999;
}
.calendarhead {
	background: #EC862B;
	color: #FFFFFF;
	border-bottom: 5px solid #333333;
}
.sidetitle {
	color: #302C1F;
	font-weight: bold;
	border-bottom: 7px solid #9D8D64;
}
.side {
	background: #F4F2EC;
	border: 2px dotted #BBB095;
}
.posted, .comments-post{
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background: #F0EEE6;
}
#calendar {
	border: 1px solid #999999;
}
/* layout margin */

* {
	margin: 0px;
}
.text, .navi, blockquote, .posted{
	margin: 1em 20px 2em;
}
.title {
	margin: 0px 10px;
}
#comments, #trackback {
	margin: 0px 35px 2em;
}

/* base layout */
body {
	text-align: center;
}
#container{
	text-align: left;
	width: 790px;
	margin: 10px auto;
	padding: 10px 0px;
}
#banner {
	margin: 0px 10px 20px;
	padding: 20px 0px 20px 20px;
}
#content {
	width: 550px;
	float: left;
	margin: 0px 10px;
}
#links {
	margin: 0px 10px 0px 0px;
	float: right;
	width: 190px;
}
#footer{
	padding: 5px;
	clear: both;
}
/* parts */
.navi {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 5px;
}

.blog {}
.blogbody {}
.date{
	margin: 1em 20px 0px;
	text-align: right;
	padding: 0px 0px 18px;
	background: url(image/dateback01a.gif) no-repeat right bottom;
}

.title a{}
blockquote {
	border: 1px solid #CCCCCC;
	padding: 10px;
}
.posted{
	padding: 5px;
}
.posted a{
}
#calendar {
	margin: 0px 0px 1em;
}
#calendar table {
	width: 188px;
}
.calendarhead {
	padding: 5px 0px 3px;
}
.calendarday {
	padding: 4px 0px;
}
.calendarday a{
	font-weight: bold;
}
.sidetitle {
	padding: 5px 0px 2px 3px;
	margin: 0px 0px 2px;
}
.side {
	padding: 10px;
	margin: 0px 0px 1em;
}
.powered {
}
.syndicate {
}
.syndicate a{
}
#comments {
}
#comments textarea{

}
.comments-head{
	font-weight: bold;
	margin: 0px 0px 1em;
}

.comments-body {
}

.comments-post{ 
	padding: 5px;
}
.comments-post a{
}
textarea {
	width: 300px;
}
input {
	width: 150px;
}
#trackback {
}
#trackback a {
}
.trackback-url {
}
.trackback-body {
}
.trackback-post {
}
.trackback-post a {
}
.copyright{
}
#diet-container{
}
.diet-title{
}
.diet-content{
}
#diet-foods{
}
.food-title{
}
.food-content{
}

posted by えびす at 23:42 | Comment(4) | TrackBack(2) | シンプル

この記事へのコメント

こんばんは♪お世話になります。
またまた、テンプレを、使用させて頂きました♪
ＣＳＳがわからない私にとっては、大助かりです<(_ _)>
おかげさまで、とてもすっきりとして見やすいデザインになり、満足しています！
ご活躍を、今後とも、期待しております♪

Posted by ももすけ at 2004年11月04日 04:06

はじめまして。
まだ、ブログ初心者です。
早速、使わせていただきますぅ。
本当は、テンプレートヌリドウォールが良かったのですが、会社のｍａｃだとファイル名を上手くダウンロードできたのですが、、、
自宅のmacとwinだとOSが古いせいか、上手くいかないので、こちらでトライしてみました。

しかし、テンプレートを作れるなんて、うらやましい限りです。
また、どんどん、素敵なテンプレート宜しくお願いします♪

Posted by toikura at 2005年01月04日 23:34

このたびブログ立ち上げました。
つきましては、このテンプレート利用させていただきます。m(__)m
あっさりした中にも味のあるデザインが気に入りました。
これからも、新しい作品を楽しみにしています。

Posted by クリシェ at 2005年04月29日 16:40

はじめまして
このCSSを教材にCSSのカスタマイズ方法の記事をを書かせていただいております
素晴らしいCSSを製作して頂き誠にありがとうございました

Posted by 六法 at 2005年12月24日 16:01

コメントを書く

この記事へのTrackBack URL

おすすめブログ＜テンプレート＞
Excerpt: おすすめブログにえびすさんという方が作成したテンプレートがあったので、早速使用★ どうでしょう？私にもできました。でも、本当はテンプレートヌリドウォールが良かったのだがうまく行かず。。..
Weblog: tomakiのおいしんぼうバンザイ♪
Tracked: 2005-01-05 10:54

リニューアル!!
Excerpt: 心境の変化が訪れてのでサイトデザインをリニューアルしています. 使用したテンプレートは, [Seesaa デザインテンプレート]さんのシンプル２カラムベースです. このサイトでは,非公認テンプレートを..
Weblog: アフィリエイトプランナー
Tracked: 2005-11-02 13:19