「スタイルシート(今後変更あり)」の編集履歴(バックアップ)一覧はこちら

スタイルシート(今後変更あり)」(2006/01/01 (日) 18:56:46) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

/*==================================================================== */ /* 共通事項 */ /*==================================================================== */ body {scrollbar-3dlight-color:#d4d4d4; scrollbar-arrow-color:#d9d9d9; scrollbar-darkshadow-color:#d4d4d4; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#d9d9d9; scrollbar-shadow-color:#d9d9d9; scrollbar-track-color:#ffffff; margin: 0px 0px 0px 0px; color:#990000; background-color:#ffffff; } a:link { color:#0000DE; } a:visited, a:active { color:#0000DE; } ul{ list-style-type: none; padding:0px; } /*ベース*/ /*.template {width:700px; background-color:#ffffff; border-right:1px solid #cccccc; }*/ /*線*/ div.hr1 { border: 0px dashed #666666; border-top-width:1px; margin: 5px 3px 5px 3px; } div.hr2 { border: 0px dashed #666666; border-top-width:1px; margin: 2px 3px 2px 3px; } hr.line { border-style: dotted none none none; border-top-width: 3px; border-top-color: #ff9900; height: 3px; } /*==================================================================== */ /* ヘッダー       */ /*==================================================================== */ .header{ margin: 0px 0px 15px 0px; } /*タイトル部*/ .header-l { padding-right:9em; } /*検索部*/ .header-r { padding-left:10em; text-align:right; font-weight: bold; } .header-r2 { text-align:center; font-weight:bold; } /*インフォメニューバー*/ .info a, .info a:visited{ color:#000000; padding:3px; } .info2 { border: 1px solid #ff9900; } /*span 左寄せ*/ .leftmenu { margin-left:3px; float:left;} /*span 右寄せ*/ .rightmenu {margin-right:3px; float:right;} } /*文字サイズのボタン*/ #textLarge { background-color: #ffffff; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } #textMedium { background-color: #CCCCFF; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } #textSmall { background-color: #ffffff; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } /*==================================================================== */ /* 簡易ヘッダー       */ /*==================================================================== */ /*簡易ヘッダ用*/ .k-head{ margin: 0px;} .head-l{ padding-right:4em;} .head-c{ padding-left:2em; } .head-r{; text-align:right; font-weight: bold; } /*==================================================================== */ /* フッダー       */ /*==================================================================== */ .fddar{ margin-top:10px; text-align:center; } /*==================================================================== */ /* indexメニューバー */ /*==================================================================== */ /*メニューバー*/ .index-menu { border:1px solid #ff9900; padding-right:3px; margin-left:10px; margin-right:0px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } .index-menu table{ margin: 3px 3px 3px 3px; } /*見出しBOX*/ .im-box { background-color:#ff9900; } .rm-box { background-color:#6699cc; } .im-box,.rm-box{ border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px; } /*==================================================================== */ /* top table */ /*==================================================================== */ table tr td { div-align:center; text-align:top} th {text-align:left} /*新着ブログの文字そろえ*/ table.sintyaku td { padding-right:1em; text-align:left; } /*==================================================================== */ /* 電光掲示板 */ /*==================================================================== */ .topic{ width:460px; height:40px; } .topic-base { width:460px; height:28px; margin-left:20px; background-color:#666666; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffeeeeee, EndColorStr=#90111111); } .topic-main { width:220px; height:30px border-top:2px outset #666666; border-left:2px outset #666666; border-right:2px inset #cccccc; border-bottom:2px inset #cccccc; background-color:#332200; margin: 2px 2px 2px 2px; padding:1px; color:#ffb706; } /*==================================================================== */ /* 新着ブログ */ /*==================================================================== */ .newblog { margin-top:0px; margin-left:20px; border:1px solid #ff9900; padding:3px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } /*==================================================================== */ /* ランキング部 */ /*==================================================================== */ table.ranking{ color:#3300ff; } .ranking-box{ color:#3300ff; border: 1px solid #6666cc; padding:2px; margin-left:10px; margin-right:0px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90ccccff); } /*==================================================================== */ /* カテゴリ */ /*==================================================================== */ .category { margin-top:0px; margin-left:20px; border:1px solid #ff9900; padding:3px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } .cate1{ margin-top:10px; font-weight: bold; } .cate2{ padding:2px; } /*==================================================================== */ /* 使いまわすもの */ /*==================================================================== */ /*テキストカラー(H1,H2 などの見出しでも使用可)*/ .red {color:#aa0000} .blue {color:#0000aa} .black {color:#000000} /*枠のグラデーション付き*/ .gradation1 { width:700px; border: 1px solid #6666cc; padding-right:3px; padding:4px 0px 0px 0px; margin-left:10px; margin-right:0px; background-color:#e0e5ff; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#E0D5FF); } .gradation2 { width:700px; border:1px solid #ff9900; padding-right:3px; margin-left:10px; margin-right:0px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } /*枠のグラデーションなし*/ .u-menu1 { border: 1px solid #6666cc; background-color:#e4dff4; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } .u-menu2 { border: 1px solid #ff9900; background-color:#fff2d6; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } .u-menu3 { border: 1px solid #00d59f; background-color:#d5fff4; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } /*枠の中のタイトル部*/ .gra-box1 { background-color:#6699cc; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } .gra-box2 { background-color:#ff9900; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } .gra-box3 { background-color:#00D59F; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } /*==================================================================== */ /* 文字揃え */ /*==================================================================== */ /*枠なしの揃え*/ .set-blue { text-align:left; margin:0px 0px 0px 30px; color:#0000aa; } .set-orange { text-align:left; margin:0px 0px 0px 30px; color:#cc6600; } .set-green { text-align:left; margign:0px 0px 0px 30px; color:#00d59f; } .kyotyo { margin:0px 0px 0px 30px; font-weight: bold; } #f-blue { color:#0000aa; font-weight: bold; } /*==================================================================== */ /*枠の揃え*/ .waku1 { border: 0px; margin: 0px 0px 20px 400px;} .waku2 { border: 0px; text-align:left; margin: 10px 0px 0px 30px;} .waku3 { border: 1px solid #6666cc; margin-left:30px;} .waku4 { border: 1px solid #ff9900; margin-left:30px;} /*==================================================================== */ /* テーブルの色指定 */ /*==================================================================== */ table.green td { background-color:#d5fff4; valign:top; padding-right: 1em; } table.green th { background-color:#95ffaf; padding-right:1em; } tr.green { valign:top; background-color:#d5fff4; padding-right: 1em; } table.orange td { background-color:#d5fff4; padding-right: 1em; } table.orange th { background-color:#95ffaf; padding-right:1em; } tr.orange { background-color:#fffccc; padding-right: 1em; } table.blue td { background-color:#d5fff4; padding-right: 1em; } table.blue th { background-color:#95ffaf; padding-right:1em; } /*==================================================================== */ /* リストの大きさ、マージン等の設定 */ /*==================================================================== */ /*定義リスト*/ dl dt. {font-weight: bold; } dl dd {color:#000000;} /*普通のリスト*/ ol.list1 li {color:#000000; margin: 0px 0px 10px 0px;}
/*検索ハイライト部分追加しました。*/ /*==================================================================== */ /* 共通事項 */ /*==================================================================== */ body {scrollbar-3dlight-color:#d4d4d4; scrollbar-arrow-color:#d9d9d9; scrollbar-darkshadow-color:#d4d4d4; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#d9d9d9; scrollbar-shadow-color:#d9d9d9; scrollbar-track-color:#ffffff; margin: 0px 0px 0px 0px; color:#990000; background-color:#ffffff; } a:link { color:#0000DE; } a:visited, a:active { color:#0000DE; } ul{ list-style-type: none; padding:0px; } /*ベース*/ /*.template {width:700px; background-color:#ffffff; border-right:1px solid #cccccc; }*/ /*線*/ div.hr1 { border: 0px dashed #666666; border-top-width:1px; margin: 5px 3px 5px 3px; } div.hr2 { border: 0px dashed #666666; border-top-width:1px; margin: 2px 3px 2px 3px; } hr.line { border-style: dotted none none none; border-top-width: 3px; border-top-color: #ff9900; height: 3px; } /*==================================================================== */ /* ヘッダー       */ /*==================================================================== */ .header{ margin: 0px 0px 15px 0px; } /*タイトル部*/ .header-l { padding-right:9em; } /*検索部*/ .header-r { padding-left:10em; text-align:right; font-weight: bold; } .header-r2 { text-align:center; font-weight:bold; } /*インフォメニューバー*/ .info a, .info a:visited{ color:#000000; padding:3px; } .info2 { border: 1px solid #ff9900; } /*span 左寄せ*/ .leftmenu { margin-left:3px; float:left;} /*span 右寄せ*/ .rightmenu {margin-right:3px; float:right;} } /*文字サイズのボタン*/ #textLarge { background-color: #ffffff; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } #textMedium { background-color: #CCCCFF; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } #textSmall { background-color: #ffffff; color: #333333; border: 1px solid #000000; margin-left:10px; margin-right:0px; } /*==================================================================== */ /* 簡易ヘッダー       */ /*==================================================================== */ /*簡易ヘッダ用*/ .k-head{ margin: 0px;} .head-l{ padding-right:4em;} .head-c{ padding-left:2em; } .head-r{; text-align:right; font-weight: bold; } /*==================================================================== */ /* フッダー       */ /*==================================================================== */ .fddar{ margin-top:10px; text-align:center; } /*==================================================================== */ /* indexメニューバー */ /*==================================================================== */ /*メニューバー*/ .index-menu { border:1px solid #ff9900; padding-right:3px; margin-left:10px; margin-right:0px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } .index-menu table{ margin: 3px 3px 3px 3px; } /*見出しBOX*/ .im-box { background-color:#ff9900; } .rm-box { background-color:#6699cc; } .im-box,.rm-box{ border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px; } /*==================================================================== */ /* top table */ /*==================================================================== */ table tr td { div-align:center; text-align:top} th {text-align:left} /*新着ブログの文字そろえ*/ table.sintyaku td { padding-right:1em; text-align:left; } /*==================================================================== */ /* 電光掲示板 */ /*==================================================================== */ .topic{ width:460px; height:40px; } .topic-base { width:460px; height:28px; margin-left:20px; background-color:#666666; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffeeeeee, EndColorStr=#90111111); } .topic-main { width:220px; height:30px border-top:2px outset #666666; border-left:2px outset #666666; border-right:2px inset #cccccc; border-bottom:2px inset #cccccc; background-color:#332200; margin: 2px 2px 2px 2px; padding:1px; color:#ffb706; } /*==================================================================== */ /* 新着ブログ */ /*==================================================================== */ .newblog { margin-top:0px; margin-left:20px; border:1px solid #ff9900; padding:3px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } /*==================================================================== */ /* ランキング部 */ /*==================================================================== */ table.ranking{ color:#3300ff; } .ranking-box{ color:#3300ff; border: 1px solid #6666cc; padding:2px; margin-left:10px; margin-right:0px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90ccccff); } /*==================================================================== */ /* カテゴリ */ /*==================================================================== */ .category { margin-top:0px; margin-left:20px; border:1px solid #ff9900; padding:3px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } .cate1{ margin-top:10px; font-weight: bold; } .cate2{ padding:2px; } /*==================================================================== */ /* 検索部 */ /*==================================================================== */ span.backlabel { color: #000000; background-color: #ffbb00; } /*==================================================================== */ /* 使いまわすもの */ /*==================================================================== */ /*テキストカラー(H1,H2 などの見出しでも使用可)*/ .red {color:#aa0000} .blue {color:#0000aa} .black {color:#000000} /*枠のグラデーション付き*/ .gradation1 { width:700px; border: 1px solid #6666cc; padding-right:3px; padding:4px 0px 0px 0px; margin-left:10px; margin-right:0px; background-color:#e0e5ff; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#E0D5FF); } .gradation2 { width:700px; border:1px solid #ff9900; padding-right:3px; margin-left:10px; margin-right:0px; background-color:#fff2d6; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffffff, EndColorStr=#90fff2d6); } /*枠のグラデーションなし*/ .u-menu1 { border: 1px solid #6666cc; background-color:#e4dff4; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } .u-menu2 { border: 1px solid #ff9900; background-color:#fff2d6; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } .u-menu3 { border: 1px solid #00d59f; background-color:#d5fff4; padding:2px 0px 0px 0px; margin:2px 0px 3px 0px; } /*枠の中のタイトル部*/ .gra-box1 { background-color:#6699cc; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } .gra-box2 { background-color:#ff9900; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } .gra-box3 { background-color:#00D59F; padding:3px; border:3px double #ffffff; color:#ffffff; font-weight: bold; margin:0px 2px 0px 0px; } /*==================================================================== */ /* 文字揃え */ /*==================================================================== */ /*枠なしの揃え*/ .set-blue { text-align:left; margin:0px 0px 0px 30px; color:#0000aa; } .set-orange { text-align:left; margin:0px 0px 0px 30px; color:#cc6600; } .set-green { text-align:left; margign:0px 0px 0px 30px; color:#00d59f; } .kyotyo { margin:0px 0px 0px 30px; font-weight: bold; } #f-blue { color:#0000aa; font-weight: bold; } /*==================================================================== */ /*枠の揃え*/ .waku1 { border: 0px; margin: 0px 0px 20px 400px;} .waku2 { border: 0px; text-align:left; margin: 10px 0px 0px 30px;} .waku3 { border: 1px solid #6666cc; margin-left:30px;} .waku4 { border: 1px solid #ff9900; margin-left:30px;} /*==================================================================== */ /* テーブルの色指定 */ /*==================================================================== */ table.green td { background-color:#d5fff4; valign:top; padding-right: 1em; } table.green th { background-color:#95ffaf; padding-right:1em; } tr.green { valign:top; background-color:#d5fff4; padding-right: 1em; } table.orange td { background-color:#d5fff4; padding-right: 1em; } table.orange th { background-color:#95ffaf; padding-right:1em; } tr.orange { background-color:#fffccc; padding-right: 1em; } table.blue td { background-color:#d5fff4; padding-right: 1em; } table.blue th { background-color:#95ffaf; padding-right:1em; } /*==================================================================== */ /* リストの大きさ、マージン等の設定 */ /*==================================================================== */ /*定義リスト*/ dl dt. {font-weight: bold; } dl dd {color:#000000;} /*普通のリスト*/ ol.list1 li {color:#000000; margin: 0px 0px 10px 0px;}

表示オプション

横に並べて表示:
変化行の前後のみ表示:
目安箱バナー