/* Theme Name: Blue line Theme URI: http://www.valutakurserne.dk/blueline.zip Description: Clear Blue WordPress theme, two-columns, fixed-width, conservative, widget-ready sidebar, custom menus, custom header, comment on page, left sidebar, Footer on post with tags, catagories, Header on post with images and "Edit" link, Threaded Comments with speech bubble Version: 1.0 Author: Jimmy Sigenstroem Author URI: http://www.valutakurserne.dk Tags: blue, white, two-columns, fixed-width, custom-header, custom-menu, threaded-comments License: GNU General Public License v2.0 License URI: license.txt */ /* Reset (http://meyerweb.com/eric/tools/css/reset/) ------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /*---------------------------- General -----------------------------*/ * { margin: 0; padding: 0; } a { color: #57648e; } a:hover { color: #7b797a; } body { background-image: url(design/bg.jpg); background-repeat:repeat-x; background-color:#fff; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0; color:#111; } input { color: #111; font: normal 1.1em "Lucida Sans Unicode",sans-serif; } p,code,ul, ol { font-size: 1.1em; padding-bottom: 1.2em; } cite { font-size: 1.2em; padding-bottom: 1.2em; color:#57648e; } h1 { font-size: 1.4em; margin-bottom: 4px; } h2 { font-size: 1.4em; margin-bottom: 4px; } h1,h2,h3 { color: #57648e; padding-top: 6px; } .alignright { text-align:right; align:right;} .alignleft { text-align:left;} .aligncenter { text-align:center;} /*---------------------------- Misc ----------------------------*/ .clearer { clear: both; } #postnavigation{ height: 20px; margin-bottom: 10px; text-align: center; color: Gray; } /*---------------------------- Header ----------------------------*/ .banner { background-image: url(design/header.jpg); background-repeat:no-repeat; width: 995px; height: 222px; } .center_wrapper { margin: 0 auto; width: 955px; } .header { margin: 0 auto; width: 955px; } /*---------------------------- Pagetitle ----------------------------*/ .headertitle { float: left; padding: 0px 0 0 0px; color: #FFF; width: 720px; } .headertitle h1 { padding-left:25px; color: #FFF; font: normal 2.8em Verdana,sans-serif; padding-top:28px; } .headertitle h2 { font-size: 1.1em; font-weight:normal; padding-top:0px; padding-left:40px; color: #FFF; } .headertitle a { text-decoration: none; color: #FFF; } /*---------------------------- Navigation(Top) ----------------------------*/ #navigation { padding-top:47px; } #navigation ul, #navigation li { display: inline; } #navigation li { display: inline; } #navigation a { border-left: 1px solid #FFF; color: #FFF; float: left; font: bold 0.9em Georgia,Tahoma,sans-serif; margin-right: 1px; margin-top: 1px; padding: 10px 14px; text-align: center; text-decoration: none; } #navigation li:last-child a {border-left: 1px solid #FFF; padding: 10px 10px;} #navigation a:hover,#navigation li.current_page_item a { color: #999; } .last { border-right: 1px solid #FFF; padding: 0px 0px 20px; } /*---------------------------- Main page ----------------------------*/ #layout_body { width : 995px; margin : 0 auto; text-align : left; } .main { width : 995px; background-image: url(design/indhold.jpg); } /*---------------------------- Content ----------------------------*/ .clock { background-image: url(design/clock.png); background-repeat:no-repeat; padding-left:13px; } .posted { background-image: url(design/author.png); background-repeat:no-repeat; padding-left:13px; } .content, .wp-caption-text { float : right; width : 720px; padding : 0px 5px 0px 5px; } .content .postheader { text-decoration: none; color: #57648e; } .content .description { color: #57648e; margin-bottom: 6px; } .content li { margin-left: 0px; font-size: 0.9em; } .content ol, li { margin-left: 0px; } .postfooter { margin-top:30px; padding:2px 3px 3px 8px; border:1px solid #e3e4e4; background-color:#dbd9da; font-size:0.9em; color:#111; } .postfooter p { padding-bottom:2px; } .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; padding:5px; } .sticky { border: none; } /*---------------------------- Main left(Menu) ----------------------------*/ .sidenav { float: left; width: 200px; padding : 10px 0px 0px 40px; } .sidenav h1 { border-bottom: 1px dashed #DDD; color: #E73; font-size: 1.2em; height: 20px; margin-top: 1.2em; } .sidenav img { border: none; } .sidenav ul { text-transform: capitalize; margin: 0; padding: 0; font-size: 1.0em; } .sidenav li { color: #111; list-style-type:none; margin: 0; padding: 0; font-size: 1.0em; } .sidenav li h3 { font-size: 1.3em; } .sidenav li a { color: #57648e; font-size: 1.1em; padding: 3px -16px 3px 3px; text-decoration: none; } .sidenav li a:hover { color: #111; } /*---------------------------- footer ----------------------------*/ #container-footer { width : 995px; margin : 0 auto; text-align : center; } #footer { background-image: url(design/footer.jpg); background-repeat:no-repeat; width: 995px; height: 160px; float:left; } #copy { padding-top:108px; float:right; padding-right:20px; font-size:0.9em; color:#fff; } #footer a { color:#fff; text-decoration:none; } /*---------------------------- Widgets ----------------------------*/ div#widgetzone{ padding: 0; background: none; width:199px; } div#widgetzone .clear{ clear: left; } div.widget{ margin-bottom: 10px; width:199px; z-index: 1; min-width: 1px; clear: both; } div.widget .content{ line-height: 16px; color: #666; width: 100%; float: none; margin: 0; } div.widget h3{ font-size: 1.1em; border-bottom: 1px dashed #DDD; color: #111; padding-bottom: 5px; margin: 0; margin-bottom: 5px; z-index: 0; letter-spacing: 1px; } div.widget h4, .widgettitle { border-bottom: 1px dashed #DDDDDD; color: #111111; font-size: 1.3em; letter-spacing: 1px; padding-bottom: 2px; padding-top: 2px; z-index: 0; } #widgetzone .widget .content ul { list-style-type: none !important; margin: 0 !important; padding: 0 !important; text-transform: capitalize; } #widgetzone .widget .content ul li { list-style: none !important; margin-left: 0; padding: 0; margin-bottom: 3px; } #widgetzone div.search{ background: none; border: none; } #widgetzone img.rssButton { margin-right: 3px; } /*---------------------------- comment body ----------------------------*/ #container-comment { width : 700px; margin : 0 auto; font-size:1.2em; } #commentheader { margin: 10px 10px 0px 20px; padding: 25px 0px 0px 10px; background: url(design/comment-header.png) no-repeat; } #commentmain { margin: 0px 30px 0px 30px; padding: 0px 10px 0px 10px; background: url(design/comment-main.png); color:#111; } #commentfooter { margin: 0px 0px 0px 30px; padding: 0px 0px 10px 10px; background: url(design/comment-footer.png) no-repeat; } #reply { float:right; padding-right:35px; } #comments ol, li, ul { list-style:none; } textarea#comment { width: 96%; padding: 0; margin: 0; } #submit { width:200px; } .commentlist .bypostauthor, .url, .fn { color:#000; font-style:normal; text-decoration:none; } /*---------------------------- Calendar ----------------------------*/ #calendar_wrap { text-transform: capitalize; text-align:center; } #wp-calendar { border: none; margin: 0 auto; font-size: 1.0em; width: 100%; } .pad, #today { background-color: #F1F1F1; } #today { background-color: #F1F1F1; font-weight:bold; } #prev, #next { text-align: center; background-color: #fff; } .calendar .other { background-color::#fff; color: silver; } .calendar a.exist { display: block; font-weight: bold; color: #000; } .calendar td, tr { vertical-align: top; background: white; }