/* Theme Name: Selma-style Theme URI: http://www.selma-n-louis.com Description: Skin laget av Hilde for Selma 'n' Louis. Version: 1.0 Author: Hilde "Selma" Skjølberg Author URI: http://www.hebedesign.com/ /* FARGER #025 - moerk blaa #38c - lys blaa #a22 - roed #444 - graa */ body {margin: 0; padding: 0; font-family: "Lucida Grande", verdana, sans-serif; line-height: 1.3em; color: #222; background: #025;} #wrapper {width: 782px; margin: 0 auto; padding: 0; background: #fff url(css/mainbak.gif) 0 0 repeat-y;} /* HEADEREN */ #header {position: relative; height: 145px; margin: 0 0 0 40px; padding: 60px 0 0; line-height: 1em;} #header img {position: absolute; top: 0; right: 2px;} #header h1 {margin: 72px 0 0 0; padding: 0; color: #a22; font-size: 3.4em; letter-spacing: -2px;} html>body #header h1 {margin: 11px 0; padding: 0; color: #a22; font-size: 3.4em; letter-spacing: -2px;} #header h1 a:link, #header h1 a:visited {color: #a22; text-decoration: none;} #header h1 a:hover {color: #025; text-decoration: none;} #header p {margin: 13px 0; padding: 0; color: #38c; font-size: 0.8em;} #illustration {z-index: 1;} /* MENYEN I TOPPEN*/ #menu {list-style: none; margin: 10px 40px 10px 0; padding: 20px 5px 0; color: #fff; background: #333 url(css/striper_gray_666.gif) 0 0 repeat; border-bottom: 3px solid #ccc;} #menu li {display: inline; margin: 0; padding: 0; font-size: 0.8em;} #menu a:link, #menu a:visited {padding: 0 5px 0; color: #fff; text-decoration: none;} #menu a:hover {padding-bottom: 0; border-bottom: 3px solid #a22; text-decoration: none;} /* HOVEDSPALTEN */ #content, #archive, #linkspage {display: inline; float: left; width: 480px; margin: 10px 0 0 40px; background: #fff;} .post {margin: 0 0 70px; padding: 0; position: relative; z-index: 200;} /* FRONTEN */ #front {display: inline; float: left; width: 480px; margin: 10px 0 0 40px; background: #fff;} #front h2 {margin: 3px 0 0 0; padding: 0 0 13px 0; color: #a22; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; background: transparent url(css/striper_gray_666.gif) bottom left repeat-x;} #front p {margin: 20px 10px; font-size: 0.8em;} #front ul, #front ol, #front dl, #front blockquote {margin: 10px 5px 10px 10px; font-size: 0.8em;} #frontbottom {clear: both; width: 780px; margin: 0 auto; padding: 0; background: #a22 url(css/frontbottom.gif) 0 0 repeat-y;} #preps, #entertainment, #frontlinks {display: inline; float: left; margin: 20px 0 20px 23px; width: 228px; font-size: .7em; color: #fff;} #frontbottom h2 {margin: 0 10px 3px 10px; padding: 2px 0; font-size: .8em; color: #fff; text-align: center; background: #000; border-top: 1px dotted #fff;} /*#frontbottom h3 {padding: 2px 0 6px; font-size: 1.2em; color: #fff; background: #922 url(css/striper_white_fff.gif) bottom left repeat-x;}*/ #frontbottom h3 {padding: 2px 0 6px; font-size: 1.2em; color: #fff; background: transparent url(css/striper_white_eee.gif) bottom left repeat-x;} #frontbottom ul {list-style: none; margin: 0; padding: 0;} #frontbottom a:link, #frontbottom a:visited {color: #eee; text-decoration: none;} #frontbottom a:hover {color: #fff; text-decoration: underline;} /* datobokser */ .date {float: left; height: 50px; width: 40px; background: #fff url(css/datoskilt.gif) 0 0 no-repeat;} .month {display: block; margin: 0; padding: 5px 0 0; font-size: 0.6em; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; line-height: 0.7em; } .day {display: block; margin: 3px 0 0; text-align: center; color: #a22; font-size: 1.2em;} /* INNLEGGSELEMENTER: post(innlegg), page(enkeltsider) og archive(arkivsiden) */ /* overskrifter */ .post h2 {margin: 0 0 0 45px; padding: 0; color: #a22; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;} .post .postcontent h2 {margin: 35px 0 0 10px; font-size: 1.2em;} .post h2 a:link, .post h2 a:visited {color: #a22; text-decoration: none; font-weight: normal;} .post h2 a:hover {color: #222; text-decoration: none;} .post h3 {margin: 30px 0 2px 10px; font-size: .9em; text-transform: uppercase; background: transparent url(css/striper_gray_ddd.gif) 0 0 repeat;} .page h3 {margin: 30px 0 2px 0; font-size: .9em; text-transform: uppercase; background: transparent url(css/striper_gray_ddd.gif) 0 0 repeat;} .post h4 {margin: 20px 0 2px 10px; color: #a22; font-size: .8em;} .page h4 {margin: 20px 0 2px 0; color: #a22; font-size: .8em; text-transform: uppercase;} .post h5 {margin: 10px 0 0 10px;} .post h5 + p {margin-top: 2px;} /* marg og fontstorrelser paa elementene */ .post p {margin: 20px 10px; font-size: 0.8em;} .post ul, .post ol, .post dl, .post blockquote {margin: 10px 5px 10px 10px; font-size: 0.8em;} /* lister av ymse slag */ .post ul, .page ul {list-style: none; padding: 0 0 0 10px;} .post li, .page li {margin: 4px 0; padding-left: 20px; line-height: 1.6em;} ul.pil li {margin: 4px 0; line-height: 1.6em; background: transparent url(css/grayarrow.gif) 5px .4em no-repeat;} ul.pil li:hover {background-position: 10px .4em;} ul.stars li, ul.stars li:hover {background: transparent url(css/bluestar.gif) 7px .5em no-repeat;} ul.stars li.alt {background: transparent url(css/redstar.gif) 7px .5em no-repeat;} ul.stars li.plain {background: transparent url(css/graystar.gif) 7px .5em no-repeat;} .post dt, .page dt, #linkspage dt {margin: 25px 0 0;} .post dd, .page dd, #linkspage dd {margin: 0 0 6px 10px; line-height: 1.4em;} .post dt a:link, .page dt a:link, .post dt a:visited, .page dt a:visited {color: #222; text-decoration: underline;} .post dt a:hover, .page dt a:hover {color: #38c;} .post dl.stars dd {padding-left: 15px; line-height: 1.6em; background: transparent url(css/bluestar.gif) 0 .5em no-repeat;} .post dl.stars dd.alt {background: transparent url(css/redstar.gif) 0 .5em no-repeat;} .post dl.headings dt, .page dl.headings dt {font-weight: bold;} .post dd ul {font-size: 1em;} /* Forhindrer krymping av listetekst i dl */ /* hovedlenker */ .post a:link, .page a:link, #archive a:link {color: #a22; font-weight: bold; text-decoration: none;} .post a:visited, .page a:visited, #archive a:visited {color: #900; font-weight: bold; text-decoration: none;} .post a:hover, .page a:hover, #archive a:hover {color: #38c; text-decoration: none;} /* byline-stripe */ p.byline {margin: 0 0 0 45px; padding: 0; font-size: 0.7em; color: #38c; background: transparent url(css/striper_blue_38c.gif) 0 8px repeat-x;} p.byline span {margin: 0; padding: 0 5px 0 0; background: #fff;} .byline a:link, .byline a:visited {color: #38c; text-transform: uppercase; font-weight: normal; text-decoration: none;} .byline a:hover {text-decoration: underline;} /* bilder */ .post img, .page img {border: none;} .post img.ramme {padding: 4px; border-top: 1px solid #ccc; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #ccc; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc;} .post img.floatleft {float: left; margin: 0 10px 10px 0;} .post img.floatright {float: right; margin: 0 0 10px 10px;} /* videoboks til YouTube og slikt */ .post div.videoboks {text-align: center;} .post div.videoboks p {margin: 2px 40px 20px 0; font-size: .6em; text-align: right; line-height: 1em;} /* bunnstripe */ .post p.postbtm {margin: 20px 0 0 -30px; padding: 5px 0 0 0; text-align: right; line-height: 1em; border-left: 3px solid #a22; background: transparent url(css/striper_gray_444.gif) 20px 3px repeat;} .post p.postbtm a:link, .post p.postbtm a:visited {color: #a22; text-decoration: none; margin-right: 20px; padding: 5px 5px; background: #fff;} .post p.postbtm a:hover {color: #38c; text-decoration: none;} /* edit-elementer */ p.edit {margin: 30px 0; text-align: center;} p.edit a:link, p.edit a:visited {padding: 3px 5px; color: #000; margin: 0 -3px; border: 3px double; border-color: #f1f1f1 #c0c0c0 #c0c0c0 #f1f1f1; background: #fff url(css/knappebak.gif) bottom center repeat-x;} p.edit a:hover { background: #fff url(css/knappebak2.gif) top center repeat-x;} /* SIDESPALTE */ #sidebar {float: left; position: relative; z-index: 200; width: 190px; margin: 2px 40px 0 30px; line-height: .9em; background: #fff;}/*posisjonert relativt for Œ plassere over skilt-bildet. */ #sidebar h3 {margin: 23px 0 10px; padding: 0 0 8px; color: #444; font-size: .8em; letter-spacing: -1px; background: transparent url(css/striper_gray_666.gif) bottom left repeat-x;} #sidebar p, #sidebar li {font-size: 0.7em;} #sidebar a:link, #sidebar a:visited {color: #a22; text-decoration: none;} #sidebar a:hover {color: #38c; text-decoration: none;} /* statusboks */ #status {margin-bottom: 40px;} #status dl {margin: 3px 0 40px; padding: 0; font-size: 0.7em;} #status dt {width: 80px; float: left; margin: 0; padding: 0; font-weight: bold;} /* commented backslash hack for mac-ie5 \*/ #status dt { clear: both; } /* end hack */ #status dd {float: left; width: 100px; margin: 0 0 5px 0; padding: 2px 0 2px 2px; line-height: 1em;} #status p {clear: both;} #status p.countdown {padding: 3px; text-align: center; color: #fff; background: #a22;} /* kartboks */ #kart {clear: both; margin-top: 20px;} #kart img {border: none;} #kart ul {list-style: none; margin: 0; padding: 0;} #kart li {margin: 4px 0; padding-left: 20px; line-height: 1.6em;} /* flickrboks */ #flickr h3 span {color: #e15;} #flickr img {height: 45px; width: 45px; margin: 2px; padding: 7px; background: transparent url(css/flickrbak.gif) 0 0 no-repeat; border: none;} #flickr img:hover {background-position: 0 -59px;} #flickr p {margin: 3px 0; text-align: center;} #flickr a:link, #flickr a:visited {color: #444; font-weight: bold; text-transform: uppercase; text-decoration: none; letter-spacing: -1px;} #flickr a:hover {color: #e15; text-decoration: none;} /* soekeboks */ #searchform {margin: 5px 0 50px 0;} #searchform input {padding: 2px; font-size: 10px; background: #eee; border: 1px solid #38c;} /* RSS-boks */ #rss a:link, #rss a:visited {font-weight: bold;} /* FOOTEREN */ #footer {clear: both; width: 780px; margin: 0 auto; padding: 10px 0; background: #a22 url(css/frontbottom.gif) 0 0 repeat-y;} #footer p {margin: 0; color: #fff; font-size: 0.6em; font-weight: bold; text-align: center;} /* INNLEGGSVISNING */ /* kommentarer*/ #comments h2 {margin: 0; padding: 0; font-size: 1.3em; color: #a22; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;} #comments h3 {margin: 50px 0 20px; padding: 0; font-size: 1.1em; color: #a22; text-transform: uppercase; font-weight: normal; letter-spacing: -1px;} /* kommentarer med streker /////// #comments dl {margin: 10px 0 60px 0;} #comments dt {margin-top: 40px; font-size: .8em;} #comments dt span {margin-left: 10px; padding: 0 5px; background: #fff;} #comments dl a:link, #comments dl a:visited {color: #a22; font-style: normal; font-weight: bold; text-decoration: none;} #comments dl a:hover {color: #38c; text-decoration: none;} #comments dd {margin: 0; padding: 0;} #comments p {margin: 7px 10px; font-size: 0.8em;} .commbtm {font-size: .6em; text-align: right;} #comments dt.alt, #comments dd.alt {background: transparent url(css/striper_gray_666.gif) 0 60% repeat-x;} #comments dt.odd, #comments dd.odd {background: transparent url(css/striper_gray_666.gif) 0 60% repeat-x;} .commbtm span {margin-right: 15px; padding: 3px 8px; background: #fff;} .commbtm a:link, .commbtm a:visited {color: #222;} .commbtm a:hover {color: #38c;} ---------------------------------- //////// */ #comments dl {margin: 10px 0 60px 0;} #comments dt {margin: 0; padding: 0 0 10px 65px; font-size: .8em; background: transparent url(bubbletop.gif) bottom left no-repeat;} #comments dt.author {margin: 0; padding: 0 0 10px 65px; font-size: .8em; background: transparent url(abubbletop.gif) bottom left no-repeat;} #comments dd {margin: 0; padding: 0; color: #000; background: #eee; border-right: 1px solid #888; border-left: 1px solid #888;} #comments dd.author {margin: 0; padding: 0; color: #000; background: #ffd; border-right: 1px solid #888; border-left: 1px solid #888;} #comments p {margin: 0 10px; padding: 5px 0; font-size: .8em;} #comments dd.commbtm {margin: 0 0 40px 0; padding: 7px; font-size: .6em; text-align: right; background: transparent url(bubblebtm.gif) bottom left no-repeat; border: none;} #comments dd.authorbtm {margin: 0 0 40px 0; padding: 7px; font-size: .6em; text-align: right; background: transparent url(abubblebtm.gif) bottom left no-repeat; border: none;} #comments dl a:link, #comments dl a:visited {color: #a22; font-style: normal; font-weight: bold; text-decoration: none;} #comments dl a:hover {color: #38c; text-decoration: none;} #comments dl .commbtm a:link, #comments dl .commbtm a:visited, #comments dl .authorbtm a:link, #comments dl .authorbtm a:visited {color: #666; font-weight: normal;} #comments dl .commbtm a:hover, #comments dl .authorbtm a:hover {color: #a22;} #comments input {padding: 2px; font: 1em "Lucida Grande", verdana, sans-serif; background: #eee; border: 1px solid #38c;} #comments textarea {width: 430px; padding: 2px; font: 1em "Lucida Grande", verdana, sans-serif; background: #eee; border: 1px solid #38c;} /*#comments #submit {margin: 0; padding: 2px 3px; color: #000; font-weight: bold; cursor: pointer; border: 3px double; border-color: #f1f1f1 #c0c0c0 #c0c0c0 #f1f1f1; background: #fff url(css/knappebak.gif) bottom center repeat-x;}*/ /* INDIVIDUELLE SIDER - ABOUT osv.*/ .page {margin: 0 0 50px; padding: 0; position: relative; z-index: 200;} .page p, .page ul, .page ol, .page dl, .page blockquote {margin: 10px 0; font-size: 0.8em;} /* CONTACT-siden */ .contactform {margin: 40px 0; font-size: 0.7em;} .contactform label {clear: both; float: left; width: 90px; margin-top: 7px;} .contactform input, .contactform textarea {margin-top: 7px; color: #666; background: #eee; border: 1px solid #38c; } .contactform input.contacterror, .contactform textarea.contacterror {background: #eed; border: 1px solid #a22;} .contactform #contactsubmit {display: block; margin: 3px auto; padding: 2px 5px; color: #a22; background: #eee; border: 1px solid #38c;} p.contacterror {color: #a22; font-weight: bold;} /* ARKIV-siden, LINKE-siden og enkeltsider */ #archive h2, .page h2, #linkspage h2 {margin: 0; padding: 0 0 13px 0; color: #a22; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; background: transparent url(css/striper_gray_666.gif) bottom left repeat-x;} #archive p, #archive.post ul, #archive ol, #archive dl, #linkspage p, #linkspage dl {font-size: 0.8em;} #archive h3 {margin: 20px 0 2px; font-size: .9em;} #archive h3 a:link, #archive h3 a:visited {color: #222;} #archive h3 a:hover {color: #38c; text-decoration: none;} #archive ul {list-style-type: none; margin: 5px 0 30px 30px; padding: 0 0 15px 0; font-size: .8em; background: transparent url(css/striper_gray_666.gif) bottom left repeat-x;} #archive li {margin: 3px 0;} #archive a {text-decoration: none;} /*#archive li a:visited {color: #bb7; padding-right: 20px; background: transparent url(css/checked.gif) 100% 50% no-repeat;}*/ /* Links-siden */ #linkspage ul#katliste {list-style: none; margin: 0; padding: 2px 0; font-size: .7em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #linkspage ul#katliste li {display: inline;} #linkspage ul#katliste a:link, #linkspage ul#katliste a:visited {margin-right: 10px; color: #a22; font-weight: bold; text-decoration: none;} #linkspage ul#katliste a:hover {color: #38c;} #linkspage dt {margin: 30px 0 5px; color: #222; font-weight: bold;} #linkspage dd {} #linkspage dl a:link, #linkspage dl a:visited {color: #a22; font-weight: bold; text-decoration: none;} #linkspage dl a:hover {color: #38c;} /* Itinerary */ #itinerary dt {position: relative; font-weight: bold; margin: 20px 0 5px;} #itinerary dd {margin-left: 30px;} #itinerary .redstar {padding: 5px 8px; text-align: center; color: #fff; background: transparent url(css/bigredstar.gif) 50% 50% no-repeat;} #itinerary .bluedot {padding: 4px 7px; text-align: center; color: #fff; background: transparent url(css/bluedot.gif) 50% 50% no-repeat;} #itinerary .reddot {padding: 4px 7px; text-align: center; color: #fff; background: transparent url(css/reddot.gif) 50% 50% no-repeat;} #itinerary .big {padding: 4px 3px;} #itinerary .train {padding: 4px 7px; text-indent: -5000px; color: #fff; background: transparent url(css/train.gif) 50% 50% no-repeat;} #itinerary dt a:link, #itinerary dt a:visited {position: absolute; top: 0; right: 0; font-size: .8em; color: #ccc; text-decoration: none; padding-left: 10px; background: transparent url(css/uparrow.gif) 0 11px no-repeat;} #itinerary dt a:hover {color: #a22; background-position: 0 -26px;} /* enkelt-ting */ .abb {border-bottom-width: 1px; border-bottom-style: dotted;} .small, .post p.small {font-size: .7em;} .marked {padding: 4px; background: #f3f3f3; border: 1px dotted #ddd;} .stryk, del {text-decoration: line-through;} ins {text-decoration: none;} .soft {color: #bbb;} p.bildetekst {margin: 20px 0 10px 10px; color: #999; font-size: 9px; text-align: right; line-height: 1em;} p.bildetekst img {margin-bottom: 1px;} p.bildetekst a:link, p.bildetekst a:visited {color: #666; font-weight: normal;} p.bildetekst a:hover {text-decoration: underline;}