/* Theme Name: Black skyline Theme URI: http://w3blog.dk/?themedemo=blackskyline Description:Black WordPress theme, Custom Menus,Custom Header,Post Thumbnails,Widget-ready Sidebar,Widget-ready Footer,Right Sidebar,Footer on post with tags, catagories,Styled footer,Header on post with images and “Edit” link,Comments on pages,Seo Friendly,Author info,2 menues,Dropdown Menu,Styled Sticky,Custom background,Translation ready,Styled Commentform Version: 1.1.2 Author: Jimmy Sigenstroem Author URI: http://w3blog.dk/ Tags: black, two-columns, fixed-width, custom-header, custom-menu, white, red,translation-ready, sticky-post, threaded-comments, custom-menu, custom-background, custom-header 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 ------------------------------------------------------------------- */ html { font-size: 62.5%; /* reset 1em to 10px */ height: 100%; } body { font:1.1em Verdana,sans-serif; margin: 0; padding: 0; color: #4c4c4c; background: url("design/baggrund.png") repeat-x scroll 0 0 #535353; } /* Typography ------------------------------------------------------------------- */ blockquote { background-image: url(design/quote.png); background-repeat: no-repeat; background-position: left top; padding-left:1.5em; margin-left:15px; } blockquote:before, blockquote:after { content: '"'; content: none; } p { line-height: 1.4em; padding: 0.2em 0 1.2em; } h1 {font: normal 3em Georgia,sans-serif;} h2 {font: normal 2.1em Georgia,sans-serif;} h3 {font: normal 1.6em Georgia,sans-serif;} h4 {font: normal 1.4em Georgia,sans-serif;} h5 {font: normal 1.6em Georgia,sans-serif;} h6 {font: bold 1.2em Georgia,sans-serif;} h1,h2,h3,h4,h5,h6 { margin-bottom: 0.2em; clear:both; } /* Header / Title ------------------------------------------------------------------- */ #header { padding-top: 20px; } #header { height:160px; } #titel h1 { color: #020202; font-size : 2.4em; padding-top: 25px; padding-left:50px; font-weight:bold; margin-bottom: 0.1em; } #titel h2 { color:#fff; font-size : 1.1em; padding-left:80px; } #titel { color: #998; padding: 0 16px; } #titel a { color: #020202; text-decoration:none; } #titel a:hover { color: #fff; } /* Navi ------------------------------------------------------------------- */ #wrapper-navigation { margin: 0 auto; width: 960px; padding-right: 13px; } #navigation { width:100%; font: normal 0.9em Georgia,Tahoma,sans-serif; } #navigation .menu-header, div.menu { float: left; width: 960px; background-image: url(design/menu-hover.png); background-repeat:repeat; } #navigation .menu-header ul, div.menu ul { list-style: none; margin: 0; } #navigation .menu ul li { padding-left:10px; } #navigation .menu ul li ul li { padding-left:0px; } #navigation .menu-header li, div.menu li { float: left; position: relative; } #navigation a { font:normal 1.1em Verdana,sans-serif; display: block; float:left; padding:8px 8px; text-decoration: none; font-weight:normal; letter-spacing:-1px; position:relative; color:#fff; } #navigation a:hover { display: block; float:left; color: #fff; } li.current_page_item a .item-left {left:0px;bottom:0px;position:absolute;width:6px;height:68px;} li.current_page_item a .item-right {right:0px;bottom:0px;position:absolute;width:6px;height:68px;} ul.children .item-left, ul.sub-menu .item-left {display:none;} ul.children .item-right, ul.sub-menu .item-right {display:none;} #navigation ul ul { display: none; position: absolute; top: 29px; left: 0; float: left; width: 180px; z-index: 99999; } #navigation ul ul li { min-width: 180px; } #navigation ul ul ul { left: 100%; top: 0; } #navigation ul ul a:hover { background-color:#342e2b; } #navigation ul ul a { background: #000; line-height: 1em; padding: 10px; width: 180px; height: auto; } #navigation li:hover > a, #navigation ul ul :hover > a { background-image: url(design/menu.png); background-repeat:repeat-x; } #navigation ul li:hover > ul { display: block; background: #000; } #navigation li.current_page_item a,#navigation li.current_page_parent a,#navigation li.current_page_ancestor a { color: #fff; } #navigation li.current_page_parent li a, #navigation li.current_page_item ul li a, #navigation li.current_page_ancestor li.page_item a, #navigation li.current_page_parent li.current_page_item .page_item a, #navigation li.current_page_ancestor li.current_page_ancestor li.page_item a, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a { color: #fff; background:#000; } li.current_page_item { } #navigation li.current_page_parent li a:hover, #navigation li.current_page_item ul li a:hover, #navigation li.current_page_ancestor li.page_item a:hover, #navigation li.current_page_parent li.current_page_item a, #navigation li.current_page_ancestor li.current_page_parent a, #navigation li.current_page_ancestor li.current_page_ancestor a, #navigation li.current_page_parent li.current_page_item .page_item a:hover, #navigation li.current_page_ancestor li.current_page_ancestor li.page_item a:hover, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item a, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor a, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_item li.page_item a:hover, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.page_item a:hover, #navigation li.current_page_ancestor li.current_page_ancestor li.current_page_ancestor li.current_page_item a { color: #fff; background: #000;; } /* Top Navi ------------------------------------------------------------------- */ #wrapper-top-navigation { clear:both; width:100%; background: url('design/menu-hover.png'); background-repeat:repeat-x; float:left; margin-top:3px; } #wrapper-top-navigation ul { list-style-type:none; padding:0; margin:0; display:block; } #wrapper-top-navigation li { float:left; position:relative; list-style: none outside none; } #wrapper-top-navigation ul ul { display: none; position: absolute; top: 28px; left: 0; float: left; width: 180px; z-index: 99999; } #wrapper-top-navigation ul li:hover > ul { display: block; background: #000; } /* style all the links */ #wrapper-top-navigation a, #wrapper-top-navigation :visited { display:block; color:#fff; font: normal 0.9em Georgia,Tahoma,sans-serif; margin-right: 1px; padding: 10px 8px 10px 10px; text-align: left; text-decoration: none; } #wrapper-top-navigation ul ul a { line-height: 1em; padding: 10px 8px 10px 10px; height: auto; } #wrapper-top-navigation ul ul li { min-width: 180px; } #wrapper-top-navigation ul ul ul { left: 100%; top: 0; } /* style the links hover */ #wrapper-top-navigation :hover { background: url('design/menu.png'); background-repeat:repeat-x; } #topmenu { padding-left:10px; } /* Content ------------------------------------------------------------------- */ #main-content { padding-top:47px; } .left_front_column, .entry-title, .page-title { width: 607px; float:left; padding-left:25px; padding-right:35px; border-right:solid 1px #fff; } .right_front_column { width: 270px; float:right; padding-right:50px; } .center_wrapper { margin: 0 auto; width: 990px; background-image: url(design/indhold.png); background-repeat:repeat-y; } .clear,.clearer {clear: both;} .left_front_column a:hover { color:#333; text-decoration:none; } .left_front_column a { color:#121212; text-decoration:underline; } #title { padding-top:35px; padding-bottom:0px; } #title a { text-decoration:none; color:#121212; } #title a:hover { text-decoration:underline; color:#333; } .entry ol, .entry ul { margin: 0 0 1.2em 0; } .entry li { padding: 2px 0; margin-left:20px; } .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .page-link a:link, .page-link a:visited { background: none repeat scroll 0 0 #DBD9DA; color: #333333; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; } #entry-author-info { padding-top:15px; } /* Commentlist -------------------------------------------------------------- */ .commentlist { list-style: none outside none; margin: 0; } .commentlist li.comment { border: 1px solid #CCB; line-height: 24px; margin: 0 0 24px; position: relative; } .commentlist .children li { margin: 0; } .commentlist li:last-child { border-bottom: 1px solid #CCCCBB; margin-bottom: 0; } .commentlist .children { list-style: none outside none; padding-top:10px; padding-left:2%; width:98%; } .commentlist ol, .commentlist ul { margin: 0 0 0 0; } .reply, .comment-body, .comment-meta, .comment-author, .byuser { padding:6px 6px 6px 6px; } .comment-body ol, .comment-body ul { margin: 0 0 1.2em 0; } .comment-body li { padding: 2px 0; margin-left:15px; } .url, .fn { color:#f6aa16; font-style:normal; } .bypostauthor { background-color: #F1F1F1; border:thin solid #c0c0c0; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } /* Sticky -------------------------------------------------------------- */ .sticky { -moz-border-radius: 5px 5px 5px 5px; background: none repeat scroll 0 0 #535353; border: 1px solid #e3e4e4; margin: 15px 0 30px; padding: 5px 10px; color:#fff; } /* Table -------------------------------------------------------------- */ .alternate { background-color:#e6e3e1; } .left_front_column tr th, .left_front_column thead th { background: url('design/menu-hover.png'); background-repeat:repeat-x; color:#fff; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px 4px 24px; } .left_front_column tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px; } /* Textarea -------------------------------------------------------------- */ textarea#comment { width: 96%; padding: 0; margin: 0; } #respond p { padding: 0; margin: 0 } .allowed_tags { font-size:85%; } #respond { margin: 24px 0; overflow: hidden; position: relative; } #respond .comment-notes { padding-bottom:10px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 50%; display:block; } #respond #author { border:1px solid #ccc; height:20px; width:200px; background:#fefefe url(design/info.png) no-repeat 3px; padding-left:25px; } #respond #email { border:1px solid #ccc; height:20px; width:200px; background:#fefefe url(design/mail.png) no-repeat 3px; padding-left:25px; } #respond #url { border:1px solid #ccc; height:20px; width:200px; background:#fefefe url(design/home.png) no-repeat 3px; padding-left:25px; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* Images -------------------------------------------------------------- */ .left_front_column img { margin: 0; height: auto; max-width: 98%; } .left_front_column .attachment img { max-width: 450px; } .left_front_column .alignleft, .left_front_column img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } .left_front_column .alignright, .left_front_column img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } .left_front_column .aligncenter, .left_front_column img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; text-align:center; } .left_front_column img.alignleft, .left_front_column img.alignright, .left_front_column img.aligncenter { margin-bottom: 12px; } .left_front_column .wp-caption { background: #535353; line-height: 18px; margin-bottom: 20px; padding: 4px; max-width: 580px; } .left_front_column .wp-caption img { margin: 5px 5px 0; } .left_front_column .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; max-width: 580px; border:none; } .left_front_column .wp-smiley { margin: 0; } .left_front_column .gallery { margin: 0 auto 18px; } .left_front_column .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .left_front_column .gallery img { border: 2px solid #cfcfcf; } .left_front_column .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; width:100%; border:none; } .left_front_column .gallery dl { margin: 0; } .left_front_column .gallery br+br { display: none; } .left_front_column .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* Post Header --------------------------------------------------------------------*/ .clock { background-image: url(design/clock.png); background-repeat:no-repeat; padding-left:18px; height:16px; padding-bottom:2px; } .posted { background-image: url(design/author.png); background-repeat:no-repeat; padding-left:13px; margin-left:5px; height:16px; } /* Postfooter -------------------------------------------------------------- */ .postfooter { margin-top:30px; padding:2px 3px 3px 8px; border:thin solid #c0c0c0; background-color:#535353; font-size:0.9em; color:#fff; margin-bottom:25px; } .postfooter p { padding-bottom:2px; } .postfooter p { padding-bottom:2px; } .commentbouble { background-image: url(design/comment.png); background-repeat:no-repeat; padding-left:16px; height:16px; } .full_post { background-image: url(design/full_post.png); background-repeat:no-repeat; padding-left:16px; height:16px; padding-bottom:5px; margin-bottom:5px; } .postfooter a { color: #FFFFFF; text-decoration: none; } .postfooter a:hover { color: #333333; text-decoration: underline; } /* Footer ------------------------------------------------------------------- */ #footer { height: 150px; color:#999; } #content-footer { margin: 0 auto; width: 977px; } #footer-main { width: 957px; padding-left:10px; padding-right:10px; } #footer a:hover { color:#fff; text-decoration:underline; } #footer a { color:#999; text-decoration:none; } #footer-sidebar1 { padding-left:25px; float:left; width:273px; min-height:120px; padding-right:35px; } #footer-sidebar3 { width: 234px; float:right; padding-left:25px; padding-right:25px; min-height:120px; } #footer-sidebar2 { float:right; width:310px; min-height:120px; } #footer ul { display: inline; } #footer li { list-style: none; } .center_wrapper-footer { margin: 0 auto; width: 990px; background-image: url(design/footer-indhold.png); background-repeat:repeat-y; } #credit { float:right; padding-right:35px; } /* Sidebar Calendar --------------------------------------------------------*/ .widget #calendar_wrap { text-transform: capitalize; width: 100%; } .right_front_column #wp-calendar caption { background: none repeat scroll 0 0 #535353; margin: 2px 0; padding: 2px 4px; color:#fff; } .right_front_column #wp-calendar { border: none; margin: 0 auto; font-size: 1.0em; width: 100%; text-align: center; } .right_front_column #today { background-color: #535353; font-weight:bold; color:#fff; } .right_front_column #prev, .right_front_column #next, .right_front_column .pad { text-align: center; } .right_front_column .calendar td { vertical-align: top; background: white; } .right_front_column #calendar_wrap a:hover { color: #535353; } .right_front_column #wp-calendar a { font-style: italic; font-weight: bolder; background-color: #535353; display: block; color:#fff; } /* Footer Calendar --------------------------------------------------------*/ #footer #calendar_wrap { text-transform: capitalize; width: 100%; } #footer #wp-calendar caption { background: none repeat scroll 0 0 #535353; margin: 2px 0; padding: 2px 4px; color:#fff; } #footer #wp-calendar { border: none; margin: 0 auto; font-size: 1.0em; width: 100%; text-align: center; } #footer #today { background-color: #535353; font-weight:bold; color:#000; border:thin solid #fff; } #footer #prev, #footer #next, #footer .pad { text-align: center; background-color: #535353; } #footer .calendar td { vertical-align: top; background: white; } #footer #calendar_wrap a:hover { color: #fff; } #footer #wp-calendar a { font-style: italic; font-weight:bold; color:#000; background-color: #535353; display: block; } /*---------------------------- widget ------------------------------*/ .widgettitle-sidebar { color: #fff; background-image: url(design/menu-hover.png); background-repeat:repeat-x; padding:5px 0px 5px 5px; } .widget { padding:5px 0px 5px 0px; } #footer-main h3 { color: #fff; } .right_front_column .widget a { color:#535353; text-decoration:none; } .widget a:hover { color:#000; text-decoration:underline; } .widget ol, .widget ul, .widget { list-style: none outside none; } /* Definition list ------------------------------------------------------------------- */ dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } ins { background: #ffc; text-decoration: none; } cite, em, i { font-style: italic; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #ccc; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; font-size:1.2em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sub { top: 0.5ex; } sup { bottom: 1ex; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } strike { text-decoration:line-through; }