since04/07/09
■§ NOTES
- CSS実験。表示確認にも。
06/03/16
WOOD FLOOR
@charset "euc-jp"; /** h1:#E1BA91 深蒼/フレーム:#6F4F35 蒼/引用:#E1BA91 other:#E1BA91 **/ html { margin:0; padding:0; border:none; } html *{ -moz-box-sizing: border-box ; box-sizing: border-box ; } body { font-size: 80%; font-family: Verdana, Osaka, sans-serif; line-height: 1.5; letter-spacing: 0px; color: #000000; background-color: #ffffff; margin: 0; padding: 0; background-position: top left; word-break: break-all ; word-wrap: break-word ; scrollbar-face-color: #6F4F35; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-arrow-color: #ffffff; } .hatena-body{ position: relative ; width: 520px ; text-align: left; margin: 0 0 0 50px; padding: 0; } div.title{ } .main{ margin: 0; _width: 100%; } h1 { width: 750px; margin: 10px 10px 10px 50px; padding: 10px; font-size: 120%; text-align: left; line-height: 1.2; font-family: Verdana, Osaka, sans-serif; letter-spacing: 1em; color: #E1BA91; height: 320px; background-image: url("http://f.hatena.ne.jp/images/fotolife/P/PultraMan/20060313/20060313115645.jpg"); background-position: left; background-repeat: no-repeat; background-margin: 0 0 0 50px; } div.day { width: 520px; text-align:left; background-color: #6F4F35; margin: 0; padding: 0; _width: 100% ; text-align:left; } h2 { font-size: 100%; color: #E1BA91; font-weight:bold; text-decoration:none; letter-spacing: 0px; margin: 0; padding: 4px 7px; text-align:center; } span.date{ letter-spacing: 0px; } span.title{ margin-left: 5px; } h2 a{ text-decoration: none; border: none; color: #E1BA91; } h2 a:hover{ text-decoration: none; border: none; color: #6F4F35; } div.body { padding: 1.5em 0 0.5em 0; margin: 0; border-left: solid 2px #6F4F35; background-color: #ffffff; width: 100% ; } div.section{ margin: 0 1.5em 1em 1.5em ; } div.section P { margin: 1em; text-align:left; } h3 { color: #000000; font-size:100%; font-weight: bold; margin:0; padding: 0; text-align:left; } h3 a{ border: none; } a.sectioncategory{ } span.sanchor{ color: #6F4F35; margin: 0; } span.timestamp{ font-size:70%; font-weight: normal; letter-spacing: 0px; } /*************** decoration ********************/ a{ text-decoration: none; color: #000000; border-bottom:solid 1px #000000; } a.keyword, a.okeyword { border-bottom: none; text-decoration: none; } a.keyword:hover { color: #E1BA91; text-decoration: none; border-bottom: 1px solid #d0d0d0; } a.okeyword:hover { color: #ffcc33; text-decoration: none; border-bottom: 1px solid #d0d0d0; } a img{ border: none; } a:link{} a:visited{} a:hover { color: #E1BA91; } a:active { } h4 { color: #000000; font-size:100%; font-weight: bold; margin: 5px 10px; border-left: 2px solid #6F4F35; border-top: 3px solid #6F4F35; padding: 0px 0.5em 0.1em 0.5em; text-align: left; } h5{ color: #000000; font-size:100%; font-weight: bold; border-left: 2px solid #6F4F35; margin: 0px 10px; padding: 0px 0.5em 0em 0.5em; } /****** h5{ color: #000000; font-size:100%; font-weight: bold; margin: 0; padding: 0; } ******/ blockquote{ border-left: 2px solid #6F4F35; margin: 10px 10px; padding:; background-color: #E1BA91; } .section blockquote p{ margin: 5px 5px; padding: 0; } cite{ font-weight: bold; font-style: normal; } cite a{ border: none; } pre { border: solid 1px #6F4F35; margin: 10px; padding: 10px; background-color: #6F4F35; color: #ffffff } font{ line-height: 1.2em; } em, em a{ font-weight: bold; font-style: normal; border: none; background-color: #ffffff; } ins, ins a{ text-decoration: none; border: none; color: #666666; } span.highlight { color: white; background-color: #6F4F35; padding: 1px; } /************************* list **********************/ .section ul{ } .section ul li { } .section ul ul{ } .section ol { } .section dl{ margin: 1em; } .section dt{ font-weight: bold; } /********************** img ***************************/ img.photo{ float: right; margin: 0 2em 10px 10px; border: 0; } img.asin{ float: right; margin: 0 0 10px 10px; border: 0; } /********************* footnote **********************/ span.footnote{ font-size: 70%; } span.footnote a{ border: 0; } div.footnote{ margin: 1em 2em; } p.footnote{ margin: 0; font-size: 90%; } /********************** comment ***********************/ div.comment, div.refererlist{ background-color: #ffffff; width: 100% ; padding: 1em; margin: 0; } div.refererlist{ padding: 0 1em 1em 1em; } div.refererlist ul, div.comment ul{ margin: 0 2em; padding: 0; list-style-type: square; font-size: 80%; letter-spacing: 0px; } form div.refererlist ul, form div.comment ul{ font-size: 100%; letter-spacing: 1px; } div.caption{ font-size: 80%; padding: 0; margin: 0; } div.caption a{ border: none; } div.refererlist div.caption{ font-size: 80%; border-left: solid 1px #6F4F35; border-top: solid 2px #6F4F35; padding: 0px 0.5em 0.1em 0.5em; } form div.refererlist div.caption{ font-size: 100%; padding: 0 0.5em; margin: 0.5em 0; border-bottom: solid 1px #6F4F35; } div.caption a{ border: none; } div.commentshort{ margin: 0 0.5em; } div.commentshort textarea{ width: 90%; } span.canchor{ display: none; } div.commentshort a{ border: none; } span.commentator{ font-weight: bold; display:block; margin: 0 0 0 -1em; } form span.commentator{ display: inline; margin: 0; } div.commentshort P { margin: 5px 0 0 1em; font-size: 90%; letter-spacing: 0px; } /********************** sidebar ***********************/ .sidebar{ position: absolute; top: 405px; left: 590px; width: 210px; padding: 0; margin: 0 ; text-align: left; color: #000000; } .recentitem{ display:none; } .hatena-module{ margin:0 0 15px 0; background-color: #6F4F35; } .hatena-moduletitle{ letter-spacing: 0px; font-size: 100%; font-weight: bold; letter-spacing: 0px; padding: 4px 7px; margin: 0px; color: #E1BA91; text-align: center; } .hatena-moduletitle a{ border: none; color: #E1BA91; } .hatena-moduletitle a:hover{ border: none; color: #6F4F35; } .hatena-modulebody{ padding: 1em; margin: 0; background-color: #ffffff; border-left: solid 2px #6F4F35; font-size: 80%; width: auto; _width: 100%; } .hatena-modulebody a{ border: none; } /********************** sideber li **********************/ .hatena-modulebody ul{ padding: 0; margin: 0; list-style-type: none; } .hatena-modulebody li { } .hatena-modulebody li a{ display: block; padding: 3px 5px; margin: 0; line-height: 1.2; _width: 100%; } .hatena-modulebody li a:hover { color: #6F4F35; border: 0; _width: 100%; } /*************** trackback/comment module ****************/ .hatena-modulebody ul.hatena-recentcomment li a{ display: inline; width: auto; padding: 0; } .hatena-modulebody ul.hatena-recentcomment li a:hover{ width: auto; } /******************asin detail***********************/ div.hatena-asin-detail { margin: 10px 10px; padding: 2px; _width: 100%; background-color: #E1BA91; border-left: 2px solid #6F4F35; } img.hatena-asin-detail-image { float: left; border: 0; margin: 0 10px 0 0 ; } div.hatena-asin-detail-info{ float: left; margin: 0; word-break: break-all; } .section p.hatena-asin-detail-title{ font-weight: bold; _width: 100%; margin: 0; } div.hatena-asin-detail-info ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; } div.hatena-asin-detail-info li { margin: 0; padding: 0; } div.hatena-asin-detail p a{ border: 0; } div.hatena-asin-detail-foot { clear: left; } /************************ form **********************/ form{ margin: 0; padding: 0; } form.hatena-searchform{ margin: 5px 0; } div.day form{ margin: 0; padding: 0; } div.day form div.body{ margin: 0; padding: 0 15px; } /******************* photo module *******************/ ul.hatena-photo{ padding: 5px 0; margin: 0; width: auto; list-style-type: none; text-align: left; } ul.hatena-photo li{ margin: 0; display: inline; width: none; } ul.hatena-photo li img{ } ul.hatena-photo li a{ display: inline; width: 48%; margin: 0 0 10px 0; padding: 0; text-align: center; } ul.hatena-photo li a:hover{ width: 48%; background-color : transparent; background-image: none; } ul.hatena-photo li a img{ filter: none; border: 1px solid #999999; } ul.hatena-photo li a:hover img{ filter: none; border: 1px solid #6F4F35; } /********************** calender **********************/ div.calendar { font-size:80%; margin: 0 ; padding: 0; text-align: right; } div.calendar a{ border: none; } /********************** calendar2 **********************/ table.calendar{ font-size: 90%; letter-spacing: 0px; margin: 0; width: 100%; padding:0; background-color: #ffffff; border: none; background-image : none; background-repeat: no-repeat; text-align: center; } td.calendar-current-month{ font-weight: bold; } td.calendar-prev-month, td.calendar-current-month, td.calendar-next-month{ text-align:center; } td.calendar-day a{ border-bottom: 1px solid #000000; } td.calendar-weekday, td.calendar-sunday, td.calendar-saturday{ display:none; } td.calendar-day a img { width: 12px; height: 12px; border: solid 1px #f0f0f0; } td.calendar-day a:hover img{ border: solid 1px #6F4F35; } /********************** header **********************/ table{ width: 750px; margin: 0 0 0 50px; padding: 0 10px; } td { background-color : transparent; } table table td{ background-color : transparent; } table table{ margin: 0; padding:0; border: none; width: 100%; background-image: none; background-color: transparent; } table table td{ font-size: 80%; } table table td font, table table td a{ border:none; color: #000000; } td a{ border: 0; } table input{ border: solid 1px #6F4F35; color: #000000; background-color: transparent; } .hatena-body table{ width: auto; margin: 0; padding:0; border: 0; background-image: none; background-color : transparent; } /************************ other ****************************/ hr { height: 1px; color: #6F4F35; width: 100%; } div.adminmenu{ text-align: right; width: 85%; padding: 1em 0; margin: 0 auto; font-size: 80%; background-color: #ffffff; color: #000000; } div.adminmenu a{ border: none; color: #000000; } div.hatena-body div.adminmenu{ text-align: right; margin: 0; padding: 0.5em 0; width: auto; border: 0; } div.refererlist{ background-color: #ffffff; } /** div.hatena-asin-detail { margin: 10px; padding-left: 10px; } div.hatena-asin-detail p { text-indent: 0em ! important; line-height: 150%; } div.hatena-asin-detail ul { list-style-type: none; margin: 0; margin-top: 10px; padding: 0; } img.hatena-asin-detail-image { float: left; border: 0; } div.hatena-asin-detail-info { margin-left: 10px; float: left; word-break: break-all; } p.hatena-asin-detail-title { font-weight: bold; } div.hatena-asin-detail-foot { clear: left; } **/ /************************ table ****************************/ div.day table{ margin:10px; } div.day table tr th{ font-size:80%; padding:3px; background:#E1BA91; border-top:1px solid #6F4F35; } div.day table tr td{ font-size:80%; padding:3px; } div.day table.plaintable{ margin:0px; } div.day table.plaintable tr td{ padding:0px; font-size:100%; } div.day table.plaintable tr th{ padding:0px; background:none; border:none; font-size:100%; } /************************ profile ****************************/ p.hatena-profile-image { text-align: center; } p.hatena-profile-id { display:none; } p.hatena-profile-body { text-align: center; word-break: normal; } /*********パンくずリスト********/ div.breadcrumbs{ padding: 0; margin: 0px 0px 10px 0px; color: #E1BA91; background-color: #6F4F35; text-align: center; } div.breadcrumbs p { font-size: 80%; padding: 0 ; margin: 5 5px; } div.breadcrumbs a{ border: none; color: #E1BA91; } /************************ print ****************************/ @media print { h1 { width: 100%; margin: 10px 10px 10px 50px; padding: 10px; font-size: 120%; text-align: left; line-height: 1.2; font-family: Verdana, Osaka, sans-serif; letter-spacing: 1em; color: #6F4F35; height: 50px; } body { font-size: 80%; font-family: Verdana, Osaka, sans-serif; line-height: 1.5; letter-spacing: 0px; color: #000000; background-color: #ffffff; margin: 0; padding: 0; background-position: top left; word-break: break-all ; word-wrap: break-word ; } h2 { font-size: 100%; color: #ffffff; font-weight:bold; text-decoration:none; letter-spacing: 0px; margin: 0; padding: 4px 7px; text-align:center; border-left: 2px solid #6F4F35; border-top: 5px solid #6F4F35; } .sidebar{ display:none; } table{ width: 520px; margin: 0 0 0 50px; padding: 0 10px; } table table td{ font-size: 80%; } } div.body { clear: both; }
コメント