iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://battle-news.com/styles.css
@charset "UTF-8"; /* @Style license ID.0560 */ /************************************************ * Reset * ************************************************/ h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,blockquote,cite,q,address { font-size: 100%; font-weight: normal; font-style: normal; margin: 0px; padding: 0px; } /*.*********************************************** * clearfix * ************************************************/ div:after , .clearfix:after { content:"."; display: block; height:0px; clear:both; visibility:hidden; } .clearfix { display: inline-table; min-height: 1%; } /* exlude IE6 \*/ * html .clearfix { height: 1% } .clearfix {display:block;} /* end IE6 */ /* for IE7 */ .clearfix{ zoom:1; } /* end IE7 */ /************************************************ * 全体の設定 * ************************************************/ /* 画像 */ img { vertical-align: bottom; border-style: none; } /* 強調 */ strong { color: #000000; background-color: transparent; } /* 強調 */ em { font-style: normal; color: #333333; background-color: transparent; } /* 読み飛ばし */ .skip{ position: absolute; left: -9999px; } /* 非表示 */ .none{ display: none; } /* 区切り */ hr { clear: both; display: none; } /* リンク枠 */ a{ outline:none; } /************************************************ * レイアウト * ************************************************/ /* body */ body { text-align: center; margin: 0; padding-top: 3px; padding-left: 0; padding-right: 0; } div#header { text-align: center; min-width: 980px; } div#header .inner { text-align: left; margin-left: auto; margin-right: auto; padding-top: 11px; padding-bottom: 13px; /* ナビボタンの高さ */ width: 980px; } div#nav { text-align: center; margin-left: auto; margin-right: auto; min-width: 980px; } div#nav .inner { text-align: left; margin-left: auto; margin-right: auto; width: 980px; } div#image { text-align: center; height: 290px; min-width: 980px; } div#image .inner { text-align: left; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto; width: 980px; } div#o_wrap { min-width: 980px; } div#content { text-align: left; padding-top: 10px; margin-left: auto; margin-right: auto; width: 980px; clear: both; } div#wrap { width: 730px; float: left; } div#main { width: 510px; float: right; } div#sub { width: 220px; float: left; } div#extra { width: 250px; float: right; } div#footer { text-align: center; margin-left: auto; margin-right: auto; min-width: 980px; clear: both; } div#footer .inner { text-align: left; margin-left: auto; margin-right: auto; width: 980px; } /************************************************ * body * ************************************************/ body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Arial, Helvetica, "MS Pゴシック", "MS P Gothic", Osaka, sans-serif; color: #ffffff; background-color: #333333; } ul { line-height: 1.4 } /************************************************ * header * ************************************************/ div#header { color: #c00b14; background-color: #ffffff; margin-left: auto; margin-right: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0e0e0e; } div#header h1.logo { background: url(blogimg/logo.png) no-repeat; width: 400px; height: 80px; position: relative; float: left; display: inline; } /* ヘッダーバナー広告 */ .pr{ float: right; display: inline; width: 468px; margin: 10px 10px 0px 0px; } p.desc { font-size: 100%; text-align: right; line-height: 1.4; letter-spacing: 0.05em; margin-top: 20px; _margin-top: 0px; margin-right: 10px; width: 740px; float: right; } /************************************************ * nav * ************************************************/ div#nav { background-image: url(blogimg/nav_bg.png); background-position: left top; background-repeat: repeat-x; color: #ffffff; background-color: #fcfcfc; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0e0e0e; } div#nav ul { margin-left: 10px; margin-right: 10px; } div#nav ul li { list-style-type: none; display: inline; } div#nav ul li a { background-image: url(blogimg/nav_bg.png); background-position: left top; background-repeat: repeat-x; font-size: 87.5%; /* 14px */ font-weight: bold; text-decoration: none; color: #ffffff; background-color: transparent; padding-top: 6px; border-left-width: 1px; border-left-style: solid; border-left-color: #636363; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #0e0e0e; padding-right: 10px; padding-bottom: 5px; width: auto; float: left; } div#nav ul li.home a { border-left-width: 1px; border-left-style: solid; border-left-color: #0e0e0e; } div#nav ul li a:hover { color: #E60A16; background-color: #e5e5e5; background-image: url(blogimg/nav_h.png); } /************************************************ * image * ************************************************/ div#image { color: #333333; background-color: #05CDFF; background-image: url(blogimg/image_bg.png); background-position: left top; background-repeat: repeat-x; } div#image .inner img { margin-left: 10px; margin-right: 10px; } /************************************************ * o_wrap * ************************************************/ div#o_wrap { color: #333333; background-color: #ffffff; } /************************************************ * main * ************************************************/ div#main { font-size: 90%; /* 14px */ line-height: 1.8; margin-bottom: 20px; } div#main .inner { margin-top: 10px; padding-left: 5px; padding-right: 5px; } /* mainリンク基本色 */ div#main a:link { text-decoration: none; color: #244b98; background-color: transparent; } /* mainリンクマウスオーバー時 */ div#main a:link:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* mainリンククリック時 */ div#main a:link:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* mainリンク訪問済み */ div#main a:visited { text-decoration: none; color: #662D91; background-color: transparent; } /* mainリンク訪問済みマウスオーバー */ div#main a:visited:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* mainリンク訪問済みクリック時 */ div#main a:visited:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* main見出し h2 */ div#main h2 { font-size: 100%; /* 16px */ font-weight: bold; color: #ffffff; background-color: #fcfcfc; background-image: url(blogimg/h2.png); background-position: center top; background-repeat: no-repeat; line-height: 1.3; padding-top: 6px; padding-left: 15px; padding-right: 15px; margin-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 3px; clear: both; } div#main .feed-icon { position: relative; margin: 0; padding: 0; } div#main .feed-icon a { position: absolute; top: -21px; left: 435px; } /* main見出し h3 */ div#main h3 { font-size: 125%; /* 15px */ font-weight: bold; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 5px; line-height: 1.4; clear: both; } /* main見出し h4 */ div#main h4 { font-size: 125%; /* 15px */ font-weight: bold; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 5px; line-height: 1.4; clear: both; } div#main .entry { padding: 10px 10px 0px 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; } div#new_entry { background-image: url(blogimg/new_entry.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 20px; } div.new_entry_1 { width: 230px; float: left; } div.new_entry_2 { width: 230px; float: right; } div.new_entry_1 h3 , div.new_entry_2 h3 { font-size: 87.5% !important; /* 14px */ color: #484848; background-color: #fcfcfc; background-image: url(blogimg/main_box.png); background-position: left top; background-repeat: no-repeat; line-height: 1.7; padding-top: 10px !important; padding-left: 15px; padding-right: 15px; margin-bottom: 0px !important; clear: both; } div#main .new_1 , div#main .new_2 { font-size: 87.5%; /* 14px */ padding-top: 10px; padding-left: 10px; padding-right: 10px; } div.next { text-align: right; margin-bottom: 5px; } /* パンくず */ ul.path { margin-left: -20px; font-size: 85.71%; /* 12px */ } ul.path li { margin-right: 5px; display: inline; } ul.path li a { background-image: url(blogimg/path.png); background-position: right center; background-repeat: no-repeat; padding-right: 10px; } /* main 段落 */ div#main p { margin-bottom: 1em; } /* 投稿者情報 */ div#main p.posted { font-size: 85.71%; /* 12px */ margin-top: 0px; margin-bottom: 5px; } /* 引用元情報 */ div#main cite { font-style: italic; } /* 引用 */ div#main blockquote { color: #484848; background-color: transparent; border-width: 1px; border-style: solid; border-color: #E6E6E6; padding: 5px; margin-bottom: 10px; clear: both; } /* 整形済みテキスト */ div#main pre { border-width: 1px; border-style: solid; border-color: #b8b8b8; padding: 5px; margin-bottom: 10px; /*height: 100px;*/ /* ここを変更すれば高さが変わります */ overflow: scroll; clear: both; } div#main dl { margin-bottom: 1em; } div#main dl.news { font-size: 100%; /* 14px */ line-height: 1.5; padding: 12px 15px 4px 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; } /* 新着情報 記事タイトル */ dl.news dd { margin-top: -1.7em; margin-left: 4.3em; margin-right: 3px; margin-bottom: 5px; padding: 0px 0px 3px 0px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom: 1px solid #E6E6E6; } /* Google 広告メイン下部 */ div#main dl.ad { font-size: 100%; /* 14px */ line-height: 1.5; padding: 12px 15px 5px 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; margin-bottom: 0.5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; } dl.ad dd { margin-top: 0em; margin-left: 4.4em; margin-right: 5px; padding: 0px 0px 3px 0px; } /* New! マーク */ span.new { display: none; font-size: xx-small; color: red; } span.new img { vertical-align: top; margin: 0; } /* 会社概要用 */ dl.info { margin-bottom: 25px; } dl.info dt { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } dl.info dd { line-height: 1.6; margin-top: -1.6em; margin-left: 9em; margin-right: 0; margin-bottom: .8em; border-bottom: 1px dotted #E6E6E6; } /* お問い合わせ用 */ .form { line-height: 160%; margin: 0; } .form dt { padding-top: 0; padding-left: 0.3em; padding-right: 0 ; padding-bottom: 0; } .form dd { line-height: 1.6; margin-top: -1.6em; margin-left: 10em; margin-right: 0; margin-bottom: .8em; } .form fieldset { margin-bottom: 10px; } /* 順不同リスト(箇条書き)*/ div#main ul { padding-left: 20px; margin-bottom: 1em; } div#main ul ol { padding-left: 30px; } /* 画像 */ div#main img{ margin-top: 0; margin-bottom: 20px; } /* 画像左配置 */ div#main img.mt-image-left { float: left; margin: 0 20px 20px 0; } /* 画像中央配置 */ div#main img.mt-image-center { display: block; margin: 0 auto 20px; text-align: center; } /* 画像右配置 */ div#main img.mt-image-right { float: right; margin: 0 0 20px 20px; } /* 続き */ div#main .extended { font-size: 87.5%; /* 14px */ text-align: right; margin-top: 10px; clear: both; } div#main textarea{ width: 430px; } div#main input, div#main textarea { font-size: 100%; } div.comment-reply { margin-left: 20px; } /* コメンター画像 */ .asset-meta img { vertical-align: top; position: relative; top: 3px; } div#main label { margin-bottom: 0.8em; width: 11em; float: left; clear: both; white-space: nowrap; } /* タグ */ .entry-tags { font-size: 85%; margin: 5px 0 10px 0; clear: both; } .entry-tags-header, .entry-tags-list { display: inline; } h3.entry-tags-header { font-size: 85%; font-weight: normal !important; border-style: none !important; } li.entry-tag { font-size: 125%; margin-right: 5px; /* タグとタグのアキ */ display: inline; } ul.entry-tags-list { margin-left: -15px; /* タグ:から1個目のタグのスペース */ padding-left: 0; list-style: none; } ul li.tagLebel1 { font-size: 200%; } ul li.tagLebel2 { font-size: 180%; } ul li.tagLebel3 { font-size: 160%; } ul li.tagLebel4 { font-size: 140%; } ul li.tagLebel5 { font-size: 120%; } ul li.tagLebel6 { font-size: 100%; } p.search-results-header { font-size: 87.5%; /* 14px */ font-weight: bold; } /* Sitemap */ ul li.home { list-style-type: none; } ul.tree { margin: 0 0 0 1em!important; padding: 0!important; list-style: none!important; } ul.tree ul { margin: 0 0 0 1em!important; padding: 0!important; } ul.tree li { margin: 0!important; padding: 0 10px 20px 16px!important; line-height: 1.5; background-image: url(blogimg/tree_lst.gif); background-repeat: no-repeat!important; list-style: none!important; } ul.tree li.tree_end { background-image: url(blogimg/tree_end.gif); list-style: none; } /* アーカイブリスト */ * html body dl.list dd div{ display:inline-block; } dl.list { border-bottom:1px solid #c1c1c1; } dl.list dt { float:left; width:10em; border-top:1px solid #c1c1c1; padding-top:10px; padding-bottom:0; padding-right:0; } dl.list dd { margin-left:10em; padding-top:10px; padding-bottom:10px; padding-right:10px; border-top:1px solid #c1c1c1; } /************************************************ * sub extra * ************************************************/ div#sub , div#extra { margin-bottom: 20px; } div#sub .inner , div#extra .inner{ font-size: 87.5%; /* 14px */ margin-top: 10px; margin-left: 10px; margin-right: 10px; } /* ページリスト(カテゴリ・ページ)枠 */ dl.page_list { line-height: 1; margin-bottom: 20px; } dl.page_list dt { font-size: 100%; /* 14px */ font-weight: bold; color: #ffffff; background-color: #fcfcfc; background-image: url(blogimg/page_list_dt.png); background-position: center top; background-repeat: no-repeat; padding-top: 6px; padding-left: 10px; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 4px; } dl.page_list dd { font-size: 87.5%; /* 14px */ line-height: 1.5; padding-top: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 5px; } dl.page_list li { list-style-type: none; } /* ページリスト(カテゴリ・ページ)リンク基本色 */ dl.page_list a:link { text-decoration: none; color: #244b98; background-color: transparent; } /* ページリスト(カテゴリ・ページ)リンクマウスオーバー時 */ dl.page_list a:link:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* ページリスト(カテゴリ・ページ)リンククリック時 */ dl.page_list a:link:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* ページリスト(カテゴリ・ページ)リンク訪問済み */ dl.page_list a:visited { text-decoration: none; color: #662D91; background-color: transparent; } /* ページリスト(カテゴリ・ページ)リンク訪問済みマウスオーバー */ dl.page_list a:visited:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* ページリスト(カテゴリ・ページ)リンク訪問済みクリック時 */ dl.page_list a:visited:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* ページリスト(カテゴリ・ページ)テキスト */ dl.page_list dd p { line-height: 1.7; margin-bottom: 0.5em; list-style-image: url(http://battle-news.com/blogimg/yajirushi.gif); } /* ページリスト(カテゴリ・ページ) リスト */ dl.page_list ul { margin-left: 1.5em; margin-bottom: .5em; list-style-image: none; } dl.page_list ol { margin-left: 2em; margin-bottom: .5em; } /* タグクラウド 枠 */ dl.tags { line-height: 1; margin-bottom: 20px; } dl.tags dt { font-size: 100%; /* 14px */ font-weight: bold; color: #ffffff; background-color: #fcfcfc; background-image: url(blogimg/page_list_dt.png); background-position: center top; background-repeat: no-repeat; padding-top: 6px; padding-left: 10px; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 4px; } dl.tags dd { line-height: 1.3; padding-top: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 8px; } /* タグクラウドリンク基本色 */ dl.tags a:link { text-decoration: none; color: #244b98; background-color: transparent; } /* タグクラウドリンクマウスオーバー時 */ dl.tags a:link:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* タグクラウドリンククリック時 */ dl.tags a:link:active { text-decoration: none; color: #E60A16; background-color: transparent; } /* タグクラウドリンク訪問済み */ dl.tags a:visited { text-decoration: none; color: #662D91; background-color: transparent; } /* タグクラウドリンク訪問済みマウスオーバー */ dl.tags a:visited:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* タグクラウドリンク訪問済みクリック時 */ dl.tags a:visited:active { text-decoration: none; color: #E60A16; background-color: transparent; } /* タグクラウド表示 */ dl.tags .module-tagcloud { text-align: left; } dl.tags .module-tagcloud { list-style: none; } dl.tags .module-tagcloud .module-list-item { display: inline; } dl.tags .module-tagcloud li.taglevel1 { font-size: 180%; } dl.tags .module-tagcloud li.taglevel2 { font-size: 160%; } dl.tags .module-tagcloud li.taglevel3 { font-size: 130%; } dl.tags .module-tagcloud li.taglevel4 { font-size: 120%; } dl.tags .module-tagcloud li.taglevel5 { font-size: 100%; } dl.tags .module-tagcloud li.taglevel6 { font-size: 80%; } /* フリースペース 枠 */ dl.box { line-height: 1; margin-bottom: 20px; } dl.box dt { font-size: 100%; /* 14px */ font-weight: bold; color: #ffffff; background-color: #fcfcfc; background-image: url(blogimg/page_list_dt.png); background-position: center top; background-repeat: no-repeat; padding-top: 6px; padding-left: 10px; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 4px; } dl.box dd { font-size: 87.5%; /* 14px */ line-height: 1.5; padding-top: 8px; border-left-width: 1px; border-left-style: solid; border-left-color: #b8b8b8; padding-left: 10px; border-right-width: 1px; border-right-style: solid; border-right-color: #b8b8b8; padding-right: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b8b8b8; padding-bottom: 5px; } /* フリースペースリンク基本色 */ dl.box a:link { text-decoration: none; color: #244b98; background-color: transparent; } /* フリースペースリンクマウスオーバー時 */ dl.box a:link:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* フリースペースリンククリック時 */ dl.box a:link:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* フリースペースリンク訪問済み */ dl.box a:visited { text-decoration: none; color: #662D91; background-color: transparent; } /* フリースペースリンク訪問済みマウスオーバー */ dl.box a:visited:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* フリースペースリンク訪問済みクリック時 */ dl.box a:visited:active { text-decoration: underline; color: #E60A16; background-color: transparent; } /* フリースペース テキスト */ dl.box dd p { line-height: 1.7; margin-bottom: 0.5em; } /* フリースペース リスト */ dl.box ul { margin-left: 1.5em; margin-bottom: .5em; list-style-image: url(http://battle-news.com/blogimg/yajirushi.gif); } dl.box ol { margin-left: 2em; margin-bottom: .5em; } dl.tweet li { margin-bottom: 10em; } /* アーカイブツリー */ ul.cat_tree { margin: 0 0 0 1em!important; padding: 0!important; list-style: none!important; } ul.cat_tree ul { margin: 0 0 0 1em!important; padding: 0!important; } ul.cat_tree li { margin: 0!important; padding: 0 0 0 16px!important; background-image: url(blogimg/tree_lst.gif); background-repeat: no-repeat!important; list-style: none!important; } ul.cat_tree li.cat_tree_end { background-image: url(blogimg/tree_end.gif); list-style: none; } /* FEED */ .feed { margin-top: 10px; margin-bottom: 10px; } .feed a { background-image: url(blogimg/feed.png); background-position: 0px 0; background-repeat: no-repeat; text-indent: -9999px; width: 220px; height: 42px; display: block; } .feed a:hover { background-image: url(blogimg/feed.png); background-position: 0px -42px; background-repeat: no-repeat; text-indent: -9999px; width: 220px; height: 42px; display: block; } /* Search */ div.search label { position: absolute; left: -9999px; } input#search { width: 130px; } /************************************************ * footer * ************************************************/ /* フッタ */ div#footer { color: #ffffff; background-color: #333333; background-image: url(blogimg/footer.png); background-position: center top; background-repeat: repeat-x; } /* フッターリンク色 */ div#footer a { text-decoration: underline; color: #ffffff; background-color: transparent; } div#footer a:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* 下部ナビゲーション */ div.b_nav { font-size: 75%; /* 12px */ text-align: left; float: left; padding-top: 30px; margin-left: 20px; } div.b_nav ul { margin: 0; padding: 0; } div.b_nav ul li { display: inline; padding: 0 .5em; } /* 下部ナビゲーションリンク色 */ div#footer div.b_nav ul li a { text-decoration: none; color: #ffffff; background-color: transparent; } div#footer div.b_nav ul li a:hover { text-decoration: underline; color: #E60A16; background-color: transparent; } /* フッター Copyright */ div#footer address { text-align: right; font-size: 75%; /* 12px */ padding-top: 30px; margin-right: 20px; } /* フッター powered */ div#footer .powered { font-size: 75%; /* 12px */ text-align: left; width: 350px; float: left; } div#footer .powered ul { margin-left: 20px; } div#footer .powered ul li { display: inline; }