/* Skin Name: Warship Skin - Fc2 Style Author: vicuna.jp Customize: Black vicuna Licence: MIT Licence */ /******************************************************** * * Title: 0 * *********************************************************/ /*====================================== 0-1.★設定1 記事投稿方法の選択 タグを使ってエントリーを 投稿する方は以下の指定を消してください。 =======================================*/ /* ここから */ div.textBody {padding: 0.5em 20px!important;} div.textBody h2,div.textBody h3,div.textBody h4, div.textBody h5,div.textBody h6,div.textBody p, div.textBody ul,div.textBody ol,div.textBody dl, div.textBody blockquote,div.textBody pre,div.textBody table, div.textBody {margin-left: 0;margin-right: 0;} /*ここまで*/ /******************************************************** * * Title: 1-elements.css * *********************************************************/ /* * ※Licence: CC3.0 * http://creativecommons.org/licenses/by/3.0/deed.ja * * Title: Warship - Elements * URI: http://vicuna.jp/ * Last Modified: 2008-02-02 * Author: wu * * Description: * Reset and Base Styles * * 1-1.Yahoo UI Library Fonts CSS * 1-2.Settings * 1-3.Universal selector * 1-4.Structure Module * 1-5.Text Module * 1-6.Hypertext Module * 1-7.List Module * 1-8.Edit Module * 1-9.Forms Module * 1-10.Tables Module * 1-11.Image Module * 1-12.Object Module * */ /*====================================== 1-1.Yahoo UI Library Fonts CSS ver.2.4.0 *Copyright (c) 2006, Yahoo! Inc. All rights reserved. *http://developer.yahoo.com/yui/license.txt Font-size Adjustment 77% = 10px | 122% = 16px | 167% = 22px 85% = 11px | 129% = 17px | 174% = 23px 92% = 12px | 136% = 18px | 182% = 24px 100% = 13px | 144% = 19px | 189% = 25px 107% = 14px | 152% = 20px | 197% = 26px 114% = 15px | 159% = 21px | =======================================*/ /* Don't Edit */ body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*====================================== 1-2. Font size setting =======================================*/ p, pre, cite, blockquote { font-size: 100%; } li,dt,dd { font-size: 100%; } /*====================================== 1-3.Universal selector =======================================*/ * { line-height: 1.5; font-style: normal; } /*====================================== 1-4.Structure Module =======================================*/ body { padding-bottom: 1em; color: #d4dee1; /* 文字色 */ background: #090c0f url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_body.gif); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /*====================================== 1-5.Text Module =======================================*/ p, pre, address, cite { margin: 0.8em 20px; } h2, h3, h4, h5, h6 { margin: 0.8em 20px 0.5em; font-weight: normal; line-height: 1; } h1 { margin: 0; padding: 0.5em 40px 0.6em 30px; color: #fff; background-color: #111; font-family: Georgia, "Times New Roman", Times, serif; font-size: 152%; font-weight: normal; _height: 1px; /* for IE (peekaboo) */ min-height: 1px; /* for IE7 (peekaboo) */ } h2 { border-bottom: 3px solid #111; font-size: 114%; color: #fff; } h3 { padding: 0.3em 10px 0.7em 2px; border-bottom: 1px solid #111; color: #fff; font-size: 114%; } h4 { font-size: 100%; } h5 { font-size: 100%; } h6 { font-size: 100%; } p { line-height: 1.8; } pre { padding: 0.5em 0 0.5em 20px; width: 95%; max-width: 85%; overflow: scroll; color: #fff; background-color: #111; font-family: monospace; } pre * { color: #fff; } pre[title]:before { margin: -0.5em -20px 1em; padding: 0.3em 20px; display: block; content: attr(title); color: #fff; background-color: #222; font-size: 85%; } blockquote { margin: 2em 20px 2em 40px; padding: 0.6em 20px; color: #8f9fa2; background-color: #1c2023; } blockquote * { margin: 0!important; border: none!important; color: #8f9fa2; } blockquote[title]:before { margin-bottom: 0.6em; display: block; content: "Quote: "attr(title); color: #fff; } blockquote[cite]:after { padding: 0.8em 20px; display: block; content: "Quote: "attr(cite); color: #fff; text-align: right; } cite { display: block; color: #333; text-align: right; } em { color: #01b0f0; font-weight: bold; } strong { color: #cc0063; } code { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted #aaa; cursor: help; } kbd { border: 1px solid #000; padding: 0 0.3em; background-color: #111; font-family: monospace; } /*====================================== 1-6.Hypertext Module =======================================*/ a:link { color: #a0c9dd; } a:visited { color: #a0aeb7; } a:hover { color: #00b8fd; } /*-------------------------------------- 1-6-1. div#utilities link ---------------------------------------*/ div#utilities a:link { color: #eee; } div#utilities a:visited { color: #aaa; } div#utilities a:hover { color: #fff; } /*====================================== 1-7.List Module =======================================*/ ul, ol, dl { margin: 1em 20px; padding: 1px 0; list-style-position: inside; } li, dt, dd { margin: 0.4em 10px; } dt { color: #fff; } dd { margin-left: 20px; margin-bottom: 0.6em; } li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd { font-size: 100%; } li ul, li ol, li dl, li p, dd ul, dd ol, dd dl, dd p { margin: 0.5em 10px; } /*====================================== 1-8.Edit Module =======================================*/ del { color: #595d60; text-decoration: line-through; } del[datetime]::before { content: " ( "attr(datetime)"\00524a\009664) "; } ins { border-bottom: 1px dotted #ccc; text-decoration: none; color: #fff; } ins[datetime]::before { content: " ( "attr(datetime)"\004fee\006b63) "; } /*====================================== 1-9.Forms Module =======================================*/ form { margin: 1em 20px; padding: 1px 0; border: none; background-color: #24282b; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_slash01.gif); } form dl, form p { margin: 0.5em 20px; } fieldset { margin: 0; padding: 0; border: none; } legend { display: none; } input, textarea { font-size: 100%; margin: 0.5em 10px; padding: 1px 0.2em; border: none; font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif; color: #fff; background-color: #111; } input:hover, textarea:hover { } input:focus, textarea:focus { } textarea { padding: 0.4em 8px; width: 30em; } input.inputField { } input.submit { _padding: 0; /* for IE */ border: none; color: #fff; background-color: #01b0f0; font-size: 85%; font-weight: bold; text-transform: uppercase; } input.submit:hover { color: #000; background-color: #fff; } input.radio { background-color: transparent; background-image: none; border: none; } /*====================================== 1-10.Tables Module =======================================*/ /*====================================== 1-10.Tables Module =======================================*/ table { margin: 1em 20px; border: 1px solid #000; background-color: #111; } th, td { padding: 0 10px; border-bottom: 1px solid #000; border-collapse: separate; border-spacing: 1px; } caption { } th { border-right: 1px solid #000; color: #fff; background-color: #000; font-weight: normal; } td { border-right: 1px solid #000; border-bottom: 1px solid #000; background-color: #1f2225; } /*====================================== 1-11.Image Module =======================================*/ img { vertical-align: bottom; } /*====================================== 1-12.Object Module =======================================*/ object, embed { margin: 1em 20px; } /******************************************************** * * Title: 2-class.css * *********************************************************/ /* * ※Licence: CC3.0 * http://creativecommons.org/licenses/by/3.0/deed.ja * * Title: Warship - Class * URI: http://vicuna.jp/ * Last Modified: 2007-11-1 * Author: wu */ /*-------------------------------------- .pager ---------------------------------------*/ /* ul.pager (Newer|Older) -----------------------------*/ ul.pager { text-align: center; } ul.pager li { display: inline; } ul.pager li.newer:before { content: "<< "; } ul.pager li.older:after { content: " >>"; } /* p.pagerNum (1|2|3|4) -----------------------------*/ p.pagerNum { text-align: center; } p.pagerNum a { text-decoration: none; border-bottom: none; } p.pagerNum strong { } /*-------------------------------------- .count ---------------------------------------*/ .count { color: #fff; } /*-------------------------------------- .feed ---------------------------------------*/ li.atom, li.rss { list-style-type: none; } li.atom a, li.rss a { padding-left: 20px; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_icon_feed.gif); background-repeat: no-repeat; background-position: 0 center; } li.atom a:hover, li.rss a:hover { background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_icon_feed.gif); } /*-------------------------------------- dl.data ---------------------------------------*/ dl.data { padding: 0; border-left: 5px solid #000!important; border-right: 1px solid #000; border-bottom: 1px solid #000!important; } dl.data dt { margin: 0; padding: 0.3em 0 0.1em 1em; border-top: 1px solid #000; width: 8em; float: left; } dl.data dd { margin: 0 0 0 8em; padding: 0.3em 1em; border-left: 1px solid #000; border-top: 1px solid #000; color: #c2cfd2; } /*-------------------------------------- float ---------------------------------------*/ .img_L { margin-right: 1em!important; margin-top: 1em!important; float: left; display: inline; } .img_R { margin-left: 1em!important; margin-top: 1em!important; float: right; display: inline; } .clear { display: block; clear: both; line-height: 0; } /*-------------------------------------- .admin ---------------------------------------*/ .admin a { padding: 0 10px 0 25px; text-decoration: none; color: #f65472; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_icon_edit.gif) 5px 3px no-repeat; } .admin a:hover { color: #953844; } /*-------------------------------------- Photo thumbnail ---------------------------------------*/ ul.thumb { overflow: auto; } ul.thumb li { margin: 5px 0 0 5px; border: 1px solid #000; float: left; display: inline; overflow: hidden; width: 70px; /* Pictures height */ background-color: #666; } ul.thumb li a { border: none; text-decoration: none; } ul.thumb li a img { border: none; } /*-------------------------------------- Tag Cloud ---------------------------------------*/ ul.tagCloud { margin: 0.5em 20px; padding: 0.5em 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } ul.tagCloud li { margin: 0; padding: 0; display: inline; font-size: 100%; } ul.tagCloud li a { text-decoration: none; } /* Tag level 20 > 1*/ ul.tagCloud li.levelover a { font-size: 167%; font-weight: bold; } ul.tagCloud li.level19 a, ul.tagCloud li.level18 a, ul.tagCloud li.level17 a, ul.tagCloud li.level16 a, ul.tagCloud li.level15 a { font-size: 136%; font-weight: bold; } ul.tagCloud li.level14 a, ul.tagCloud li.level13 a, ul.tagCloud li.level12 a, ul.tagCloud li.level11 a, ul.tagCloud li.level10 a { font-size: 122%; font-weight: bold; } ul.tagCloud li.level9 a, ul.tagCloud li.level8 a, ul.tagCloud li.level7 a, ul.tagCloud li.level6 a, ul.tagCloud li.level5 a { font-size: 114%; } ul.tagCloud li.level4 a, ul.tagCloud li.level3 a { font-size: 92%; } ul.tagCloud li.level2 a, ul.tagCloud li.level1 a { font-size: 77%; } /* On Mouse */ ul.tagCloud li a:hover { color: #fff; } /*-------------------------------------- Headline ---------------------------------------*/ dl.headline { margin: 0 20px 1em; } dl.headline dt { font-size: 114%; margin-bottom: 0; } dl.headline dt span.date { font-size: 77%; color: #aaa; } dl.headline dd { margin: 0 10px 1em 10px; } dl.headline dd ul { margin: 0; padding-bottom: 1.2em; list-style-type: none; list-style-position: outside; border-bottom: 1px solid #000; } dl.headline dd ul li { margin: 0.3em 5px 0.3em 0; display: inline; font-size: 92%; color: #fff; } dl.headline dd ul li.author span.name { color: #aaa; } dl.headline dd ul li.category a, dl.headline dd ul li.tag a { color: #aaa; text-decoration: none; } dl.headline dd ul li.tag a { } dl.headline dd ul li.textBody { display: block; font-size: 100%; color: #fff; } /*-------------------------------------- clearFix ---------------------------------------*/ ul#globalNavi, div#utilities, .textBody, .entry, ul.flip { _height: 1px; min-height: 1px; } ul#globalNavi:after, div#utilities:after, .textBody:after, ul.flip:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /* for MacIE5 \*//*/ ul#globalNavi, div#utilities, .textBody, ul.flip { height: auto; overflow: hidden; } /* end */ /******************************************************** * * Title: 3-context.css * *********************************************************/ /* * ※Licence: CC3.0 * http://creativecommons.org/licenses/by/3.0/deed.ja * * Title: Warship - Context * URI: http://vicuna.jp/ * Last Modified: 2007-11-1 * Author: wu * * 3-1.div#header * 3-2.div#content * 3-3.div#main * 3-4.div#utilities * 3-5.div#footer */ /*====================================== 3-1.div#header =======================================*/ div#header { padding: 1px 0 10px; } /*-------------------------------------- 3-1-1. Website Title ---------------------------------------*/ div#header p.siteName { margin: 13px 4px 0; line-height: 1; font-family: Arial, Helvetica, sans-serif; font-size: 166%; font-weight: bold; } div#header p.siteName a { color: #fff; text-decoration: none; } div#header p.siteName a:hover { color: #01b0f0; } /*-------------------------------------- 3-1-2. Description ---------------------------------------*/ div#header p.description { margin: 0 5px; color: #66696c; font-size: 92%; } /*====================================== 3-2.div#content =======================================*/ div#content { position: relative; background-color: #272b2e; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_white_corner01.gif); background-repeat: no-repeat; background-position: left top; } div#content p.return { margin: 0; padding: 0.2em 20px 0.4em; border-top: 1px solid #111; border-bottom: 4px solid #000; text-align: right; background: #1d2124 url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_slash01.gif); } body.mainIndex h1 { display: none; /*body.mainIndex*/ } /*====================================== 3-3. div#main =======================================*/ div#main { padding: 1px 0; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_white_corner02.gif); background-repeat: no-repeat; background-position: right top; } /*-------------------------------------- 3-3-1. Topic Path ---------------------------------------*/ p.topicPath { margin: 1.3em 9em 0.3em 20px; padding-bottom: 0.8em; font-size: 85%; line-height: 1; color: #ccc; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: left; text-justify: none; letter-spacing: 1px; } p.topicPath a:link, p.topicPath a:visited { padding: 0.1em 0.5em; border: 1px solid #000; color: #ccc; background-color: #1c2023; text-decoration: none; } p.topicPath a:hover { color: #fff; border: 1px solid #fff; background-color: #1c2023; } p.topicPath span.current { padding: 0.1em 0.5em; color: #fff; background-color: #000; } /*-------------------------------------- 3-3-2. Flip Navi 1 (Newer | Older) ---------------------------------------*/ ul#flip1 { margin: 0.8em 0 0 0; padding: 0; position: absolute; right: 0; top: 0; } ul#flip1 li { margin: 0; display: inline; font-size: 92%; text-transform: lowercase; } ul#flip1 li a { padding: 0 0.5em; display: block; float: left; width: 3em; color: #fff; background-color: #01b0f0; text-decoration: none; text-align: center; } ul#flip1 li.older a { border-left: 1px solid #000; background-color: #018cd4; } ul#flip1 li a:hover { color: #000; background-color: #fff; } /*-------------------------------------- 3-3-3. div.entry ---------------------------------------*/ div.entry { padding: 1px 0; } /* 3-3-3-1. Entry Title -----------------------------*/ div.entry h2 { margin-bottom: 0; padding: 0.3em 0 0.3em 10px; _padding-bottom: 0.0em; border-left: 5px solid #000; font-weight: bold; background-color: #111; } div.entry h2 a { text-decoration: none; padding-right: 93px; padding-bottom: 0.2em; background-repeat: no-repeat; background-position: right center; *background-position: right 0.3em; /* for IE6,7 */ *height: 1px; /* for IE6,7 */ } div.entry h2 a:link { color: #eee; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_permalink01.gif); } div.entry h2 a:visited { color: #eee; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_permalink02.gif); } div.entry h2 a:hover { color: #fff; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_permalink03.gif); } /* 3-3-3-2. Entry Info -----------------------------*/ div.entry ul.info { margin: 0.4em 0; padding: 0 20px 0.5em 20px; } div.entry ul.info li { margin: 0 10px 0 0; display: inline; font-size: 85%; } div.entry ul.info li.date { } div.entry ul.info li.category { } div.entry ul.info li.category a { padding: 0 5px 0 5px; color: #8f9896; text-transform: uppercase; } div.entry ul.info li.category a:hover { color: #fff; } /* 3-3-3-3. Text Body -----------------------------*/ div.entry div.textBody { margin-left: 1px; padding: 1px 0; letter-spacing: 1px; } div.entry div.textBody h2 { margin-top: 2em; } div.entry div.textBody dl, div.entry div.textBody ul, div.entry div.textBody ol { border-left: 5px solid #1a1e21; _height: 1px; /* for IE */ } /* Link img */ div.textBody a img { border: 3px solid #000; } div.textBody a:hover img { border: 3px solid #00b8fd; } /* 3-3-3-4. Continue Reading -----------------------------*/ p.continue { margin-top: 1em; margin-bottom: 2em; padding-left: 20px; clear: both; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_arrow03.gif); background-repeat: no-repeat; background-position: 5px center; font-size: 85%; text-transform: uppercase; } p.continue a:link, p.continue a:visited { padding: 0 20px 0 8px; color: #fff; border-left: 5px solid #01b0f0; background-color: #111; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_arrow01.gif); background-repeat: no-repeat; background-position: 96% center; text-decoration: none; } p.continue a:hover { border-color: #fff; color: #fff; background-color: #222; } /* 3-3-3-5. Reaction -----------------------------*/ div.entry ul.reaction { margin-top: 0.4em; padding: 0.1em 0 0 0; border-top: 4px solid #111; text-align: right; _height: 1px; /* for IE */ min-height: 1px; /* for IE7 */ } div.entry ul.reaction li { margin: 0 15px 0 0; padding-left: 30px; border-left: 2px solid #111; display: inline; background-repeat: no-repeat; background-position: 11px center; } div.entry ul.reaction li.comment { background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_pen.gif); } div.entry ul.reaction li.trackback { background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_globe.gif); } div.entry ul.reaction li a { text-decoration: none; } div.entry ul.reaction li a:hover { text-decoration: none; } /* 3-3-3-6. Flip Navi 2 (Newer | Older) -----------------------------*/ #flip2 { padding: 0.3em 0; background-color: #1c2023; } #flip2 li { color: #eee; } #flip2 li a { } /* 3-3-3-7. Comment Log -----------------------------*/ div#comments { padding: 0.7em 0 1px 0; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line01.gif) no-repeat; } div#comments h2 { padding: 0 18px 0.5em; border-left: none; background-color: transparent; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_pen.gif); background-position: 0 center; background-repeat: no-repeat; } div#comments dl.log { } div#comments dl.log dt { margin: 0; } div#comments dl.log dt span.name { margin-right: 0.5em; font-weight: bold; } div#comments dl.log dt span.date { color: #aaa; font-size: 85%; } div#comments dl.log dd { margin: 0 0 0.8em 0; padding: 1px 0; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line-dot.gif) left bottom repeat-x; } div#comments dl.log dd p { margin: 0.5em 0 1em 0; } /* 3-3-3-8. Comment Post form -----------------------------*/ form.post { border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; } form.post dl { } form.post dl dt { margin: 0; } form.post dl dd { margin-left: 0; margin-bottom: 0; } form.post dl input { margin: 0; } form.post textArea { margin: 0; } form.post div.action { margin: 0 20px 1em; } form.post div.action input.submit { margin: 0.4em 0; } /* 3-3-3-9. Trackback Log -----------------------------*/ div#trackback { margin-top: 3em; padding: 0.7em 0 1px 0; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line01.gif) no-repeat; } div#trackback h2 { padding: 0 18px 0.5em; border-left: none; background-color: transparent; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_globe.gif); background-position: 0 center; background-repeat: no-repeat; } div#trackback dl.log { border-left: 5px solid #000; } div#trackback dl.log dt { } div#trackback dl.log dd { margin: 0; padding: 0.4em 10px; padding-bottom: 1em; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line-dot.gif) left bottom repeat-x; } /* 3-3-3-10. Trackback Info -----------------------------*/ div#trackback dl.info { border-left: 5px solid #000; border-right: 1px solid #1e1e1e; border-bottom: 1px solid #1e1e1e; background-color: #24282b; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_slash01.gif); } div#trackback dl.info dt { padding-left: 13px; color: #eee; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_llist01.gif); background-repeat: no-repeat; background-position: 0 center; } div#trackback dl.info .URL { padding: 0.2em 1em; border-top: 1px solid #000; border-left: 1px solid #000; color: #01b0f0; background-color: #111; } /*====================================== 3-4. div#utilities =======================================*/ div#utilities { } div#utilities dl dt { color: #fff; } div#utilities dl dd { } div#utilities dl dd ul { } div#utilities dl dd ul li { margin: 0.3em 10px; color: #fff; list-style-position: outside; } div#utilities dl dd ul li a { } /* Sub Category */ div#utilities dl dd ul li ul { } div#utilities dl dd ul li li { } /*-------------------------------------- 3-4-1. dl.navi ---------------------------------------*/ div#utilities dl.navi { } div#utilities dl.navi dt { } div#utilities dl.navi dd { } div#utilities dl.navi dd ul { list-style-type: none; } div#utilities dl.navi dd ul li a { padding-left: 15px; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_arrow02.gif); background-repeat: no-repeat; background-position: left center; *background-position: 0 0.5em; } div#utilities dl.navi dd ul li a:hover { background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_arrow01.gif) ; } /*-------------------------------------- 3-4-2. dl.others ---------------------------------------*/ div#utilities dl.others { } div#utilities dl.others dt { } div#utilities dl.others dd { } div#utilities dl.others dd dl dd { } div#utilities dl.others dd ul { list-style-type: circle; } /* 3-4-2-1. Search ---------------------------------------*/ div#utilities dl dd form { margin: 0 5px 0 10px; padding: 0.5em 5px; } div#utilities dl dd form fieldset { } div#utilities dl dd form legend { } div#utilities dl dd form input { } div#utilities dl dd form input.inputField { } /*-------------------------------------- 3-4-3. div#utilities dl > dd > * ---------------------------------------*/ /* 3-4-3-1. dd > p -----------------------------*/ div#utilities dl dd p { line-height: 1.4; font-size: 85%; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color: #a0adb0; } /* 3-4-3-2. dd > list -----------------------------*/ div#utilities dl dd dl dt { } div#utilities dl dd dl dt a { } div#utilities dl dd dl dd { } /* 3-4-3-3. dd > table -----------------------------*/ div#utilities dl dd table { margin: 0.4em 0; width: 100%; _width: 95%; /* for IE */ } div#utilities dl dd table caption { color: #01b0f0; _padding-bottom: 0.4em; } div#utilities dl dd table th, div#utilities dl dd table td { padding: 1px 10px; } /* 3-5-4. dd > Tag Cloud -----------------------------*/ div#utilities dl dd ul.tagCloud { margin: 0.5em 5px; padding: 0.3em 8px; } div#utilities dl dd ul.tagCloud li { margin: 0; } div#utilities dl dd ul.tagCloud li a { padding: 0; background-image: none; line-height: 0; } /* 3-5-5. dd > Photo thumbnail -----------------------------*/ div#utilities dl dd ul.thumb { } div#utilities dl dd ul.thumb li { margin: 5px 0 0 5px; } div#utilities dl dd ul.thumb li a { padding: 0; border: none; } /*====================================== 3-5.div#footer =======================================*/ div#footer { padding: 1px 0; } div#footer ul.support { margin: 0; text-align: right; } div#footer ul.support li { margin: 0 0 0 6px; display: inline; font-size: 85%; color: #fff; } div#footer ul.support li a { color: #aec7e8; text-decoration: none; } div#footer ul.support li a:hover { color: #fff; } div#footer li.template a { } div#footer li.template a[title]:after { content: " "attr(title); } div#footer address { font-size: 92%; margin: 0.2em 0; text-align: right; color: #f5fcff; } /******************************************************** * * Title: 4-layout.css * *********************************************************/ /* * ※Licence: CC3.0 * http://creativecommons.org/licenses/by/3.0/deed.ja * * Title: Warship - Layouts * URI: http://vicuna.jp/ * Last Modified: 2007-11-1 * Author: wu * * Hint: * common.cssからレイアウトに関するスタイルを抜き出したモジュール * * 4-1.containers * 4-2.[Sngle column] * 4-2-1.div#utilities * 4-3.[Double column] * 4-3-1.div#main * 4-3-2.div#utilities */ /*====================================== 4-1.Containers Layout =======================================*/ body { margin: 0 20px; /* margin */ text-align: center; /* Centering for IE6 */ } div#header, div#content, div#footer { margin: 0 auto; /* Centering */ width: 100%; /* Change Fixed (800px | 60em) */ min-width: 46em; /* Min Width */ max-width: 70em; /* Max Width */ text-align: left; } /*====================================== 4-2. [Sngle column] bodyにclass="single"がついた時のレイアウト =======================================*/ body.single div#main { _height: 1px; /* for IE peekaboo */ } body.single div.entry ul.info { padding: 0 0 0.6em 5px; margin: 0.4em 22px; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line-dot.gif) left bottom repeat-x; } body.single div.entry ul.info li { color: #ccc; } body.single div.entry div.textBody { margin: 0 6px; } /*-------------------------------------- 4-2-2. div#utilities ---------------------------------------*/ body.single div#utilities { margin-top: 1em; padding: 1.4em 0; border-top: 2px solid #111; background-color: #1c2023; } body.single div#utilities dl { margin: 0; background-color: #24282b; border-right: 1px solid #111; border-bottom: 1px solid #111; } body.single div#utilities dl dt { margin-bottom: 0; padding: 0.1em 10px 0.3em 10px; border-left: 5px solid #000; } body.single div#utilities dl dd { margin: 0 10px 1em; padding: 1px 0 0.5em; border-left: 5px solid #111; border-bottom: 1px solid #111; border-right: 1px solid #111; background: #13171a url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_line-dot.gif) left top repeat-x; } body.single div#utilities dl dd ul { margin: 0; } body.single div#utilities dl dd dt { margn: 0; padding: 0 0 0.3em 0; border: none; background-color: transparent; } body.single div#utilities dl dd dd { border: none; background-image: none; } /* 4-2-2-1 dl.navi ------------------------*/ body.single div#utilities dl.navi { margin-left: 10px; display: inline; /* for WinIE */ float: left; width: 340px; } /* 4-2-2-2 dl.others ------------------------*/ body.single div#utilities dl.others { margin: 0 10px 0 360px; } body.single div#utilities dl.others ul { margin: 0.2em 20px; } body.single div#utilities dl.others li { margin: 0.2em 10px; } body.single div#utilities dl.others form { margin: 0.5em 10px 0; } body.single div#utilities dl.others form legend { display: none; } /*-------------------------------------- Single Column ul feed ---------------------------------------*/ /* Feeds ---------------*/ body.single div#utilities dl.others dd ul.feed { margin: 3px; } /*====================================== 4-3. [Double column] body.double bodyにclass="double"がついた時のレイアウト =======================================*/ body.double div#content { background-color: transparent; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_div-content.gif); background-repeat: no-repeat; } body.double h1 { margin: 0 0 0.5em 20px; } body.double ul#flip1 { margin-top: 10px; border-left: 3px solid #181d20; border-bottom: 3px solid #181d20; } /*-------------------------------------- 4-3-1. div#main ---------------------------------------*/ body.double div#main { margin-left: 228px; min-height: 1000px; _height: 1000px; /* for IE */ background-color: #272b2e; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_div-main.gif); background-repeat: no-repeat; background-position: right top; } body.double div#main div { margin-right: 0; padding-right: 6px; } body.double div#main div.section div div { margin-right: 0; } body.double div#main p.topicPath { margin-top: 1.7em; margin-left: 20px; } body.double div#content p.return { margin-left: 228px; } body.double div.entry ul.info { margin: 0 20px 0.2em 20px; padding: 0 15px 0.2em 10px; border-left: 5px solid #14171a; border-bottom: 1px solid #14171a; background-color: #1c1f22; } body.double div#main div.textBody { margin: 0 20px; border-bottom: 1px solid #14171a; background-color: #1f2225; } /*-------------------------------------- 4-3-2. div#utilities ---------------------------------------*/ body.double div#utilities { margin-top: 15px; padding-bottom: 6px; width: 228px; position: absolute; top: 0; left: 0; background: #272b2e url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_div-utilities.gif) left bottom no-repeat; } body.double div#utilities dl { margin: 0; } body.double div#utilities dl dt { margin: 0 17px; line-height: 1; font-size: 85%; font-weight: bold; text-transform: uppercase; } body.double div#utilities dl dd { margin: 0; _height: 1px; /* for IE */ } body.double div#utilities dl dd ul { margin: 6px 0 0 15px; } body.double div#utilities dl dd ul li { } body.double div#utilities dl dd ul li a { text-decoration: none; } /* サブカテゴリ */ body.double div#utilities dl dd ul li ul { margin: 0; padding: 0; } body.double div#utilities dl dd ul li li { margin: 0.3em 0 0 10px; } /*-------------------------------------- 4-4-1. dl.navi ---------------------------------------*/ body.double div#utilities dl.navi { background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_dl-navi.gif) repeat-y; } body.double div#utilities dl.navi dt { margin-top: 0.1em; } body.double div#utilities dl.navi dd { padding-bottom: 38px; background: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_dl-navi_dd.gif) left bottom no-repeat; } body.double div#utilities dl.navi dd ul { margin-right: 5px; padding-bottom: 0.4em; background: #1f2225 url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_dl-navi_ul.gif) left bottom no-repeat; } /*-------------------------------------- 4-4-2. dl.others ---------------------------------------*/ body.double div#utilities dl.others { padding-top: 0; background: #fff url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_dl-others.gif) no-repeat; } body.double div#utilities dl.others dt { margin: 0 2px; padding: 0 13px; } body.double div#utilities dl.others dd { margin: 0.7em 0 0.5em; padding: 0; } body.double div#utilities dl.others dd dl dd { margin: 0.2em 10px 0.2em 10px; } body.double div#utilities dl.others dd ul { margin: 0 0 0 24px; } /* 4-4-2-1. Search ---------------------------------------*/ body.double div#utilities dl dd form { margin-top: 13px; border: 1px solid #111; } body.double div#utilities dl dd form fieldset { margin-left: 12px; border: none; } body.double div#utilities dl dd form legend { display: none; } body.double div#utilities dl dd form input { margin-left: 0; } body.double div#utilities dl dd form input.inputField { } /* 4-4-2-2. Feeds ---------------------------------------*/ body.double div#utilities li.atom, body.double div#utilities li.rss { margin-left: 0; } /*-------------------------------------- 4-4-3. div#utilities dl dd内出現予測要素への処理 ---------------------------------------*/ /* 4-4-3-1. dd内 段落 -----------------------------*/ body.double div#utilities dl dd p { margin: 0.6em 13px 0.4em 18px; } /* 4-4-3-2. dd内 リスト -----------------------------*/ body.double body.double div#utilities dl dd dl dt { margin: 0.3em 0; background-color: #eee; font-size: 12px; } body.double div#utilities dl dd dl dt a { text-decoration: none; } body.double div#utilities dl dd dl dd { margin: 0.1em 5px; font-size: 12px; } /******************************************************** * * Title: Global Navigation Module * ********************************************************/ /* * Title: Vicuna: [Glovab Navi Module] * URI: http://vicuna.jp/ * Last Modified: 2007-07-15 * Author: wu * * Description: * グローバルナビゲーション追加スタイルモジュール * このModuleを使用するにはグローバルナビの * XHTMLを追加する必要があります。 * */ /*====================================== Global Navigation Module =======================================*/ /*-------------------------------------- 1.Structure ---------------------------------------*/ ul#globalNavi { margin: 0.1em 5px -2px; /* 出現時にheaderの下の余白を詰める */ padding: 0.2em 0 0 0; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_break01.gif); background-position: left 0.3em; background-repeat: no-repeat; } ul#globalNavi li { margin: 0; padding: 0; float: left; width: 9em; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_bg_break01.gif); background-position: right 0.1em; background-repeat: no-repeat; list-style-type: none; } /*-------------------------------------- 2.ボタン通常時 ---------------------------------------*/ ul#globalNavi li a { margin: 0 1px; padding: 0.3em 0.5em; /* ボタンの厚みはここで調整 */ border: none; display: block; position: relative; /* IE6でマウス反応領域がおかしいのをFix */ line-height: 1; font-size: 92%; color: #a0c9dd; text-align: center; text-decoration: none; } /*-------------------------------------- 3.ボタン反応時 ---------------------------------------*/ ul#globalNavi li a:hover { color: #fff; background-color: #000; } /******************************************************** * * Title: Calendar Style Module * ********************************************************/ /* @prefix : . <> a :CSSstylesheet; :title "Vicuna - Calendar Style Module"; :created "2007-3-16"; :release [:revision "1.1"; :created "2008-01-06"]; :author [:name "wu"; :homepage ; :mbox "3ping.org@gmail.com"]; :license ; :description "カレンダーHTML用のスタイル定義"; :note "このモジュールを有効にする前に、カレンダー用のHTMLが追加されている必要があります。" . */ /*====================================== Calendar Style Module =======================================*/ /*-------------------------------------- 1.Structure ---------------------------------------*/ div#utilities dl dd table.calendar { margin: 0.3em 0 0.3em 8px; font-size: 85%; border: none; width: 300px; border-top: 1px solid #111; border-left: 1px solid #111; } body.double div#utilities dl dd table.calendar { margin: 0.3em 0 0.3em 15px; width:200px; } /*-------------------------------------- 2.前後の月へのリンク ---------------------------------------*/ div#utilities dl dd table.calendar caption { color: #ccc; } body.double div#utilities dl dd table.calendar caption { } div#utilities dl dd table.calendar caption a { padding: 0 5px; height: 1px; color: #ccc; background-color: #222; font-weight: bold; text-decoration: none; outline: none; } div#utilities dl dd table.calendar caption a:hover { color: #fff; background-color: #000; } /*-------------------------------------- 3.セル ---------------------------------------*/ div#utilities dl dd table.calendar th, div#utilities dl dd table.calendar td { padding: 0; border: none; border-right: 1px solid #111; border-bottom: 1px solid #111; text-align: center; } div#utilities dl dd table.calendar th { color: #fff; background-color: #333; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_grad01.gif); background-repeat: repeat-x; } div#utilities dl dd table.calendar td { } /*-------------------------------------- 4.土日 ---------------------------------------*/ div#utilities dl dd table.calendar th.sun { color: #fff; background-color: #333; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_grad02.gif); background-repeat: repeat-x; } div#utilities dl dd table.calendar th.sat { color: #fff; background-color: #333; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_grad02.gif); background-repeat: repeat-x; } /*-------------------------------------- 5.セル内のリンク ---------------------------------------*/ div#utilities dl dd table.calendar td a { padding: 0.6em 0; display: block; line-height: 1; text-decoration: none; background-repeat: no-repeat; background-position: center; } div#utilities dl dd table.calendar td a:link { color: #fff; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_circle01.gif); } div#utilities dl dd table.calendar td a:visited { color: #999; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_circle02.gif); } div#utilities dl dd table.calendar td a:hover { color: #000; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/warship_circle03.gif); } /******************************************************** * * Title: Eye catch.css * ********************************************************/ /******************************************************** * * Title: FC2特殊 * ********************************************************/ /* プロフィール */ div#utilities dd .profImg { text-align: center; }