@charset "utf-8"; /* @prefix : . <> a :CSSstylesheet; :title "Vicuna Flat - Default Sub Skin"; :created "2008-01-07"; :release [:revision "1.1"; :created "2008-04-017"]; :author [:name "wu"; :homepage ; :mbox "3ping.org@gmail.com"]; :license ; :description "レイアウト簡易設定情報と色彩情報定義ファイル"; :note " 16進数の編集だけでも、スキンイメージを大きく変更できます。このファイルで変更できない箇所は、コアCSS、または、有効化されたモジュールCSSを直接編集するか、ここに新たにセレクタを追加して上書きして下さい。 ". */ /* のページでは、以下のCSSファイルがdiv#utilities に適用されます。カスタマイズする場合はあわせて編集してください。 */ @import url(2-singleUtilities.css); /*========================================================= Layout =========================================================*/ body { background-color: #f00; background-image: url(../../images/common/background_border.gif); background-repeat: repeat-y; background-position: 100% 120px; } body.mainIndex { background-color: #f00; background-image: none; } div#header, div#content, div#footer { } /*========================================================= General =========================================================*/ html, body { color: #fff; } div#header { } div#content { background-image: url(../../images/common/background_red.gif); background-repeat: repeat-x; background-position: left top; } div#footer { } /*--------------- Font Size Setting 本文文字サイズ -----------------*/ div.textBody { font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */ } /* individual font size (個別記事のみ文字サイズを変える) */ body.individual div.textBody { font-size: 100%; /* ( small: 92% | medium: 100% | large: 107% ) */ } /*--------------- Link Color -----------------*/ a:link { color: #fff; text-decoration:none; } a:visited { color: #fff; } a:hover { color: #ff0; text-decoration:underline; } /*--------------- Website Title -----------------*/ div#header p.siteName { } div#header p.siteName a { color: #f00; } div#header p.siteName a:hover { color: #f00; } /*--------------- Description -----------------*/ div#header p.description { color: #999; font-family: Georgia, "Times New Roman", Times, serif; } /*--------------- Topic Path -----------------*/ p.topicPath { } /* 現在位置 */ p.topicPath span.current { } /*--------------- Heading -----------------*/ h1 { color: #fff; } h2 { color: #fff; } h3 { color: #fff; } /*========================================================= div#utilities (Sidebar) =========================================================*/ div#utilities { } body.double div#utilities { } /*--------------- dl.navi -----------------*/ div#utilities dl.navi { width: 210px; clear: both; } div#utilities dl.navi dt { margin: 0 0 5px 20px; color: #333; /*background-color: #fff;*/ } div#utilities dl.navi dd { margin: 0 25px 5px; } /*--------------- dl.others -----------------*/ div#utilities dl.others { width: 210px; clear: both; } div#utilities dl.others dt { margin: 0 0 5px 20px; color: #333; /*background-color: #f5f5f5;*/ } div#utilities dl.others dd { margin: 0 25px 5px; } /*--------------- .freeSpace [?] -----------------*/ div#utilities .freeSpace { margin: 1px; background-color: #fff; } div#utilities .freeSpace p, div#utilities .freeSpace dl, div#utilities .freeSpace ul, div#utilities .freeSpace ol, div#utilities .freeSpace li { margin: 0.1em 5px; } /*--------------- nest -----------------*/ div#utilities dl dd dl dt { background-color: #fff; } /*--------------- Sidebar Link Color -----------------*/ dl.navi li a, dl.others li a { } dl.navi li a:link, dl.others li a:link { } dl.navi a:hover, dl.others a:hover { } /*-------------------------------------- dt ---------------------------------------*/ dt#image-rotator-387992702 { clear: both; text-decoration: none; display: block; width: 190px; /* 画像の幅 */ height: 35px; /* 画像の高さ */ text-indent: -9999px; /* textを飛ばす */ outline: none; /* クリック時の枠線を消す */ background-image: url(../../images/common/pickup.gif); background-repeat: no-repeat; background-position: 0px 0px; /* point 位置調整 */ border-bottom: none; } dt#recent-entries-thumbnail { clear: both; text-decoration: none; display: block; width: 190px; /* 画像の幅 */ height: 35px; /* 画像の高さ */ text-indent: -9999px; /* textを飛ばす */ outline: none; /* クリック時の枠線を消す */ background-image: url(../../images/common/recentposts.gif); background-repeat: no-repeat; background-position: 0px 0px; /* point 位置調整 */ border-bottom: none; } dt#downloads-3 { clear: both; text-decoration: none; display: block; width: 190px; /* 画像の幅 */ height: 35px; /* 画像の高さ */ text-indent: -9999px; /* textを飛ばす */ outline: none; /* クリック時の枠線を消す */ background-image: url(../../images/common/ranking.gif); background-repeat: no-repeat; background-position: 0px 0px; /* point 位置調整 */ border-bottom: none; } table.ranking { width: 160px; border: none; background-color: none; margin: 0; padding: 0; } table.ranking tr { border: none; background-color: none; margin: 0; padding: 0; } table.ranking tr th { color: #fff; background-color: #666; border-top: 1px solid #888; border-bottom: 1px solid #444; margin: 0; padding: 0; vertical-align: middle; } table.ranking tr th img{ padding: 5px; } table.ranking tr td { font-size: 10px; height: 17px; margin: 0; padding: 0; color: #000; vertical-align: middle; } table.ranking tr td img { padding: 6px; } table.ranking tr td a{ color: #000; text-decoration: none; } table.ranking tr.odd td { background-color: #eee; } table.ranking tr.even td { background-color: #bbb; } table.ranking tr .rank { width: 15px; } table.ranking tr .title { width: 103px; border-left: 1px solid #fff; } table.ranking tr .views { width: 40px; border-left: 1px solid #fff; } table.ranking tr td.rank { text-align: center; } table.ranking tr td.title { padding-left: 5px; text-align: left; } table.ranking tr td.views { padding-right: 5px; text-align: right; } /*========================================================= Entry =========================================================*/ div.entry { } /*--------------- Title -----------------*/ div.entry h2 { } div.entry h2 a { text-decoration: none; color: #fff; } div.entry h2 a:visited { color: #fff; } div.entry h2 a:hover { color: #ff0; text-decoration: underline; } /*--------------- Text Body -----------------*/ div.entry div.textBody dl { border-left: 6px solid #eee; border-bottom: 1px solid #fff; } /*--------------- Link img -----------------*/ div.textBody a img { border: 3px solid #ccc; } div.textBody a:hover img { border: 3px solid #000; } /*--------------- Continue reading -----------------*/ p.continue { } p.continue a:link, p.continue a:visited { color: #fff; } p.continue a:visited { } p.continue a:hover { color: #ff0; } /*--------------- Reaction -----------------*/ div.entry ul.reaction { } div.entry ul.reaction li { } div.entry ul.reaction li a { } div.entry ul.reaction li.comment a { } div.entry ul.reaction li.trackback a { } /*--------------- Reaction Log (individual) -Comments -Trackbacks -----------------*/ div#comments h2 { } div#comments input.thickbox { background: none; } div#comments input.thickbox:hover { background: none; } div#trackback h2 { } div#comments dl.log dt span.name, div#trackback dl.log dt span.name { color: #fff; } div#comments dl.log dt span.date, div#trackback dl.log dt span.date { color: #f99; } div#comments dl.log dd, div#trackback dl.log dd { border-bottom: 1px solid #f99; } div#trackback dl.log { } /* Trackback Info */ div#trackback dl.info { border-left: 2px solid #aaa; border-bottom: 1px solid #eee; background-color: #f5f5f5; color: #333; } div#trackback dl.info .URL { color: #000; background-color: #fff; } /*--------------- Flip Pager (Newer - Older) -----------------*/ ul#flip1 li a { padding: 0 0.5em; color: #f99; } /* Newer Article */ ul#flip1 li.newer a { } /* Older Article */ ul#flip1 li.older a { border-left: 1px solid #f99; } /* On Mouse */ ul#flip1 li a:hover { color: #ff0; } ul#flip1 li.newer a:hover { } /* Older Article */ ul#flip1 li.older a:hover { } /*--------------- Flip Pager2 (Newer - Older) -----------------*/ #flip2 { background-color: #f33; } #flip2 li { color: #f99; } #flip2 li a { } /*--------------- Retun to page top -----------------*/ p.return a { clear: both; } /*--------------- to Archive Index -----------------*/ p.archives a { } /*========================================================= Entry Category =========================================================*/ body.category div.entry { margin: 0 16px 10px 0; float: left; clear: none; display: inline; } div#entries { margin-left: 25px; margin-right: 215px; } /*--------------- Title -----------------*/ body.category div.entry h2 { margin: 0.3em 0 0 0; padding: 0; } body.category div.entry h2 a { text-decoration: none; color: #fff; } body.category div.entry h2 a:visited { color: #fff; } body.category div.entry h2 a:hover { color: #ff0; text-decoration: underline; } /*--------------- Text Body -----------------*/ body.category div.entry div.textBody { } /*--------------- Link img -----------------*/ body.category div.entry a img { background-color: #c33; } body.category div.entry a:hover img { background-color: #f99; } /*--------------- Reaction -----------------*/ body.category div.entry dl.data { margin: 0; padding: 0; border-style: none; } body.category div.entry dl.data dt { width: 5.5em; color: #fff; margin: 0; padding: 0; border-style: none; float: left; display: inline; } body.category div.entry dl.data dd { color: #fff; margin: 0; padding: 0; border-style: none; float: left; } body.category div.entry ul.data { margin: 0; padding: 0; border: none; } body.category div.entry ul.data li { color: #fff; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; } body.category div.entry ul.data li a img{ background: none; } body.category div.entry ul.data li.comment a { } body.category div.entry ul.data li.trackback a { } /*========================================================= Individual =========================================================*/ body.individual h1 { margin-bottom: 0; padding-bottom: 0; } body.individual div.entry { margin-top: 0; } body.individual #flip2 { } body.individual div#comments { } body.individual div#trackback { } /*========================================================= dateBasedArchive =========================================================*/ body.dateBasedArchive div.entry { width: 600px; } /*========================================================= page =========================================================*/ body.page div.entry dl { margin: 0; padding: 0; border-style: none; } body.page div.entry dl dt { width: 12em; color: #fff; margin: 0; padding: 0; border-style: none; float: left; display: inline; } body.page div.entry dl dd { color: #fff; margin: 0; padding: 0; border-style: none; } body.category div.entry ul.tool { margin: 0; padding: 0; border: none; clear: both; } body.category div.entry ul.tool li { color: #fff; margin: 0; padding: 0; list-style-type: none; } /*========================================================= Footer =========================================================*/ div#footer { background-color: #f00; } div#footer ul.support li { color: #ccc; } div#footer ul.support li a { color: #ccc; text-decoration: none; } div#footer li.template a { } div#footer address { color: #333; } /*========================================================= Elements =========================================================*/ em { font-weight: bold; } strong { color: #FFFF00; } /*--------------- Form -----------------*/ legend { background-color: #000; } fieldset { border: none; /*background-color: #f5f5f5;*/ color: #fff; } input, textarea { border-color: #d4d4d4 #eee #eee #d4d4d4; background-color: #fff; } input:hover,textarea:hover { border-color: #00a0dd; } input:focus,textarea:focus { border-color: #aaa; background-color: #fff; } input.submit { color: #fff; } input.submit:hover { background-color: #000; } /*--------------- Table -----------------*/ table { /*border: 1px solid #cfd3d6;*/ } th, td { /*border: 1px solid #efefef; border-color: #efefef #dce0e3 #dce0e3 #efefef;*/ } th { } td { /*border: 1px solid #ddd;*/ } /*--------------- Pre -----------------*/ pre { color: #666; background-color: #eee; } pre * { color: #444; } pre[title]:before { color: #fff; background-color: #bbb; } /*--------------- Blockquote (引用) -----------------*/ blockquote { color: #666; background-color: #fcc; } blockquote * { color: #666; } blockquote[title]:before { color: #000; } blockquote[cite]:after { color: #333; } cite { color: #333; } /*---- ---*/ kbd { color: #333; } /*========================================================= Others =========================================================*/ /*-------------------------------------- Tag Cloud ---------------------------------------*/ ul.tagCloud { margin: 0.5em 0; padding: 0.5em 0; line-height: 1.2; font-family: "Courier New", Courier, mono; font-size: 13px; } ul.tagCloud li { margin: 0; padding: 0; display: inline; font-size: 100%; } ul.tagCloud li a { text-decoration: none; } /* Tag level 1>6 */ ul.tagCloud li.level1 a { font-size: 167%; font-weight: bold; color: #424242; } ul.tagCloud li.level2 a { font-size: 136%; font-weight: bold; color: #5e5e5e; } ul.tagCloud li.level3 a { font-size: 122%; font-weight: bold; color: #7a7a7a; } ul.tagCloud li.level4 a { font-size: 114%; color: #979797; } ul.tagCloud li.level5 a { font-size: 92%; color: #b3b3b3; } ul.tagCloud li.level6 a { font-size: 77%; color: #cfcfcf; } /* On Mouse */ ul.tagCloud li a:hover { color: #000; } /* コメント・トラックバック数など、数を表す部分で使われます */ .count { color: #fff; } /*-------------------------------------- Tag Cloud ---------------------------------------*/ div.post-ratings { display: inline; } div.post-ratings img { margin: 0 2px 0 0; padding-top: -3px; } /*-------------------------------------- icon thumbnail ---------------------------------------*/ ul.icon_thumbnail { width: 160px; margin: 0; padding: 0; } ul.icon_thumbnail li { display: inline; list-style-type:none; list-style-position:outside; margin: 0; padding: 0; } ul.icon_thumbnail li a { display: block; float: left; margin: -1px -1px 0; padding: 0; width: 32px; height: 32px; overflow: hidden; border: 1px solid #f00; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } ul.icon_thumbnail li a:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; } ul.icon_thumbnail li a img{ margin: 0; padding: 0; } /*-------------------------------------- Dagon Design Sitemap Generator ---------------------------------------*/ div.ddsg-wrapper { } div.ddsg-wrapper ul li ul li{ border-left: 1px solid #f99; border-right: 1px solid #f99; margin: 0 -1px 0.5em 0; padding: 0 0.5em; display:inline; list-style-type:none; list-style-position:outside; } /*-------------------------------------- wp-pagenavi ---------------------------------------*/ div.wp-pagenavi { clear: both; } /*-------------------------------------- bunner ---------------------------------------*/ div#blog { position: absolute; left: 25px; bottom: 60px; }