/* YY-Simple系用スタイルシート v1.02+ */
/* 透過の指定について */
/* IE系は「filter:Alpha(Opacity=70, style=0)」 NN6.2系は「-moz-opacity:0.70」*/
/* 大まかな色統一標識（このアルファベットと色の組み合わせどうりに変更すれば統一感がでます） */
/*■A #444444 入力フォームの文字の色など*/
/*■B #333333 枠関連*/
/*■C #111111 記事本文の色*/
/*■D #111111 記事の上下のタイトル、投稿者名など*/
/*■E #111111 入力フォームとかのインデックスの文字の色など*/
/*■F #ffffff 入力フォームとかの背景とか*/
/*■G #ffffff 記事テーブル上部のテーブルの背景色*/
/*要素についてのクラス（背景色、背景画像、文字色、文字サイズの指定）*/
/*■A*/
BODY {
/*これ以下でスクロールバーの指定*/
/*
scrollbar-3dlight-color: #FFECD0;
scrollbar-arrow-color: orange;
scrollbar-darkshadow-color: #FFECD0;
scrollbar-face-color: white;
scrollbar-track-color: white;
scrollbar-highlight-color: orange;
scrollbar-shadow-color: orange;
*/
/*これ以下で基本指定*/
font-size:12px;
color:#444444;/*A*/
background-color:#000000;
font-family:MS UI Gothic,Osaka;
/*font-family:Verdana,Helvetica,Arial;*/
/*これ以下で背景の指定*/
background-image:url("./back.gif");
background-attachment:fixed;
background-position:50% 50%;
background-repeat:no-repeat;
}
/*要素に対してのクラス*/
/*■E*/
A { color:#666666;
text-decoration:none;
}
A:hover { color:#666666;
text-decoration:none;
}
A:active { color:#666666;
text-decoration:none;
}
/*■D*/
B { font-size:12px;
color:#111111;
}
/*アイコンサンプル表示ウィンドや管理モードの文字クラス*/
/*■D*/
TH {
font-size:12px;
color:#666666;
}
TD {
font-size:12px;
}
SMALL {
font-size:12px;
}
/*■A & ■B & ■F*/
INPUT {
border-width:1px;
background-color:#ffffff; /*F*/
border-style:solid;
border-color:#333333; /*B*/
color:#444444;/*A*/
}
/*■D & ■G*/
/* 親記事に付くレスボタンのクラス（画像不使用の時）*/
INPUT.res {
border:0;
cursor:hand;
color:#111111;/*D*/
background-color:#fffffd;/*G*/
height:15px;
}
/* 入力フォームのパスワード入力欄のクラス*/
INPUT.pass {
height:19px;
}
/* 入力フォーム下の送信・修正ボタンのクラス*/
INPUT.submit {
cursor:hand;
/* font-weight:bold; */
font-size:12px;
width:45px;
padding-bottom:0px;
}
/*■B & ■E & ■F*/
/* 入力フォームのプレビューモードへのボタンのクラス*/
SPAN.submit {
color:#111111; /*E*/
background-color:#fffffd; /*F*/
cursor:hand;
/* font-weight:bold; */
font-size:13px;
border: solid 1px #333333; /*B*/
letter-spacing:3px;
width:30px; /*IE*/
height:17px; /*IE*/
}
/*■B & ■E & ■F*/
/* 入力フォームのプレビューモードへのボタンのクラス*/
DIV.submit {
color:#111111; /*E*/
background-color:#fffffd; /*F*/
cursor:hand;
/* font-weight:bold; */
font-size:13px;
border: solid 1px #333333; /*B*/
letter-spacing:3px;
width:75px; /*NN6*/
height:16px; /*NN6*/
text-align:center;/*NN6*/
}
/*■A & ■B & ■F*/
TEXTAREA {
border-width:1px;
background-color:#ffffff;/*F*/
border-style:solid;
border-color:#333333;/*B*/
color:#444444;/*A*/
font-size:12px; /*NN6.2*/
}
/*■A & ■B & ■F*/
SELECT {
background-color:#ffffff;/*F*/
border:solid 1px #333333; /*B*//*NN6.2*/
color:#444444;/*A*/
}
/*■A & ■F*/
SELECT.icon{
background-color:#ffffff;/*F*/
border:solid 1px #333333; /*B*//*NN6.2*/
color:#444444;/*A*/
}
/*■F*/
OPTION {
background-color:#ffffff;/*F*/
}
/*■B*/
/*
クラス */
HR {
color:#333333;
width:90%;
}
/* ---------↑ここまでが各タグに応じたクラスの設定----------------------------------- */
/* ---------↓ここからがタグに依存しないクラスの設定--------------------------------- */
/*■D*/
/* 掲示板のタイトル（テキスト時）の設定クラス */
.Title {
color:#ffffff; /*D*/
font-size:12px;
font-family:MS UI Gothic,Osaka;
/*font-weight:bold;*/
letter-spacing:2px;
/* filter:Alpha(Opacity=70, style=0);
-moz-opacity:0.70;*/
}
/*■B*/
/*枠の基本*/
.Basic_Border {
border:solid 1px #333333;
}
/*----------↓ここからが入力フォーム関連のクラスの設定--------------------------------*/
/* 入力フォーム全体のテーブル（入力フォームの周りの枠はここで設定） */
#Input_Form {
width:320px;
border:0px;
}
/*■B*/
#Input_Form_x {
/*border:1px solid #333333;*//*B*/
padding:1px;
filter:Alpha(Opacity=70, style=0);
-moz-opacity:0.70;*/
}
/*■E*/
/* 入力フォーム横のＮＡＭＥ・ＵＲＬ等の文字のクラス */
.text {
color:#999999;
font-size:11px;
font-family:MS UI Gothic,Osaka;
}
/*--------------------------------------------------------------------------------------*/
/*------------↓ここからが記事テーブル関連のクラスの設定--------------------------------*/
/*■B*/
/* 記事を囲む一番大きいテーブル */
/* ここの「width」で記事テーブルの大きさが決まります。「.Res_Comment_Td」の「width」の大きさを考えて指定して下さい*/
.Res_Main_Table{
background-color:#ffffff;
filter:Alpha(Opacity=70, style=0);
/*border: solid 1px #333333;*//*B*/
width: 300px;
}
/* ↓記事の幅を決めるのクラス。ここでは記事のテーブルの大きさ「.Res_Main_Table の width から 100px 引いた値ぐらい」を考えて「width」を設定しないとプレビューが正しく表示されません*/
.Res_Comment_Td{
padding:10px;
width:208px;
}
/* 記事と記事の間の区切りの
クラス */
HR.Res_Line {
color:#111111;
width:85%;
}
/*■D*/
/* 記事上部のタイトルに関するクラス */
.Res_Sub{
color:#000000;
/*font-weight:bold;*/
font-size:12px;
}
/*■B*/
/* 記事上部のタイトルのテーブル（親記事用）が入っているTDに関するクラス */
.Title_TD{
border:solid 1px #111111;/*B*/
}
/*■*/
/* 記事上部のタイトル等のテーブル（親記事用）に関するクラス */
.Res_Title_table{
width:100%;
/*background-color:#fffffa;*/
/*border:solid 1px #111111;*//*B*/
}
/* 記事上部のタイトル等のテーブル（返信コメント用）に関するクラス */
.Res_Title_table_res{
border: solid 0px orange;
width: 100%;
}
/* 記事上部のタイトル横の部分の | に関するクラス */
.Res_Title_td{
padding-left:3px;
padding-top:2px;
width: 18px;
}
/* 記事上部のタイトル横の部分の画像に関するクラス */
.Res_Title_img{
cursor:help;
width:16px;
height:16px;
}
/* 記事上部のタイトルの部分の | に関するクラス */
.Res_Sub_td{
padding-top:3px;
}
/* 記事の上部のメールアイコンを表示してる | に関するクラス */
.Res_img_mail_td{
padding-top:7px;
padding-right:8px;
width:18px;
}
.Res_text_mail_td{
padding-top:4px;
width:15px;
}
/* 記事の上部の家アイコンを表示してる | に関するクラス */
.Res_img_web_td{
padding-top:5px;
padding-right:8px;
width:18px;
}
.Res_text_web_td{
/* padding-top:3px; */
padding-top:4px;
width:15px;
}
/* 記事上部のメールアイコン用の画像に関するクラス（確実に使用する画像のサイズを指定すること） */
.Res_img_mail{
border: solid 0 orange;
width:16px;
height:12px;
}
/*■D*/
.Res_text_mail{
font-size:11px;
color:#111111;
text-decoration:none;
}
/* 記事上部の家アイコン用の画像に関するクラス（確実に使用する画像のサイズを指定すること） */
.Res_img_web{
border: solid 0 orange;
width:15px;
height:16px;
}
/*■D*/
.Res_text_web{
font-size:11px;
color:#111111;
text-decoration:none;
}
/* レスボタン | に関するクラス */
.Res_botton_td{
width:30px;
height:15px;
padding-top:0px;
}
/* 記事上部のレスボタン用の画像に関するクラス（確実に使用する画像のサイズを指定すること） */
.Button{
border: solid 0px orange;
background-color:#ffffff;
}
.Res_img_res{
border: solid 0px orange;
cursor:w-resize;
width:16px;
height:23px;
}
/* 記事の下部の投稿者の部分の | に関するクラス */
.Res_Name_td{
padding-top:2px;
padding-right:22px;
}
/*■D*/
/* 記事の下部の投稿者に関するクラス */
.Res_Name{
color:#111111;
font-size:10px;
font-family:Osaka;
/*font-weight:bold;*/
}
/* 記事の下部の投稿者の部分の | に関するクラス */
.Res_Name_td{
padding:0px;
padding-top:0px;
padding-right:0px;
text-align:right;
}
/*■D*/
/* 記事の下部の日付に関するクラス */
.Res_Date{
color:#111111;
font-size:11px;
}
.Res_Date_td{
padding:0px;
padding-top:4px;
width:90px;
text-align:center;
}
/*■C*/
/* 記事のナンバーに関するクラス */
.Res_No{
color:#111111;
font-size:11px;
}
.Res_Comment_Table{
}
/*■B*/
/* プレビューの記事全体（アイコン及び親記事と子記事の字下げ分も含む）の幅を決めるクラス */
.Pre_Res_Comment_Table{
border: solid 1px #333333;/*B*/
width:320px;
background-color:#ffffff;
}
/*■B & ■E*/
/* プレビューモードの記事区切りの | クラス */
.Pre_Res_Comment_Td {
color:#111111; /*E*/
border:0px;
border-bottom:solid 1px #333333; /*B*/
padding:3px;
}
/* ↓ICONの幅を決める | のクラス */
.Res_Comment_Icon{
}
.Res_Title_Sikaku{
color:#ff9040;
}
/*★★★超重用！！！★★★*/
/*■C*/
/* 記事の文字クラス */
.Res_Comment{
font-size:11px;
color:#111111;
font-family:Osaka;
/*font-family:Verdana,Helvetica,Arial,Osaka;*/
}
/*■C*/
/*入力フォームと記事の間の矢印に関するクラス*/
.yaji{
color:#FFFFFF;
}
/*--------------------------------------------------------------------------------------*/ |