/* Skin Name: Future Skin - Fc2 Wikuna Style Author: vicuna.jp Customize: Wikuna Customize: Black vicuna Licence: MIT Licence */ /* Yahoo fonts.css 2.7.0 http://developer.yahoo.net/yui/license.txt Font size Adjustment. http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html */ body{ font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } select, input, button, textarea{ font:99% arial,helvetica,clean,sans-serif; } table{ font-size:inherit; font:100%; } pre, code, kbd, samp, tt{ font-family:monospace; *font-size:108%; line-height:100%; } /*======================================== Elements ========================================*/ body { color: #666; background-color: #d4d4d4; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_body.png); background-repeat: repeat-x; font-family : "Myriad Web Pro", "Myriad Pro", "Gill Sans", Arial, Helvetica, sans-serif; } /* Link ---------------*/ a:link { color: #0198ca; } a:visited { color: #8f9da6; } a:hover { color: #00b8fd; } a:focus, textarea:focus, input:focus { outline: 1px dotted #01b0f0; } /* Text ---------------*/ h1 { margin: 0; padding: 0.8em 30px 0.8em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e1e1e1; color: #000; background-color: #fff; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_grad01.png); background-repeat: repeat-x; font-size: 152%; font-weight: normal; _height: 1px; /* for IE (peekaboo) */ min-height: 1px; /* for IE7 (peekaboo) */ } body.mainIndex h1 { display: none; } h2 { margin: 1em 0; border-bottom: 3px solid #eee; font-size: 123.1%; color: #000; } h3 { padding-bottom: 0.2em; border-bottom: 3px solid #eee; font-size: 114%; } h4 { padding-left: 14px; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_mark020102.gif) no-repeat left center; } p { margin: 1em 0; } blockquote { margin: 1em 0 1em 20px; padding: 8px 10px 5px 25px; border: 1px solid #eee; color: #95561b; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_quote.gif); background-repeat: no-repeat; background-position: 5px 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } pre, code { font-family: Monaco, "Courier New", monospace; } pre { padding: 15px 20px; border-top: 1px solid #cfe4e8; border-left: 1px solid #cfe4e8; color: #086dac; background-color: #ebf1f2; overflow: auto; width: 90%; _width: 95%; /* for IE6 */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } em { font-weight: normal; font-style: normal; white-space: nowrap; border: 1px solid #ccc; padding: 0.1em 0.6em; background-color: #f9f9f9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } strong { color: #993333; font-size: 100%; font-weight: normal; } /* List ---------------*/ ul, ol { margin: 1em 30px; padding: 0; list-style-position: outside; } ul ul,ul ol,ul ol,ol ol { margin: 0.3em 0 0.3em 15px; } /* form ---------------*/ form { margin: 1em 0; background-color: #f5f5f5; } fieldset { margin: 0; padding: 1px 0; border: none; } legend { padding: 4px 10px; background-color: #fff; } input, textarea { padding: 0.2em 0.2em; border-width: 1px; border-style: solid; border-color: #ccc #eee #eee #ccc; background-color: #fff; } input { _height: 25px; } input:hover, textarea:hover { border-color: #999; } textarea { padding: 0.5em 10px; } input.submit { _padding: 0; /* for IE */ border-color: #fff; color: #666; border: none; border-width: 1px; border-style: solid; border-color: #c2c2c2 #8f8f8f #8f8f8f #c2c2c2; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_grad09.gif) repeat-x left top; font-size: 85%; font-weight: bold; text-transform: uppercase; } input.submit:hover { color: #000; border-color: #000; } input.radio { background-color: transparent; background-image: none; border: none; } /* Table ---------------*/ table { margin: 0.8em 0; border: 1px solid #ccc; background-color: #f5f5f5; } caption { padding-bottom: 0.3em; } th, td { padding: 0.1em 10px; border-bottom: 1px solid #ccc; border-collapse: separate; border-spacing: 1px; } th { border-right: 1px solid #ccc; color: #333; background: #f5f5f5 url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_grad05.gif) repeat-x; } td { border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #fff; } /* Others ---------------*/ hr { margin: 1.5em 0; border: none; border-top: 1px dotted #ccc; } /*======================================== div#header ========================================*/ div#header { padding: 1px 0 10px; font-family: "Lucida Sans", "Trebuchet MS"; } /* Website Title ---------------*/ div#header p.siteName { margin: 15px 4px 8px; line-height: 1; font-size: 159%; font-weight: bold; } div#header p.siteName a { color: #fff; text-decoration: none; } div#header p.description { margin: 0 4px; color: #eee; font-size: 92%; } /* ul#globalNavi ---------------*/ ul#globalNavi { margin: 10px 4px 0; padding: 0; line-height: 1; list-style-type: none; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_break01.png); background-repeat: no-repeat; background-position: center left; } ul#globalNavi li { margin: 0; padding: 0; float: left; width: 110px; text-align: center; } ul#globalNavi li a { padding: 3px 20px; display: block; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_break01.png); background-repeat: no-repeat; background-position: center right; position: relative; /* for IE6 */ color: #fff; text-decoration: none; } ul#globalNavi li a:hover, ul#globalNavi li.current a { color: #fff; text-decoration: underline; } /*======================================== div#content ========================================*/ div#content { position: relative; background-color: #fff; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_white_corner01.png); background-repeat: no-repeat; background-position: left top; } p.topicPath { margin: 10px 13em 0.2em 20px; padding-left: 16px; padding-bottom: 0.8em; font-size: 85%; line-height: 1.8; letter-spacing: 1px; color: #ccc; text-transform: uppercase; text-align: left; text-justify: none; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_icon030101.gif) no-repeat 0 0.4em; font-family : Arial, Helvetica, sans-serif; } p.topicPath a:link, p.topicPath a:visited { padding: 0.1em 0.5em; border: 1px solid #eee; color: #888; background-color: #fff; text-decoration: none; } p.topicPath a:hover { color: #fff; border: 1px solid #fff; background-color: #222; } p.topicPath span.current { padding: 0.1em 0 0.1em 13px; color: #000; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_arrow080102.gif); background-repeat: no-repeat; background-position: 0 0.3em; } /*========================= > div#main =========================*/ div#main { padding: 1px 0; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_white_corner02.png); background-repeat: no-repeat; background-position: right top; _height: 800px; } /* > div.entry ---------------*/ div.entry { margin: 0 20px; } /* Entry Title ---------------*/ div.entry h2 { margin-bottom: 0; padding: 0.3em 0 0.5em 10px; border-bottom: none; border-left: 5px solid #666; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_line-dot.gif) left bottom repeat-x; } div.entry h2 a { text-decoration: none; padding-bottom: 0.2em; } div.entry h2 a:link { color: #000; } div.entry h2 a:visited { color: #000; } div.entry h2 a:hover { color: #01b0f0; } /* ul.info ---------------*/ div.entry ul.info { margin: 0 0 1em 0; padding: 0.4em 0 0.3em 10px; *padding-bottom: 0.5em; /* for IE6,7 */ border-left: 5px solid #ccc; border-bottom: 1px solid #e1e1e1; list-style-type: none; background-color: #f5f5f5; } div.entry ul.info li { margin: 0.3em 10px 0.3em 0; padding-right: 10px; border-right: 1px solid #ccc; color: #444; float: left; font-size: 85%; } div.entry ul.info li a { text-decoration: none; } div.entry ul.info li.category a { text-transform: uppercase; } /* Text Style ---------------*/ div.textBody p, div.textBody li { line-height: 1.7; letter-spacing: 1px; } div.textBody h2 { margin-top: 2em; } div.textBody dl { padding: 0.5em 20px; border: 1px solid #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } div.textBody dt { margin: 0.7em 0; padding-bottom: 0.3em; border-bottom: 1px dotted #ccc; font-weight: bold; color: #3B7EAB; } div.textBody dd { margin: 0.5em 0 1em; } /* link img ---------------*/ div.textBody a img { border: 3px solid #ccc; } div.textBody a:hover img { border: 3px solid #00b8fd; } /* p.continue ---------------*/ p.continue { clear: both; } p.continue a { display: block; width: 110px; text-indent: -9999px; outline: none; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/future_icon_continue01.gif); background-repeat: no-repeat; border-bottom: none; padding-bottom: 10px; } p.continue a:hover { color: #000; border-color: #333; background-image: url(http://blog-imgs-12.fc2.com/v/i/c/vicuna01/future_icon_continue02.gif); } /* ul.reaction ---------------*/ div.entry ul.reaction { margin: 1em 0; padding: 5px 0 0 0; border-top: 4px solid #f5f5f5; text-align: right; _height: 1px; /* for IE */ min-height: 1px; /* for IE7 (peekaboo) */ } div.entry ul.reaction li { margin: 0 0 0 15px; padding-left: 15px; border-left: 1px solid #ccc; display: inline; background-repeat: no-repeat; background-position: 8px center; } div.entry ul.reaction li.comment { padding-left: 30px; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_icon010101.gif); } div.entry ul.reaction li.trackback { padding-left: 30px; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_icon080101.gif); } div.entry ul.reaction li a { text-decoration: none; color: #666; } div.entry ul.reaction li a:hover { text-decoration: none; color: #00b8fd; } /* page navi ---------------*/ p.archives { margin: 1em 30px; } p.return { margin: 0; padding: 0.5em 20px 0.5em; border-top: 1px solid #ddd; border-bottom: 3px solid #c1c1c1; text-align: right; background: #fff url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_slash01.png); } /* 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.2em 0.5em; display: block; float: left; width: 3em; color: #fff; background-color: #ccc; text-decoration: none; text-align: center; } /* Older Article */ ul#flip1 li.older a { border-left: 1px solid #fff; background-color: #aaa; } /* On Mouse */ ul#flip1 li a:hover { background-color: #000; } ul#flip2 { margin: 1em 20px; padding: 0.8em 15px; border: 1px solid #eee; list-style-position: inside; } #flip2 li { line-height: 1.7; color: #000; } /*========================= div#Comments =========================*/ div#comments { margin: 2em -20px 0; padding: 8px 20px 0; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_line01.png) no-repeat; } div#comments h2 { padding: 0 20px; border-left: none; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_icon010101.gif); background-position: left center; background-repeat: no-repeat; } div#comments dl.log dt, div#trackback dl.log dt { margin: 0.9em 0 0; font-weight: bold; } div#comments dl.log dt span.name { color: #0198ca; } div#comments dl.log dt img { margin: 0 5px; border: none; } div#comments dl.log dt span.date, div#trackback dl.log dt span.date { margin-left: 8px; padding: 2px 8px; border-left: 3px solid #eee; color: #999; font-weight: normal; font-size: 92%; } div#comments dl.log dd, div#trackback dl.log dd { margin: 0; padding: 0.8em 0 1em; border-bottom: 1px dotted #ddd; } div#comments dl.log dd p, div#trackback dl.log dd p { margin: 0; } /* Comment Post form -----------------------------*/ form.post { border: none; background: #eee url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_form-corner02.png) no-repeat top right; } form.post fieldset { margin: 0; padding: 5px 0 0; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_form-corner01.png) no-repeat top left; } form.post fieldset legend { display: none; } form.post p { margin: 0.5em 20px; } form.post dl { margin: 0.2em 13px 0.1em 10px; padding: 5px 15px; border-width: 1px; border-style: solid; border-color: #fff #e1e1e1 #e1e1e1 #fff; background: #fff url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_slash01.png); } form.post dl dt { margin: 0.3em 0 0.2em; padding-left: 13px; color: #000; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_icon_arrow01.png) no-repeat left center; } form.post dl dd { margin: 0.4em 0 0.8em; } form.post dl dd input { } form.post div.action { margin: 0.5em 3px 0 0; padding: 5px 20px 20px; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_form-corner0304.png) repeat-x bottom left; } form.post div.action input { margin: 0 5px 0 0; } form.post textarea { width: 80%; max-width: 85%; } /*========================= div#trackback =========================*/ div#trackback { margin: 1em -20px 0; padding: 8px 20px 0; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_line01.png) no-repeat; } div#trackback h2 { padding: 0 20px; border-left: none; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_v_icon080101.gif); background-position: left center; background-repeat: no-repeat; } div#trackback dl.log dt span.name { } div#trackback dl.log dt span.name a { color: #ad1c5d; } /* Trackback Info -----------------------------*/ div#trackback dl.info { margin: 1em 0; padding: 10px 15px 15px; border-left: 5px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_slash01.png); } div#trackback dl.info dt { margin: 5px 0; padding-left: 13px; color: #000; background-image: url(http://blog-imgs-42.fc2.com/b/l/a/blackvicuna2/f3_llist01.gif); background-repeat: no-repeat; background-position: 0 center; } div#trackback dl.info dd { margin: 10px 0; } div#trackback dl.info .URL { padding: 0.4em 1em; border-top: 1px solid #eee; border-left: 1px solid #eee; color: #ad1c5d; background-color: #fff; } /*========================= div#utilities =========================*/ div#utilities dl { margin: 5px 0; padding-bottom: 5px; } div#utilities dl dt { margin: 5px 10px; padding: 2px 0 0; color: #333; font-size: 92%; font-weight: bold; text-transform: uppercase; } div#utilities dl dd { margin: 0 10px; padding: 1px 0; } div#utilities dl dd ul { margin: 5px 10px 5px 20px; } div#utilities dl dd ul li { margin: 0.5em 0; } div#utilities dl dd ul li a { text-decoration: none; } /* div#utilities dl dd > ---------------*/ div#utilities p { margin: 5px 10px; } div#utilities dl dd ul ul { margin-left: 15px; } div#utilities dl dd dl { margin: 0.3em 0; border: 1px solid #eee; } div#utilities dl dd dl dt { font-weight: normal; } div#utilities dl dd form { margin: 0; padding: 1px 5px; border: none; } div#utilities dl dd form legend { display: none; } div#utilities dl dd form input.inputField { width: 45%; } div#utilities dl dd form input.submit { padding: 0.2em 2px; font-size: 11px; } div#utilities dl dd table { margin: 0 auto; _margin-left: 12px; /* for IE6 */ width: 85%; } /* Feeds ---------------*/ div#utilities dl.others dd ul.feed { list-style-type: none; } div#utilities dl.others dd ul.feed li { margin-left: 10px; } div#utilities dl dd ul.feed li a { padding-left: 20px; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_icon_feed.gif) no-repeat; } div#utilities dd p.profImg, div#utilities dd p.plugin-myimage { text-align: center; } /*======================================== div#footer ========================================*/ div#footer { padding: 1px 0; } div#footer ul.support { margin: 0.5em 0; text-align: right; } div#footer ul.support li { margin: 0 0 0 6px; display: inline; font-size: 85%; color: #999; } div#footer ul.support li a { text-decoration: none; color: #999; } div#footer ul.support li a:hover { color: #fff; } div#footer li.template a { } div#footer address { font-size: 92%; margin: 0.5em 0; text-align: right; font-style: normal; color: #333; font-family: "Lucida Sans", "Trebuchet MS"; } div#footer address a { text-decoration: none; color: #333; } div#footer address a:hover { color: #fff; } /*======================================== Class ========================================*/ .count { margin: 0 3px; color: #999; } /* Headline ---------------*/ dl.headline { margin: 1.5em 0; } dl.headline dt span.date { font-size: 85%; } dl.headline dd { margin: 0.5em 0 1.2em; padding-bottom: 1.2em; border-bottom: 3px solid #eee; } dl.headline dd ul { margin: 0; list-style-type: none; } dl.headline dd ul li { margin: 0.3em 5px 0.3em 0; display: inline; font-size: 92%; } dl.headline dd ul li.textBody { display: block; font-size: 100%; } /* ul.thumb ---------------*/ div#utilities dl dd ul.thumb { margin: 0; padding: 0; list-style: none; } div#utilities dl dd ul.thumb li { margin: 0; padding: 0; float: left; width: 33%; overflow: hidden; font-size: 0; } div#utilities dl dd ul.thumb li a img { border: none; border-left: 1px solid #fff; border-bottom: 1px solid #fff; } div#utilities dl dd ul.thumb li a:hover img { border-bottom: 1px solid #000; } /* Tag cloud ---------------*/ ul.tagCloud { margin: 0.5em 0; padding: 1px 0; line-height: 1; _height: 1px; /* for IE6 */ font-size: 13px; text-align: center; font-family : Arial, Helvetica, sans-serif; } div#content div#utilities dl dd ul.tagCloud { margin: 0 8px 0 7px; } ul.tagCloud li { margin: 0; padding: 10px 5px; display: inline; font-size: 100%; } div#utilities dl dd ul.tagCloud li { margin: 0!important; } ul.tagCloud li a { padding: 1px 3px; white-space: nowrap; border: 1px solid #ddd; text-decoration: none; position: relative; } /* Tag level 20 > 1 */ li.levelover a { font-size: 167%; font-weight: bold; color: #295e7a; z-index: 6; } li.level19 a, li.level18 a, li.level17 a, li.level16 a, li.level15 a { font-size: 136%; color: #5798b1; z-index: 5; } li.level14 a, li.level13 a, li.level12 a, li.level11 a, li.level10 a { font-size: 122%; color: #5f88ae; z-index: 4; } li.level9 a, li.level8 a, li.level7 a, li.level6 a, li.level5 a { font-size: 114%; font-weight: normal; color: #809cb5; z-index: 3; } li.level4 a, li.level3 a { font-size: 92%; font-weight: normal; color: #a1aec9; z-index: 2; } li.level2 a, li.level1 a { font-size: 77%; font-weight: normal; color: #c7cbce; z-index: 1; } /* On Mouse */ ul.tagCloud li a:hover { color: #000; background-color: #fff; z-index: 10; } /* Calendar ---------------*/ div#utilities dl dd table.calendar { border: none; border-top: 1px solid #eee; border-left: 1px solid #eee; } body div#utilities table.calendar caption { font-size: 85%; text-transform: uppercase; } div#utilities dl dd table.calendar th, div#utilities dl dd table.calendar td { padding: 0; line-height: 2; text-align: center; vertical-align: middle; font-size: 10px; } div#utilities dl dd table.calendar th { background-color: #ddd; } div#utilities dl dd table.calendar th.sun { color: #333; background-color: #ccc; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_grad04.gif) repeat-x; } div#utilities dl dd table.calendar th.sat { color: #333; background-color: #ccc; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_grad04.gif) repeat-x; } div#utilities dl dd table.calendar td { color: #888; width: 14%; } div#utilities dl dd table.calendar td a { display: block; line-height: 2; 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/future_circle02.gif); } div#utilities dl dd table.calendar td a:visited { color: #aaa; background-image: url(http://blog-imgs-21.fc2.com/b/l/a/blackvicuna/future_circle01.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/future_circle03.gif); } /* Option ---------------*/ .option { margin: 1em 30px; padding: 1px 10px; border: 1px solid #eee; } /* Clearfix ---------------*/ ul#globalNavi, div.entry ul.info, div.entry div.textBody, ul.thumb, ul.flip { _height: 1px; min-height: 1px; /*\*//*/ height: 1px; overflow: hidden; /**/ } ul#globalNavi:after, div.entry ul.info:after, div.entry div.textBody:after, ul.thumb:after, ul.flip:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clear { display: block; clear: both; } /* Skin Name: Future Skin - Layout Module Author: vicuna.jp Layout Class: single, double Eye Cach Class: eye-u, eye-c, eye-h, eye-hb Set Class: double eye-u Fixed Width Class: f800, f850, f900, f950, f1000 */ body { margin: 0 8px; text-align: center; } div#header, div#content, div#footer { width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/ min-width: 600px; max-width: 1000px; margin: 0 auto; position: relative; text-align: left; } /*======================================== Single Column Layout ┏━━━┓ ┃━━━┃ ┣━┳━┫ ┗━┻━┛ ========================================*/ body.single div#main { _height: 1px; /* for IE peekaboo */ } body.single div.entry ul.info { margin-left: -20px; margin-right: -20px; } /* div#utilities ---------------*/ body.single div#utilities { margin-top: 1em; padding: 1.4em 0; background: #f5f5f5 url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_grad02.png) repeat-x; } body.single div#utilities dl { margin: 0; padding: 1px 0; background-color: #fff; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } body.single div#utilities dl dt { margin-bottom: 0; padding: 0.5em 10px 0.5em 10px; border-left: 5px solid #bbb; } body.single div#utilities dl dd { margin: 0 10px 1em; padding: 5px 0; border-left: 5px solid #ddd; border-bottom: 1px solid #eee; border-right: 1px solid #eee; background: #f7f7f7 url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_line-dot.gif) left top repeat-x; } body.single div#utilities dl dd ul { margin: 0.5em 10px 0.5em 25px; } body.single div#utilities dl dd dt { margn: 0; padding: 0.3em 0; color: #333; border: none; background-color: transparent; } body.single div#utilities dl dd dd { border: none; background-image: none; } body.single div#utilities { _height: 1px; min-height: 1px; /*\*//*/ height: 1px; overflow: hidden; /**/ } body.single div#utilities:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /* dl.navi ------------------------*/ body.single div#utilities dl.navi { margin-left: 10px; display: inline; /* for WinIE */ float: left; width: 340px; } /* dl.others ------------------------*/ body.single div#utilities dl.others { margin: 0 10px 0 360px; } body.single div#utilities dl.others form { margin: 0.5em 10px 0; } body.single div#utilities dl.others dd ul.feed { margin: 0; } /*======================================== Double Column Layout - Sidebar on left ┏┓┏━━━┓ ┃┃┃━━━┃ ┗┛┗━━━┛ ========================================*/ body.double div#content { background-color: transparent; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_div-content.png); background-repeat: no-repeat; } body.double h1 { margin: 0 0 0 20px; border-left: 1px solid #eee; } /*-------------------------------------- div#main ---------------------------------------*/ body.double div#main { margin-left: 228px; min-height: 1000px; _height: 1000px; /* for IE */ background-color: #fff; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_div-main.png); background-repeat: no-repeat; background-position: right top; } body.double div#main p.topicPath { margin: 1.7em 13em 0 20px; } body.double ul#flip1 { margin-top: 10px; border-left: 3px solid #eee; border-bottom: 3px solid #eee; } body.double div#content div.entry ul.info { margin: 0 -20px 0 0; padding-left: 20px; _position: relative; /* for IE6 */ } body.double div#content p.return { margin-left: 228px; } /*-------------------------------------- div#utilities ---------------------------------------*/ body.double div#utilities { margin-top: 15px; padding-bottom: 6px; width: 228px; position: absolute; top: 0; left: 0; background: #fff url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_div-utilities.png) left bottom no-repeat; } body.double div#utilities dl { margin: 0; } body.double div#utilities dl dt { margin: 0 5px 0 17px; line-height: 1; } body.double div#utilities dl dd { margin: 0; _height: 1px; /* for IE */ } body.double div#utilities dd ul li { margin-left: 25px; margin-right: 5px; } body.double div#utilities table.calendar { margin: 0 auto; _margin-left: 15px; /* for IE6 */ width: 199px; } body.double div#utilities table.calendar caption { margin: 0 auto; padding: 5px 0 4px; border-bottom: 1px solid #fff; width: 200px; background: #eee url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_caption.gif) no-repeat; } /*-------------------------------------- dl.navi ---------------------------------------*/ body.double div#utilities dl.navi { padding: 1px 0; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_dl-navi.png) repeat-y; } body.double div#utilities dl.navi dt { padding-bottom: 6px; } body.double div#utilities dl.navi dd { padding-bottom: 38px; background: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_dl-navi_dd.png) left bottom no-repeat; } body.double div#utilities dl.navi dd ul { margin: 0 3px 0 17px; padding: 1px 0; background: #f6f6f6 url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_dl-navi_ul.png) left bottom no-repeat; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } body.double div#utilities dl.navi dd ul li a { text-decoration: none; } /* Sub Category */ body.double div#utilities dl.navi dd ul li ul { margin: 0; padding: 0; } body.double div#utilities dl.navi dd ul li li { margin: 0.3em 0 0 10px; } /*-------------------------------------- dl.others ---------------------------------------*/ body.double div#utilities dl.others { padding-top: 0; background: #fff url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_bg_dl-others.png) no-repeat; } body.double div#utilities dl.others dt { margin: 0 2px; padding: 0 13px; border-bottom: none; } body.double div#utilities dl.others dd { margin: 12px 0; 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 5px; } /* Search ---------------------------------------*/ body.double div#utilities dl dd form { margin: 0 6px; padding: 7px 10px; border-width: 1px; border-style: solid; border-color: #ddd #fff #fff #ddd; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } body.double div#utilities dl dd form fieldset { 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 { } /* Feeds ---------------------------------------*/ body.double div#utilities li.atom, body.double div#utilities li.rss { margin-left: 0; } /*-------------------------------------- div#utilities dl > dd > * ---------------------------------------*/ /* dd > p -----------------------------*/ body.double div#utilities dl dd p { margin: 0.6em 13px 0.4em 18px; line-height: 1.4; color: #999; } /* dd > list -----------------------------*/ body.double div#utilities dl dd dl dt { margin: 0.3em 0; background-color: #eee; } 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; } /*======================================== Eye Catch ========================================*/ /* Header - ---------------*/ body.eye-h div#header, body.eye-h div#content, body.eye-h div#footer { width: 800px; } body.eye-h ul#globalNavi { position: absolute; top: 75px; left: 30px; background-image: none; border-left: 1px solid #ddd; } body.eye-h ul#globalNavi a { border-right: 1px solid #ddd; color: #666; background-image: none; } body.eye-h ul#globalNavi a:hover, body.eye-h ul#globalNavi li.current a { color: #000; } body.eye-h div#header { padding: 0; height: 122px; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_header.png); background-repeat: no-repeat; } body.eye-h div#header p.siteName { margin: 0; position: absolute; top: 25px; left: 30px; } body.eye-h div#header p.siteName a { color: #333; } body.eye-h div#header p.description { margin: 0; position: absolute; top: 55px; left: 30px; color: #333; } /* Header Banner - ---------------*/ body.eye-hb div#header, body.eye-hb div#content, body.eye-hb div#footer { width: 800px; } body.eye-hb div#header { padding: 0; } body.eye-hb div#header p.siteName { margin: 0; } body.eye-hb div#header p.siteName a { height: 122px; display: block; text-indent: -9999px; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_header.png); background-repeat: no-repeat; overflow: auto; } body.eye-hb div#header p.description { display: none; } body.eye-hb ul#globalNavi { margin: 5px 0 8px; } /* Content - ---------------*/ body.eye-c div#header, body.eye-c div#content, body.eye-c div#footer { width: 800px; } body.eye-c div#content { padding-top: 228px; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_content.png); background-repeat: no-repeat; } body.eye-c ul#flip1 { position: absolute; top: 230px; right: 0; } body.eye-c div#content p.topicPath { margin-right: 12.5em; } body.eye-c div#utilities { top: 230px; } /* Utilities - ---------------*/ body.eye-u div#content { background-color: transparent; background-image: url(http://blog-imgs-38.fc2.com/b/l/a/blackvicuna/f3_mini.png); background-repeat: no-repeat; } body.eye-u div#utilities { margin-top: 289px; } /*======================================== Special Layout set ========================================*/ /* ---------------*/ body.set1 { } /* ---------------*/ body.set2 div#main { padding-top: 1px; background-image: none; } body.set2 div#content { padding-top: 200px; } /*======================================== Others ========================================*/ /* Fixed 800px - ---------------*/ body.f800 div#header, body.f800 div#content, body.f800 div#footer { width: 800px; } /* Fixed 850px - ---------------*/ body.f850 div#header, body.f850 div#content, body.f850 div#footer { width: 850px; } /* Fixed 900px - ---------------*/ body.f900 div#header, body.f900 div#content, body.f900 div#footer { width: 900px; } /* Fixed 950px - ---------------*/ body.f950 div#header, body.f950 div#content, body.f950 div#footer { width: 950px; } /* Fixed 1000px - ---------------*/ body.f1000 div#header, body.f1000 div#content, body.f1000 div#footer { width: 1000px; } /*======================================== Archive Type ========================================*/ body.mainIndex p.topicPath, body.category p.topicPath { margin-right: 0; } body.mainIndex div#main div.entry ul.info, body.category div#main div.entry ul.info { margin-left: 0; margin-right: 0; padding-left: 10px; } body.individual div#main div.entry ul.info, body.archives div#main div.entry ul.info { padding-left: 30px; border-left: none; } /*======================================== Title: FC2特殊 ========================================*/ /*flot -----------------------*/ .img_L { margin-right: 1em!important; margin-top: 1em!important; float: left; } .img_R { margin-left: 1em!important; margin-top: 1em!important; float: right; } .clear { display: block; clear: both; } /*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: " >>"; } /*Profile -----------------------*/ div#utilities dd .profImg { text-align: center; }