CSS: ?/* Theme Name: Black skyline Theme URI: http://w3blog.dk/?themedemo=blackskyline ...... */ /* 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:320px; } #titel h1 { color: #020202; font-size : 2.4em; padding-top: 25px; padding-left:50px; font-weight:bold; margin-bottom: 0.1em; } #titel h2 { color:#020202; font-size : 1.1em; padding-left:160px; } #titel { color: #998; padding: 0 80px; } #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:#000; } #navigation a:hover { display: block; float:left; color: #000; } 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: #000; } #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:#000; 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; } .comment-body li:last-child { border-bottom: none; margin-bottom: 0; } .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: 34px 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; } .comment-form-email input, .comment-form-author input, .comment-form-url 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; } #commentluv #doluv { width:30px; } /* 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; } ...