/*==================================================================== * base.css * Author: yosh (support@recettes.jp) *==================================================================*/ /*-------------------------------------------------------------------- * Layout */ /* ---------- Body ---------- */ body { background-color: #eeeeee; border: 1px #aaa solid; margin: 0 auto 0 auto; color: #333; width: 965px; } div.header { } div.footer { margin: 0; clear: both; text-align: center; padding: 10px; line-height: 1.1em; font-size: 90%; color: #888; width: 100%; } div.sidebar { color: #444; width: 200px; float: left; font-size: 100%; margin: 0; } div.main { float: left; width: 765px; margin : 0 auto 0 auto; } div.main2 { width: 765px; margin : 0 auto 0 auto; } div.daytop { background-image: url(maintop.jpg); background-position: top right; background-repeat: no-repeat; padding-top: 25px; } div.daybottom { background-image: url(mainbottom.jpg); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 24px; } div.day { background-image: url(maincenter.jpg); background-position: top right; background-repeat: repeat-y; padding: 5px 10px 10px 25px; } div.sidebar div.block { background-color: #fefefe; border: #aaa 1px solid; margin: 5px 10px 10px 10px; padding: 0; } div.contents { margin: 5px 11px 5px 11px; } /*-------------------------------------------------------------------- * Core */ /* ---------- Link ---------- */ a:link,a:visited { text-decoration: underline; color: #c75; } a:hover { background-color: #ffd0a0; text-decoration: underline; } a:active, a:focus { outline:none; } /* ---------- H1-H5 ---------- */ h1 { background-image: url(allaturca-blue.png); background-image: url(allaturca-gray.png); background-position: top right; background-repeat: no-repeat; margin: 0 0 10px 0; color: #444; height: 60px; padding: 40px 0 0 30px; font-size: 36px; font-style: italic; font-weight: normal; color: #444; border-bottom: 3px double #aaa; font-family: "Times", serif; } h2 { color: #56a; font-family: Times,sans-serif; font-weight: bold; padding-bottom: 3px; margin: 0 20px -50px 0; font-size: 14px; text-align: right; font-family: "skia", "Trebuchet MS", "Lucida Grande", sans-serif; clear: both; position: relative; } h2 span a, h2 span a:hover, h2 span a:visited { text-decoration: none; } div.conf h2 { margin: 0 20px -32px 0; } h3 { font-weight: bold; font-size: 18px; margin: 15px 20px 10px 0; color: #666; border-bottom: 1px #888 solid; padding: 0 0 3px 0; clear: both; } h3.noicon { margin: 15px 20px 10px 0; } h3 a { font-weight: normal; } span.sanchor, span.canchor { display: none; } h4 { color: #444; font-family: Arial,sans-serif; font-weight: normal; clear: both; } div.main h4, div.main2 h4 { font-size: 110%; width: 50%; margin: 15px 0 10px 0; padding: 1px; border-bottom: 1px solid #aaa; } div.sidebar h4 { margin: 0 0 10px 0; padding: 2px 4px 2px 6px; background-image: url(sidebar.jpg); background-position: top left; background-repeat: no-repeat; border-bottom: 1px #aaa solid; padding: 3px 5px 3px 5px; } div.sidebar h5 { color: #444; font-weight: normal; border-bottom: 1px #aaa solid; margin: 10px 0 10px 0; } hr { display: none; clear: both; } span.subtitle { font-size: 14pt; } /*-------------------------------------------------------------------- * SideBar */ div.sidebar p { margin:0 10px 10px 0; /* text-align:center;*/ } div.tag { margin:5px 10px 15px 15px; } div.sidebar form { margin: 0; } div.calendar { margin:0; line-height:1.1em; font-size:100%; } /*-------------------------------------------------------------------- * Admin Menu */ div.adminmenu { line-height: 100%; position: relative; margin: 10px 0 -2em 30px; margin-bottom: -2em; } div.day div.adminmenu { margin: 0; padding: 0; } div.day div.adminmenu a { color: #c75; } div.sidebar div.block div.adminmenu { margin: 0; } span.nyear { font-weight:normal; } div.weather { color:#960; margin:0 5px 0 0; } /*-------------------------------------------------------------------- * tDiary */ div.section { } div.section blockquote { font-style:italic; } /* ---------- Caption ---------- */ div.caption { /* font-size:90%;*/ margin: 8px 30px 10px 10px; padding-bottom: 3px; border-bottom: 1px #888 solid; } div.form { /* margin: 1em 2.5em 1em 1em;*/ } div.form textarea { width: 85%; } /* ---------- Comment ---------- */ div.comment { background-color: #f8f8f8; border: 1px solid #ccc; margin: 30px 30px 0 10px; padding: 5px; /* font-size:90%;*/ color: #666; } div.commentshort p { line-height: 130%; font-size: 90%; margin: 0 0 3px 15px; } div.commentbody { margin: 10px 0 0 10px; } div.commentbody p { line-height: 130%; margin: 8px 0 10px 10px; } span.commentator { color: #666; font-weight: bold; } span.commenttime { /* font-size:90%;*/ } /* ---------- Referer ---------- */ div.refererlist { color: #960; margin: 10px 0 10px 0; font-size:90%; } div.refererlist ul { color: #960; line-height:1.3em; } div.referer { color: #960; text-align: right; font-size: 90%; } /* ---------- Image ---------- */ img { border: 0; padding: 1px; border: 1px solid #bbb; } img.photo { float: left; } div.image { margin: 10px 10px 10px 20px; } img.right { float: right; margin: 5px 10px 5px 5px; } img.left { float: left; margin: 5px 10px 5px 10px; } img.amazon { float: right; margin: 0 10px 5px 5px; } img.icon { padding: 0; margin: 4px 4px -4px 0; border: none; } span.icon { } span.icon a { background-color: transparent; padding: 0; } /* ---------- Plugin ---------- */ div.footnote { border: dotted 1px #aa9; background-color: #ffe; margin: 20px 30px 20px 10px; padding: 4px; font-size: 90%; } span.footnote { margin: 0 2px 0 1px; vertical-align: super; } div.youtube { margin: 10px; } /*-------------------------------------------------------------------- * Text */ p { margin: 8px 20px 8px 10px; line-height: 1.3; } p.foottext { padding: 0; margin: 0 20px 20px 20px; } em, strong { font-weight: normal; font-style: normal; padding: 0px 3px 0px 3px; } em { color: #445588; border-bottom: 1px dotted #445588; } strong { color: #ff3333; border-bottom: 1px dotted #ff3333; } code,kbd,var { font-family: monospace; padding: 0px 3px 0px 3px; } var { font-style: italic; font-weight: bold; margin: 0px 3px 0px 1px; } kbd { border: solid #666666; border-width: 1px 2px 2px 1px; margin: 0px 3px 0px 3px; background-color: #fffff0; } dl { margin: 8px 10px 8px 10px; } dt a:hover { color: black; text-decoration: none; border: none; } dt { text-decoration: underline; padding: 2px; } dd { margin: 0 0 8px 10px; padding: 2px; } /*-------------------------------------------------------------------- List */ ul { list-style-type: circle; } /* ul.recent-list { list-style-image: url(check10.gif); } ul.recent-list-item { list-style-image: none; } */ /*-------------------------------------------------------------------- Table */ table.normal { margin: 10px 20px 10px 20px; border-width: 1px; border-color: #666; border-style: solid; border-collapse: collapse; } table.normal caption { color: #444; text-decoration: underline; margin-bottom: 5px; } table.normal th { border: 1px #666 solid; border-bottom: 3px #666 double; background-color: #ccc; color: #444; font-weight: normal; padding: 3px 5px 3px 5px; background-color: #e0e0e0; } table.normal td { border-width: 1px; border-color: #666; border-style: solid; padding: 3px 5px 3px 5px; } /*-------------------------------------------------------------------- Print */ @media print { div.sidebar, div.header, div.footer, div.comment { display: none; } }