@charset "UTF-8";
/*リセット*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
margin :0;
padding :0;
border :0;
outline :0;
font-size :100%;
vertical-align :baseline;
background :transparent; }
body{
line-height :1; }
a{
margin :0;
padding :0;
font-size :100%;
vertical-align :baseline;
background :transparent; }
body{
background-color :#141414; }
pre{
white-space :-pre-wrap;
white-space :-o-pre-wrap;
white-space :pre-wrap;
word-wrap :break-word;
}
div.chatlogger{
/*チャットログ全体*/
background-color :#383838;
margin :0 auto;
padding :1px 0;
max-width :910px;
word-wrap :break-word; }
div.chatlogger, div.chatlogger .explog pre, div.chatlogger dd pre, div.chatlogger dt{
/*注釈・発言内、名前内文字情報*/
font-family :'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'MS Pゴシック', 'Osaka', sans-serif;
word-wrap :break-word;
font-size :100%;
font-size :14px;
line-height :1.5;
vertical-align :baseline; }
div.chatlogger .explog img, div.chatlogger dd img{
/*発言・注釈内画像*/
max-height :200px;
max-width :200px;
margin :5px;
-webkit-border-radius :10px;
-moz-border-radius :10px;
-ms-border-radius :10px;
-o-border-radius :10px;
border-radius :10px;
border :darkgray 2px solid; }
.chatlogger .explog{
/*注釈*/
margin :0em 1em 2em 1em;
padding :5px;
min-height :80px;
border :none; }
/*発言*/
div.chatlogger dd{
padding :1.5em 5px 5px 10px;
width :auto; }
div.chatlogger dl{
position :relative;
margin :1.5em 10px; }
div.chatlogger dt{
/*名前幅指定。長い名前を多用する場合はここの数値を変える 8em→8文字程度*/
position :absolute;
overflow :hidden;
padding-left :10px;
width :20%; }
div.chatlogger dt img{
-webkit-border-radius :5px;
-moz-border-radius :5px;
-ms-border-radius :5px;
-o-border-radius :5px;
border-radius :5px;
width :1.2em;
height :1.2em;
vertical-align :middle;
text-align :center; }
.chatlogger .html5jp-progress{
/*ゲージ*/
display :inline-block;
margin :0 5px;
width :101px;
line-height :1 !important; }
div.chatlogger{
/*見出し*/ }
div.chatlogger h1, div.chatlogger h2, div.chatlogger h3{
color :#ffffff;
background-color :#141414;
margin-bottom :20px;
padding :8px;
line-height :1.5; }
div.chatlogger h4, div.chatlogger h5, div.chatlogger h6{
color :#ffffff;
font-size :20px;
line-height :1.2; }
div.chatlogger h1{
font-size :50px; }
div.chatlogger h2{
font-size :35px; }
div.chatlogger h4{
margin-bottom :10px; }
div.chatlogger h6{
font-size :17px; }