HOME > パソコン > ●stylesheet・バックアップ/2005-11-18

【お知らせ(マウスでクリック)2010-10-04】

最新の記事 /   

<アサブロ information (保存メモ) 画像の添付機能
活躍する?会員 \(^o^;/>

●stylesheet・バックアップ/2005-11-18

記事ID別・パーマリンク: http://www.streetcar.jp/blog/index.php?e=51
記事タイトル: ●stylesheet・バックアップ/2005-11-18
記事YMD別・パーマリンク: http://www.streetcar.jp/blog/index.php?d=20050831
●stylesheet・バックアップ/2005-11-18
2005年08月31日 20時09分07秒
メ モ

/* はじまりはじまり */
/* common */

html,body {
margin: 0;
padding: 0
}
body {
color: #333333; /* 555555 日記の文字色 */
font-size: medium;
background-color: #B0D77D; /* B0D77D blog 全体の背景色 */
font-family:"MS Pゴシック", Hiragino Kaku Gothic Pro, Osaka, Verdana,sans-selif;

width: 950px; /* 全体的な横幅のサイズ */

/* ===== */
/* スタイルシート「グリーン」の両側のツールバーの背景模様 */
/* http://www.asablo.jp/css/common3/green/bg_01.gif が表示されなくなった */
/* アサブロの下記更新による */
/* ○アサブロ information「HTML 4.01 Transitional に変更」 */
/* http://information.asablo.jp/blog/2005/11/16/144410 */
/* NetscapeやFirefoxは今回の更新以前と以後でcss解釈が変わるため表示が変わってしまう */
/* ※CSSの[body]に↓を追加("html,body"の次です) */
/* background-image: url(http://www.asablo.jp/css/common3/green/bg_01.gif); */
/* background-repeat:repeat; */
/* 現在は[#container]に同じ記載がある */
/* ===== */


background-image: url(http://www.asablo.jp/css/common3/green/bg_01.gif);
background-repeat:repeat;


}
pre {
margin: 1em;
padding: 1em;
border: 1px dashed #122CA0;
}
blockquote {
margin: 1em;
padding: 1em;
border: 1px solid #122CA0;
background-color: #F0F0F0;
}
p {
text-indent: 1em;
margin-right: 5px;
line-height:1.3;
color: #333333; /* by streetcar 部分の名前の文字色 */
}
textarea {
font-family:"MS Pゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-selif;
}
#container {
margin: 0;
/* margin: 0px auto 0px auto; 画面をセンター表示に変更する部分 */
padding: 0;
width: 950px; /* width: 760px; 全体の横幅を760->950に広げる */
background-color: #E6F1FF; /* E6F1FF(うすい水色) 背景色*/
background-image: url(http://www.asablo.jp/css/common3/green/bg_01.gif);
background-repeat:repeat;
}
#head {
margin: 0;
color: #45651B;
background-color: #EEF4AC; /* タイトルバックの背景色 */
/* url(http://www.asablo.jp/css/common2l/green/h1bg.jpg); ヘッダーの写真を置換 */
background-image: url(http://www.ne.jp/asahi/streetcar/homepage/kenji/streetcar/blog/kumamoto-200510-CD-12-07-13.JPG);
background-repeat: no-repeat;
width: 950px; /* width: 760px; 置換写真の横幅を760->950に */
height: 150px;
text-indent:1em;
line-height:1.0; /* line-height:3.5; 表題「streetcar weblog」の表示位置を上げる */
font-size:24px;
font-weight:bold;
}
#head h1 {
margin-top: 0;
margin-left: 0;
font-size:30px; /* font-size:24px; 表題「streetcar weblog」の文字サイズを大きくする */
}
#head h1 a {
color:#00ffff; /* ffffff・cc3300・ff6600・00ffff・45651B・表題「streetcar weblog」の文字色 */
background-color: transparent;
}
#head h1 img {
border: none;
}
#center {
float: left;
padding: 0;
border: none;
width: 590px; /* width: 580px; 中央「記事投稿部分」の横幅を580->590に変更 */

}


/* 左=180pix */
/* 中央=590(写真300+本文290)pix */
/* 右=180pix */
/* */
/* ■■■■■■■■ ヘッダー(950x150)pix */
/* ■■■■■■■■ */
/* ■■□□□□■■ 左右=サイドバー */
/* ■■□□□□■■ 中央=記事投稿部分 */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■□□□□■■ */
/* ■■■■■■■■ */
/* ■■■■■■■■ フッター */


