「スタイルシート(今後変更あり)」の編集履歴(バックアップ)一覧はこちら
「スタイルシート(今後変更あり)」(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;}
表示オプション
横に並べて表示:
変化行の前後のみ表示: