FCafe オプションCSS

　　連休ですが仕事でどこも行けないので共有テンプレートの色違いＣＳＳ作ってみました。
今のＦＣａｆｅのそれと同じくデフォは青み（Ｂ）がかったグレーですので　まず赤み（Ｒ）がかったのと　緑（Ｇ）がかったのを。　　（全体としてのイメージは継承されるようにしました）
取り敢えずはこれら２色のバリエーションを

　　　領域幅可変　（　Ash　/　Asgaard　）
　　　記事幅固定　（ Ash_fix / Asgard_fix ）
　　　全領域固定　（ Valhalla / Valkyrie ）

の其々について計６個リリースいたします　（グレイバージョン以外も余裕があれば・・　^^;）

★　色調設定は EIZO 製液晶モニタ上での表示を基準に行っています

このＣＳＳは2005年7月以前の version に限り有効です

[ Ash / Asgard ]
green	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#343; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #f2fff2; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#565;text-decoration:none;} a:visited {color:#565;text-decoration:none;} a:active {color:#d00; text-decoration:none;} a:hover {color:#fff;background:#7b9} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#485;} h1 a:hover {color:#c20;background:#e9f0e5} h2 {font-size:140%; color:569;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#7b9} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#9aa 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #9ba; scrollbar-arrow-color: #788; scrollbar-track-color: #dee; scrollbar-darkshadow-color: #9ba; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #Head {margin:0; border-bottom:#798 1px solid; background:#e9f0e5;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0;text-align:center; color:#eff; background:#8a9; border-bottom:#798 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#090;} #Navi2 {text-align:right; color:#568; margin:9px 25px 0px 0px;} #Navi2 a{color:#788; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d00} #Navi2 a:hover {color:#fff;background:#8ba;} #Main {margin:20px 25px 0 40px;} .ehead {margin:0; height:26px;clear:both; border-bottom:#8aa 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#9ab; padding:4px} .r a:hover {color:white; background:#8ac;} #More {margin:20px 0;} .ctb {padding:3px 12px;border-top:#8aa 2px solid; border-bottom:#899 1px dotted} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {margin:30px 25px 0 40px;padding:0 0 0 20px;border-top:#89b 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#9ba 1px solid; border-bottom:#9ba 1px solid; background:#e9f0e5;} #search {width:45%; margin:0; text-align:right; position:absolute; top:30px;right:30px;} .slist {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} /* 表示制御用class設定：規定部分（変更しないで下さい） / .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block} / 表示制御用class設定：ユーザー追加部分↓　 */
red	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#644; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #fff4e9; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#734;text-decoration:none;} a:visited {color:#734;text-decoration:none;} a:active {color:#c0d; text-decoration:none;} a:hover {color:#fff;background:#965} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#954;} h1 a:hover {color:#727;background:#eee7d7} h2 {font-size:140%;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#b8a} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#b9a 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #b9a; scrollbar-arrow-color: #a89; scrollbar-track-color: #edd; scrollbar-darkshadow-color: #b9a; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #Head {margin:0; border-bottom:#876 1px solid; background:#eee7d7;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0;text-align:center; color:#ffe; background:#b98; border-bottom:#876 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#090;} #Navi2 {text-align:right; color:#756; margin:9px 25px 0px 0px;} #Navi2 a{color:#988; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d0d} #Navi2 a:hover {color:#fff;background:#c9a;} #Main {margin:20px 25px 0 40px;} .ehead {margin:0; height:26px;clear:both; border-bottom:#bbb7b5 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#aa9; padding:4px} .r a:hover {color:white; background:#c8a;} #More {margin:20px 0;} .ctb {padding:3px 12px;border-top:#ba9 2px solid; border-bottom:#a98 1px dotted} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {margin:30px 25px 0 40px;padding:0 0 0 20px;border-top:#b9a 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#cba 1px solid; border-bottom:#cba 1px solid; background:#eee7d7;} #search {width:45%; margin:0; text-align:right; position:absolute; top:30px;right:30px;} .slist {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} /* 表示制御用class設定：規定部分（変更しないで下さい） / .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block} / 表示制御用class設定：ユーザー追加部分↓　 */
[ Ash_fix / Asgard_fix ]
green	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#343; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #f2fff2; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#565;text-decoration:none;} a:visited {color:#565;text-decoration:none;} a:active {color:#d00; text-decoration:none;} a:hover {color:#fff;background:#7b9} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#485;} h1 a:hover {color:#c20;background:#e9f0e5} h2 {font-size:140%; color:569;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#7b9} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#9aa 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #9ba; scrollbar-arrow-color: #788; scrollbar-track-color: #dee; scrollbar-darkshadow-color: #9ba; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #Head {margin:0; border-bottom:#798 1px solid; background:#e9f0e5;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0; color:#eff; background:#8a9; border-bottom:#798 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#090;} .fxw {width:600px;text-align:center;} #Navi2 {text-align:right; color:#568; margin:9px 25px 0px 0px;} #Navi2 a{color:#788; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d00} #Navi2 a:hover {color:#fff;background:#8ba;} #Main { width:600px; /* ■記事領域の幅■ / margin:20px auto 0px; padding:0 5px; } .ehead {margin:0; height:26px;clear:both; border-bottom:#8aa 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#9ab; padding:4px} .r a:hover {color:white; background:#8b9;} #More {margin:20px 0;} .ctb {border-top:#8aa 2px solid; padding:3px 12px; border-bottom:#89a 1px dotted;} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {width:600px; margin:30px auto 0;padding:0 0 0 20px;border-top:#8aa 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#9ba 1px solid; border-bottom:#9ba 1px solid; background:#e9f0e5;} #search {width:45%; margin:0; text-align:right; position:absolute; top:30px;right:30px;} / For Systematic Display Control (Do not Change or Delete) / .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block} / Add Your Own Control Cords Below */
red	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#644; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #fff4e9; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#734;text-decoration:none;} a:visited {color:#734;text-decoration:none;} a:active {color:#d00; text-decoration:none;} a:hover {color:#fff;background:#965} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#954;} h1 a:hover {color:#727;background:#eee7d7} h2 {font-size:140%;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#b8a} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#b9a 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #b9a; scrollbar-arrow-color: #a89; scrollbar-track-color: #edd; scrollbar-darkshadow-color: #b9a; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #Head {margin:0; border-bottom:#876 1px solid; background:#eee7d7;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0; color:#ffe; background:#b98; border-bottom:#876 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#c0c;} #Navi2 {text-align:right; color:#756; margin:9px 25px 0px 0px;} #Navi2 a{color:#988; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d0d} #Navi2 a:hover {color:#fff;background:#c9a;} #Main { width:600px; /* ■記事領域の幅■ / margin:20px auto 0px; padding:0 5px; } .ehead {margin:0; height:26px;clear:both; border-bottom:#bbb7b5 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#aa9; padding:4px} .r a:hover {color:white; background:#c8a;} #More {margin:20px 0;} .ctb {border-top:#ba9 2px solid; padding:3px 12px; border-bottom:#a98 1px dotted;} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {margin:30px 25px 0 40px;padding:0 0 0 20px;border-top:#b9a 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#cba 1px solid; border-bottom:#cba 1px solid; background:#eee7d7;} #search {width:45%; margin:0; text-align:right; position:absolute; top:30px;right:30px;} / For Systematic Display Control (Do not Change or Delete) / .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block} / Add Your Own Control Cords Below */
[ Valhalla / Valkyrie ]
green	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#343; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #d4e0d0; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#565;text-decoration:none;} a:visited {color:#565;text-decoration:none;} a:active {color:#d00; text-decoration:none;} a:hover {color:#fff;background:#7b9} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#485;} h1 a:hover {color:#c20;background:#e9f0e5} h2 {font-size:140%; color:569;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#7b9} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#9aa 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #9ba; scrollbar-arrow-color: #788; scrollbar-track-color: #dee; scrollbar-darkshadow-color: #9ba; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #All { width:600px; /* ■記事領域の幅(自由に設定して下さい)■ / margin:0 auto; padding:0; border-left:#798 1px solid; border-right:#798 1px solid; background:#f2fff2; } #Head {margin:0; border-bottom:#798 1px solid; background:#e9f0e5;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0;text-align:center; color:#eff; background:#8a9; border-bottom:#798 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#090;} #Navi2 {text-align:right; color:#568; margin:9px 25px 0px 0px;} #Navi2 a{color:#788; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d00} #Navi2 a:hover {color:#fff;background:#8ba;} #Main {margin:20px 25px 0 40px;} .ehead {margin:0; height:26px;clear:both; border-bottom:#8aa 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#9ab; padding:4px} .r a:hover {color:white; background:#8ac;} #More {margin:20px 0;} .ctb {padding:3px 12px;border-top:#8aa 2px solid; border-bottom:#899 1px dotted} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {margin:30px 25px 0 40px;padding:0 0 0 20px;border-top:#89b 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#9ba 1px solid; border-bottom:#9ba 1px solid; background:#e9f0e5;} #search {width:200px; margin:0; text-align:right; position:absolute; top:30px;left:50%; margin-left:70px} / 表示制御用class設定：既定部分（変更しないで下さい） / .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block} / 表示制御用class設定：ユーザー追加部分↓　 */
red	@charset "euc-jp"; html { overflow-x:hidden; scrollbar-face-color: #DEE3E7; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #B0B0D0; scrollbar-3dlight-color: #D1D7DC; scrollbar-arrow-color: #006699; scrollbar-track-color: #EFEFEF; scrollbar-darkshadow-color: #98AAB1; } body { color:#644; font-size:0.75em; line-height:150%; margin:0; padding:0px; background-color: #fcf1e6; background-image: url(""); background-position: center; background-repeat: no-repeat; background-attachment:fixed; font-family:"ＭＳＰゴシック", Osaka, "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } a {text-decoration:none} a:link {color:#734;text-decoration:none;} a:visited {color:#734;text-decoration:none;} a:active {color:#c0d; text-decoration:none;} a:hover {color:#fff;background:#965} h1 {font-size:300%;font-family:"verdana";margin:20px 0 5px 30px;} h1 a:link,h1 a:visited {color:#954;} h1 a:hover {color:#727;background:#eee7d7} h2 {font-size:140%;margin:3px 0 0 0;padding:0 3px 0 4px;float:left; display:inline; font-family:"ＭＳＰゴシック";} h2 a:hover {color:#fff;background:#b8a} .h2 {float:right; margin:5px 0 0 0;} .h2 a {padding:0 2px} h3 {font-size:130%; font-family:"Arial Bold";} ul {margin:0 5px; padding-left:20px;} li {line-height:130%;font-family:"verdana";} td {font-size:12px} blockquote {margin:9px 16px; padding:9px 16px; color:#779; background:#fff; border:#ccd 1px solid; font-family:"Arial"} form {margin:0; pading:0; } input,textarea,select,button,submit{ line-height:110%; background:#FFF; border:#b9a 1px solid; scrollbar-face-color: #fff; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #b9a; scrollbar-arrow-color: #a89; scrollbar-track-color: #edd; scrollbar-darkshadow-color: #b9a; font-family: "ＨＧゴシックＭ", Osaka, "ＭＳＰゴシック", "trebuchet MS", trebuchet, "verdana", arial, sans-serif; } textarea {font-size:13px;} #All { width:600px; /* ■記事領域の幅(自由に設定して下さい)■ / margin:0 auto; padding:0; border-left:#ba9 1px solid; border-right:#ba9 1px solid; background:#fff8f0; } #Head {margin:0; border-bottom:#876 1px solid; background:#eee7d7;} #Mnavi {margin:1px 20px 2px 0;text-align:right;} #Mnavi a {padding:0 5px;} #Navi {margin:0;text-align:center; color:#ffe; background:#b98; border-bottom:#876 1px solid} #Navi a {font-weight:bolder;color:#fff} #Navi a:hover {background:#905;} #Navi2 {text-align:right; color:#756; margin:9px 25px 0px 0px;} #Navi2 a{color:#988; font-family:"verdana";padding:0 5px} #Navi2 a:active {color:#d0d} #Navi2 a:hover {color:#fff;background:#c9a;} #Main {margin:20px 25px 0 40px;} .ehead {margin:0; height:26px;clear:both; border-bottom:#bbb7b5 2px solid} .txt { font-size:120%; font-family:"ＭＳＰゴシック"; margin:20px 0 70px; } .r {text-align:right; margin-right:20px; font-weight:bolder;} .r a {color:#aa9; padding:4px} .r a:hover {color:white; background:#c8a;} #More {margin:20px 0;} .ctb {padding:3px 12px;border-top:#ba9 2px solid; border-bottom:#a98 1px dotted} .ctbt {font-size:12px;padding-left:80px; } .rgt {width:550px;float:right;text-align:right;} .cb {width:500px; clear:both;} #Navi3 {margin:40px 0 12px; text-align:center; font-size:120%; font-weight:bolder} #Menu {margin:30px 25px 0 40px;padding:0 0 0 20px;border-top:#b9a 2px solid;} .list {border-top:#bbf 2px solid; margin:9px 0;} #Foot {padding:10px 0 8px; margin: 0;text-align:center; border-top:#cba 1px solid; border-bottom:#cba 1px solid; background:#eee7d7;} #search {width:200px; text-align:right; position:absolute; top:30px;left:50%;margin-left:70px} / 表示制御用class設定：既定部分（変更しないで下さい） */ .n1988,.hide {display:none} .p1988 {display:block} .p1_01,.p2_02,.p3_03,.p4_04,.p5_05,.p6_06,.p7_07 {display:block}

Comment

★ カトゥーカトゥー Edit 05/02 09:03	綺麗ですよこんにちは。いつもコメントありがとうございます。お勤めご苦労さんです。敬礼っ！（ビシッ） #ffffffの白背景よりも、こういった淡い背景の方が目に優しいのでいいですよね。特にredの配色は参考になります。redから秋っぽい印象を受けるので面白い。茶に近い感じですね。あと、本文とは関係の無いことなのですが、当方閲覧に不具合が生じています。「winXP Opera7.54」ですが、「archive　category　comment……」となっているナビゲーション部分が左側にあります。なので、マウスポインタをのせて表示させる部分に移動することができません。例えば「archive」にのせると、「2005年　2004年」という部分が表示されますが、その部分に移動するには本文部分を経由しなければなりません。そのため移動中に「2005年　2004年」という部分が消えてしまうのです。 …上手く伝わったかな。「WinXP IE6.0」では右側にナビが右にあるので、ナビが機能しています。
★ カトゥーカトゥー Edit 05/02 09:04	うひゃー >右側にナビが右にあるので、ナビが機能しています。あわあわ。
★ daniel daniel Edit 05/02 13:29	ううう去年までクロスブラウザとか知らずにやってた管理人です。 Opera は　８ではPD menu は問題ないみたいなのですが、 TABLE widthの解釈が異なるようでナビユニットがタイトル側に寄って表示されてしまいます　（実害ないので放置） HTMLと同じくCSSについてもまだまだ初心者の域を脱せない状態で「table組だったら・・」　と思ってしまう事が多いです。（領域下から左揃え＆右寄せで文章を表示、とかが難しい）・・googleのソースとか見るとｂタグとか使われててホッと？します

TrackBack　http://pcafe.blog3.fc2.com/tb.php/125-feb36892

Shown after Admisson

≫ Boss visits Design 投稿用bookmarklet ≪

2005 / 05 / 01 　Sun
Template
Comment 3 / TB 0 / Edit

FCafe オプションCSS

Comment

TrackBack http://pcafe.blog3.fc2.com/tb.php/125-feb36892

FCafe　オプションCSS

TrackBack　http://pcafe.blog3.fc2.com/tb.php/125-feb36892