2006年12月05日

メタセコイアのスタイルシート

とりあえず、一番最新のもの
メタセコイアの風景のものです。
@charset "UTF-8";
/*メタセコイヤ並木*/
/*使用フォントセット指定*/
*{font-family:"verdana","helvetica","osaka","MS Pゴシック",ans-serif;
}

textarea,select,input {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","MS Pゴシック","sans-serif";
}
/*最下部ベース指定、ページの左右に見える色など*/
body{
color:#000;/*文字色*/
margin:0px;/*領域外余白*/
background:#D7D6D4;/*背景色*/
text-align:center;/*中央そろえ*/
}
/*フォームの指定<コメントなど*/
form{
margin:0px;
padding:0px;
}
/*フォームのテーブル配置指定*/
table.form{
margin:25px 0px 0px 13px;
}
/*画像の表示指定*/
img{
border:none;
}
/*RSSの指定*/
ul.rss{ margin:0px;padding:0px;width:100%;text-align:center;}
ul.rss li{
border-right:#999 1px solid;
display:inline;
font-size:12px;
font-style:normal;
font-weight:bold;
letter-spacing:0.2px;
margin-right:0.3em;
padding-right:0.5em;
padding-left:0.2em;
}
ul.rss a:link{
color:#666;
text-decoration:none;
}
ul.rss a:visited {
color:#666;
text-decoration:none;
}
ul.rss a:hover {
color:#666;
text-decoration:none;
}
ul.rss a:active {
color:#666;
text-decoration:none;
}

/*標準のリンクアンカー指定*/
/*かなり大部分のリンク表示のfont指定*/
/*配色変更可能、下線などの装飾可能、文字サイズ変更可能、太さ変更可能*/
a{color:#5C7E31;text-decoration:underline;}/*標準時*/
a:link{color:#5C7E31;text-decoration:underline;}/*リンク指定時*/
a:visited{color:#5C7E31;text-decoration:underline;}/*訪問済み時*/
a:active{color:#5C7E31;text-decoration:none;}/*クリック時*/
a:hover{color:#5C7E31;text-decoration:none;}/*マウスオーバー時*/
/*この部分は、このブログのカレンダーに関係していない、バグ
a.acalendar{color:#5C7E31;text-decoration:underline;}
a.acalendar:link{color:#5C7E31;text-decoration:underline;}
a.acalendar:visited{color:#5C7E31;text-decoration:underline;}
a.acalendar:active{color:#5C7E31;text-decoration:none;}
a.acalendar:hover{color:#5C7E31;text-decoration:none;}
*/
/*続きを読むのリンクアンカー*/
a.acontinues{color:#5C7E31;text-decoration:underline;}
a.acontinues:link{color:#5C7E31;text-decoration:underline;}
a.acontinues:visited{color:#00FF66;text-decoration:underline;}/*訪問済み時配色変更*/
a.acontinues:active{color:#5C7E31;text-decoration:none;}
a.acontinues:hover{color:#FF0000;text-decoration:none;font-weight:bold;}/*改変、配色変更マウスオーバー時色が変わり、太字となる*/
/*メニュー項目リンクアンカー*/
/*前頁、次ページの行のリンク指定*/
a.amenu{color:#5C7E31;text-decoration:underline;}
a.amenu:link{color:#5C7E31;text-decoration:underline;}
a.amenu:visited{color:#00FF66;text-decoration:underline;}/*訪問済み時配色変更*/
a.amenu:active{color:#5C7E31;text-decoration:none;}
a.amenu:hover{color:#FF0000;text-decoration:underline overline;font-size:11px;}/*マウスオーバー時fontを11pxに配色も変更*/
/*バナーやブログ記事本体、サイドバーが載っている部分設定*/
/*配色変更のほか、罫線スタイルの変更も可能*/

#container{
font-size:12px;/*fontサイズ*/
width:800px;/*領域幅A*/
background-color:#fff;/*背景色*/
margin:0px auto;/*領域外余白*/
text-align:left;/*左寄せにて文章表示*/
}
/*-----ブログタイトル画像設定---*/
/*一般にはバナーと呼ばれる上部のタイトル画像*/
#banner,#subbanner{
background:#FFFFFF url(//img01.shiga-saku.net/usr/deskwork/metaseko2.jpg) top center no-repeat;/*urlを入れ替えると違う画像が表示可能、配置は上につけて中央揃え、反復なし*/
padding:0px 10px 0px 10px;/*領域内余白*/
height:300px;/*領域高*/
}

/*ブログタイトルのリンクアンカー指定*/
#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:active{color:#fff;text-decoration:underline;}
#banner a:hover{color:#FF0000;text-decoration:underline;font-weight:bold;}/*マウスオーバー時は移植変更、fontを太字に*/

/*サブバナーの設定ですが、この場合設定無しの為コメントアウト済み*/
/*#subbanner a{color:#fff;text-decoration:none;}
#subbanner a:link{color:#fff;text-decoration:none;}
#subbanner a:visited{color:#fff;text-decoration:none;}
#subbanner a:active{color:#fff;text-decoration:underline;}
#subbanner a:hover{color:#fff;text-decoration:underline;}
*/

/*見出しの設定、ブログタイトル日付、題名など*/
h1,h2,h3{
margin:0px;
padding:0px;
}

/*-----ブログタイトル設定---*/
/*ここで文字色変更しても、リンクアンカーの方が優先されます*/
.blogtitle{
font-size:30px;/*文字サイズ*/
font-weight:bold;/*太字指定*/
padding:130px 0px 0px 10px;/*領域内余白→配置*/
text-align:left;/*左寄せ*/
letter-spacing:2px;/*文字間隔*/
}

/*-----ブログ説明設定---*/
/*文章幅を制限したいときは、widthをつけると可能*/
.description{
color:#fff;/*文字色*/
font-size:12px;/*fontサイズ*/
padding:4px 0px 0px 10px;/*領域内余白*/
text-align:left;/*左寄せ配置*/
letter-spacing:2px;/*文字間隔*/
}
/*ブログ記事列の外枠設定*/
/*この幅を大きくしすぎると、ブログの形式が崩れます*/
#content{
width:600px;/*領域幅B*/
float:right;/*右寄せ配置*/
background-color:#fff;/*背景色*/
}
/*サイドバー部分の外枠設定*/
#links{
width:185px;/*領域幅C*/
float:left;/*左寄せ配置*/
text-align:left;/*左そろえ*/
margin:0px 0px 0px 0px;/*領域内余白*/
padding:10px 0px 0px 10px; /*領域内余白*/
background-color:#ffffff;/*背景色*/
overflow:hidden;/*はみ出し時表示設定*/
}
/*ここで、A≧B+C+領域外余白となるように注意*/
/*つまり、A~Cを論理的に広げたり狭めたり可能*/
/*但し、後のコンテンツの幅も修正しないと不十分*/
/*フッター指定*/
#footer{
clear:both;/*それまでの設定の解除*/
}
/*最下部コピーライト表示部分*/
#copyright{
background:#fff;/*背景色*/
width:100%;/*領域幅*/
height:20px;/*領域高*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
color:#000;/*文字色指定*/
margin:0px;/*領域外余白*/
padding:0px;/*領域内余白*/
line-height:16px;/*行の高さ*/
text-align:center;/*中央揃え*/
}
/*ブログ記事枠設定*/
.blog{
margin:0px 15px 20px 5px;/*領域外余白*/
/* border-left :1px solid #0000CC;
border-right :1px solid #0000CC;
border-bottom :1px solid #0000CC;
border-top :1px solid #0000CC;*/
/*上のコメントアウトをはずすと、この領域の大きさを罫線表示により見えます。*/
}
/*記事の日付部分の設定*/
.datewaku{
background-image: url(//img01.shiga-saku.net/usr/deskwork222/waku.gif);/*背景GIFの指定*/
background-repeat:no-repeat;/*反復なし*/
background-color:#ffffff;/*背景色*/
height:40px;/*領域高*/
/* background-color:#CC99FF;*/
/*backgroundがらみの行を上のものと入れ替えると、背景色指定となり、*/
/*簡単に色調変更可能、gifにて入れ替えるためには、GIFの色変更か*/
/*代替色のgifを入れ替えることにより可能*/
}
/*日付部分の表示設定*/
.date{
color:#fff;/*文字色*/
font-size:12px;/*font色*/
letter-spacing:2px;/*文字間隔*/
padding:10px 10px 0px 15px;/*領域内余白*/
}
/*
.date2{
color:#3366FF;
font-size:10px;
letter-spacing:1px;
text-align:right;
padding:2px 0px 0px 0px;
/* float:right;
text-decoration:none;*/
}
*/
/*上記date2は日付と題名を別に設定したい場合用に追加記述*/
/*HTMLの方も記述変更が必要*/
/*私の場合は、実際の日付をこちらの指定として、タイトルの指定をdateで設定する*/
/*現在は、div設定からa設定へと日付を変えたので、*/
/*下から3,4行目と1,2行目が入れ替わっている*/
/*HTMLにてdivで日付を囲んだ場合は上で、aで囲んだ場合は下を使用*/
/*ブログ記事枠内部分の指定*/
.blogbody{
background:#fff;/*背景色*/
margin:0px 0px 10px 0px;/*領域外余白*/
padding:8px;/*領域内余白*/
border-left:1px solid #5C7E31;/*枠罫線*/
border-right:1px solid #5C7E31;
border-bottom:1px solid #5C7E31;
}
/*本来ブログタイトル用の設定であるが、実際には同じh3見出しの*/
/*この記事へのトラックバックURLの表示設定となっている*/
/*こちらをつかって、ブログタイトルの個別設定も可能であるが、*/
/*同時にこちらも変更されるので、やや使いづらい*/
.title{
color:#5C7E31;/*font色*/
font-size:12px;/*fontサイズ*/
font-weight:bold;/*太字*/
height:10px;/*領域高*/
padding-top:10px;/*領域内余白上*/
margin:10px 0px 5px 5px;/*領域外余白*/
border-top:1px solid #666;/*上罫線*/
}
/*記事部分の表示設定*/
/*B≧D+左右マージン*/
.main{
width:550px;/*記事部分の幅D*/
color:#000;/*文字色*/
font-size:12px;/*fontサイズ*/
padding:15px 0px 15px 0px;/*領域内余白*/
overflow:auto;/*はみ出しの処理は自動で*/
line-height:135%;/*行間指定*/
/* background :#FFFFFF;*/
/*上記コメントアウト部分は、背景色指定用*/
/* border-left :1px solid #ff0000;
border-right :1px solid #ff0000;
border-bottom :1px solid #ff0000;
border-top :1px solid #ff0000;*/
/*この上記コメントアウト部分は、記事部分領域表示用罫線指定*/
}
/*記事中の画像処理(表示)の方法指定*/
/*ここでborderしてすると、記事内画像はすべてその形式となる*/
/* border:doubleなど*/
.main img{
margin:0px 5px 5px 5px;
}
/*続きはこちらの部分のfont指定*/
/*ここで指定しても、リンクアンカー部のほうが優先される*/
.main-continues{
font-size:12px;
}
/*記事内下部の、コメント・トラックバックなどの行の指定*/
/*この部分はリンクアンカーがあるので、其方が優先*/
.posted{
color:#000;/*文字色*/
font-size:10px;
text-align:right;/*右そろえ*/
margin:0px 0px 25px 0px;/*領域外余白*/
}
/*上記の部分のリンクアンカー指定*/
/*fontサイズなど、こちらが優先される*/
a.aposted{color:#5C7E31;text-decoration:underline;font-size:10px;}
a.aposted:link{color:#5C7E31;text-decoration:underline;}
a.aposted:visited{color:#5C7E31;text-decoration:underline;}
a.aposted:active{color:#5C7E31;text-decoration:none;}
a.aposted:hover{color:#FF0000;text-decoration:none;font-weight:bold;}
/*一番下の、前頁、次ページの列の指定*/
/*こちらも、リンクアンカーの指定のほうが優先される*/
/*アンカーは最初の方に記載済み*/
.menu{
color:#000;/*文字色*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ*/
}
/*-----コメント設定---*/
/*コメント記事の部分の設定トラックバックURLの下部分*/
/*この記事へのこめんと と書かれた部分*/
.comments-head{
color:#fff;
font-size:12px;
font-weight:bold;
padding:5px 0px 0px 5px;
background-color:#5C7E31;
margin-top:10px;
height:20px;
}
/*コメント記事本文部分の設定*/
.comments-body{
font-size:12px;
line-height:135%;
margin:20px 0px 15px 13px;
color:#000;
}
/*コメントの投稿者、時間の表示されている行の設定*/
.comments-post{
color:#000;
font-size:12px;
text-align:right;
margin:0px 0px 25px 0px;
padding-bottom:5px;
border-bottom:1px dotted #5C7E31;
}
/*-----トラックバック設定---*/
/*トラックバックURLの表示部分の設定*/
.trackback-url{
color:#000;
font-size:12px;
font-weight:bold;
margin:10px 0px 15px 5px;
padding-bottom:10px;
border-bottom:1px solid #666;

}
/*トラックバック本文の設定*/
.trackback-body{
font-size:12px;
line-height:135%;
margin:20px 0px 15px 13px;
color:#000;
}
/*トラックバック元の表示列の設定*/
.trackback-post{
color:#000;
font-size:12px;
text-align:right;
margin:0px 0px 25px 0px;
padding-bottom:5px;
font-weight:bold;
border-bottom:1px dotted #5C7E31;
}
/*トラックバック元リンクアンカーの設定*/
a.atrackback-post{color:#5C7E31;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link{color:#5C7E31;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited{color:#5C7E31;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active{color:#5C7E31;text-decoration:none;font-weight:bold;}
a.atrackback-post:hover{color:#5C7E31;text-decoration:none;font-weight:bold;}
/*コメント入力フォームの項目題名の設定*/
label{
font-size:12px;
font-weight:bold;
color:#000;
}
/*コメント入力フォームの各枠の設定*/
#author{
width:200px;
border:1px solid #5C7E31;
color:#000;
font-size:12px;
}
#email{
width:200px;
border:1px solid #5C7E31;
color:#000;
font-size:12px;
}
#url{
width:200px;
border:1px solid #5C7E31;
color:#000;
font-size:12px;
}
#text{
font-size:12px;
width:400px;
height:200px;
border:1px solid #5C7E31;
color:#000;
font-size:12px;
}
/*このページの上への部分の指定*/
.pagetop{
font-size:12px;
text-align:right;
margin:0px 0px 25px 0px;
color:#000;
}
/*上記のリンクアンカー指定→これは独自に追加htmlも変更が必要*/
/*本来、apostedの指定であったので、fontサイズが強制的に決められていた*/
/*又配色も同じとなるので、変えたい場合は追加が必要*/
a.apagetop{color:#0033FF;text-decoration:none;font-weight: bold;}/*太字指定*/
a.apagetop:link{color:#0033FF;text-decoration:none;}
a.apagetop:visited{color:#000099;text-decoration:none;}
a.apagetop:active{color:#FF1493;text-decoration:none;}
a.apagetop:hover{color:#FF1493;text-decoration:underline}
/*-----カレンダー設定---*/
.calendarhead{
color:#000;
font-size:12px;
font-weight:bold;
letter-spacing:2px;
/* padding:0px 0px 2px 0px;*/
/*明らかに上記の領域内余白はバグですね、下の設定で上書きされます*/
text-align:left;
padding:3px 0px 3px 15px;
text-align:center;
border:1px none #5C7E31;
height:15px;
margin-top:5px;
}

.calendartable{
margin:0px auto 10px auto;
width:183px;
text-align:left;
background:#fff;
border-top:1px solid #5C7E31;
border-left:1px solid #5C7E31;
border-right:1px solid #5C7E31;
border-bottom:1px solid #5C7E31;
border-spacing:0px;

}

.calendarweek{
color:#000;
font-size:9px;
font-weight:bold;

}

.calendarwd{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #66666;
background:#fff;
background-position:-2px 0px;
color:#000;
font-size:12px;
letter-spacing:2px;
padding:2px 0px 2px 5px;
}
.calendard{
text-align:center;
}
.calendar{
font-size:10px;
padding:2px 2px;
}
/*-----カレンダーここまで---*/
/*これよりサイドバー部分の設定*/
/*サイドバー見出し部分、カテゴリー、最近の記事など*/
.sidetitle{
border-top:1px solid #5C7E31;
border-left:1px solid #5C7E31;
border-right:1px solid #5C7E31;
border-bottom:1px solid #5C7E31;
background:#5C7E31;
color:#fff;
font-size:12px;
letter-spacing:2px;
padding:5px 0px 5px 5px;
width:178px;
}
/*サイドバーの各コンテンツ内の文字指定?*/
.side{
font-size:12px;
line-height:140%;
margin:0px 0px 10px 0px;
padding:8px;
border-left:1px solid #5C7E31;
border-right:1px solid #5C7E31;
border-bottom:1px solid #5C7E31;
width:167px;
}
/*サイドバーの各コンテンツ内の文の横幅指定*/
.side .text{
width:80px;
}

.photo img{
width:120px;
}

.sidebody{
color:#000; }

a.aside{color:#5C7E31;text-decoration:underline;}
a.aside:link{color:#5C7E31;text-decoration:underline;}
a.aside:visited{color:#5C7E31;text-decoration:underline;}
a.aside:active{color:#5C7E31;text-decoration:none;}
a.aside:hover{color:#5C7E31;text-decoration:none;}

a.arss{color:#5C7E31;text-decoration:underline;}
a.arss:link{color:#5C7E31;text-decoration:underline;}
a.arss:visited{color:#5C7E31;text-decoration:underline;}
a.arss:active{color:#5C7E31;text-decoration:none;}
a.arss:hover{color:#5C7E31;text-decoration:none;}

.photo{
text-align:center;
}

.nickname{
color:#5C7E31;
font-weight:bold;
margin:10px 0px;
}

.message{

}

.quotetable{
}

.quote{
color:#fff;
font-size:x-small;
padding:1px;
}

.blogtimes{
margin:0px 0px 16px 0px;
text-align:center;
}

.powered{
text-align:center;
margin:0px 0px 10px 0px;
}

.syndicate{
font-size:x-small;
text-align:center;
}
.checkers{
font-size:x-small;
margin-top:10px;
}

a.adtitle{font-weight:bold;text-decoration:underline;}
a.adtitle:link{font-weight:bold;text-decoration:underline;}
a.adtitle:visited{font-weight:bold;text-decoration:underline;}
a.adtitle:active{font-weight:bold;text-decoration:underline;}
a.adtitle:hover{font-weight:bold;text-decoration:underline;}

a.addescription{color:black;text-decoration:none;}
a.addescription:link{color:black;text-decoration:none;}
a.addescription:visited{color:black;text-decoration:none;}
a.addescription:active{color:black;text-decoration:none;}
a.addescription:hover{color:black;text-decoration:none;}

a.adurl{color:#0000FF;text-decoration:none;}
a.adurl:link{color:#0000FF;text-decoration:none;}
a.adurl:visited{color:#0000FF;text-decoration:none;}
a.adurl:active{color:#0000FF;text-decoration:none;}
a.adurl:hover{color:#0000FF;text-decoration:none;}

a.adld{text-decoration:underline;}
a.adld:link{text-decoration:underline;}
a.adld:visited{text-decoration:underline;}
a.adld:active{text-decoration:underline;}
a.adld:hover{text-decoration:underline;}

body.ad{
background:#f7p39f;
}
/*以下は上部にバーを追加するために追加*/
/*現在設定中のため、コメントアウト*/
/*
#bar{
width:100%;
height:28px;
background:#EFEFEF url(_img/cust/dummy.gif) left top;
border-bottom:1px solid #999999;
text-align:right;
}
*/
/*
.blogbartext{
font-size:12px;
line-height:26px;
}
*/
/*
.blogbartext{color:#666666;text-decoration:underline;}
.blogbartext:link{color:#666666;text-decoration:underline;}
.blogbartext:visited{color:#666666;text-decoration:underline;}
.blogbartext:active{color:#0000FF;text-decoration:none;}
.blogbartext:hover{color:#0000FF;text-decoration:none;}
*/

同じカテゴリー(スタイルシートさんぷる)の記事
 バニー改めフェアリーのスタイルシート (2006-12-23 00:09)
 シンプル3カラムグリーンスタイルシート (2006-12-12 01:19)
 シンプル3カラムグリーンスタイルシート・・・途中経過 (2006-12-11 01:11)
 妖艶なる琵琶湖のスタイルシート (2006-12-05 20:25)

20:19にslow liferさん記載 │こめんと☆ミ(0) スタイルシートさんぷる
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。