/* ------------------------------------------------------------------------------------ */ /* デザイン設定は、このファイルで全て行えます */ /* 基本的に、色設定は#369(=#336699)のようになっている部分を書き換えればOK */ /* 左寄せ、中央寄せについては、leftやcenterを書き換えればOK */ /* それ以外の細かい記述については…スタイルシートの解説ページを参照してください(汗; */ /* ------------------------------------------------------------------------------------ */ /* フォントサイズと行間の設定 */ body,tr,td,th { font-family: sans-serif; font-size: 0.8rem; line-height: 120%; word-break: break-all;} big { font-size: 100%; } small { font-size: 80%; } table{ width: 100%; max-width: 800px;} body { -webkit-text-size-adjust: 100%; } img{ max-width:728px; } .resizeimage img { width: 100%; } /* タグの設定 */ body { background-color : #FFFDFB; /* 背景色の設定 */ color:#555555; /* 基本の色設定 */ /* スクロールバーの設定。デフォルトがいいなら、以下8行を削除( }は消しちゃダメ) */ } /* 各種フォームの設定 */ input,textarea,select { color :#666666; /* 文字色 */ background-color:#FFFFFF; /* 背景色 */ border :1 solid #666666; /* 線の太さ、色*/ } /* でもラジオボタンの線と背景色は、うっと～しぃので消します^^ */ .radio { border:0px; background:none; } /* その必要が無い場合は、この行を削除 */ /* リンクの設定 */ a:link { color:#FF9900; font-weight:bold; text-decoration:none; } /* 未クリックのリンク */ a:visited { color:#FF9900; font-weight:bold; text-decoration:none; } /* クリック済みのリンク */ a:active { color:#E77600; font-weight:bold; text-decoration:underline; } /* クリックされた瞬間のリンク */ a:hover { color:#E77600; font-weight:bold; text-decoration:underline; } /* マウスが乗っている状態のリンク */ /* タイトルの設定（色,サイズ,太字にするか,フォント） */ .title{ color: #555555; font-size: 12pt; font-weight:bold; font-family:'ＭＳＰゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; } .count{ color: #FF9900; font-family:Tahoma,Verdana,Arial; } /* 投稿フォームの設定 */ .table2{ border:1px dotted #FF9900; background-color: #FFFFFF; } /* 線の太さと形状・色; 背景色 */ .pre{ background-color: #FFFFFF; } /* プレビュー部分の背景色 */ /* トップページ以外の最上部。バーになっている部分の背景色 */ .bar { padding:5px; background-color:#FFDF7D; } /* 記事表示部分の設定 */ .top { width: 100%; border: none; text-align: left } .bar { color: #ffffff; } .table1{ border:1px dotted #FF9900; background-color:#FFFFFF; } /* 記事を囲むテーブルの書式 */ .name { color: #555555; font-weight:bold; } /* 投稿者名の色 */ .sub { font-size:10pt; } /* 記事タイトルのサイズ */ .b1 { background-color: #FFE6B0; } /* 親記事のタイトル・投稿者等を表示する部分の背景色 */ .b2 { background-color: #fff8e8; } /* レス記事のタイトル・投稿者等を表示する部分の背景色 */ .new{ color: #FF3300; font-weight:bold; } /* New!マークの色 */ .no { color:#FF9900; } /* 記事番号表示の設定 */ .quote{ color: #808080; } /* 引用された行（>や＞で始まる行）の色 */ .id { color: #555555; font-size:10pt; } /* ID表示の色および文字サイズ */ .rank { color: #555555; font-size:10pt; } /* 『Rank:○回』の部分 */ .rank2 { color: #555555; font-size:10pt; } /* クラスを表示する部分 */ .foot { color:#555555; font-size:11px; } /* 削除・修正フォームの説明 */ .tag { color:#669966; font-size:11px; } /* 利用可能タグの説明 */ /* ツリー式表示ページの設定 */ .tname { color: #555555; font-weight:bold; } /* 名前部分 */ .tno { color: #555555; } /* 番号部分 */ /* ランク表示・および親記事一覧表示ページの設定 */ .tr1 { color:#555555; background-color:#FFE6B0; font-weight:bold; text-align:center; } /* テーブル見出し部分の文字色、背景色、太字にするかどうか、文字寄せ */ .tr2 { padding:5px; background-color:#fff8e8; text-align:center; } /* テーブル本体部分の文字色、文字寄せ */ .mail { text-align:right; color:#F9F9FF; background-color:#b4b4b4; font-weight:bold; } /* メール送信フォームでの見出し（[名前]など）設定（文字寄せ,文字色,背景色,） */ /* スレッド一覧の設定 */ .thread{ padding:50px; line-height:150%; background-color: #ffffff; border:3 double #999; } @mixin word-wrap() { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } @mixin ellipsis() { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }