すちゃらかSeesaaテンプレート: SeesaaCSS配布

TOP / SeesaaCSS配布

2004年05月31日

SeesaaCSSテンプレート:Stationery

Seesaaテンプレートその4ですコピー＆ペーストしてCSSを変更してみてください
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです
動作確認用デモページ
Seaasaadefault_17

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: Stationery
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/*◆ページ全体の基本的な設定と背景色◆*/
	body {
		margin:0px;
		background:#996633;
		color:#ffff00;
		background-image: url("http://sucharakasample3.seesaa.net/image/corkhaikei.jpg");
		}

/*◆リンク文字設定◆*/
	a:link		{ color: #333399; text-decoration:none; background: none;}
	a:visited		{ color: #9966cc; text-decoration:none; background: none;}
	a:active		{ color: #000099; background: none;}
	a:hover		{ color: #ffffff;text-decoration: underline;background-color : #6699cc;}
	
/*◆h1ホームタイトル、h2ブログ本文の日付、h3エントリーのタイトルの設定◆*/
	h1{
		margin: 0px;
		padding: 0px;
		}
		
	h2{
		margin: 0px;
		padding: 0px;
		}

h3 {
		margin: 0px;
		padding: 0px;
		}

/* ◆ブログタイトルのある段落◆ */
	#banner {
		position: relative; z-index: 1;
		color:#ffff00;
		background: none;
		background-position:right top; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample3.seesaa.net/image/title.jpg");
		font-size:x-large;
		font-weight:bold;
		padding-left:20px;
		padding-top:20px;
		padding-bottom:100px;
		}

/* ◆ブログタイトルの文字のリンク色◆ */
	#banner a,
	#banner a:link,
	#banner a:visited,
	#banner a:active,
	#banner a:hover {font-size: x-large;color: #ffff00;text-decoration: none; background: none;}

/* ◆ブログタイトル下に入るコメント設定◆ */
	.description {
		color:#ffffff;
		background: none;
		font-size:small;
		text-transform:none;
		}

/* ◆エントリーのある大段落（トップページ）◆ */
	#content {
		margin-right : 215px ;
		margin-left: 215px ;
		margin-bottom:15px;
		}

/*◆エントリーのある大段落（トップページ以外）◆*/
	#container {
		margin-right : 215px ;
		margin-left: 215px ;
		margin-bottom:15px;
		}

/* ◆エントリーのある段落◆ */
	.blog {
		font-size:small;
		font-weight:bold;
		color: #ffff00;
		background: none;
		}

/* ◆各エントリー◆ */
	.blogbody {
		color:#003366;
		font-size:medium;
		font-weight:normal;
		background:#ffffff;
		background-repeat:repeat-y; 
		background-image: url("http://sucharakasample3.seesaa.net/image/looseleaf.gif");
		line-height:155%;
		border: 1px solid #eeeeee;
		padding:10px;
		margin-top:5px;
		padding-left:25px;
		width: auto;
		}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆エントリータイトル◆ */
	.title	{
		padding-top:12px;
		padding-left:25px;
		padding-bottom:10px;
		font-size: medium;
		color: #003366;
		background: none;
		font-weight:bold;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample3.seesaa.net/image/enpitu_2.gif");
		}

/*◆エントリータイトルのリンク文字設定◆*/
	.title a{ color: #ffcc66; text-decoration: none;background: none;}
	.title a:link{ color: #ffcc66; text-decoration: none;background: none;}
	.title a:visited{ color: #33ffcc; text-decoration: none;background: none;}
	.title a:active{ color: #33ffcc; text-decoration: none;background: none;}
	.title a:hover { color: #ffffff;text-decoration: underline;background: none;}

/*◆ナビゲーションの設定◆*/
.navi {
		margin-bottom:10px;
		font-size:medium;
		font-weight:bold;
		text-align:center;
		}

.navi a:link{ color: #660033; text-decoration: none; background: none;}
	.navi a:visited{ color: #660033; text-decoration: none; background: none;}
	.navi a:active{ color: #33ffcc; text-decoration: none; background: none;}
	.navi a:hover { color: #ffffff;text-decoration: underline;background-color : #6699cc;}

/* ◆日にち◆ */
	.date	{ 
		font-size: medium;
		color: #ffff00;
		background: none;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;
		}

/* ◆エントリー投稿者の段落◆ */
	.posted {
		font-size: small;
		font-size: x-small;
		color: #005e00;
		background: none;
		padding-top:10px;
		}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
	.extended { 
		font-weight:bold;
		padding: 3px;
	/*枠の太さと色ここから*/
		border-bottom: 1px solid #660033;
		border-left: 5px solid #660033;
	/*枠の太さと色ここまで*/
		}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
	blockquote {
		color: #000000;
		background:#ffffcc;
		margin:5px 40px 5px 40px;
		font-size:small;
		font-weight:normal;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #336600; 
		width: auto 
		}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666666; 
		padding: 3px;
		}

/* ◆カレンダーのある大段落（トップページ左）◆ */
	#links-left{
		position : absolute ;
		left:20px;
		top : 180px ;
		color:#003366;
		background: none;
		margin-top:0px;
		width:180px;
		}

/*◆カレンダーのある大段落（トップページ右）◆*/
	#links {
		position : absolute ;
		right:20px;
		top : 180px ;
		color:#003366;
		background: none;
		margin-top:0px;
		width:180px;
		}

/*◆カレンダーの基本設定◆*/
	.calendar {
		font-size:small;
		font-weight:normal;
		color:#005e00;
		background: none;
		line-height:140%;
		padding:0px;
		}

/*◆カレンダーの月、曜日、数字の設定◆*/
	.calendarhead {
		font-size:medium;
		font-weight:bold;
		color:#ffffff;
		background: none;
		padding:2px;
		text-transform:uppercase;
		text-align:center;
		}

.calendarday{
		text-align: center;
		font-size:medium;
		font-weight:bold;
		color:#ffffff;
		}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
	.sidetitle {
		color:#666666;
		background:#FFF;
		font-size:medium;
		font-weight:bold;
		line-height:140%;
		margin-top:15px;
		text-transform:uppercase;
		text-align:center;
		background-image: url("http://sucharakasample3.seesaa.net/image/linktitlehaikei.jpg");
		line-height:140%;
		padding-top:27px;
		}

/* ◆サイドバー◆ */
	.side {
		color:#005e00;
		font-size:small;
		font-weight:normal;
		background:#FFF;
		line-height:140%;
		padding:10px;
		}

/* ◆RSS(XML)の設定◆ */
	.syndicate {
		font-size:small;
		line-height:140%;
		padding:2px;
		margin-top:15px;
		text-align:center;
		}

/*◆rss(xml)の設定◆*/
	.syndicate {
		color:#ffff00;
		font-size:xx-small;
		font-weight:bold;
		line-height:140%;
		padding:2px;
		margin-top:10px;
		text-align:center;
		background:#FFF;
		}

/*◆poweredの設定◆*/
	.powered {
		color:#ffff00;
		font-size:xx-small;
		font-weight:bold;
		border-top:1px dotted #666;
		border-bottom:1px dotted #666;
		line-height:140%;
		text-transform:uppercase;
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em;
		background:#FFF;
		}

/*◆コメント枠の設定◆*/
	.comments-body {
		color:#666;
		font-size:small;
		font-weight:normal;
		background:#FFF;
		line-height:140%;
		padding-bottom:3px;
		padding-top:3px;
		padding-left:10px;
		padding-right:3px;
		margin:10px;
		}

/* ◆「コメント」「コメントする」の見出し◆ */
	.comments-head	{
		background:#FFF;
		font-size: small;
		color: #003366;
		font-weight:bold;
		text-transform:uppercase;
	/*四隅枠の太さと色ここから*/
		border-bottom: 3px solid #ffff00;
		border-left: 3px solid #ffff00;
		border-right: 3px solid #ffff00;
		border-top: 3px solid #ffff00;
	/*四隅枠の太さと色ここまで*/
		padding:5px;
		margin:10px;
		}

/* ◆「コメント」投稿者◆ */
	.comments-post {
		color:#005e00;
		font-size:x-small;
		font-weight:normal;
		background: none;
		margin-top:0px;
		border-bottom: 1px solid #660033;
		}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:auto;
	color:#666666;
	background:#ffffff;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	margin:10px;
	font-size:small;
}

/* ◆トラックバックURL◆ */
	.trackback-url {
		font-size:medium; 
		font-weight:normal;
		color: #666;
		background:#ffffff;
		border: 2px solid #ffff00;
		padding:10px;
		margin:10px;
		}

/* ◆「トラックバック」の段落◆ */
	.trackback-body {
		color:#ffff00;
		font-size:medium;
		font-weight:normal;
		background:#ffffff;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #660033;
		}

/* ◆「トラックバック」投稿者◆ */
	.trackback-post {
		color:#666666;
		font-size:small;
		font-weight:normal;
		background:#ffffff;
		margin:10px;
		}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 215px ;
margin-right : 215px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 00:42| 東京

| Comment(9) | TrackBack(6) | SeesaaCSS配布 |

2004年05月30日

SeesaaCSSテンプレート:BlueBlueSky

Seesaaテンプレートその3ですコピー＆ペーストしてCSSを変更してみてください
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです

動作確認用デモページ

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: BlueBlueSky
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/*◆ページ全体の基本的な設定と背景色◆*/
	body {
		margin:0px;
		color: #003366;
		background:#3399ff;
		}

/*◆リンク文字設定◆*/
	a:link		{ color: #003366; text-decoration:none; background: none;}
	a:visited		{ color: #ffff99; text-decoration:none; background: none;}
	a:active		{ color: #003366; background: none;}
	a:hover		{ color: #003366;text-decoration: underline;background : #ffffff;}

/* ◆h1h2h3◆ */
	h1{
		margin: 0px;
		padding: 0px;
		}
		
	h2{
		margin: 0px;
		padding: 0px;
		}

h3 {
		margin: 0px;
		padding: 0px;
		}

/* ◆タイトル名のある段落◆ */
	#banner {
	position: relative; z-index: 1;
		color:#cb0f0f;
		background:#3399ff;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample2.seesaa.net/sora.gif");
		font-size:large;
		font-weight:normal;
		padding-left:30px;
		padding-top:10px;
		padding-bottom:50px;
		text-align: left;
		}

/* ◆タイトル名の文字のリンク色◆ */
	#banner a:link{font-size: large;color: #ffffff;; text-decoration: none; background: none;}
	#banner a:visited{font-size: large;color: #ffffff;; text-decoration: none; background: none;}
	#banner a:active,
	#banner a:hover {font-size: large;color: #cc9933;text-decoration: none; background: none;}

/* ◆サイト説明文◆ */
	.description {
		color:#ffffff;
		background: none;
		font-size:small;
		text-transform:none;
		}

/* ◆エントリーのある大段落◆ */
	#content {
		background: #3399ff;
		margin-right : 210px ;
		margin-left  : 210px ;
		margin-top : 10px ;
		margin-bottom : 10px ;
		}

/* ◆エントリーのある段落◆ */
	.blog {
		padding:10px;
		font-size:small;
		font-weight:normal;
		color: #336699;
		background: none;
		}

/* ◆各エントリー◆ */
	.blogbody {
		background:#ffffff;
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("http://sucharakasample2.seesaa.net/kumo.gif");
		color:#336699;
		font-size: medium;
		padding:10px;
		line-height:150%;
		width : auto ;
		border: 3px solid #99ccff;
		margin-bottom:5px;
		}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆各エントリーの文字のリンク色◆ */
	.blogbody a:link{color: #003366;text-decoration: none; background: none;}
	.blogbody a:visited{color: #003366;text-decoration: none; background: none;}
	.blogbody a:active{color: #003366;text-decoration: none; background: none;}
	.blogbody a:hover  {color: #ffffff;text-decoration: underline;background-color : #336699;}

/* ◆エントリータイトル◆ */
	.title	{
		font-size: medium;
		color: #336699;
		background: #99ccff;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:10px;
		margin-bottom:10px;
		}

/*◆ナビゲーションの設定◆*/
.navi {
		font-size: small;
		font-weight:normal;
		background: none;
		margin:10px;
		padding:3px;
		text-align:center;
		}

/* ◆日にち◆ */
	.date	{ 
		font-size: medium;
		color: #ffff66;
		background: none;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("http://sucharakasample2.seesaa.net/sunrise.gif");
		padding-left:45px;
		padding-top:15px;
		padding-bottom:10px;
		font-weight:bold;
		}

/* ◆エントリー投稿者の段落◆ */
	.posted {
		font-size: small;
		color: #336699;
		background: none;
		}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
	.extended { 
		font-weight:normal;
		padding: 3px;
		}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
	blockquote {
		color: #336699;
		background:#ffffff;
		margin:5px 40px 5px 40px;
		font-size:small;
		font-weight:normal;
		line-height:150%;
		padding: 10px; 
		border: 2px solid  #3399ff;
		width: auto 
		}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
.quotetitle{
	font-size:medium;
	font-weight:normal;
	border-bottom: 1px solid #666699;
	padding: 3px;
	}

/* ◆カレンダーなどのあるサイドバー左◆ */
	#links-left{
		position: relative; z-index: 2;
		color: #ffffff;
		background:#3399ff;
		position : absolute ;
		right : 10px ;
		top : 150px ;
		width : 180px ;
		padding:10px;
		}

/* ◆カレンダーなどのあるサイドバー右◆ */
	#links{
		position: relative; z-index: 2;
		color: #ffffff;
		background:#3399ff;
		position : absolute ;
		left : 10px ;
		top : 150px ;
		width : 180px ;
		padding:10px;
		}

/*◆カレンダーの基本設定◆*/
	.calendar {
		color:#ffffff;
		background: transparent;
		font-size:small;
		font-weight:normal;
		}

/*◆カレンダーの月、曜日、数字の設定◆*/
	.calendarhead{
		text-align: center;
		color:#ffffff;
		font-size:small;
		font-weight:bold;
		background: none;
		}

.calendar a:link {font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
	.calendar a:visited{font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
	.calendar a:active{font-size: small;color: #003366; text-decoration: none; background: none;}
	.calendar a:hover {font-size: small;color: #999999;text-decoration: none; background: none;}

.calendarday{
		text-align: center;
		color:#ffffff;
		font-size:x-small;
		font-weight:normal;
		}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
	.sidetitle {
		color:#336699;
		font-size:small;
		font-weight:normal;
		margin-top:3px;
		background:#ffffff;
		line-height:140%;
		padding:3px;
		text-align:center;
		border: 3px solid  #99ccff;
		}

/* ◆サイドバー◆ */
	.side {
		color:#ffffff;
		background: none;
		font-size:small;
		font-weight:normal;
		line-height:140%;
		padding:5px;
		}

/* ◆RSS(XML)の設定◆ */
	.syndicate {
		font-size:small;
		line-height:140%;
		padding:2px;
		margin-top:15px;
		text-align:center;
		}

/* ◆Poweredの設定◆ */
	.powered {
		color:#336699;
		background: none;
		font-size: x-small;
		line-height:140%;
		text-transform:uppercase;
		padding:2px;
		margin-top:20px;
		text-align:center;
		}

/*◆コメント枠の設定◆*/
	.comments-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#ffffff;
		border: 1px solid #336699;
		padding:10px;
		margin:5px;
		line-height:150%;
		width : auto ;
		}

/* ◆「コメント」「コメントする」の見出し◆ */
	.comments-head	{
		font-size:small;
		color: #336699;
		background: #99ccff;
		font-weight:bold;
		border: 1px solid #336699;
		padding:5px;
		width : auto ;
		margin-top:10px;
		margin-bottom:10px;
		}

/* ◆「コメント」投稿者◆ */
	.comments-post {
		color:#003366;
		background: none;
		font-size:small;
		font-weight:normal;
		}
	.comments-post a:link{color: #000066;text-decoration: none; background: none;}
	.comments-post a:visited{color: #336666;text-decoration: none; background: none;}
	.comments-post a:active{color: #000066;text-decoration: none; background: none;}
	.comments-post a:hover  {color: #ffffff;text-decoration: underline;background-color : #336699;}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:100%;
	color:#666666;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	font-size:90%;
	background: transparent;
}

/* ◆トラックバックURL◆ */
	.trackback-url {
		font-size:small; 
		font-weight:bold;
		color: #336699;
		background:#ffffff;
		border: 2px solid #336699;
		padding:10px;
		margin-top:10px;
		}

/* ◆「トラックバック」の段落◆ */
	.trackback-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding-bottom:10px;
		border-bottom:1px dotted #003366;
		}

/* ◆「トラックバック」投稿者◆ */
	.trackback-post {
		color:#336699;
		font-size:x-small;
		font-weight:normal;
		background:#ffeded;
		}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 210px ;
margin-right : 210px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 00:50| 東京

| Comment(37) | TrackBack(3) | SeesaaCSS配布 |

2004年05月13日

SeesaaCSSテンプレート:PurpleBlog

Seesaaテンプレート配布にむけての実験その2です
コピー＆ペーストしてCSSを変更してみてください
不都合がなければこれから配布をはじめたいと思います(^-^)
ベースは『ホワイト』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです

動作確認用デモページ

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: PurpleBlog
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/* ◆ボディー◆ */
body {
	margin:0px;
	background:#e5e5f7;
	color: #003366;
}

/* ◆リンク◆ */
	a:link{ color: #003366;  text-decoration: none; background: none;}	/* リンク（未訪問） */
	a:visited{ color: #003366;  text-decoration: none; background: none;}	/* リンク（訪問済み） */
	a:active{ color: #999999; background: none;}	/* リンク（クリック時） */
	a:hover{ color: #999999; background: none;}	/* リンク（カーソルが乗っている時） */

/* ◆h1h2h3◆ */
h1, h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}
/* ◆タイトル名のある段落◆ */
#banner {
	font-size:x-large;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#333333;
	background:#666699;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
	margin-bottom:10px;
	position: relative; z-index:1;
}

/* ◆タイトル名の文字のリンク色◆ */
	#banner a:link {font-size: x-large;color: #ffffff; text-decoration: none; background: none;}
	#banner a:visited{font-size: x-large;color: #ffffff; text-decoration: none; background: none;}
	#banner a:active{font-size: x-large;color: #003366; text-decoration: none; background: none;}
	#banner a:hover {font-size: x-large;color: #ffff00;text-decoration: none; background: none;}

/* ◆サイト説明文◆ */
.description {
	font-size:small;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#ffffff;
	background: none;
	text-transform:none;
}

/* ◆エントリーのある大段落◆ */
#content {
	background:#ffffff;
	color: #003366;
	margin-left : 110px ;
	margin-right : 110px ;
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:80px;
	padding-right:80px;
	border: 5px solid  #666699;
	width: auto;
}

/* ◆エントリーのある段落◆ */
.blog {
	margin-left:15px;
	margin-right:15px;
	margin-top:5px;
	background:none;
	color: #003366;
	}

/* ◆各エントリー◆ */
.blogbody {
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#333333;
	background:none;
	line-height:140%;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-top: 2px solid #666699;
	border-bottom: 4px solid #666699;
	border-left: 2px solid #666699;
	border-right: 4px solid #666699;
	width: auto;
}

/* ◆本文のテキスト設定◆ */
.text{
}

.text a{
}

/* ◆各エントリーの文字のリンク色◆ */
	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: none;
	}

/* ◆エントリータイトル◆ */
.title	{
	font-size: medium;
	color: #ffff00;
	background:#e5e5f7;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:3px;
	padding-right:3px;
	margin-bottom:0px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	text-transform:none;
	text-align:left;
}

/*◆ナビゲーションの設定◆*/
.navi {
	font-size: medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #003366;
	margin-bottom:10px;
	margin-top:10px;
	text-align:center;
}

/* ◆日にち◆ */
.date	{
	font-size: large; 
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #ffffff;
	background:#666699;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

/* ◆エントリー投稿者の段落◆ */
.posted	{
	font-size: small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #333333;
	background: none;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;
	border:dotted 1px #666699;
}

span.posted	{
	font-size: small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color: #333333;
	background: none;
	margin-top:3px;
	margin-bottom:3px;
	padding:3px;
	border:dotted 1px #666699;
}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
.extended { 
	font-weight:normal;
	padding-left:8px;
	border-left:8px solid #666699;
}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
blockquote {
	color: #000000;
	background:#f2f2ff;
	margin:5px 40px 5px 40px;
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	line-height:150%;
	padding: 10px;
	border-top: 1px solid #666699;
	border-bottom: 3px solid #666699;
	border-left: 1px solid #666699;
	border-right: 3px solid #666699;
	width: auto ;
	}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
.quotetitle{
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	border-bottom: 1px solid #666699;
	padding: 3px;
	}

/* ◆カレンダーなどのあるサイドバー左◆ */
#links-left{
	position: absolute;
	left:20px;
/* ◆banner部分を大きめにとったらtop:100px;を調節◆ */
	top:100px;
	width:170px;
	padding:5px;
	background:#eee;
	text-align:left;
	margin-top:50px;
	background: transparent;
	margin-bottom:15px;
}

/* ◆カレンダーなどのあるサイドバー右◆ */
#links { 
	position: absolute;
	right:20px;
/* ◆banner部分を大きめにとったらtop:100px;を調節◆ */
	top:100px;
	width:170px;
	padding:5px;
	background:#eee;
	text-align:left;
	margin-top:50px;
	background: transparent;
	margin-bottom:15px;
}

/* ◆カレンダー年月◆ */

.calendarhead {
	font-size:medium;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#ffffff;
	background:#666699;
	text-align:center;
}

#calendar th {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#006699;
	background:#ffffff;
	line-height:140%;
}

/* ◆カレンダー◆ */
.calendarday {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
}

#calendar table {
width:100%;
}

/* ◆サイドバーの見出し◆ */
.sidetitle {
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#666699;
	font-size:medium;
	font-weight:normal;
	color:#ffffff;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	margin-top:10px;
	border: 2px solid  #666699;
}

/* ◆サイドバー◆ */
.side {
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#ffffff;
	font-size:small;
	font-weight:normal;
	color:#333333;
	line-height:140%;
	text-align:left;
	margin-bottom:10px;
	padding:3px;
	border: 2px solid  #666699;
}

/* ◆RSS(XML)の設定◆ */
.syndicate {
	font-size:x-small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif; 
	color: #003366;
	background:#ffffff;
	line-height:140%;
	padding:2px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:center;
	border: 2px solid #666699;
}

/* ◆Poweredの設定◆ */
.powered {
	font-size:x-small;
	font-weight:normal;
	font-family:Osaka, "ＭＳ Ｐゴシック", trebuchet MS, trebuchet, verdana, arial, sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:2px;
	text-align:center;
	border: 2px solid #666699;
}

/* ◆「コメント」の段落◆ */
.comments-body {
	background:#ffffff;
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	line-height:140%;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin:5px;
}

/* ◆「コメント」「コメントする」の見出し◆ */
.comments-head	{
	font-size:medium;
	font-weight:bold;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	background:#ffffff;
	color: #666666;
	border:1px solid #666699;
	margin:15px;
	padding:5px;
}

/* ◆「コメント」投稿者◆ */
.comments-post {
	font-size:x-small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	margin:10px;
	padding:3px;
	border:dotted 1px #666699;
}

/* ◆「トラックバック」の段落◆ */
#trackback {
	width:100%;
	color:#666666;
	margin-bottom:30px;
	margin-top:25px;
	padding:5px;
	font-size:90%;
	background: transparent;
}

/* ◆「トラックバック」の段落◆ */
.trackback-body {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:10px;
	margin-top:3px;
	border:1px solid #666699;
}

/* ◆トラックバックURL◆ */
.trackback-url {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
	line-height:140%;
	padding:5px;
	border:1px solid #666699;
}

/* ◆「トラックバック」◆ */
.trackback-post {
	font-size:small;
	font-weight:normal;
	font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
	color:#666666;
	background:#ffffff;
}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
	margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 180px ;
margin-right : 180px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
	margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）

posted by ななせ♪ at 23:15| 東京

| Comment(12) | TrackBack(8) | SeesaaCSS配布 |

2004年05月10日

Seesaaテンプレート:CatWeblog

Seesaaテンプレート配布にむけての実験です
コピー＆ペーストしてCSSを変更してみてください
不都合がなければこれから配布をはじめたいと思います(^-^)
ベースは『ブルー』の3カラムを使用してますので、最初はこの設定で変更した方が無難だと思います

不都合や、どっかおかしいところがあったら、マシン環境と使用ブラウザを明記してコメントしてくださいませm(_ _)m
すちゃらかCSS素材集の方に書き込んでいただいてもOKです

↓ここからコピー

@charset "Shift_JIS";
/*
ここは消さないで下さい
Title: CatWeblog
Author: ななせ♪
Access: http://www.sucharaka.jp/
CSSLicense: 【すちゃらか素材集】
*/

/* ◆ボディー◆ */
body {
margin:0px;
background:#ffffff;
background-attachment:fixed;
background-position:right bottom;
background-repeat:no-repeat;
background-image: url("http://sucharaka.seesaa.net/image/293b968d49345757947340e0dc3af007.jpg");
color: #003366;
}

/* ◆リンク◆ */
a:link	{ color: #cc0066; text-decoration:none; background: none;}
a:visited	{ color: #cc0066; text-decoration:none; background: none;}
a:active	{ color: #cc0066; background: none;}
a:hover	{ color: #333333;text-decoration: underline;background-color : none;}

/* ◆h1h2h3◆ */
h1, h2, h3 {
margin: 0px;
padding: 0px;
}

/* ◆タイトル名のある段落◆ */
#banner {
font-size:x-large;
font-weight:bold;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#333333;
background: transparent;
background-position:left center; 
background-repeat:no-repeat;
background-image: url("http://sucharaka.seesaa.net/image/a8f500264bbdb7d855ee251e89c35347.gif");
padding-top:40px;
padding-left:120px;
padding-bottom:40px;
margin-bottom:10px;
position: relative; z-index:1;
}

/* ◆タイトル名の文字のリンク色◆ */
#banner a:link {font-size: x-large;color: #000000; text-decoration: none; background: none;}
#banner a:visited{font-size: x-large;color: #000000; text-decoration: none; background: none;}
#banner a:active{font-size: x-large;color: #003366; text-decoration: none; background: none;}
#banner a:hover {font-size: x-large;color: #cc0066;text-decoration: none; background: none;}

/* ◆サイト説明文◆ */
.description {
font-size:small;
font-weight:bold;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#000000;
background: none;
text-transform:none;
}

/* ◆エントリーのある大段落◆ */
#content {
background:none;
color: #003366;
margin-left : 210px ;
margin-right : 210px ;
margin-bottom:15px;
padding-bottom:15px;
padding-left:5px;
padding-right:5px;
width: auto;
}

/* ◆エントリーのある段落◆ */
.blog {
margin-left:5px;
margin-right:5px;
margin-top:5px;
background:none;
color: #003366;
}

/* ◆各エントリー◆ */
.blogbody {
font-size:medium;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#333333;
background: transparent;
line-height:140%;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
border: 2px solid #000000;
width: auto;
}

/* ◆本文のテキスト設定◆ */
.text{
}
.text a{
}

/* ◆各エントリーの文字のリンク色◆ */
.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
font-weight: normal;
text-decoration: none;
}

/* ◆エントリータイトル◆ */
.title	{
font-size: medium;
color: #ffffff;
background:none;
background-position:left bottom; 
background-repeat:no-repeat;
background-image: url("http://sucharaka.seesaa.net/image/51379b767b453d16685ba0b0b109c1c5.gif");
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
padding-top:65px;
padding-bottom:10px;
padding-left:50px;
padding-right:5px;
margin-top:0px;
text-align:left;
}

.title a:link {font-size: medium;color: #ffffff; text-decoration: none; background: none;}
.title a:visited{font-size: medium;color: #ffffff; text-decoration: none; background: none;}
.title a:active{font-size: medium;color: #ffffff; text-decoration: none; background: none;}
.title a:hover {font-size: medium;color: #cc0066;text-decoration: none; background: none;}

/*◆ナビゲーションの設定◆*/
.navi {
font-size: medium;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color: #003366;
margin-bottom:10px;
margin-top:10px;
text-align:center;
}

/* ◆日にち◆ */
.date	{
font-size: medium; 
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color: #cc0066;
background:none;
padding-top:5px;
padding-bottom:0px;
text-align:right;
}

/* ◆エントリー投稿者の段落◆ */
.posted	{
font-size: small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color: #333333;
background: none;
margin-top:5px;
padding:3px;
border:solid 1px #cc0066;
}

/* ◆Continue readingの行（Seesaaにはまだないけど一応）◆ */
.extended { 
font-weight:normal;
padding-left:8px;
border-left:3px solid #cc0066;
}

/* ◆blockquote設定（Seesaaにはまだないけど一応）◆ */
blockquote {
color: #000000;
background:#ffcccc;
margin:3px 40px 3px 40px;
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
line-height:150%;
padding: 5px;
border: 1px solid #000000;
width: auto 
}

/* ◆quotetitle設定（Seesaaにはまだないけど一応）◆ */
.quotetitle{
font-size:medium;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
border-bottom: 1px solid #666699;
padding: 3px;
}

/* ◆カレンダーなどのあるサイドバー左◆ */
#links-left {
position: absolute;
left:20px;
top:60px;
width:170px;
background:#eee;
text-align:left;
background: transparent;
margin-bottom:15px;
margin-top:60px;
}

/* ◆カレンダーなどのあるサイドバー右◆ */
#links { 
position: absolute;
right:20px;
top:60px;
width:170px;
background:#eee;
text-align:left;
background: transparent;
margin-bottom:15px;
margin-top:60px;
}

/* ◆カレンダー年月◆ */
.calendarhead {
font-size:medium;
font-weight:bold;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:none;
text-align:center;
}

/* ◆カレンダー◆ */
.calendarday {
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:#ffffff;
line-height:140%;
}

#calendar table {
width:100%;
}

.calendarday a:link {font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
.calendarday a:visited{font-size: small;color: #003366; text-decoration: none; background: #ffff00;}
.calendarday a:active{font-size: small;color: #003366; text-decoration: none; background: none;}
.calendarday a:hover {font-size: small;color: #999999;text-decoration: none; background: none;}

/* ◆サイドバーの見出し◆ */
.sidetitle {
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
background-position:left bottom;
background-repeat:no-repeat;
background-image: url("http://sucharaka.seesaa.net/image/40ec0575fa1dac088af0faed839ea29e.gif");
font-size:medium;
font-weight:normal;
color:#ffffff;
padding:2px;
padding-bottom:2px;
padding-top:30px;
text-align:right;
margin-top:10px;
}

/* ◆サイドバー◆ */
.side {
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
background: transparent;
font-size:small;
font-weight:normal;
color:#333333;
line-height:140%;
text-align:left;
margin-bottom:10px;
padding:3px;
border: 1px solid #000000;
}

/* ◆RSS(XML)の設定◆ */
.syndicate {
font-size:x-small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif; 
color: #003366;
background: transparent;
line-height:140%;
padding:2px;
margin-top:5px;
margin-bottom:10px;
text-align:center;
border: 1px solid #000000;
}

/* ◆Poweredの設定◆ */
.powered {
font-size:x-small;
font-weight:normal;
font-family:Osaka, "ＭＳ Ｐゴシック", trebuchet MS, trebuchet, verdana, arial, sans-serif;
color:#666666;
background-image: url("http://sucharaka.seesaa.net/image/e3b48a1b8703425c1526279c15d2b6e2.gif");
line-height:140%;
padding:2px;
text-align:center;
border: 1px solid #000000;
}

/* ◆「コメント」の段落◆ */
.comments-body {
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background: transparent;
line-height:140%;
padding-bottom:10px;
margin:10px;
}

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

/* ◆「コメント」「コメントする」の見出し◆ */
.comments-head	{
font-size:medium;
font-weight:bold;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color: #666666;
background-image: url("http://sucharaka.seesaa.net/image/e3b48a1b8703425c1526279c15d2b6e2.gif");
border:1px solid #cc0066;
margin:10px;
padding:5px;
}

/* ◆「コメント」投稿者◆ */
.comments-post {
font-size:x-small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:none;
padding:3px;
border:solid 1px #cc0066;
}

/* ◆「トラックバック」の段落◆ */
#trackback {
width:100%;
color:#666666;
margin-bottom:30px;
margin-top:25px;
padding:5px;
font-size:90%;
background: transparent;
}

.trackback-body {
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:#ffffff;
line-height:140%;
padding:10px;
margin:10px;
border:1px solid #cc0066;
}

/* ◆トラックバックURL◆ */
.trackback-url {
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:#ffffff;
line-height:140%;
padding:10px;
margin:10px;
border:1px solid #cc0066;
}

/* ◆「トラックバック」◆ */
.trackback-post {
font-size:small;
font-weight:normal;
font-family: verdana, arial,"Osaka", "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐ ゴシック", sans-serif;
color:#666666;
background:none;
}

/* ◆検索、コメントなどの入力フォームの設定◆ */
form {
margin:0px;
}

/* ◆フッターの設定◆ */
#footer{
margin-left : 210px ;
margin-right : 210px ;
width: auto;
}

/* ◆コピーライトの設定◆ */
.copyright{
font-size:small;
width:100%;
text-align:center;
}

/* ◆投稿者名、コメントの書き込み欄の文字化け防止◆ */
input,textarea {
font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
margin: 2px;
}

動作確認：MacIE5.x MacNetscape7.x Safari1.0 WinIE6.0 Opera（Win+Mac）
追加更新：iframe外してみました

参考：Style Sheets

posted by ななせ♪ at 15:27| 東京

| Comment(18) | TrackBack(5) | SeesaaCSS配布 |

<< 2009年11月 >>
日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

すちゃらかSeesaaテンプレート

2004年05月31日

SeesaaCSSテンプレート:Stationery

2004年05月30日

SeesaaCSSテンプレート:BlueBlueSky

2004年05月13日

SeesaaCSSテンプレート:PurpleBlog

2004年05月10日

Seesaaテンプレート:CatWeblog

広告