#left {
float: left;
margin-left: 0;
padding: 0;
width: 180px;
}
#right {
float: left;
margin-left: 0;
padding: 0;
width: 180px; /* width: 150px; 右側のサイドバーの横幅を150->180に変更 */
}
#footer {
clear:both;
width: 950px; /* width: 760px; フッターの横幅を760->950に変更 */
color: #122CA0;
text-indent:1em;
}
#footer a img {
border: none; /* フッタにあるアサブロのバナー画像データの縁取りを消す設定 */
display: none; /* フッタにあるアサブロのバナー画像データを消す設定 */
}
.sidebar {
margin-top: 1em;
margin-left: 5px;
margin-right: 5px;
height:100%;
/* background-color: #; 左右ツールバー欄全体の背景色 */
}


/* ■■■■■ 各種リンクボタンを消す設定 ■■■■■ */
/* ■■■■■ (IE 5.1.7 for Macでレイアウトが崩れる事が有る) ■■■■■ */

/* ■ 非表示 display: none; を書き加える■ */

/* ■ RSSボタン ■ */
/* .mod-rss-button { */
/* display: none; */
/* } */

/* ■ MAILPIAボタン ■ */
/* .mod-mailpia-button { */
/* display: none; */
/* } */

/* ■ LOGINボタン ■ */
/* .mod-login-button { */
/* display: none; */
/* } */

/* ■ ヘッダー ■ */
/* #head { */
/* display: none; */
/* } */

/* ■ フッター ■ */
/* #footer { */
/* display: none; */
/* } */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


#main {
margin: 0;
padding:0;
background-color: #FAFFD8; /* FAFFD8 投稿記事・書き込み内の背景色 */
background-image: url(http://www.asablo.jp/css/common3/green/bg_02.gif);
background-repeat:repeat /* no-repeat 中央(記事投稿)部分の左上・角を丸くする「飾り画像(一箇所)」を繰り返し表示させて模様にする */

/* border: solid 5px #; 投稿記事・全体・縦枠色 */

}
.msg {
margin-bottom: 2em;
}
.msg-title {

font-size: medium;
color:#45651B; /* 45651B 日付の横棒色 */
line-height:1.5;
font-weight:bold;
text-indent:4px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
border-bottom: 2px solid #B0D77D;
margin-top: 0;

border: 1px single #666666; /* 4px double #8b008b 日記のタイトル枠・ライン色 */
background-color: #ffffbb; /* 日記のタイトル・日付・背景色 */

}
.msg-date {
font-size: small;
color:#7CB62F; /* 7CB62F 日記の日付・文字色 */
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
}


/* 画像の周囲への文字の回り込み */
/* cf:http://xoox.asablo.jp/blog/ */
/* 追加タグ */
/* 標準投稿につけた画像のプロパティ */
/* ここにCSSを書きます 以下は文字が右に回りこみます。 */

.msg-pict img{
margin:0px 10px 0px 0px ;
padding: 0px;
border:0px solid #FFFFFF;
float:left;
}
.msg-body {
padding-left:10px;
}
.msg-body h2 {
padding-left: 1em;
border-bottom: solid 1px #B1B1B1;
border-left: solid 2px #B1B1B1;
}
.msg-body h3 {
border-bottom: solid 1px #B1B1B1;
}
.msg-body h4 {
border-bottom: dashed 1px #B1B1B1;
}
.msg-footer {
text-align: right;
font-size: small;
padding-top: 2px;
border-top: solid 1px #EEF4AC;
clear:both; /* 画像の周囲への文字の回り込み、解除 */
}
.comment-caption {
}
.date {
font-size: small;
color:#919191;
line-height:1.5;
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
}
.main {
font-size: small;
color:#333333;
line-height:1.3;
padding-bottom:20px;
}
.comments {
font-size: small;
color: #122CA0;
line-height: 2;
}
.mod-caption {
font-size: small;
color:#45651B;
line-height:1.3;
font-weight:bold;
text-align:left;
padding-top:2px;
padding-left:4px;
background-color: #B5E872;
margin-top: 16px;
}
.mod-text {
font-size: small;
color:#333333;
text-align: left;
line-height: 1.3;
}
.mod ul {
margin-left: 0;
padding-left: 0;
}

