/* This is the CSS stylesheet that is used for "[dtk] Plain" Nucleus skin. Here's how the pages are built up: MAIN PAGE --------- body div#header div#mainbody div#contents h1 (site title) h2 (date header) h3 (item title) div.itembody (item text) div.btnspace (read more button) div.iteminfo-short div.iteminfo-l (author / comment(amt) / trackback(amt) / edit / ping) div.iteminfo-r (category / time) div#menu h1 (navigation, hidden link) h2 (menu titles) div#footer DETAILED PAGE ------------- body div#header div#mainbody div#contents h1 (site title) h2 (date header) h3 (item title) div.itembody (item text) div.iteminfo (category / time / author / edit) div.btnspace (back button) h2 (comment header) h3 (comment title) div.commentbody div.commentinfo h2 (trackback header) h3 (trackback title) span.commentinfo div.commentbody div.btnspace (pagetop button) div#menu h1 (navigation, hidden link) h2 (menu titles) div#footer OTHER PAGES ----------- other pages are similar, having a .contents and a .menu part */ /* The body definitions define how the page should globally look: - a normal Trebuchet MS, verdana, arial or font from the sans-serif family - black text on a white background */ html { height: 100%; /* for MZ */ margin: 0; /* for OP */ padding: 0; /* for OP */ } body { background: white; /*background: white url("img/bg.jpg") top repeat;*/ height: 100%; width: 730px; margin: 0 auto; padding: 0px 30px; font-family: "Trebuchet MS", verdana, arial, sans-serif; color: black; font-size: small; } form { margin: 5px 0; } div.commentform .formfield { font-family: "Osaka" "Trebuchet MS", verdana, arial, sans-serif; /* for Mac (mojibake) */ } a { text-decoration:none; color:blue; } a:hover { text-decoration: none; background-color: #ccc; color: white; } a.nohover:hover { background-color: white; color: black; } /* The definitions below determine how the page looks. There are 3 main div-elements, which are all positioned absolute (relative to the upper left corner of the screen): .contents: contains the main contents of the page. .menu: sidebar with menu .logo: logo to be displayed above the sidebar */ div#header { margin: 0px; } div#footer { clear: both; margin: 0px; padding: 20px 0; font-size: small; text-align: right; } div#mainbody { margin: 0px; } /* definitions applying to the contents block */ div#contents { float: left; width: 500px; padding: 0 5px; line-height: 170%; /*font-size: 85%;*/ } .btnspace { margin: 20px 0px; text-align: center; } div#menu { float: left; width: 210px; padding: 0 5px; /* use a lighter text color (grey) and a smaller font */ color: black; font-size: small; } /* Definitions for headers in the menu (.menu h2), page titles (h1) and dateheads (.contents h2): - page titles are centered (within the .contents div) - menu headers (h2) use a small font - dateheads use a large font and are in a box */ h1 { margin: 0; padding: 10px 0; letter-spacing: 0.4em; text-align: center; } h2 { margin: 20px 0 10px; padding: 5px 0px; letter-spacing: 0.3em; font-size: x-large; background-color: black; } #menu h2 { /*background: #ccc url(img/header_bg.gif) repeat-x bottom;*/ background-color: red; padding: 5px 3px; color: pink; font-size: small; letter-spacing: 0.2em; } #menu p.desc { margin: 0; margin-top: -5px; padding: 0; text-align: right; font-size: x-small; color: black; } #menu ul { margin: 0; } #contents h2 { color: #ccc; } /* Definitions for the item listings like they are done on the main page and in archives - h3.item is the title of an item (

) - .itembody is the item contents - .iteminfo contains the time of posting and the name of the author, and the amount of comments anchors in the iteminfo (.iteminfo a) are not underlined and bold */ /* item title, etc. */ h3 { margin: 0px; margin-top: 10px; color: RED; } div.itembody { width: 500px; /* for IE (to enable overflow:auto)*/ overflow: auto; margin-top: 5px; margin-bottom: 5px; } .iteminfo, .iteminfo-short { border-top: 2px dotted #ccc; margin-top: 10px; padding: 2px; font-size: small; color: gray; } .iteminfo-short { padding-bottom: 20px; } .iteminfo a, .iteminfo-short a { font-weight: bolder; color: black; text-decoration: none; } .iteminfo-r { float: right; color: black; } .iteminfo-l { float: left; } /* Definitions of how comments listings look like on item pages - h3.comment contains the name of the comment author - .commentbody contains the text from the comment - .commentinfo contains the time of commenting */ /* comment title */ h3.comment { /*font-size: medium;*/ margin-bottom: 10px; } .commentbody { /* text-align: justify;*/ } .commentinfo { font-size: small; color: gray; } /* Some rules that apply to lists navigation list archive list category list */ ul.navilist { list-style: none; margin: 0; padding: 0; } ul.navilist li { padding-left: 14px; background: url(img/ico_link.gif) left no-repeat; } ul.archivelist { list-style: none; margin: 0; padding: 0; } ul.archivelist li { padding-left: 14px; background: url(img/ico_archive.gif) left no-repeat; } ul.categorylist { list-style: none; margin: 0; padding: 0; } ul.categorylist li { padding-left: 14px; background: url(img/ico_cat.gif) left no-repeat; } ul.categorylist li.nofilter { padding-left: 14px; background: url(img/ico_cat2.gif) left no-repeat; } /* Some rules that apply to contents generated using the markup buttons "add left box" and "add right box" both boxes have slightly larger text, and take a maximum of 20% of the width of the contents. */ .leftbox, .rightbox { font-size: larger; width: 20%; } .leftbox { float: left; border-right: 5px solid #ddd; margin-right: 5px; padding-right: 2px; } .rightbox { float: right; border-left: 5px solid #ddd; margin-right: 5px; padding-right: 2px; } /* Some general rules: - images never have a border (even when they are inside a hyperlink) - elements having class="skip" are not shown - item lists using