/* Theme Name: BirdSITE Themel URI: http://sysbird.jp/birdsite/ Description: Simple Photolog Version: 1.01 Author: Sysbird Author URI: http://sysbird.jp/blog/ Tags: white, fixed-width, one-column, photoblogging Text Domain: BirdSITE BirdSITE v1.01 http://sysbird.jp/birdsite/ This theme was designed and built by Sysbird, whose blog you will find at http://sysbird.jp/birdsite/ http://sysbird.jp/toriko/ http://sysbird.jp/blog/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php This thems is distributed under the same license as the WordPress package. */ /* Reset -------------------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } html { overflow-y: scroll; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } fieldset, img { border:0; } table { border-collapse: collapse; border-spacing:0; } caption, th { text-align: left; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* HTML -------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; line-height:1em; } h1 {font-size:2em;margin-bottom:.5em;} h2 {font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;} h3 {font-size:1.5em;margin-bottom:.7em;padding-top:.3em;} h4 {font-size:1.25em;margin-bottom:.6em;} h5,h6 {font-size:1em;margin-bottom:.5em;font-weight:bold;} p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;} ul, ol, dl{padding:0;} ul ul, ul ol, ol ol, ol ul, dd{margin:0;} li{margin:0;display:list-item;list-style-position:outside;} blockquote, dd{padding:0 0 0 2em;} pre, code, samp, kbd, var{font:100% mono-space,monospace;} pre{overflow:auto;} abbr, acronym{ text-transform:uppercase; border-bottom:1px dotted #000; letter-spacing:1px; } abbr[title], acronym[title]{cursor:help;} small{font-size:.9em;} sup, sub{font-size:.8em;} em, cite, q{font-style:italic;} img{border:none;} hr{display:none;} table{width:100%;border-collapse:collapse;} th,caption{text-align:left;} form div{margin:.5em 0;clear:both;} label{display:block;} fieldset{margin:0;padding:0;border:none;} legend{font-weight:bold;} input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;} /* Base -------------------------------------------------------------------*/ body{ background: #fff; font-size: 90%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; line-height: 1.6; color: #555; background: #fff; } a, a:visited{ text-decoration:none; color:#06C; } a:hover{ text-decoration: underline; } #wrapper{ margin: 0 auto; padding: 0; width: 610px; position: relative; } /* Header -------------------------------------------------------------------*/ #header { position: relative; height: 200px; text-align: right; } #header h1, #header #site-title { font-size: 200%; position: absolute; top: 10px; left: 0; font-weight: bold; margin: 0; padding: 0; line-height: 1; } #header #tagline { position: absolute; top: 3em; left: 0; } #header ul { position: absolute; bottom: 0; left: 0; width: 610px; padding-bottom: 5px; border-bottom: solid 1px #002A5A; } #header ul li { display: inline; padding: 0 20px; font-weight: bold; } #header ul li a { color: #002A5A; } #header ul li a:hover { color: #002A5A; } /* Content -------------------------------------------------------------------*/ #content{ background: #FFF; width: 610px; text-align: left; } #content p { text-align: left; } #content .entry { text-align: center; } #content h1 { font-size: 130%; font-weight: normal; margin: 10px 0 30px; padding: 0; line-height: 1.5; } #content table caption { font-weight: bold; color: #333; font-style: italic; } #content table th { border-bottom: solid 1px #CCC; font-weight: bold; } #content table td { border-bottom: solid 1px #CCC; } #content blockquote { margin-left: 1em; } #content pre { border: dashed 1px #CCC; padding: 10px; } #content ul, #content ol { margin-left: 1em; } #content h2 { font-size: 120%; font-weight: bold; margin: 0 0 0.5em 0; } #content h3 { font-size: 120%; margin: 0 0 0.5em 0; } #content h4 { font-size: 110%; margin: 0 0 0.5em 0; } #content h5 { font-size: 100%; margin: 0 0 0.5em 0; } #content h6 { font-size: 100%; margin: 0 0 0.5em 0; } /* thumbnail List -------------------------------------------------------------------*/ #content #thumbnail { width: 610px; } #content #thumbnail:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } #content #thumbnail a { color: #002A5A; } #content #thumbnail ul { padding: 0; margin: 0; margin-right: -20px; zoom: 1; } #content #thumbnail ul li { font-size: 90%; width: 150px; overflow: hidden; padding: 20px 20px 35px 20px; margin: 0 20px 10px 0; border-top: solid 1px #E4E4E4; background: url(images/shadow.gif) no-repeat bottom left; min-height: 250px; height: auto !important; height: 250px; display:inline-block; vertical-align:top; _display:inline; /* IE6 and below */ _zoom:1; /* IE6 and below */ } #content #thumbnail ul li h2 { font-size: 110%; font-weight: normal; line-height: 1.2; margin: 0 0 10px 0; padding: 0; } #content #thumbnail ul li h2 a { color: #555; } #content #thumbnail ul li img { border: none; margin-bottom: 10px; } #content #thumbnail ul li p { font-size: 90%; margin : 0; text-align: center; color: #333; font-style: italic; } /* Pagenation -------------------------------------------------------------------- */ #content .tablenav { margin-top: 20px; color: #00A; } #content .tablenav a.page-numbers, #content .tablenav .current { color:#06C; padding: 2px .4em; border:solid 1px #CCC; background: #EFEFEF; text-decoration:none; font-size:smaller; } #content .tablenav a.page-numbers { font-weight: bold; } #content .tablenav a.page-numbers:hover { border-color: #DF610D; color: #DF610D; font-weight: bold; } #content .tablenav .current { color: #333; background: #DDD; border-color: #CCC; } #content .tablenav a.next, #content .tablenav a.prev { border: none; background: #FFF; } /* Single Post Page -------------------------------------------------------------------*/ .single #content .postMeta { margin: 20px 0 0; padding-top: 0; padding-bottom: 17px; text-align: left; } .single #content .posttag { font-size: 85%; text-align: right; margin-top: 1em; } .single #content img { margin: 0 auto 1em; display: block; border: 1px solid #DDD; } .single #content .page-link { } .single #content .page-link a { color:#06C; padding: 2px .4em; border:solid 1px #CCC; background: #EFEFEF; text-decoration:none; font-size:smaller; } .single #content .page-link a:hover { border-color: #DF610D; color: #DF610D; } /* Comments -------------------------------------------------------------------*/ .single #content #comments { margin-top: 20px; } .single #content #comments h2 { font-size: 130%; font-weight: normal; margin: 2em 0 1em 0; } .single #content #comments ol, .single #content #comments ul { list-style: none; } .single #content #comments ol li { padding: 0; padding-left : 1em; border-left: 5px solid #DDD; } .single #content #comments p{ margin-top : 1em; } .single #content #comments li .author{ color: #C45B7B; } .single #content #comments li .posted{ font-size: 85%; } .single #content #comments li img { float: left; margin-right: 1em; } .single #content #comments fieldset{ } .single #content #comments fieldset label { padding: 3px 0; } .single #content #comments fieldset em { font-size: 85%; } .single #content #comments fieldset label input{ width: 300px; padding: 2px; margin-right: 1em; } .single #content #comments fieldset textarea{ width: 400px; max-width: 400px; height: 100px; padding: 2px; } .single #content #comments fieldset input#submit{ padding: 5px 10px; } /* 404 -------------------------------------------------------------------- */ .error404 #content ul li{ list-style: none; margin: 0 0 0 20px; padding: 5px; list-style-type: disc; } /* Sidebar -------------------------------------------------------------------- */ #sidebar { margin: 40px auto 10px; } #sidebar h3 { font-size: 100%; color: #002A5A; font-weight: bold; border-bottom: solid 1px #002A5A; padding-bottom: 5px; } #sidebar .widget{ text-align: left; width: 190px; margin: 0 5px 10px 5px; float: left; } #sidebar ul { margin-left: 1em; list-style: none; } #sidebar ol { margin-left: 1em; } /* Footer -------------------------------------------------------------------- */ #footer { clear: both; width: 610px; margin: 0 auto; text-align: center; } #footer #qsearch { padding: 0; border: none; width: 500px; height: 33px; margin: 15px auto; background: #F2F0F0 url(images/qsearch_long.gif) no-repeat; } #footer #qsearch input { float: left; border: none; background: transparent; margin: 0; } #footer #qsearch input#s { width: 440px; padding: 5px; } #footer #qsearch .btn{ float: right; margin: 5px 5px 0 0; } /* Clearfix -------------------------------------------------------------------- */ #wrapper:after, .post:after, .commentlist:after, .commentForm:after, #footer .elsewhere:after, #metaContent .metaExtend:after, #nav:after, #nav ul:after, #archives ul:after, #coreContent .postMeta:after, #recentPosts li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* used by the visual editor -------------------------------------------------------------------- */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }