CSS_Simple

Last-modified: 2015-04-21 (火) 07:16:22

スキン「シンプル」で使われているCSS

@charset "EUC-JP";

/* ▼基本設定▼ */
body{font-size:100%;margin:0;letter-spacing:0px;background:#333;}
body ,input ,select,.bw-1 .slim td,.bw-1 .slimax td,.bw-1150 .slimax td{font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,arial,helvetica,Sans-Serif;}
.background{background:#FFF;padding:0 10px 60px;}
pre{font-size:12px;letter-spacing:0px;line-height:100%;margin:0px 0px 6px;background:#F1FDFF;padding:6px;border-top:1px solid #BBB;border-left:1px solid #BBB;border-right:1px solid #FFF;border-bottom:1px solid #FFF;
white-space:-moz-pre-wrap; /* Mozilla */
white-space:-pre-wrap; /* Opera 4-6 */
white-space:-o-pre-wrap; /* Opera 7 */
white-space:pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}
p{margin:0px 0px 6px;line-height:120%;}
a{color:#006FD6;text-decoration:none;outline:none;}
a:visited{color:#006FD6;}
del a{color:#000;}
del a:visited{color:#000;}
a:hover{color:#09f;text-decoration:underline;}
img{border:0;vertical-align:middle;}
ul{margin:0px 0px 6px;padding:0px 0px 0px 16px;}
ol{margin:0px 0px 6px;padding:0px 0px 0px 0px;list-style: decimal-leading-zero inside none;}
dl{margin:0px 0px 6px;}
dt{font-weight:bold;}
hr{border:0;border-top:2px dashed #999;}
hr.hrSepalate{height:3px;border:0;border-top:1px solid #000;margin:6px 0;}
table{margin:0px 0px 6px;border-collapse:separate;background-color:#999;border-collapse:separate;border-spacing:1px;border:1px solid #666;}
tr th{padding:3px;border:1px solid #EEE;border-right:0;border-bottom:0;background:#CCC;}
tr td{background:#f6f6f6;padding:3px;}
table hr{margin:3px -1px;border:0;border-top:1px solid #666;overflow:hidden;height:1px;}

/*テーブル整形*/
.tableJoint table,table.tableJoint{margin-bottom:-1px;}
.style_td0{background:#DDDDDD;}
.style_td1{background:#CEEAFD;}
.style_td2{background:#FFD5D5;}
.style_td3{background:#FFFBBF;}
.style_td4{background:#CEFFBF;}
.style_td5{background:#F3C6FF;}
.tableBorder{border-spacing:3px;}
.tableBorderNone{border-spacing:3px;background:none;}

/*折りたたみ*/

#main

.region h5 .toggle{position:absolute;left:0;top:3px;cursor:pointer;display:block;width:16px;height:16px;background:url("./image/toggle.gif");border:1px solid #999;}

.region h5 .toggle:hover{border:1px solid #6CF;}
.region .opened h5 .toggle{background:url("./image/toggle.gif") 0 -16px;}
.region h5 .regionDesc{padding-left:18px;}
.region .sub_nav{display:none;padding-left: 22px;}

.region .opened .sub_nav{display:block;}

.region .sub_nav .region h5 .toggle{background-position:0 0;}
.region .sub_nav .region .opened h5 .toggle{background-position:0 -16px;}
.region .sub_nav .region .sub_nav{display:none;padding-left:0;}
.region .opened .sub_nav .region .opened .sub_nav{display:block;}
.region .sub_nav .region .sub_nav .region{padding-left: 22px;}

.region .sub_nav .region .sub_nav .region h5 .toggle{background-position:0 0;}
.region .sub_nav .region .sub_nav .region .opened h5 .toggle{background-position:0 -16px;}
.region .sub_nav .region .sub_nav .region .sub_nav{display:none;}
.region .opened .sub_nav .region .opened .sub_nav .region .opened .sub_nav{display:block;}

/* ▼ヘッダー・フッター▼ */

#footer

#footer
/* --- */

#header

#title

#title
/* 検索 */

#header

#header

/* ▼ナビゲーション▼ */

#navigation

#navi(CSS_Simple): No child page like: CSS_Simple/Foo #navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result
#navi(contents-page-name): You already view the result

/* ▼コンテンツ枠▼ */

#contout

#contin
nav#wrapSide{display:block;float:left;width:180px;margin:0 6px 0 -190px;}
section#wrapMain{display:block;float:left;width:100%;}

#main

#main

/* ▼サイドコンテンツ▼ */

/* Wikiメニュー */

#main

#main

/* ▼メインコンテンツ▼ */
h2{font-size:22px;border-left:6px solid #111;margin:0 0 6px;padding-left:6px;}
h3{font-size:18px;border-left:6px solid #111;margin:0 0 6px;padding-left:6px;}
h4{}
h5{font-size:14px;border-left:6px solid #EEE;margin:0 0 6px;padding-left:6px;}

#main

#main

#main

#main

/* ▼Wikiコンテンツ▼ */
/* 段落整形 */
.textPadding{padding:0 20px;}
.textLeftPad{padding:0 0 0 20px;}
.textLeftPad10{padding:0 0 0 10px;}
.textLeftPad20{padding:0 0 0 20px;}
.textLeftPad30{padding:0 0 0 30px;}
.textLeftPad40{padding:0 0 0 40px;}
.textLeftPad50{padding:0 0 0 50px;}
.textLeftPad60{padding:0 0 0 60px;}
.textLeftPad70{padding:0 0 0 70px;}
.textLeftPad80{padding:0 0 0 80px;}
.textLeftPad90{padding:0 0 0 90px;}
.textLeftPad100{padding:0 0 0 100px;}
.textBold{font-weight:bold;}
.textUnder{border-bottom:1px solid #000;}
.textDashed{border-bottom:1px dashed #000;}
.textCenter{text-align:center;}
.textCenterBlock{display:block;text-align:center;}
.textRight{text-align:center;}
.textLeft{text-align:center;}
.notice{background:#EEE;border:3px solid #666;display:block;margin-bottom:3px;padding:3px;}
.notice strong.error{color:#C00;display:block;font-size:120%;margin-bottom:3px;text-align:center;}
/* 注釈 */
.note_super{font-size:10px;font-weight:bold;vertical-align:top;}
/* 簡易文字色 */
.colorRed{color:#c32626;}
.colorBlue{color:#2637D6;}
.colorYellow{color:#af8000;}
.colorVio{color:#ad00af;}
.colorOrange{color:#c86300;}
.colorPink{color:#dc00a0;}
.colorGreen{color:#386e25;}
.colorNeta,.colorNeta a,.colorNeta a:visited,.colorNeta a:hover{color:#FFF;}table td .colorNeta,table td .colorNeta a,table td .colorNeta a:visited,table td .colorNeta a:hover{color:#F6F6F6;}
/* 見出しカラーリング */
h3.D{color:#FFF;border:0;background:#111;}h3.D,h4.D,h5.D{border-color:#000;}
h3.R,h4.R,h5.R{border-color:#FF5757;}
h3.B,h4.B,h5.B{border-color:#3CBCFF;}
h3.Y,h4.Y,h5.Y{border-color:#FFD635;}
h3.G,h4.G,h5.G{border-color:#6DDE53;}
h3.P,h4.P,h5.P{border-color:#FC60BC;}
h3.V,h4.V,h5.V{border-color:#C881E8;}
h3.O,h4.O,h5.O{border-color:#FF9211;}
/* 差分 */
.diff_added{background-color:#97d2ff;}.diff_removed{background-color:#ff8689;}.hidden{display:none;}
/* 検索 */
.searchForm{margin-bottom:6px;}
.word0{background-color:#ffdc6a;}.word1{background-color:#ffc86a;}.word2{background-color:#ffb46a;}.word3{background-color:#ffa06a;}.word4{background-color:#ff8c6a;}.word5{background-color:#ff786a;}.word6{background-color:#ff646a;}
.codedirection{direction:rtl;unicode-bidi:bidi-override;}
.flow table{border-collapse:separate;border-spacing:0px;}
.flow tr th{padding:1px;border:0;vertical-align:top;}
.flow tr td{padding:1px;background:#eeeee6;vertical-align:top;text-align:center;}
.flow table hr{margin:-1px;border:1px solid #DDD;border-top:1px solid #FFF;overflow:hidden;height:auto;}
.flow table span hr{margin-top:2px;margin-bottom:2px;}
.flow tr td span{display:block;padding:3px 5px;border:2px solid #000;width:130px;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.flow tr td span.box_def{background:#fff;}
.flow tr td span.box_blue{background:#D8F2FA;}
.flow tr td span.box_red{background:#F5D2D2;}
.flow tr td span.box_green{background:#D1FECB;}
.flow tr td span.box_yellow{background:#FDFDCB;}
.flow tr td span.box_pink{background:#F5D2EE;}
.flow tr td span.box_gray{background:#aaa;}
.flow tr td span.box_black{background:#000;color:#fff;}

#main

/* 整形 */

#main

#main

#main

#main

#main
.floatleft,.floatLeft{float:left;margin-right:3px;}
.floatright,.floatRight{float:right;margin-left:3px;}
.floatleft50,.floatLeft50{width:49%;float:left;}
.floatright50,.floatRight50{width:49%;float:right;}
.split,.split_l{width:49%;float:left;margin-right:1%;}
.split_r{width:50%;float:right;}
.split3,.split3_l{width:32%;float:left;margin-right:1%;}
.split3_r{width:34%;float:right;}
.linelist li{width:49%;float:left;margin-right:1%;}
.linelist3 li{width:32%;float:left;margin-right:1%;}
.floatlist li,.floatList li{width:33%;float:left;}

.floatlist ul,.floatList ul,.linelist,.linelist3{min-height:0;display:inline-table;}
.floatlist ul:after,.floatList ul:after,.linelist:after,.linelist3:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/* html .floatlist ul,/* \*/* html .floatList ul,/* \*/* html .linelist,/* \*/* html .linelist3{height:0;}
.floatlist ul,.floatList ul,.linelist,.linelist3{display:block;margin-bottom:6px;}/* */

.slim p,.slim table tr td{font-size:10px;}
.profurl{overflow:hidden;display:block;width:145px;}
.anchor_super img{vertical-align:baseline;}
.jumpmenu{display:none;}
a.inn img,a.ext img{vertical-align:top;}
.counter_all{width:160px;height:60px;}

/* 編集フォーム */
.edit_form{margin-bottom:10px;}
.edit_form select{display:none;}
.edit_form form.editbutton{display:inline;}
.edit_form textarea{font-size:12px;width:100%;height:600px;padding:0;margin:0;border:none;}

#realview_outer
html #realview_outer h3{width:99%;}
html #realview_outer h4{width:99%;}
.prewritebutton,.editbutton{display:inline;}
/* ---- */
.mceEditor{position:relative;width:100%;z-index: 3000;}
.mceEditor td{padding:0;}
html #editor_0_formatSelect{display:inline;}
ul.navi{margin:0px;padding:0px;text-align:center;}
li.navi_none{display:inline;float:none;}
li.navi_left{display:inline;float:left;text-align:left;}
li.navi_right{display:inline;float:right;text-align:right;}
/* ---- */
div.wide{background:#fff;padding-bottom:10px;position:fixed;top:0;right:0;width:100%;z-index:9999;}
div.wide textarea{width:100%;height:650px;}

.bw-1 div.wide textarea{width:100%;}
.bw-1150 div.wide textarea{width:100%;}

input.shorten{display:none;}
div.wide input.shorten{display:inline;}
div.wide input.wide{display:none;}
/* ---- */

#msg___Frame
div#preview_area{padding:0;margin-left:-12px;padding-left:12px;overflow-y:auto;overflow-x:hidden;}

.bw-1 div#preview_area{width:812px;}
.bw-1150 div#preview_area{width:930px;}

div#preview_indicator{margin:20px 0 2px 0;border-bottom:2px solid;font-weight:bold;font-size:20px;}

/* ▼プラグイン▼ */

/* アスキーアート */
p.aapro{font-family:IPAMonaPGothic,'IPA モナー Pゴシック',Monapo,Mona,'MS PGothic','ＭＳ Ｐゴシック',sans-serif;font-size:16px;line-height:18px;}

/* show2chdat */

#ressearch
.bbs_thread dl{margin:0;font-family:"ＭＳ Ｐゴシック","MS PGothic","Osaka",sans-serif;}

/* amazon */
.amazon img{max-width:350px;}

/* new */
.new0{color:#ff0000;font-size:10px;position:absolute;}
.new1{color:#d25252;font-size:10px;position:absolute;}
.new2{color:#cd7070;font-size:10px;position:absolute;}
.new3{color:#cd8989;font-size:10px;position:absolute;}
.new4{color:#d6acac;font-size:10px;position:absolute;}
.new5{color:#e8d2d2;font-size:10px;position:absolute;}

/* comment */
.small,.comment_date{font-size:10px;}

/* clear */
.clear{min-height:0;display:inline-table;clear:both;}.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* \*/* html .clear{height:0;}.clear{display:block;}/* */

/* カレンダー */
table.calendar{text-align:center;font-size:150%;line-height:100%;border:2px solid;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;margin-bottom:0;float:right;}
.cal_page{font-size:60%;}
a.cal_day{color:#000;}
.cal_edit{float:right;}

/* ゲージ */
span.gauge{display:block;background:#000;padding:2px;height:14px;overflow:hidden;}
span.gauge b{display:none;}
span.gauge span{height:14px;float:left;}
span.gauge .gcolor_r{background:#F00;}
span.gauge .gcolor_o{background:#F90;}
span.gauge .gcolor_y{background:#FF0;}
span.gauge .gcolor_g{background:#00FE00;}
span.gauge .gcolor_m{background:#0EF;}
span.gauge .gcolor_b{background:#00F;}
span.gauge .gcolor_v{background:#C0F;}
span.gauge .gcolor_p{background:#F09;}
span.gauge .gcolor_h{background:#AAA;}
span.gauge .gcolor_w{background:#FFF;}

/* 簡易検索 */

#tablesearch

/* テーブルソート */
tr th.header{cursor:default}
th.headerSortUp{background:#dadada;border:1px solid #FFFFFF;border-right:0;border-bottom:0;}
th.headerSortDown{background:#dadada;border:1px solid #FFFFFF;border-left:0;border-top:0;}
.headerSortDown:after{content:'▼';}.headerSortUp:after{content:'▲';}

/* attach */

JavaScript を有効にしてください

/* twitter */
html .noimage ol.statuses .status-body{margin-left:0;margin-top:0;min-height:0;}