2006年12月12日
シンプル3カラムグリーンスタイルシート
とりあえずは、9割がた解析できたので、
完成としておきます。
いやぁ、忘れてますねぇ。
まぁ、それも良いかぁ
かなりいじってますので、HTMLも必要と思われるので、
後に追加予定。
@charset "UTF-8";
/*3column simple_green
back_obj:#389b64;画像と同じ色
line:#003333;テーブルデコレーション色
back_bg:#D9E2FF;bodyバック色
link_txt:#006633;フォント色
url:/_img/simple_green/head.gif;画像
*/
/*最初に使用フォントの設定*/
*{word-break: break-all;
font-family:"verdana","helvetica","osaka","MS Pゴシック",ans-serif;
word-break: break-all;
}
textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","MS Pゴシック","sans-serif";
}
/*一番基本のベースの設定左右に見える色の部分*/
body{
color:#000;/*文字色*/
margin:0px;/*間隔0*/
background:#99FFCC;/*背景色#E0EDE0>#99FFCCへ変更*/
text-align:center;/*中央揃え*/
}
/*フォームの設定*/
form{
margin:0px;/*余白なし*/
padding:0px;
}
/*フォームの配置<コメント入力部分*/
table.form{
margin:25px 0px 0px 13px;/*領域外余白上25左13pxに設定*/
}
/*画像の表示方法ボーダー設定*/
img{
border:none;/*枠線なし*/
/* border:ridge*//*浮き上がり線*/
/*上の上下行を入れ替えると、すべての画像が浮き上がり線の枠組みが出来る*/
}
/*これより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:#333333;
text-decoration:none;
}
ul.rss a:visited {
color:#333333;
text-decoration:none;
}
ul.rss a:hover{
color:#999999;
text-decoration:none;
}
ul.rss a:active {
color:#333333;
text-decoration:none;
}
/*基本的なリンクアンカーの設定*/
/*関係箇所は、カレンダー日付リンク、月リンク、ブログ記事中リンク、information中リンク、読者登録リンク、過去記事のリンクの部分*/
a{color:#006633;text-decoration:underline;}/*標準fontカラー*/
a:link{color:#006633;text-decoration:underline;}/*link時fontカラー*/
a:visited{color:#006699;text-decoration:underline;}/*訪問済みカラー006633から006699に変更済み*/
a:active{color:#006633;text-decoration:underline;}/*クリック時カラー*/
a:hover{color:#FF3399;text-decoration:underline;}/*マウスオーバー時カラー006633からFF3399へ変更済み*/
/*カレンダーの部分のはずですが、本体との関係見られず*/
/*コメントアウト可能*/
a.acalendar{color:#006633;text-decoration:underline;}
a.acalendar:link{color:#006633;text-decoration:underline;}
a.acalendar:visited{color:#006633;text-decoration:underline;}
a.acalendar:active{color:#006633;text-decoration:underline;}
a.acalendar:hover{color:#006633;text-decoration:underline;}
/*続きを読むの部分のリンクアンカー設定*/
a.acontinues{color:#006633;text-decoration:underline;}/*通常色*/
a.acontinues:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.acontinues:visited{color:#006699;text-decoration:underline;}/*訪問済み時色変更済み*/
a.acontinues:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.acontinues:hover{color:#FF3399;text-decoration:none;font-weight:bold;}/*マウスオーバー時 下線なし、太字に変更済み*/
/*メニュー行リンクアンカー設定*/
/*前頁、次ページの行のリンク指定*/
a.amenu{color:#006633;text-decoration:underline;}/*通常時*/
a.amenu:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.amenu:visited{color:#006699;text-decoration:underline;}/*訪問済み時配色変更*/
a.amenu:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.amenu:hover{color:#FF3399;text-decoration:none;font-weight:bold;}/*マウスオーバー時配色変更、太字指定、下線消去*/
/*バナーやブログ記事本体、サイドバーが載っている部分設定*/
/*配色変更のほか、罫線スタイルの変更も可能*/
#container{
font-size:12px;/*fontサイズ*/
width:745px;/*領域幅A たて罫線追加のため740>745へ*/
background-color:#ffffff;/*背景色*/
margin:0px auto;/*領域外余白上下0で左右は自動*/
text-align:left;/*テキストの左寄せ配置*/
border-left:5px ridge #99FFCC;
border-right:5px ridge #99FFCC;/*左右の縦の緑の罫線*/
}
/*-----ブログタイトル画像設定---*/
/*一般にはバナーと呼ばれる上部のタイトル画像*/
#banner,#subbanner{
background :#389b64 url(/usr/stylesheetsfac/29_.jpg) no-repeat right bottom;/*バナー背景色設定、背景画の設定、画像配置左下寄せ*/
/* background:#389b64 url(/usr/%blog_add%/banner.JPG) no-repeat right bottom;
*/
/*オリジナルバナー登録用*/
padding:0px 10px 10px 10px;
/* height :220px;*/
/*領域高、オリジナル設定時は必要*/
}
/*ブログタイトルのリンクアンカー指定*/
#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:#FF3399;text-decoration:underline;font-weight:bold;}/*マウスオーバー時、配色変更*/
/*サブバナーの設定、関連不明*/
#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サイズ30px*/
font-weight:bold;/*太字指定*/
padding:20px 0px 0px 10px;/*領域内余白*/
text-align:left;/*テキストの左寄せ配置*/
letter-spacing:2px;/*文字送り2px*/
}
/*-----ブログ説明設定---*/
/*文章幅を制限したいときは、widthをつけると可能*/
.description{
color:#fff;/*文字色白*/
font-size:12px;/*fontサイズ*/
padding:4px 0px 0px 35px;/*領域内余白上4左35px*/
text-align:left;/*テキスト左寄せ配置*/
letter-spacing:2px;/*文字送り2px*/
/* width:400px;
float:left;*/
/*これは、領域幅を400pxとして、左寄せに配置*/
}
/*ブログ記事列の外枠設定*/
/*この幅を大きくしすぎると、ブログの形式が崩れます*/
#content{
width:390px;/*領域幅B*/
float:right;/*右寄せ配置*/
background-color:#ffffff;/*背景色白*/
padding:20px 5px 20px 5px;/*領域内余白*/
}
/*サイドバー部分の外枠設定*/
#links{
width:160px;/*領域幅C*/
float:left;/*コンテンツ左寄せ*/
text-align:left;/*テキスト左寄せ*/
margin:0px 0px 0px 0px;/*領域外余白なし*/
padding:20px 5px 20px 5px;/*領域内余白*/
background-color:#ffffff;/*背景色*/
overflow:hidden;/*はみ出しは未表示*/
}
/*サイドバー部分の外枠設定その2*/
#links2{
width:160px;/*領域幅C2*/
float:right;/*コンテンツ右寄せ*/
text-align:left;
margin:0px 0px 0px 0px;
padding:20px 5px 20px 5px;
background-color:#ffffff;
overflow:hidden;
}
/*ここで、A≧B+C+C2+領域外余白となるように注意*/
/*つまり、A~C2を論理的に広げたり狭めたり可能*/
/*但し、後のコンテンツの幅も修正しないと不十分*/
/*フッター指定*/
#footer{
clear:both;/*それまでの設定の解除*/
}
/*最下部コピーライト表示部分*/
#copyright{
background:#389b64 url(/_img/simple_green/foot.gif) bottom;/*背景画像設定*/
width:100%;/*領域の幅100%*/
height:16px;/*領域高*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
color:#fff;/*文字色白*/
margin:0px;/*領域外余白*/
padding:0px;/*領域内余白*/
line-height:16px;/*行高*/
text-align:center;/*テキストの中央揃え*/
}
/*ブログ記事枠設定*/
.blog{
width:390px;/*領域幅 Bと余白を足したもの以下で設定*/
margin:0px 0px 0px 0px;/*領域外余白*/
/* border-left :1px solid #0000CC;
border-right :1px solid #0000CC;
border-bottom :1px solid #0000CC;
border-top :1px solid #0000CC;*/
/*上のコメントアウトをはずすと、この領域の大きさを罫線表示により見えます。*/
}
/*日付部分の設定*/
.date{
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
background:#389b64 url(/_img/simple_green/obj.gif);/*背景画像指定*/
background-position:1px 1px;/*表示場所指定*/
/* background:#389b64*/
/*背景画像を入れ替えることも可能ですし、下のbackgroundの指定とすると、配色変更がしやすい*/
color:#fff;/*文字色白*/
font-size:12px;/*fontサイズ*/
letter-spacing:2px;/*文字送り2px*/
padding:5px 0px 5px 5px;/*領域内余白*/
}
/*ブログ記事枠内部分の指定*/
/*背景画像を右下に挿入の改変済み 単回表示*/
.blogbody{
/* background:#fff;*/
background:#fff url(/usr/stylesheetsfac/10wrin6b.gif) no-repeat bottom right;
margin:0px 0px 10px 0px;/*領域外余白*/
padding:8px;/*領域内余白*/
border-left:1px solid #389b64;/*罫線指定上は日付枠なので無い*/
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
}
/*ブログ記事タイトル設定*/
/*また、この記事へのトラックバックURLの表示設定もこちら*/
/*ともにh3の指定*/
.title{
color:#000;/*fontカラー*/
font-size:12px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
height:10px;/*領域高*/
}
/*記事部分の表示設定*/
/*B≧D+左右マージン*/
.main{
width:372px;/*記事部分の幅D*/
color:#000;/*fontカラー*/
font-size:12px;/*fontサイズ*/
padding:15px 0px 15px 0px;/*領域内余白*/
overflow:auto;/*はみ出し時の処理は自動*/
line-height:135%;/*行高つまり行間指定*/
/* border-left :1px solid #ff0000;
border-right :1px solid #ff0000;
border-bottom :1px solid #ff0000;
border-top :1px solid #ff0000;*/
/*この上記コメントアウト部分は、記事部分領域表示用罫線指定*/
}
/*上記部分で背景画像を指定すると、単回表示でも追加表記で再度表示される・・・はず*/
/*記事内画像表示指定*/
/*枠線指定などが出来る*/
/*gifなどを埋め込んでも、枠線表示される*/
.main img{
margin:0px 5px 5px 5px;/*領域外余白右下左各5px*/
}
/*続きはこちらの部分のfont指定*/
/*ここで指定しても、リンクアンカー部のほうが優先される*/
.main-continues{
font-size:14px;/*fontサイズ10から14に変更*/
}
/*投稿者などの記事下リンクメニュー部分*/
.posted{
color:#000;/*文字色*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*下部余白25px*/
}
/*投稿者やコメント部分のリンクのアンカー、色変更*/
a.aposted{color:#006633;text-decoration:underline;font-weight:bold;font-size:10px;}/*通常時、fontサイズ指定あり*/
a.aposted:link{color:#006633;text-decoration:underline;font-weight:bold;}/*リンク時*/
a.aposted:visited{color:#4B4B4B;text-decoration:underline;font-weight:bold;}/*訪問済み時、配色変更*/
a.aposted:active{color:#006633;text-decoration:underline;font-weight:bold;}/*クリック時*/
a.aposted:hover{color:#FF4BFF;text-decoration:underline;font-weight:bold;}/*マウスオーバー時、配色変更*/
/*次、前ページ部分*/
.menu{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
}
/*これよりコメント設定部分*/
/*コメント記事の部分の設定トラックバックURLの下部分*/
/*この記事へのこめんと と書かれた部分*/
.comments-head{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
padding:0px 0px 0px 0px;/*領域内余白*/
height:10px;/*領域高*/
}
/*コメント記事本文部分の設定*/
.comments-body{
font-size:12px;/*fontサイズ*/
line-height:135%;/*行高、つまりは行間指定*/
margin:20px 0px 15px 13px;/*領域外余白*/
}
/*コメントの投稿者、時間の表示されている行の設定*/
.comments-post{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*領域外余白、下に25px*/
}
/*トラックバックURLの表示部分の設定*/
.trackback-url{
color:#691815;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
margin:20px 0px 15px 0px;/*領域外余白*/
}
/*トラックバックURL自体のフォームの設定*/
#trackback-text{
width:250px;/*領域幅*/
border:1px solid #389b64;/*枠線指定*/
}
/*トラックバック記事本文の設定*/
.trackback-body{
font-size:12px;/*fontサイズ*/
line-height:135%;/*行間指定*/
margin:20px 0px 15px 13px;/*領域外余白*/
}
/*トラックバック元の表示列の設定*/
.trackback-post{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*領域外余白*/
font-weight:bold;/*太字指定*/
}
/*トラックバック元リンクアンカーの設定*/
a.atrackback-post{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:hover{color:#006633;text-decoration:underline;font-weight:bold;}
/*コメント入力フォームの項目題名の設定*/
label{
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
}
/*コメント入力フォームの各枠の設定*/
/*名前用の枠*/
#author{
width:200px;/*領域幅*/
border:1px solid #389b64;/*枠線*/
}
/*メール用の枠*/
#email{
width:200px;
border:1px solid #389b64;
}
/*URL用の枠*/
#url{
width:200px;
border:1px solid #389b64;
}
/*コメント用の枠*/
#text{font-size:12px;
width:240px;
height:150px;/*領域高*/
border:1px solid #389b64;
}
/*このページの上への部分の指定*/
/*この部分もともとのリンクアンカーはapostedだった*/
.pagetop{
font-size:10px;/*fontサイズ*/
text-align:right;/*テキスト右寄せ*/
margin:0px 0px 25px 0px;/*領域外余白下に25px*/
}
/*これより5行は追加設定、ページトップのアンカーとして、色変更済み*/
/*html関係部位の変更を要する*/
a.apagetop{color:#009966;text-decoration:underline;font-weight:bold;}
a.apagetop:link{color:#009966;text-decoration:underline;font-weight:bold;}
a.apagetop:visited{color:#669999;text-decoration:underline;font-weight:bold;}
a.apagetop:active{color:#003333;text-decoration:underline;font-weight:bold;}
a.apagetop:hover{color:#FF3333;text-decoration:none;font-weight:bold;}
/*この下は、カレンダー設定部分*/
/*カレンダーの一番上年月表示部分*/
/*この部分のリンクアンカーは標準のもの*/
.calendarhead{
border-top: 1px none #666;/*枠線、noneなので非表示*/
border-left: 1px none #666;
border-right: 1px none #666;
color:#333;/*fontカラー*/
font-size:12px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
letter-spacing:2px;/*文字送り*/
/* padding:0px 0px 2px 0px;*/
/*この上はバグですね、下で再指定しているので必要なし*/
text-align:left;/*左寄せ配置*/
padding:3px 0px 3px 15px;/*領域内余白*/
}
/*カレンダーの枠組み形式設定*/
.calendartable{
margin:0px auto 10px auto;/*領域が余白*/
width:156px;/*領域幅*/
text-align:left;/*左寄せ*/
/* background:#fff;*/
/*この上が本来の表記、背景画白でした*/
background:#fff url(/usr/stylesheetsfac/b-stars-tile7.jpg) no-repeat bottom left;
/*こちらの文が入れ替え部分、カレンダー枠全体に背景画挿入、単回表示下左寄せ配置*/
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom: 1px solid #389b64;
border-spacing:0px;/*罫線余白指定*/
}
/*曜日の文字設定*/
.calendarweek{
color:#fff;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight: bold;/*太字*/
/* font-style:italic;*/
/*上の文のコメントアウトをはずすと、曜日表記が斜体になる*/
}
/*曜日のマスの設定、ここでBGを下手につけると見づらい*/
.calendarwd{
/* border-left : 1px solid #389b64;
border-right : 1px solid #389b64;*/
background:#389b64 url(/_img/simple_green/obj.gif);
background-position:-2px 0px;
color:#fff;
font-size:10px;
font-weight:bold;
letter-spacing : 2px;
/* padding:2px 0px 2px 5px;*/
/*元来上の表記であったが、表記がずれているので下の2行とした*/
text-align:center;
padding:2px 0px 2px 0px;
}
/*日付部分表示ベース設定*/
/*尚、日付のリンク色は、標準のリンクアンカーと同じとなる*/
.calendard{
empty-cells:show;/*空白枠の表示*/
border-top:1px solid #efefef;/*上枠線*/
border-right:1px solid #efefef;/*右枠線*/
text-align: center;/*fontの中央揃え*/
}
/*日付文字自体の設定*/
.calender{
font-size:10px;/*日付文字サイズ*/
padding:2px 2px;/*領域内余白*/
}
/*これよりサイドバー部分の設定*/
/*サイドバー見出し部分、カテゴリー、最近の記事など*/
.sidetitle{
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
/* background:#389b64 url(/_img/simple_green/obj.gif) top left;*/
/*上が元のもの、花のアイコン表示のためにはずした*/
background:#389b64 url(/usr/stylesheetsfac/ispinthana1b.gif) no-repeat center left;
/* background-position:1px 1px;*/
/*上の変更の影響でこちらもはずした*/
color:#fff;/*fontカラー*/
font-size:12px;/*fontサイズ*/
letter-spacing:2px;/*文字送り*/
padding:5px 5px 5px 20px;/*領域内余白調整済み*/
/* width:148px;*/
/*アイコン追加後に、この領域幅だとはみ出すので削除*/
}
/*サイドバーの各コンテンツ内の文字指定?*/
.side{
width:148px;/*領域幅*/
font-size:12px;/*fontサイズ*/
line-height:140%;/*行間指定*/
margin:0px 0px 10px 0px;/*領域外余白*/
padding:5px 5px 5px 5px;/*領域内余白*/
border-left:1px solid #389b64;/*枠線指定*/
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
background:#fff url(/usr/stylesheetsfac/10wbk2.gif) no-repeat bottom right;
/*上の行は背景に薄い配色のものを追加したので変更済み*/
}
/*サイドバーの各コンテンツ内の文の横幅指定*/
.side .text{
width:80px;
}
/*サイドの項目のリンクアンカー指定?*/
/*過去の記事、読者登録、infoは標準の指定なので、こちらとは違う*/
a.aside{color:#006633;text-decoration:underline;}/*標準*/
a.aside:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.aside:visited{color:#6600CC;text-decoration:underline;}/*訪問済み時*/
a.aside:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.aside:hover{color:#0066FF;text-decoration:none;}/*マウスオーバー時*/
/*上記では、訪問済み時と、マウスオーバー時を配色変更、後者の下線を消した*/
/*うーん・・・*/
a.arss{color:#006633;text-decoration:underline;}
a.arss:link{color:#006633;text-decoration:underline;}
a.arss:visited{color:#006633;text-decoration:underline;}
a.arss:active{color:#006633;text-decoration:underline;}
a.arss:hover{color:#006633;text-decoration:underline;}
/*サイドバー内の写真部分の表示設定*/
.photo{
text-align:center;/*中央揃え*/
/* border:ridge;*/
/*上の表記を追加すると、額縁のような枠線追加*/
}
/*プロフィールのニックネーム部分*/
.nickname{
color:#2b5695;/*fontカラー*/
font-weight:bold;/*太字指定*/
margin:10px 0px;/*領域外余白*/
}
/*プロフィールメッセージ部分の指定*/
.message{
}
.photo img{
width:120px;
}
.quotetable{
}
.quote{
color:#000;
font-size:10px;
padding:1px;
}
.blogtimes{
margin:0px 0px 16px 0px;
text-align:center;
}
.powered{
text-align:center;
margin:0px 0px 10px 0px;
}
.syndicate{
font-size:10px;
text-align:center;
}
.checkers{
font-size:10px;
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:30px;
background:#EFEFEF;
border-bottom:3px solid #FF66FF;
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;font-weight:bold;}
完成としておきます。
いやぁ、忘れてますねぇ。
まぁ、それも良いかぁ
かなりいじってますので、HTMLも必要と思われるので、
後に追加予定。
@charset "UTF-8";
/*3column simple_green
back_obj:#389b64;画像と同じ色
line:#003333;テーブルデコレーション色
back_bg:#D9E2FF;bodyバック色
link_txt:#006633;フォント色
url:/_img/simple_green/head.gif;画像
*/
/*最初に使用フォントの設定*/
*{word-break: break-all;
font-family:"verdana","helvetica","osaka","MS Pゴシック",ans-serif;
word-break: break-all;
}
textarea,select,input {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","MS Pゴシック","sans-serif";
}
/*一番基本のベースの設定左右に見える色の部分*/
body{
color:#000;/*文字色*/
margin:0px;/*間隔0*/
background:#99FFCC;/*背景色#E0EDE0>#99FFCCへ変更*/
text-align:center;/*中央揃え*/
}
/*フォームの設定*/
form{
margin:0px;/*余白なし*/
padding:0px;
}
/*フォームの配置<コメント入力部分*/
table.form{
margin:25px 0px 0px 13px;/*領域外余白上25左13pxに設定*/
}
/*画像の表示方法ボーダー設定*/
img{
border:none;/*枠線なし*/
/* border:ridge*//*浮き上がり線*/
/*上の上下行を入れ替えると、すべての画像が浮き上がり線の枠組みが出来る*/
}
/*これより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:#333333;
text-decoration:none;
}
ul.rss a:visited {
color:#333333;
text-decoration:none;
}
ul.rss a:hover{
color:#999999;
text-decoration:none;
}
ul.rss a:active {
color:#333333;
text-decoration:none;
}
/*基本的なリンクアンカーの設定*/
/*関係箇所は、カレンダー日付リンク、月リンク、ブログ記事中リンク、information中リンク、読者登録リンク、過去記事のリンクの部分*/
a{color:#006633;text-decoration:underline;}/*標準fontカラー*/
a:link{color:#006633;text-decoration:underline;}/*link時fontカラー*/
a:visited{color:#006699;text-decoration:underline;}/*訪問済みカラー006633から006699に変更済み*/
a:active{color:#006633;text-decoration:underline;}/*クリック時カラー*/
a:hover{color:#FF3399;text-decoration:underline;}/*マウスオーバー時カラー006633からFF3399へ変更済み*/
/*カレンダーの部分のはずですが、本体との関係見られず*/
/*コメントアウト可能*/
a.acalendar{color:#006633;text-decoration:underline;}
a.acalendar:link{color:#006633;text-decoration:underline;}
a.acalendar:visited{color:#006633;text-decoration:underline;}
a.acalendar:active{color:#006633;text-decoration:underline;}
a.acalendar:hover{color:#006633;text-decoration:underline;}
/*続きを読むの部分のリンクアンカー設定*/
a.acontinues{color:#006633;text-decoration:underline;}/*通常色*/
a.acontinues:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.acontinues:visited{color:#006699;text-decoration:underline;}/*訪問済み時色変更済み*/
a.acontinues:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.acontinues:hover{color:#FF3399;text-decoration:none;font-weight:bold;}/*マウスオーバー時 下線なし、太字に変更済み*/
/*メニュー行リンクアンカー設定*/
/*前頁、次ページの行のリンク指定*/
a.amenu{color:#006633;text-decoration:underline;}/*通常時*/
a.amenu:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.amenu:visited{color:#006699;text-decoration:underline;}/*訪問済み時配色変更*/
a.amenu:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.amenu:hover{color:#FF3399;text-decoration:none;font-weight:bold;}/*マウスオーバー時配色変更、太字指定、下線消去*/
/*バナーやブログ記事本体、サイドバーが載っている部分設定*/
/*配色変更のほか、罫線スタイルの変更も可能*/
#container{
font-size:12px;/*fontサイズ*/
width:745px;/*領域幅A たて罫線追加のため740>745へ*/
background-color:#ffffff;/*背景色*/
margin:0px auto;/*領域外余白上下0で左右は自動*/
text-align:left;/*テキストの左寄せ配置*/
border-left:5px ridge #99FFCC;
border-right:5px ridge #99FFCC;/*左右の縦の緑の罫線*/
}
/*-----ブログタイトル画像設定---*/
/*一般にはバナーと呼ばれる上部のタイトル画像*/
#banner,#subbanner{
background :#389b64 url(/usr/stylesheetsfac/29_.jpg) no-repeat right bottom;/*バナー背景色設定、背景画の設定、画像配置左下寄せ*/
/* background:#389b64 url(/usr/%blog_add%/banner.JPG) no-repeat right bottom;
*/
/*オリジナルバナー登録用*/
padding:0px 10px 10px 10px;
/* height :220px;*/
/*領域高、オリジナル設定時は必要*/
}
/*ブログタイトルのリンクアンカー指定*/
#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:#FF3399;text-decoration:underline;font-weight:bold;}/*マウスオーバー時、配色変更*/
/*サブバナーの設定、関連不明*/
#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サイズ30px*/
font-weight:bold;/*太字指定*/
padding:20px 0px 0px 10px;/*領域内余白*/
text-align:left;/*テキストの左寄せ配置*/
letter-spacing:2px;/*文字送り2px*/
}
/*-----ブログ説明設定---*/
/*文章幅を制限したいときは、widthをつけると可能*/
.description{
color:#fff;/*文字色白*/
font-size:12px;/*fontサイズ*/
padding:4px 0px 0px 35px;/*領域内余白上4左35px*/
text-align:left;/*テキスト左寄せ配置*/
letter-spacing:2px;/*文字送り2px*/
/* width:400px;
float:left;*/
/*これは、領域幅を400pxとして、左寄せに配置*/
}
/*ブログ記事列の外枠設定*/
/*この幅を大きくしすぎると、ブログの形式が崩れます*/
#content{
width:390px;/*領域幅B*/
float:right;/*右寄せ配置*/
background-color:#ffffff;/*背景色白*/
padding:20px 5px 20px 5px;/*領域内余白*/
}
/*サイドバー部分の外枠設定*/
#links{
width:160px;/*領域幅C*/
float:left;/*コンテンツ左寄せ*/
text-align:left;/*テキスト左寄せ*/
margin:0px 0px 0px 0px;/*領域外余白なし*/
padding:20px 5px 20px 5px;/*領域内余白*/
background-color:#ffffff;/*背景色*/
overflow:hidden;/*はみ出しは未表示*/
}
/*サイドバー部分の外枠設定その2*/
#links2{
width:160px;/*領域幅C2*/
float:right;/*コンテンツ右寄せ*/
text-align:left;
margin:0px 0px 0px 0px;
padding:20px 5px 20px 5px;
background-color:#ffffff;
overflow:hidden;
}
/*ここで、A≧B+C+C2+領域外余白となるように注意*/
/*つまり、A~C2を論理的に広げたり狭めたり可能*/
/*但し、後のコンテンツの幅も修正しないと不十分*/
/*フッター指定*/
#footer{
clear:both;/*それまでの設定の解除*/
}
/*最下部コピーライト表示部分*/
#copyright{
background:#389b64 url(/_img/simple_green/foot.gif) bottom;/*背景画像設定*/
width:100%;/*領域の幅100%*/
height:16px;/*領域高*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
color:#fff;/*文字色白*/
margin:0px;/*領域外余白*/
padding:0px;/*領域内余白*/
line-height:16px;/*行高*/
text-align:center;/*テキストの中央揃え*/
}
/*ブログ記事枠設定*/
.blog{
width:390px;/*領域幅 Bと余白を足したもの以下で設定*/
margin:0px 0px 0px 0px;/*領域外余白*/
/* border-left :1px solid #0000CC;
border-right :1px solid #0000CC;
border-bottom :1px solid #0000CC;
border-top :1px solid #0000CC;*/
/*上のコメントアウトをはずすと、この領域の大きさを罫線表示により見えます。*/
}
/*日付部分の設定*/
.date{
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
background:#389b64 url(/_img/simple_green/obj.gif);/*背景画像指定*/
background-position:1px 1px;/*表示場所指定*/
/* background:#389b64*/
/*背景画像を入れ替えることも可能ですし、下のbackgroundの指定とすると、配色変更がしやすい*/
color:#fff;/*文字色白*/
font-size:12px;/*fontサイズ*/
letter-spacing:2px;/*文字送り2px*/
padding:5px 0px 5px 5px;/*領域内余白*/
}
/*ブログ記事枠内部分の指定*/
/*背景画像を右下に挿入の改変済み 単回表示*/
.blogbody{
/* background:#fff;*/
background:#fff url(/usr/stylesheetsfac/10wrin6b.gif) no-repeat bottom right;
margin:0px 0px 10px 0px;/*領域外余白*/
padding:8px;/*領域内余白*/
border-left:1px solid #389b64;/*罫線指定上は日付枠なので無い*/
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
}
/*ブログ記事タイトル設定*/
/*また、この記事へのトラックバックURLの表示設定もこちら*/
/*ともにh3の指定*/
.title{
color:#000;/*fontカラー*/
font-size:12px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
height:10px;/*領域高*/
}
/*記事部分の表示設定*/
/*B≧D+左右マージン*/
.main{
width:372px;/*記事部分の幅D*/
color:#000;/*fontカラー*/
font-size:12px;/*fontサイズ*/
padding:15px 0px 15px 0px;/*領域内余白*/
overflow:auto;/*はみ出し時の処理は自動*/
line-height:135%;/*行高つまり行間指定*/
/* border-left :1px solid #ff0000;
border-right :1px solid #ff0000;
border-bottom :1px solid #ff0000;
border-top :1px solid #ff0000;*/
/*この上記コメントアウト部分は、記事部分領域表示用罫線指定*/
}
/*上記部分で背景画像を指定すると、単回表示でも追加表記で再度表示される・・・はず*/
/*記事内画像表示指定*/
/*枠線指定などが出来る*/
/*gifなどを埋め込んでも、枠線表示される*/
.main img{
margin:0px 5px 5px 5px;/*領域外余白右下左各5px*/
}
/*続きはこちらの部分のfont指定*/
/*ここで指定しても、リンクアンカー部のほうが優先される*/
.main-continues{
font-size:14px;/*fontサイズ10から14に変更*/
}
/*投稿者などの記事下リンクメニュー部分*/
.posted{
color:#000;/*文字色*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*下部余白25px*/
}
/*投稿者やコメント部分のリンクのアンカー、色変更*/
a.aposted{color:#006633;text-decoration:underline;font-weight:bold;font-size:10px;}/*通常時、fontサイズ指定あり*/
a.aposted:link{color:#006633;text-decoration:underline;font-weight:bold;}/*リンク時*/
a.aposted:visited{color:#4B4B4B;text-decoration:underline;font-weight:bold;}/*訪問済み時、配色変更*/
a.aposted:active{color:#006633;text-decoration:underline;font-weight:bold;}/*クリック時*/
a.aposted:hover{color:#FF4BFF;text-decoration:underline;font-weight:bold;}/*マウスオーバー時、配色変更*/
/*次、前ページ部分*/
.menu{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
}
/*これよりコメント設定部分*/
/*コメント記事の部分の設定トラックバックURLの下部分*/
/*この記事へのこめんと と書かれた部分*/
.comments-head{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
padding:0px 0px 0px 0px;/*領域内余白*/
height:10px;/*領域高*/
}
/*コメント記事本文部分の設定*/
.comments-body{
font-size:12px;/*fontサイズ*/
line-height:135%;/*行高、つまりは行間指定*/
margin:20px 0px 15px 13px;/*領域外余白*/
}
/*コメントの投稿者、時間の表示されている行の設定*/
.comments-post{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*領域外余白、下に25px*/
}
/*トラックバックURLの表示部分の設定*/
.trackback-url{
color:#691815;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
margin:20px 0px 15px 0px;/*領域外余白*/
}
/*トラックバックURL自体のフォームの設定*/
#trackback-text{
width:250px;/*領域幅*/
border:1px solid #389b64;/*枠線指定*/
}
/*トラックバック記事本文の設定*/
.trackback-body{
font-size:12px;/*fontサイズ*/
line-height:135%;/*行間指定*/
margin:20px 0px 15px 13px;/*領域外余白*/
}
/*トラックバック元の表示列の設定*/
.trackback-post{
color:#000;/*fontカラー*/
font-size:10px;/*fontサイズ*/
text-align:right;/*右寄せ配置*/
margin:0px 0px 25px 0px;/*領域外余白*/
font-weight:bold;/*太字指定*/
}
/*トラックバック元リンクアンカーの設定*/
a.atrackback-post{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:link{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:visited{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:active{color:#006633;text-decoration:underline;font-weight:bold;}
a.atrackback-post:hover{color:#006633;text-decoration:underline;font-weight:bold;}
/*コメント入力フォームの項目題名の設定*/
label{
font-size:10px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
}
/*コメント入力フォームの各枠の設定*/
/*名前用の枠*/
#author{
width:200px;/*領域幅*/
border:1px solid #389b64;/*枠線*/
}
/*メール用の枠*/
#email{
width:200px;
border:1px solid #389b64;
}
/*URL用の枠*/
#url{
width:200px;
border:1px solid #389b64;
}
/*コメント用の枠*/
#text{font-size:12px;
width:240px;
height:150px;/*領域高*/
border:1px solid #389b64;
}
/*このページの上への部分の指定*/
/*この部分もともとのリンクアンカーはapostedだった*/
.pagetop{
font-size:10px;/*fontサイズ*/
text-align:right;/*テキスト右寄せ*/
margin:0px 0px 25px 0px;/*領域外余白下に25px*/
}
/*これより5行は追加設定、ページトップのアンカーとして、色変更済み*/
/*html関係部位の変更を要する*/
a.apagetop{color:#009966;text-decoration:underline;font-weight:bold;}
a.apagetop:link{color:#009966;text-decoration:underline;font-weight:bold;}
a.apagetop:visited{color:#669999;text-decoration:underline;font-weight:bold;}
a.apagetop:active{color:#003333;text-decoration:underline;font-weight:bold;}
a.apagetop:hover{color:#FF3333;text-decoration:none;font-weight:bold;}
/*この下は、カレンダー設定部分*/
/*カレンダーの一番上年月表示部分*/
/*この部分のリンクアンカーは標準のもの*/
.calendarhead{
border-top: 1px none #666;/*枠線、noneなので非表示*/
border-left: 1px none #666;
border-right: 1px none #666;
color:#333;/*fontカラー*/
font-size:12px;/*fontサイズ*/
font-weight:bold;/*太字指定*/
letter-spacing:2px;/*文字送り*/
/* padding:0px 0px 2px 0px;*/
/*この上はバグですね、下で再指定しているので必要なし*/
text-align:left;/*左寄せ配置*/
padding:3px 0px 3px 15px;/*領域内余白*/
}
/*カレンダーの枠組み形式設定*/
.calendartable{
margin:0px auto 10px auto;/*領域が余白*/
width:156px;/*領域幅*/
text-align:left;/*左寄せ*/
/* background:#fff;*/
/*この上が本来の表記、背景画白でした*/
background:#fff url(/usr/stylesheetsfac/b-stars-tile7.jpg) no-repeat bottom left;
/*こちらの文が入れ替え部分、カレンダー枠全体に背景画挿入、単回表示下左寄せ配置*/
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom: 1px solid #389b64;
border-spacing:0px;/*罫線余白指定*/
}
/*曜日の文字設定*/
.calendarweek{
color:#fff;/*fontカラー*/
font-size:10px;/*fontサイズ*/
font-weight: bold;/*太字*/
/* font-style:italic;*/
/*上の文のコメントアウトをはずすと、曜日表記が斜体になる*/
}
/*曜日のマスの設定、ここでBGを下手につけると見づらい*/
.calendarwd{
/* border-left : 1px solid #389b64;
border-right : 1px solid #389b64;*/
background:#389b64 url(/_img/simple_green/obj.gif);
background-position:-2px 0px;
color:#fff;
font-size:10px;
font-weight:bold;
letter-spacing : 2px;
/* padding:2px 0px 2px 5px;*/
/*元来上の表記であったが、表記がずれているので下の2行とした*/
text-align:center;
padding:2px 0px 2px 0px;
}
/*日付部分表示ベース設定*/
/*尚、日付のリンク色は、標準のリンクアンカーと同じとなる*/
.calendard{
empty-cells:show;/*空白枠の表示*/
border-top:1px solid #efefef;/*上枠線*/
border-right:1px solid #efefef;/*右枠線*/
text-align: center;/*fontの中央揃え*/
}
/*日付文字自体の設定*/
.calender{
font-size:10px;/*日付文字サイズ*/
padding:2px 2px;/*領域内余白*/
}
/*これよりサイドバー部分の設定*/
/*サイドバー見出し部分、カテゴリー、最近の記事など*/
.sidetitle{
border-top:1px solid #389b64;/*枠線指定*/
border-left:1px solid #389b64;
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
/* background:#389b64 url(/_img/simple_green/obj.gif) top left;*/
/*上が元のもの、花のアイコン表示のためにはずした*/
background:#389b64 url(/usr/stylesheetsfac/ispinthana1b.gif) no-repeat center left;
/* background-position:1px 1px;*/
/*上の変更の影響でこちらもはずした*/
color:#fff;/*fontカラー*/
font-size:12px;/*fontサイズ*/
letter-spacing:2px;/*文字送り*/
padding:5px 5px 5px 20px;/*領域内余白調整済み*/
/* width:148px;*/
/*アイコン追加後に、この領域幅だとはみ出すので削除*/
}
/*サイドバーの各コンテンツ内の文字指定?*/
.side{
width:148px;/*領域幅*/
font-size:12px;/*fontサイズ*/
line-height:140%;/*行間指定*/
margin:0px 0px 10px 0px;/*領域外余白*/
padding:5px 5px 5px 5px;/*領域内余白*/
border-left:1px solid #389b64;/*枠線指定*/
border-right:1px solid #389b64;
border-bottom:1px solid #389b64;
background:#fff url(/usr/stylesheetsfac/10wbk2.gif) no-repeat bottom right;
/*上の行は背景に薄い配色のものを追加したので変更済み*/
}
/*サイドバーの各コンテンツ内の文の横幅指定*/
.side .text{
width:80px;
}
/*サイドの項目のリンクアンカー指定?*/
/*過去の記事、読者登録、infoは標準の指定なので、こちらとは違う*/
a.aside{color:#006633;text-decoration:underline;}/*標準*/
a.aside:link{color:#006633;text-decoration:underline;}/*リンク時*/
a.aside:visited{color:#6600CC;text-decoration:underline;}/*訪問済み時*/
a.aside:active{color:#006633;text-decoration:underline;}/*クリック時*/
a.aside:hover{color:#0066FF;text-decoration:none;}/*マウスオーバー時*/
/*上記では、訪問済み時と、マウスオーバー時を配色変更、後者の下線を消した*/
/*うーん・・・*/
a.arss{color:#006633;text-decoration:underline;}
a.arss:link{color:#006633;text-decoration:underline;}
a.arss:visited{color:#006633;text-decoration:underline;}
a.arss:active{color:#006633;text-decoration:underline;}
a.arss:hover{color:#006633;text-decoration:underline;}
/*サイドバー内の写真部分の表示設定*/
.photo{
text-align:center;/*中央揃え*/
/* border:ridge;*/
/*上の表記を追加すると、額縁のような枠線追加*/
}
/*プロフィールのニックネーム部分*/
.nickname{
color:#2b5695;/*fontカラー*/
font-weight:bold;/*太字指定*/
margin:10px 0px;/*領域外余白*/
}
/*プロフィールメッセージ部分の指定*/
.message{
}
.photo img{
width:120px;
}
.quotetable{
}
.quote{
color:#000;
font-size:10px;
padding:1px;
}
.blogtimes{
margin:0px 0px 16px 0px;
text-align:center;
}
.powered{
text-align:center;
margin:0px 0px 10px 0px;
}
.syndicate{
font-size:10px;
text-align:center;
}
.checkers{
font-size:10px;
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:30px;
background:#EFEFEF;
border-bottom:3px solid #FF66FF;
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;font-weight:bold;}
01:19にslow liferさん記載
│こめんと☆ミ(0) │
スタイルシートさんぷる