/** * Theme Name: Blue Kino * Theme URI: http://kino.pandela.net/ * Description: My first wordpress theme. * Version: 1.2 * Author: Kino * Author URI: http://kino.pandela.net/ */ body { font: 13px/1.5em Lucida Grande, Arial, Tahoma, Verdana; background: #D8E7F3 url("images/bg.png") repeat-x; color: #333; padding: 0; margin: 0; } img { border: none; } a { font-weight: bold; text-decoration: none; } h2 { text-align: left; font-size: 16px; margin: 0; padding: 10px 0 0; } blockquote { color: #777; } #header { top: 20px; right: 50px; width: 125px; height: 125px; z-index: 1000; text-align: right; position: absolute; background: url("images/badge.png") no-repeat; } #container { } #feedburner { position: absolute; top: 126px; _top: 125px; right: 165px; z-index: 2000; } #logo { position: absolute; left: 50px; width: 500px; height: 100px; z-index: 3000; background: url("images/logo.png") no-repeat; } /*------- Tab Menu ---------*/ #nav { list-style: none; margin: 0; padding: 128px 0 0 5px; width: 525px; font: x-small/normal tahoma, verdana, arial, helvetica, sans-serif; } #nav li { display: inline; } #nav a { margin: 0; float: left; padding: 0 0 0 24px; font-weight: normal; border-bottom: 1px solid #e6e6e6; background: url("images/tab.gif") no-repeat left top; } #nav a span { color: #777; float: left; padding: 5px 36px 4px 11px; background: url("images/tab.gif") no-repeat right top; } #nav #current a { border-width: 0; font-weight: bold; background-position: 0 -80px; } #nav #current a span { color: #555; padding-bottom: 4px; background-position: 100% -80px; } #nav a:hover { background-position:0% -40px; } #nav a:hover span { background-position:100% -40px; } /*------- Posts ---------*/ #content a, .entry a, .commentlist a, #footer a { color: #39C; } #content a:hover, .entry a:hover, .commentlist a:hover, #footer a:hover { border-bottom: 1px dashed; } .entry { margin: 50px 10px; padding: 10 10 20px; text-align: justify; } .entry li { list-style: none; margin: 10px 0 0; list-style-image: url("images/bullet.gif"); } .entrycontent { margin: 0; background: #FFF; position: relative; padding: 0 30px; } .pie { color: #777; font-size: 12px; text-align: right; } .date { color: #3399CC; } .categories { padding-left: 15px; background: url("images/post.gif") center left no-repeat; } .comments { padding-left: 17px; background: url("images/comments.gif") center left no-repeat; } .digg { padding-left: 20px; background: url("images/digg_16x16.gif") center left no-repeat; } .delicious { padding-left: 15px; background: url("images/delicious_14x14.gif") center left no-repeat; } /*------- Rounded divs ------------*/ .topl { height:15px; background: #FFF url(images/topl.gif) left no-repeat; } .topr { height:15px; background: url(images/topr.gif) right no-repeat; } .bottoml { height:15px; background: #FFF url(images/bottoml.gif) left no-repeat; } .bottomr { height:15px; background: url(images/bottomr.gif) right no-repeat; } /* --- Comments template --- */ #comments { margin: 30px 0 0; padding: 20px 0 0; border-top: 1px solid #e6e6e6; } #comments li { list-style: none; list-style-image: none; margin: 0 15px 0 -30px; } #comments .header { background-color:#EDF3DE; } #comments .header.alt { background-color:#D8E7F3; } /* --- Footer ---*/ #footer { /*margin-top: 20px; text-align: center; background-color: #ffffff; min-width: 120px;*/ } /* Other */ /* the border-top here is the dividers */ .meta { color: #777; border-top: 1px solid #e6e6e6; margin: 0; } /* -- 3 Column -- */ /* All the content boxes belong to the content class. */ #content { padding: 0; position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */ width: auto; min-width: 120px; margin: 0 220px 20px 220px; z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */ } #leftbar { padding: 0; position: absolute; width: 200px; top: 178px; left: 20px; background-color: #fff; z-index: 2; } #rightbar { padding: 0; position: absolute; width: 200px; top: 178px; right: 20px; background-color: #fff; z-index: 1; } .sidebar { padding: 0; margin: 0; } .sidebar ul { list-style: none; margin-left: 1em; } .sidebar #submit { /*margin-top: 3px;*/ } /* Subscribe */ .subscribe { display: none; } /* Category collapse */ #m1, #m2, #m3, #m4 { display: block; } /* Added by fd */ #rightbar ul, li { margin: 0; padding: 0; list-style-type: none; } #rightbar ul { margin: 10px 0; padding: 0 10px; } #right li ul { /* padding: 0; margin: 0; */ } #rightbar ul#rightbarul, #rightbar li#ads, #rightbar li#ads ul { margin-top: 0; padding-top: 0; } a.lititle { display: block; } #ads a.lititle { background: top left url('http://cyber-knowledge.net/wordpress/wp-content/themes/BlueKino/images/affiliates.gif') no-repeat; } li#categories a.lititle { background: top left url('http://cyber-knowledge.net/wordpress/wp-content/themes/BlueKino/images/categories.gif') no-repeat; } li#archives a.lititle { background: top left url('http://cyber-knowledge.net/wordpress/wp-content/themes/BlueKino/images/archives.gif') no-repeat; } /* Mongo button */ input.button { font-size: 135%; margin-top: 2px; padding: 3px 10px; } /* Advanced Search form */ #ctas_form { text-align: left; } #ctas_form fieldset ul { list-style: none; margin: 5px 15px; padding: 0; } #ctas_form fieldset { border: 1px solid #777; margin: 15px 0; padding: 15px; } #ctas_form legend { font-size: 1.1em; font-weight: bold; } #ctas_form fieldset li { list-style: none; margin: 0; padding: 0; } #ctas_form fieldset li:before { content: ''; } #ctas_form input { border: 1px solid #777; background-color: #f9f9f9; color: #444; } #ctas_form input:focus { background-color: #fff; color: #444; } #ctas_footer p { font-size: 0.9em; text-align: center; margin-top: 25px; border-top: 1px solid #888; }