.mod ul li {
margin-left: 0;
font-size: small;
padding-left: 1em;
list-style-type: none;
}
.calendar {
font-size: x-small;
border: none;
width: 160px; /* width: 170px; カレンダーの横幅を170->160に狭くする */
height: 100px; /* height: 140px; カレンダーの高さを140->100に低くする */
text-align: center;
background-color: #B5E872;
background-image: url(); /* カレンダー背景画像URL */
}
.calendar-title {
font-size: small;
color:white;
line-height:1.3;
font-weight:bold;
text-align:center;
vertical-align:top;
background-color: #89B74E;
border: 1px solid #ffffff; /* カレンダー曜日部分の色 */
}
.calendar-sun-name {
color: #FF0000; /* #FF854F カレンダー「日」の文字色 */
background-color: #ffccff; /* カレンダー曜日部分の背景色 */
text-align:center; /* 追加記述(曜日の文字がセルの中央になる様に)by Kenji */
}
.calendar-wday-name {
color: #000000; /* #45651B カレンダー「曜日(月〜金)」の文字色 */
background-color: #ffffff; /* カレンダー曜日部分の背景色 */
text-align:center; /* 追加記述(曜日の文字がセルの中央になる様に)by Kenji */
}
.calendar-sat-name {
color: #0000ff; /* #122ca0 カレンダー「土」の文字色 */
background-color: #ccffff; /* カレンダー曜日部分の背景色 */
text-align:center; /* 追加記述(曜日の文字がセルの中央になる様に)by Kenji */
}
.calendar-row {
}
.calendar-cell {
color:#555555;
text-align:center;
vertical-align: top;
}
.calendar a {
font-weight: bold;
text-decoration: underline;
}
a {
text-decoration: none;
color: #45651B; /* 45651B リンク部分のカラー */
}
a:hover {
text-decoration: underline;
color: #FFBA00; /* FFBA00 マウスオーバー時のリンク部分のカラー */
}
.comment-caption {
border-top: solid 1px #FFD271;
padding: 0.5em 1em;
font-weight: bold;
font-size: small;
border-bottom: none;
}
.comment-title {
font-size: small;
margin:4px;
padding: 0.2em;
color:#58401B; /* 58401B コメント・名前の文字色 */
background-color: #EEF4AC;
}
.comment-body {
font-size: small;
padding: 0.2em 1em 0.7em 1em;

color:#58401B; /* 58401B コメントの文字色 */

}
.comment-form {
font-size: small;
padding: 0.2em 1em 0.7em 1.2em;
}
.tb-caption {
border-top: solid 1px #FFD271;
padding: 0.5em 1em;
font-weight: bold;
font-size: small;
border-bottom: none;
}
.tb-title {
font-size: small;
margin:4px;
padding: 0.2em;
color:#58401B;
background-color: #EEF4AC;
}
.tb-url {
padding: 0.5em 2em;
font-size: small;
}
.tb-body {
font-size: small;
padding: 0.2em 1em 0.7em 1em;
}
.navi {
height:15px; /* ナビゲーションボタンの背景エリアを追加 */
font-weight:bold; /* ナビゲーションボタンを太字に「 <<前 次>> 」 */
background-color: #ccffcc; /* ナビゲーションボタンの背景エリアの色を追加 */
width: 100%;
text-align: center; /* right; ナビゲーションボタンの表示位置 */
}
.navi-prev {
}
.navi-next {
}

/* end of stylesheet */
/* ここでおしまい */



| カテゴリー:パソコン | 20:09:07 | comments (0) | trackback (0) |




  Hatena::Bookmark  
 del.icio.us
twitter経由でコメント




コメント

コメントする

 (管理者の「チェック後・反映」の時が有ります)
 (なお投稿頂きましたコメントは著作権・著作隣接権・著作人格権・等を放棄(不行使)して頂きます)








トラックバックURL

 (管理者の「チェック後・反映」の時が有ります)
 (なお投稿頂きましたトラックバックは著作権・著作隣接権・著作人格権・等を放棄(不行使)して頂きます)

 ( 1クリックで全選択されます ▼ )

 ( トラックバックURLは変化します。最新の物をご利用下さい。 )

トラックバック

最新の記事 / このページの一番上へ /   

<アサブロ information (保存メモ) 画像の添付機能
活躍する?会員 \(^o^;/>


[読み易く] [標準]
文字[大] [標準]


follow me on twitter
@streetcar
Follow me !

@portram
こちらはBot(無人投稿)アカウントです

プロフィール

カテゴリー

アーカイブ


カウントダウン

リンク


スクリプト



新着記事


アクセスランキング


検索



コメント


トラックバック

204

シンジケート

この日記のはてなブックマーク数 del.icio.us - Everybody's bookmarks
track feed
Locations of visitors to this page

Amazon 広告


Google 広告


ValueCommerce広告

spacer.gifspacer.gifspacer.gifspacer.gifspacer.gif
ベストリザーブ

LinkShare広告

 iTunes Music Store(Japan)spacer.gif iTunes Store(Japan)spacer.gifANAの旅行サイト ANA SKY WEB TOURspacer.gif











▼ テスト

テスト


アクセス解析&SEM/SEO講座&ブログ for オンラインショップ開業