/* haust/theme.css */ body { font: 76%/150% verdana,"lucida grande",geneva,"lucida sans",lucida,arial,sans-serif; } #content { background-color: #f6f0e0 } h1,h2,h3,h4,p { margin-top:0; margin-bottom:0.6em; } h1,h2,h3,h4 { color: #266132; } h1 { font-size: 1.8em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1.05em; } h2 a { color: #266132; } a:hover { text-decoration:underline } a { text-decoration:none; color:#116; } #content { margin: 0 3px 3px 10px; padding-top: 10px; } .blog-content #Main-content { margin: 0 10px; } @media screen and (min-width: 768px) { .blog-content #Main-content { margin: 0 10px 0 162px; } } .blog-content #Header-image { position:relative; margin: 0 10px 10px 162px; width: 662px; max-width: 100%; overflow:hidden; } .blog-content #Header-image h1 { position: absolute; top: 10px; left: 0; width: 100%; text-align: center; line-height: 1.4em; } .blog-content #Header-image a img { border: 0; zoom: 1; } .album-content #Main-content { margin: 0 10px; } .other-content #Main-content { margin: 0 10px; } #left { font-size:0.85em; width: 90%; margin: 1em auto; } @media screen and (min-width: 768px) { #left { width:150px; position:absolute; top:10px; left:0; margin: 0; } } #left h2 { font-size: 1.05em; font-weight: bold; text-transform: uppercase; margin: 0 0 3px 0; color: #2a561f; text-align:center; } #left h2 a { color: #2a561f; } .blog-entry { margin:0 0 0.8em 0; padding:0; border:0; zoom: 1; } .entry-date { color:#b92; font-size:0.85em; margin-bottom: 0.3em; } .entry-info { font-size: 0.8em;} .entry-body { margin-bottom:.6em; } .box { margin: 1em .5em; padding:0; overflow:hidden; } @media screen and (min-width: 768px) { .box { margin:0 0 0.8em 0; width:150px;} } .box a { color: #2b5328; } .box ul { padding: 0 1px 2px 1px; line-height: 1.3em; margin: 0 0 0 2px; list-style: none; } .box ul li { padding: 0 0 1px 14px; margin: 0 0 2px 0; background: url("img/new.gif") no-repeat left 1px } #Categories-box ul li { background-image: url("img/category.gif") } #About-box { line-height: 140%; } #About-box div.about-box-contents { margin: 2px 1px 2px 3px; } .box a img { border: 1px solid #2b5328; } .box .add5 div, .box .add5 p, .box .add5 h4 { margin: 2px; line-height: 1.4em; } .box div.inner-box { margin: 0; } div.inner-box .add5 div, div.inner-box .add5 p, div.inner-box .add5 h4, div.inner-box .add5 h3 { margin: 2px; } .add1,.add2,.add3,.add4 { margin:0;padding:0; } .box .add1 { background: #fffcf1 url("img/menu_right.gif") top right repeat-y; } .box .add2 { background: url("img/menu_left.gif") top left repeat-y; } @media screen and (min-width: 768px) { .box .add3 { background: url("img/menu_top.gif") top left no-repeat; } .box .add4 { background: url("img/menu_bottom.gif") bottom left no-repeat; } } .box .add5 { margin: 0; padding: 3px; zoom: 1; overflow: hidden; } @media screen and (min-width: 768px) { .box .add5 { width: 144px; } } .box .add5:after { content: "."; visibility: hidden; height: 0; clear: both; display: block; } .box .inner-box .add1, .box .inner-box .add2, .box .inner-box .add3, .box .inner-box .add4 { background: none; margin:0; } .box .inner-box .add5 { margin:0; padding: 0; width: auto; } .blog-entry { background: #fffcf1 url("img/main_left.gif") top left repeat-y; } .blog-entry .add1 { background: url("img/main_right.gif") top right repeat-y; } .blog-entry .add2 { background: url("img/main_top_left.gif") top left no-repeat; } .blog-entry .add3 { background: url("img/main_top_right.gif") top right no-repeat; } .blog-entry .add4 { background: url("img/main_bottom_left.gif") bottom left no-repeat; } .blog-entry .add5 { background: url("img/main_bottom_right.gif") bottom right no-repeat; } .blog-entry .add5 { padding: 5px 10px; } #Blog-entry { zoom:1; } #Blog-entry { background: #fffcf1 url("img/main_left.gif") top left repeat-y; } #Blog-entry .add1 { background: url("img/main_right.gif") top right repeat-y; } #Blog-entry .add2 { background: url("img/main_top_left.gif") top left no-repeat; } #Blog-entry .add3 { background: url("img/main_top_right.gif") top right no-repeat; } #Blog-entry .add4 { background: url("img/main_bottom_left.gif") bottom left no-repeat; } #Blog-entry .add5 { background: url("img/main_bottom_right.gif") bottom right no-repeat; } #Blog-entry .add5 { padding: 5px 10px; } #Blog-entry .blog-entry { background:none; } #Blog-entry .blog-entry div { background:none;padding:0; } .comment, .comment-form { background-color: #f6f0e0; margin:0.3em 2em 0.7em 2em; padding: 0.4em; border:1px solid #cba617; } span.comment-number { float: left; font-size: 2em; margin: 5px 7px 1px 2px; line-height: 80%; color: #b92; } .comment .comment-text { margin:0; } .comment .comment-signature { font-size:80%;margin:0.2em 0.4em 0.2em 0; text-align:right; } #left .comment { background: none; padding: 0; border: none; margin: 0; } #Calendar-box { width:150px; } #Calendar-box table { line-height:1.1em; width:135px; margin-left:auto; margin-right:auto; text-align:center; } #Calendar-box table td.monthname { text-align:center; color: #2a561f; text-transform: uppercase; font-size: 1.05em; font-weight: bold; } #Calendar-box table td a { color:#900;font-weight:bold; } #Calendar-box .blog-calendar-nav { width:135px; margin:0 auto; text-align:right; } #Calendar-box .blog-calendar-prev { float:left; } .comment-form label { color:#266132; vertical-align:top; padding:0 2px 0 3px;} .comment-form .login-form-fragment { text-align:center; } input, textarea { margin:0; padding:0; border:1px solid gray; background-color: #eee; } input.short { width:150px; } input.submit { color:#266132; font-weight:bold; } .comment-form .comment-field-fragment { margin:0 5%; zoom: 1; } .comment-form .comment-field-fragment label { display:block; } #cmt-login-password-span, #cmt-login-username-span { white-space: nowrap; } .comment-form textarea { margin:0; width:100%; } .comment-form .submit-button-fragment { margin: 0.5em 5% 0.3em 5%; font-size:0.85em; } .comment-form .submit-button-fragment input.submit { float:right; margin:0; padding:0; font-size:0.95em; } /* clearfix for comment form */ .comment-form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .comment-form {zoom:1} #Simple-navigation { font-size: .9em; color: #666; margin: 0 0 1em 15px; } #Simple-navigation a { color: #666; text-decoration: none; } #Simple-navigation a:hover { text-decoration: underline; } /* clearfix for thumbnails */ #Photo-album .add5:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #Photo-album { zoom: 1; } #Photo-album div { zoom: 1; } #Photo-album .album-thumbs { float:left; } #Photo-album { background: #fffcf1 url("img/main_left.gif") top left repeat-y; } #Photo-album .add1 { background: url("img/main_right.gif") top right repeat-y; } #Photo-album .add2 { background: url("img/main_top_left.gif") top left no-repeat; } #Photo-album .add3 { background: url("img/main_top_right.gif") top right no-repeat; } #Photo-album .add4 { background: url("img/main_bottom_left.gif") bottom left no-repeat; } #Photo-album .add5 { background: url("img/main_bottom_right.gif") bottom right no-repeat; } #Photo-album .add5 { padding: 5px 10px; } #Photo-album .album-description { background-color: #f6f0e0; margin:10px; padding: 0.4em; border:1px solid #cba617; } #Photo-album .album-description h2 { margin-bottom: 0.3em; } #Photo-album .thumb div { background:none; padding:0; margin:0; } #Photo-album div.thumb {float:left; margin:10px 5px 10px 15px; background-color: #ccc; width: 102px; height: 102px; } * html #Photo-album div.album-thumbs { margin-left: -7px; } /* IE strangeness... */ #Photo-album div.album-thumbs { zoom:1; } #Photo-album div.thumb img {border:1px solid black; margin:0; padding:0; position:relative; top:-5px; left:-5px; } p.img_info { font-size: 0.9em; background-color: #f6f0e0; color: black; border: 1px solid black; } /* clearfix for thumbnails */ #Photo-album-list .add5:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #Photo-album-list { zoom: 1; } #Photo-album-list div { zoom: 1; } #Photo-album-list .album_thumbs {} #Photo-album-list .album { float: left; width: 390px; height: 330px; margin: 0 10px 10px 0; background: #fffcf1 url("img/main_left.gif") top left repeat-y; } #Photo-album-list .add1 { background: url("img/main_right.gif") top right repeat-y; height: 330px; } #Photo-album-list .add2 { background: url("img/main_top_left.gif") top left no-repeat; height: 330px; } #Photo-album-list .add3 { background: url("img/main_top_right.gif") top right no-repeat; height: 330px; } #Photo-album-list .add4 { background: url("img/main_bottom_left.gif") bottom left no-repeat; height: 330px; } #Photo-album-list .add5 { background: url("img/main_bottom_right.gif") bottom right no-repeat; height: 325px; } #Photo-album-list .add5 { padding: 5px 4px 0 4px; } #Photo-album-list .album-description { background-color: #f6f0e0; margin:10px; padding: 0.4em; border:1px solid #cba617; } #Photo-album-list .album-description h2 { margin-bottom: 0.3em; } #Photo-album-list .thumb div { background:none; padding:0; margin:0; } #Photo-album-list div.thumb {float:left; margin:10px 5px 10px 15px; background-color: #ccc; width: 102px; height: 102px; } * html #Photo-album-list div.album-thumbs { margin-left: -7px; } /* IE strangeness... */ #Photo-album-list div.album-thumbs { zoom:1; } #Photo-album-list div.thumb img {border:1px solid black; margin:0; padding:0; position:relative; top:-5px; left:-5px; } #Photo-image { zoom: 1; } #Photo-image div { zoom: 1; } #Photo-image { background: #fffcf1 url("img/main_left.gif") top left repeat-y; } #Photo-image .add1 { background: url("img/main_right.gif") top right repeat-y; } #Photo-image .add2 { background: url("img/main_top_left.gif") top left no-repeat; } #Photo-image .add3 { background: url("img/main_top_right.gif") top right no-repeat; } #Photo-image .add4 { background: url("img/main_bottom_left.gif") bottom left no-repeat; } #Photo-image .add5 { background: url("img/main_bottom_right.gif") bottom right no-repeat; } #Photo-image .add5 { padding: 5px 10px; } #Photo-image { text-align:center; margin-left:auto; margin-right:auto; } #Photo-image h2 { line-height: 1.5em; margin-bottom: 10px; } #Photo-image .image div { background-color: #ccc; display: table; _width: .1em; text-align: center; margin: 0 auto; padding: 0; position: relative; } #Photo-image .image div { display: inline-block; } /* for Opera, which mishandles display:table; Gecko does not support inline-block, so it ignores this rule */ #Photo-image .image div img { position: relative; top: -5px; left: -5px; border: 1px solid black; padding: 0; margin: 0; } #Photo-image .image p.caption { margin-top: 10px; } #Photo-image .image p.photoinfo { font-size: .9em; display:table; text-align:center; margin: 10px auto; background-color: #f6f0e0; padding: 0.2em 0.4em; border:1px solid #cba617; } /* IE does not support display:table, and inline-block only works on naturally inline elements. We trick it into treating a div similarly to inline-block by setting display:inline and forcing the hasLayout property to be activated by using zoom:1 (IE6) and height:0 (IE5). */ * html #Photo-image .image p.photoinfo { display: inline; zoom:1; height:0; } /* Inndreginn texti - fix fyrir FF 1.5 */ html>body #Blog-entry div.blockquote { background: url(/img/quote.png) top left no-repeat; } #Music-player-box { background: transparent; padding: 0; } #Music-player-box div { margin: 0; background: transparent; padding: 0; } #Music-player-box h2 { display: none; }