body { background:#ffffff url(http://styleblogg.blogg.se/bakgrunder/images/2010/bakgrund_49581998_90196049.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; } a {color: #999999;text-decoration:none;} a:hover {color: #ed5b8c; background: none;
border-bottom:1px dotted #ed5b8c;
text-decoration:none;}
#wrapper {
margin:0px auto;
width: 1020px;
position:relative; padding: 0px; vertical-align: top; text-align: left;
background-image: url(''); color:#ffffff; } #wrapper:after {
content: url('botten bild'); display: block; height: 0; clear: both; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header {
background:#ffffff url('http://cajsagrasberg.webblogg.se/ploppko/images/2011/baj_140785290.png') no-repeat center top;
margin-left: 28px;
margin-right: 40px;
margin-top:30px;
padding: 50px 10px 10px 10px;
height: 130px;
width: 930px;
border: 0px none;
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff;
}
#box {
width: 200px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border-left: 0px solid #BAA89E;
border-right: 0px solid #BAA89E;
}
#datum {
background: ;
color: #000;
font-family: tahoma;
font-size: 20px;
padding-left: 18px;
padding-bottom: 5px;
padding-top: -22px;
padding-right: 5px;
margin: -29px 5px 0px 0px;
font-weight: normal;
text-align:right;
letter-spacing: 0px;
font-style: none;
background: transparent;
height:7px;
}
#side {
margin-right: 40px;
padding: px; float: right; width: 200px; margin-top:18px;
border:5px solid;
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff;
padding: 0px 0px 0px 0px;
}
#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
}
#content {
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff; padding: 0px 0px 0px 0px; overflow: hidden; width:714px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 5px; margin-left: 28px; margin-top: 18px; background: #ffffff; } #header a { color: #f46797; text-decoration: none;cursor: crosshair;} h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #f46797; margin-top:-228px; margin-bottom:0px; padding:180px; text-align: center; text-shadow: #cccccc 1px 4px 3px; } h2 { font-family: Trajan Pro, Trajan Pro, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding:0px; text-align: left; } /** Entry headers **/ h3 { font-family: Georgia, verdana, sans-serif; font-size: 22px; font-weight: normal; color: #f46797; background:#ffffff; padding-right:20px; margin: 0px 9px 0px; vertical-align: top; text-align:left; -moz-box-shadow:0px 0px 15px #cccccc; box-shadow: 0px 0px 15px #cccccc; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; border:#cccccc; } .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; text-align:left; padding: 0px; padding-left:10px; background:#ed5b8c; text-transform: absolute; margin-left: 0px; } .nav { font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; text-align: left; } .nav ul { padding: 0px 0px 0px; background: none; font-weight: normal; margin-left: 0px; } .nav li { list-style: none; padding: 0px 0px 0px; background: none; font-weight: normal; margin: 0px; } .nav a { color: #000;text-decoration:none; } .nav a:hover {color: #ed5b8c;text-decoration:none;padding-left:7px; cursor: crosshair; } /** Post's body text **/ .entrybody { background:none; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: normal; color: #ed5b8c; line-height: 140%; text-align:justify; padding:10px; margin: 5px 0px 0px 0px; border: 0px solid #ccc; } /** 'Posted by' txt **/ .entrymeta { background:none; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; padding:15px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:none; border: 0px solid #ccc; } .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #ed5b8c;text-decoration:none; cursor: crosshair;} .commentheader { font-family: tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; margin: 30px 30px 0px 30px; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } .commenttext { font-family: tahoma , verdana, arial, sans-serif; font-size: 14px; background:#ffffff; font-weight: normal; color: #000000; padding: 0px 0px 10px 5px; line-height: 130%; margin: 0px 30px 0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .commentmeta { font-family: tahoma , arial, sans-serif; font-size:12px; font-weight: normal; color: #000000; height:30px; background:#ffffff; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 30px 0px 30px; } #datum2 { background: ; color: #999; font-family: tahoma; font-size: 15px; padding-left: 100px; padding-bottom: 0px; padding-top: -0px; padding-right: 0px; margin: -20px 30px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:0px; } .commentform { background:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; } .separator { border-top: 2px solid #e35786; border-bottom: 0px solid #e35786; margin: 10px 10px 10px 10px } .default { display:none; } .subside { font-family: "tahoma" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; } .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px tahoma, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { border: 0px solid #cccccc; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 0px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; } #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; } #calendar table tr td.cssDayMouseOut { border: 1px solid #F1F1F1; } #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; } #calendar table tr td ul li { } #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; } #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; background: #ffffff; margin: 10px 0px 10px; padding: 5px; } #profile h4{ font-family: tahoma, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #343434; background: #ffffff; padding: 5px; margin: 10px 0px 0px; } #profile p{ padding: 0px 5px 5px; background: #ffffff; } #profile p a{ color: #000000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } .knappen{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } .knappe{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } #profile p a:hover{ color: #000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url('')top; color: #000; font-weight: normal; font-family: tahoma; } .knappinapp{ border: 1px solid #000; font-size: 12px; background:#ffffff; color: #000; font-weight: normal; font-family: tahoma; } img{ border: 0px; } .flikar { height:1em; /*Flytta åt vänster/höger/upp/ner */ margin-left: 60px; margin-right: 0px; margin-top: -35px; margin-bottom: -80px; padding:0px; } .flikar li { float:left; list-style: none; } .flikar li a { display:block; margin:0 15px 0 0px; padding:2px 0px 0 10px; width: 98px; height: 16px; background-color: none; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Tahoma; /*Ändra typsnittet här*/ font-size: 11px; /*Ändra storleken på texten här*/ text-align: left; } .flikar li a:hover, .flikar li.selected a{ background: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ /* opacitet for IE */ filter:alpha(opacity=0.6); /* opacity: 0.6; filter: alpha(opacity=0.6); */ /* opacitet CSS3 standard */ opacity: 0.6; /* opacitet for Mozilla */ opacity: 0.6; } .flikar li ul { display: none; background-color:none; width:135px; /* opacitet for IE */ filter:alpha(opacity=0.95); /* opacity: 0.95; filter: alpha(opacity=0.95); */ /* opacitet CSS3 standard */ opacity:0.95; /* opacitet for Mozilla */ -moz-opacity:0.95; } .flikar li:hover ul, .flikar li.hover ul { display:block ; position: absolute; margin: 0px; padding: 0px; z-index: 1; } .flikar li:hover li, .flikar li.hover li { border-left: solid 1px #b3b2b3; float: none; background-color: #ffffff; } .flikar li:hover li a, .flikar li.hover li a { border-right: solid 1px #b3b2b3; width: 125px; /* Ändra bredden på undermenyn här */ background-color: #b2f6f7; /*Ändra färgen på undermenyn*/ color: #333333; /*ändra textfärgen på undermenyn här*/ } .flikar li li a:hover { background-color: ; } /*Ändra färgen när man håller musen över dropdownmenyn*/
Se designen live?? tryck HÄR
body { background:#ffffff url(http://styleblogg.blogg.se/bakgrunder/images/2010/bakgrund_49581998_90196049.jpg); background-attachment:fixed; margin:0px; text-align:center; padding-left: 0px; padding-bottom: 14px; } a {color: #999999;text-decoration:none;} a:hover {color: #ed5b8c; background: none;
border-bottom:1px dotted #ed5b8c;
text-decoration:none;}
#wrapper {
margin:0px auto;
width: 1020px;
position:relative; padding: 0px; vertical-align: top; text-align: left;
background-image: url(''); color:#ffffff; } #wrapper:after {
content: url('botten bild'); display: block; height: 0; clear: both; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#header {
background:#ffffff url('http://cajsagrasberg.webblogg.se/ploppko/images/2011/baj_140785290.png') no-repeat center top;
margin-left: 28px;
margin-right: 40px;
margin-top:30px;
padding: 50px 10px 10px 10px;
height: 130px;
width: 930px;
border: 0px none;
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff;
}
#box {
width: 200px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
border-left: 0px solid #BAA89E;
border-right: 0px solid #BAA89E;
}
#datum {
background: ;
color: #000;
font-family: tahoma;
font-size: 20px;
padding-left: 18px;
padding-bottom: 5px;
padding-top: -22px;
padding-right: 5px;
margin: -29px 5px 0px 0px;
font-weight: normal;
text-align:right;
letter-spacing: 0px;
font-style: none;
background: transparent;
height:7px;
}
#side {
margin-right: 40px;
padding: px; float: right; width: 200px; margin-top:18px;
border:5px solid;
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff;
padding: 0px 0px 0px 0px;
}
#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
}
#content {
-moz-box-shadow:0px 0px 15px #ffffff;
box-shadow: 0px 0px 15px #ffffff; padding: 0px 0px 0px 0px; overflow: hidden; width:714px; float: left; background: url('')top; padding: 40px 5px 5px; voice-family:"\"}\""; voice-family:inherit; text-align: left; vertical-align: top; padding-left: 5px; margin-left: 28px; margin-top: 18px; background: #ffffff; } #header a { color: #f46797; text-decoration: none;cursor: crosshair;} h1 { font-family: Trajan Pro, Sylfaen, sans-serif; font-size: 56px; font-weight: normal; color: #f46797; margin-top:-228px; margin-bottom:0px; padding:180px; text-align: center; text-shadow: #cccccc 1px 4px 3px; } h2 { font-family: Trajan Pro, Trajan Pro, sans-serif; font-size: 12px; font-weight: normal; color: #FFF; margin-top:0px; margin-bottom:0px; margin-left: 0px; padding:0px; text-align: left; } /** Entry headers **/ h3 { font-family: Georgia, verdana, sans-serif; font-size: 22px; font-weight: normal; color: #f46797; background:#ffffff; padding-right:20px; margin: 0px 9px 0px; vertical-align: top; text-align:left; -moz-box-shadow:0px 0px 15px #cccccc; box-shadow: 0px 0px 15px #cccccc; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:1px; border:#cccccc; } .navheader { font-family: tahoma, verdana, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff; text-align:left; padding: 0px; padding-left:10px; background:#ed5b8c; text-transform: absolute; margin-left: 0px; } .nav { font-family: tahoma, arial, sans-serif; font-size: 10px; font-weight: normal; text-align: left; } .nav ul { padding: 0px 0px 0px; background: none; font-weight: normal; margin-left: 0px; } .nav li { list-style: none; padding: 0px 0px 0px; background: none; font-weight: normal; margin: 0px; } .nav a { color: #000;text-decoration:none; } .nav a:hover {color: #ed5b8c;text-decoration:none;padding-left:7px; cursor: crosshair; } /** Post's body text **/ .entrybody { background:none; font-family: tahoma, arial, sans-serif; font-size: 12px; font-weight: normal; color: #ed5b8c; line-height: 140%; text-align:justify; padding:10px; margin: 5px 0px 0px 0px; border: 0px solid #ccc; } /** 'Posted by' txt **/ .entrymeta { background:none; font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #000; padding:15px 5px 0px 0px; margin: 0px 0px 0px 0px; text-align:none; border: 0px solid #ccc; } .entrymeta a { color: #000; text-decoration:none;font-style: italic;} .entrymeta a:hover {color: #ed5b8c;text-decoration:none; cursor: crosshair;} .commentheader { font-family: tahoma , arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; background: #f46797; url('') center; text-align:left; border: 0px solid #ccc; color: #ffffff; margin: 30px 30px 0px 30px; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } .commenttext { font-family: tahoma , verdana, arial, sans-serif; font-size: 14px; background:#ffffff; font-weight: normal; color: #000000; padding: 0px 0px 10px 5px; line-height: 130%; margin: 0px 30px 0px 30px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .commentmeta { font-family: tahoma , arial, sans-serif; font-size:12px; font-weight: normal; color: #000000; height:30px; background:#ffffff; padding: 0px 0px 0px 5px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px 30px 0px 30px; } #datum2 { background: ; color: #999; font-family: tahoma; font-size: 15px; padding-left: 100px; padding-bottom: 0px; padding-top: -0px; padding-right: 0px; margin: -20px 30px 0px 0px; font-weight: normal; text-align:right; letter-spacing: 0px; font-style: none; background: transparent; height:0px; } .commentform { background:#f46797; url('') center; font-family: tahoma , arial, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; margin: 50px 100px 0px 100px; padding: 0px 0px 30px 60px; border: 1px solid #ffffff; } .separator { border-top: 2px solid #e35786; border-bottom: 0px solid #e35786; margin: 10px 10px 10px 10px } .default { display:none; } .subside { font-family: "tahoma" Verdana, Arial, Helvetica, Sans-serif; font-size: .7em; font-weight: normal; padding: 0px 0px 0px 0px; } .xmlButton { border:1px solid; border-color:#FC9 #630 #330 #F96; padding:0 3px; font:bold 10px tahoma, Arial, Helvetica, Sans-serif; color:#FFF; background:#F60; text-decoration:none; margin:0; } .image { border: 0px solid #cccccc; padding: 0px 0px 0px 0px; margin: 0px 6px 6px 0px; } .thumbnail { border: 0px solid #889977; margin: 0px 6px 6px 0px; } .video{ padding: 0px 0px 30px 30px; } .fieldName{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; margin: 0px 0px 12px 0px } select{ font-family: tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; } /***************************************************************************** * Calendar * *****************************************************************************/ #calendar { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; padding: 0px 0px 6px 0px; text-align: left; } #calendar table { padding: 1px; /*border-collapse: collapse;*/ border: 0px; } #calendar table caption { color: #000000; font-family : Arial, Helvetica, sans-serif; font-size : 13px; border-bottom: 3px solid #000000; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; } #calendar table th { text-align: center; font-weight: bold; font-size: xx-small; } #calendar table tr td { border: 1px solid #F1F1F1; text-align: center; font-size: xx-small; } #calendar table tr ul { color: #BBB; list-style: dot; margin: 0px 0px 0px 20px; padding: 4 0 5 0; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.7em; } #calendar table tr td.cssDayMouseOver { border: 1px dotted red; cursor: hand; } #calendar table tr td.cssDayMouseOut { border: 1px solid #F1F1F1; } #calendar table tr td.cssEntryBox { border: 1px solid gray; padding: 6px; text-align: left; background: #FFFFFF; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; } #calendar table tr td ul li { } #calendar table tr td div.cssDayEntryHeader { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 0.8em; text-align: left; font-weight: bold; padding: 4; } #calendar table tr td div.cssDayAvailable { text-decoration: underline; text-weight: bold; } form { margin: 0px 0px 6px; padding-left: 10px; } em { margin: 0px; padding: 0px; border: 0px none; text-align: left; letter-spacing: 0.1em; } #profile { font-family: tahoma, arial, sans-serif; font-size: 11px; font-weight: normal; color: #FFF; background: #ffffff; margin: 10px 0px 10px; padding: 5px; } #profile h4{ font-family: tahoma, verdana, sans-serif; font-size: 15px; font-weight: normal; color: #343434; background: #ffffff; padding: 5px; margin: 10px 0px 0px; } #profile p{ padding: 0px 5px 5px; background: #ffffff; } #profile p a{ color: #000000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } .knappen{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } .knappe{ border: 1px solid #999; font-size: 11px; background:#ffffff url(''); color: #000; font-weight: normal; font-family: tahoma; } #profile p a:hover{ color: #000; } .knapp{ border: 1px solid #999; font-size: 11px; background:#ffffff url('')top; color: #000; font-weight: normal; font-family: tahoma; } .knappinapp{ border: 1px solid #000; font-size: 12px; background:#ffffff; color: #000; font-weight: normal; font-family: tahoma; } img{ border: 0px; } .flikar { height:1em; /*Flytta åt vänster/höger/upp/ner */ margin-left: 60px; margin-right: 0px; margin-top: -35px; margin-bottom: -80px; padding:0px; } .flikar li { float:left; list-style: none; } .flikar li a { display:block; margin:0 15px 0 0px; padding:2px 0px 0 10px; width: 98px; height: 16px; background-color: none; /*Ändra färgen på menyflikarna här*/ color: #000000; /*Ändra färgen på texten här*/ text-decoration: none; font-family: Tahoma; /*Ändra typsnittet här*/ font-size: 11px; /*Ändra storleken på texten här*/ text-align: left; } .flikar li a:hover, .flikar li.selected a{ background: none; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */ /* opacitet for IE */ filter:alpha(opacity=0.6); /* opacity: 0.6; filter: alpha(opacity=0.6); */ /* opacitet CSS3 standard */ opacity: 0.6; /* opacitet for Mozilla */ opacity: 0.6; } .flikar li ul { display: none; background-color:none; width:135px; /* opacitet for IE */ filter:alpha(opacity=0.95); /* opacity: 0.95; filter: alpha(opacity=0.95); */ /* opacitet CSS3 standard */ opacity:0.95; /* opacitet for Mozilla */ -moz-opacity:0.95; } .flikar li:hover ul, .flikar li.hover ul { display:block ; position: absolute; margin: 0px; padding: 0px; z-index: 1; } .flikar li:hover li, .flikar li.hover li { border-left: solid 1px #b3b2b3; float: none; background-color: #ffffff; } .flikar li:hover li a, .flikar li.hover li a { border-right: solid 1px #b3b2b3; width: 125px; /* Ändra bredden på undermenyn här */ background-color: #b2f6f7; /*Ändra färgen på undermenyn*/ color: #333333; /*ändra textfärgen på undermenyn här*/ } .flikar li li a:hover { background-color: ; } /*Ändra färgen när man håller musen över dropdownmenyn*/
fixa ny gratis design till din blogg ?
KLICKA HÄR FÖR ATT SE DESIGNEN LIVE!
Kopiera stilmallen under för att få den designen helt gratis :D men du får gärna skriva att jag har gjort den (:
body {
margin: 0px;
padding:0px;
background: #7ed7f8;
}
a {color: #000000;}
a:hover {color: #6CA5FF;}
#wrapper {
clear:none;
margin: 0px;
padding: 0px;
width: 800px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: #7ed7f8
url(http://cajsagrasberg.webblogg.se/testflest/images/2011/ttttt_136018973.jpg) no-repeat left top;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px;
width: 1000px;
height: 700px;
}
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 12px 0px 12px;
left:-30px;
}
#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}html>body #content { width: 538px }
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
}
h2 {
font-family: arial, verdana, sans-serif;
font-size: .7em;
font-weight: normal;
color: #333;
margin: 0px;
padding: 0px;
}
/** Entry headers **/
h3 {
background: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 30px;
color: #000;
margin: 0px 0px 10px;
}
.navheader {
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
padding:5px;
margin-bottom:5px;
background-color:white;
text-transform: uppercase;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #000000;
}
.nav ul {
margin: 0px 0px 12px;
padding: 10px;
font-weight: normal;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #000000; }
.nav a:hover { color: #6CA5FF; }
/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: white;
padding: 10px;
border: 1px solid #000000;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #666;
text-align:right;
}
.entrymeta a { color: #809FFF; }
.entrymeta a:hover { color: #6CA5FF; }
.commentheader {
font-family: arial, helvetica, sans-serif;
font-size: .70em;
font-weight: bold;
background-color:white;
padding:5px;
color: #fff;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #809FFF; }
.commentmeta a:hover { color: #80FF9F; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 1px solid #77B5F0;
border-bottom: 0px solid #77B5F0;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 1px dashed #4A6FFF;
background-color:#4A6FFF;
padding:5px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 1px dashed #77B5F0;
background-color:#77B5F0;
padding:5px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
/*****************************************************************************
* Calendar *
*****************************************************************************/
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 10px;
text-align: center;
background-color: #FFFFFF;
border: 1px solid #000000;
margin-bottom: 12px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #77B5F0;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #809FFF;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #809FFF;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 10px;
margin-bottom: 12px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#profile h4{
display: none;
}
#profile p{
}
body {
margin: 0px;
padding:0px;
background: #7ed7f8;
}
a {color: #000000;}
a:hover {color: #6CA5FF;}
#wrapper {
clear:none;
margin: 0px;
padding: 0px;
width: 800px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
background: #7ed7f8
url(http://cajsagrasberg.webblogg.se/testflest/images/2011/ttttt_136018973.jpg) no-repeat left top;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px;
width: 1000px;
height: 700px;
}
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 12px 0px 12px;
left:-30px;
}
#content {
overflow: hidden;
width: 538px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
}html>body #content { width: 538px }
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: bold;
color: #000;
text-transform:uppercase;
margin: 0px;
padding: 0px;
}
h2 {
font-family: arial, verdana, sans-serif;
font-size: .7em;
font-weight: normal;
color: #333;
margin: 0px;
padding: 0px;
}
/** Entry headers **/
h3 {
background: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 30px;
color: #000;
margin: 0px 0px 10px;
}
.navheader {
font-family: Arial, Helvetica, Sans-serif;
font-size: 1em;
font-weight: bold;
color: #fff;
padding:5px;
margin-bottom:5px;
background-color:white;
text-transform: uppercase;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 0.7em;
font-weight: bold;
color: #000000;
}
.nav ul {
margin: 0px 0px 12px;
padding: 10px;
font-weight: normal;
background-color: #FFFFFF;
border: 1px solid #000000;
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
}
.nav a { color: #000000; }
.nav a:hover { color: #6CA5FF; }
/** Post's body text **/
.entrybody {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
line-height: 150%;
margin: 0px 0px 10px;
background-color: white;
padding: 10px;
border: 1px solid #000000;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #666;
text-align:right;
}
.entrymeta a { color: #809FFF; }
.entrymeta a:hover { color: #6CA5FF; }
.commentheader {
font-family: arial, helvetica, sans-serif;
font-size: .70em;
font-weight: bold;
background-color:white;
padding:5px;
color: #fff;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #809FFF; }
.commentmeta a:hover { color: #80FF9F; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 1px solid #77B5F0;
border-bottom: 0px solid #77B5F0;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: .7em;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 1px dashed #4A6FFF;
background-color:#4A6FFF;
padding:5px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 1px dashed #77B5F0;
background-color:#77B5F0;
padding:5px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
/*****************************************************************************
* Calendar *
*****************************************************************************/
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 10px;
text-align: center;
background-color: #FFFFFF;
border: 1px solid #000000;
margin-bottom: 12px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #77B5F0;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #809FFF;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #BBB;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #809FFF;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
}
#calendar table tr td ul li {
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
background-color: #FFFFFF;
border: 1px solid #000000;
padding: 10px;
margin-bottom: 12px;
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#profile h4{
display: none;
}
#profile p{
}
![st thumb Snygg gratis bloggdesign till blogg.se [mall]](http://www.bloggcandy.com/wp-content/uploads/2010/05/st_thumb.png)
body {
margin: 0px;
padding:0px;
background: #ff0ace url(http://i45.tinypic.com/2cda4yg.jpg);
backaground-repeat: repeat;
background-attachment: fixed;
}
a {
}
a:hover {color: #ffffff;}
#wrapper {
clear:none;
margin: 0px auto;
padding: 20px;
width: 830px;
background-repeat:x,y;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header {
padding-left: 30px;
padding-bottom:15px;
padding-top:10px;
margin: 0px 0px 20px;
width: 800px;
height: 241px;
background-image: url(http://i45.tinypic.com/2vj78jt.jpg);
background-position: center;
background-color: none;
background-repeat: no-repeat;
}
#side {
float: left;
width: 180px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
color: #fff;
background: #FF97F9;
}
#content {
overflow: hidden;
width: 538px;
position:relative;
border-right-color: #3BB9FF;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:538px;
float: right;
margin: 0px 10px 0px 0px;
background: #FF97F9;
}html>body #content { width: 538px }
#header a {
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 35px;
font-weight: normal;
padding-left: 30px;
}
h1 {
font-family: arial, verdana, sans-serif;
font-size: 20px;
font-weight: bold;
color: #f;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
padding-top: 190px;
}
h2 {
font-family: arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
padding: 0px;
width: 170px;
}
/** Entry headers **/
h3 {
background: url("http://i49.tinypic.com/2dbjw2e.jpg") #9A0F90;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding:10px 10px 10px 0px;
color: #ffffff;
margin: 0px 0px 10px;
text-transform: uppercase;
padding-left: 20px;
}
.navheader {
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding:10px 5px 0px;
margin-bottom:0px;
text-transform: uppercase;
background: url(http://i47.tinypic.com/2uy22as.jpg);
height: 30px;
}
.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0px;
color: #ffffff;
background:#9a0f90;
}
.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
color; #ffffff
}
.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;
color: #FFFFFF;
}
.nav a { color: #ffffff; }
.nav a:hover { color: #FF0080; }
/** Post's body text **/
.entrybody {
background: #FACFF7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000;
line-height: 150%;
margin: 0px 0px 10px;
padding: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666;
text-align:right;
}
.entrymeta a { color: #ffffff; }
.entrymeta a:hover { color: #FF0080; }
.commentheader {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-color:#870C7F;
padding:5px;
color: #FFFFFF;
}
.commenttext {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000;
line-height: 130%;
background: #FACFF7;
}
.commentmeta {
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #fff;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #DF01D7; }
.commentmeta a:hover { color: #FA58AC; }
.commentform {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CB06BE;
border-bottom: 0px solid #CB06BE;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #9a0f90;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
body {
background: #f8ded7;
background-image: url(http://nipstaden.se/wordpress/bokeh_bg.png);
background-repeat: no-repeat;
background-position: top center;
}
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {color: #333;text-decoration:none; }
a:hover {color: #c3ccbc;text-decoration:none;}
.a { color: #d88b89; }
.a:hover { color: #d88b89;text-decoration:underline; }
#wrapper {
text-align: left;
width: 1019px;
margin: 40px auto;
padding: 30px;
vertical-align: top;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header {
background: url(http://designbloggar.blogg.se/blue/images/2011/header_128006402.png) no-repeat right top;
margin: 0px;
padding: 5px 0px 0px 0px;
height: 315px;
text-align: right;
border-top: 0px solid #bbbac0;
border-bottom: 1px solid #d3a3a3;
width: 815px;
float: right;
}
#navbar {
margin: 0px 6px 17px 215px;
padding: 23px 10px 16px 10px;
height: 0em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
border-left: 0px dotted #96938E;
border-bottom: 0px dotted black;
border-top: 0px dotted black;
display: block;
padding: 2px 14px;
background-color: ; /*Ändra färgen på menyflikarna här*/
color: #a0968d; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: arial; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
margin-top: 6px;
display: none;
text-align: left;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: white;/* opacitet for IE */
filter:alpha(opacity=80);
/* opacity: 0.80; filter: alpha(opacity=80); */
/* opacitet CSS3 standard */
opacity:0.80;
/* opacitet for Mozilla */
-moz-opacity:0.80;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: white; /*Ändra färgen på undermenyn*/
font-size: 10px;
border-left: 0px dotted white;
border-right: 0px dotted white;
border-top: 0px dotted white;
border-bottom: 1px dotted #D1CCBF;
color: #5e5456;
} /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background: white url(); font-size: 10px; color: #ecc0b5;
border-left: 0px dotted black;
border-right: 0px dotted black;
border-top: 0px dotted #9d9595;
border-bottom: 1px solid #D1CCBF;
} /*Ändra färgen när man håller musen över undermenyn*/
#side {
margin-right:0;
margin-top: -200px;
background: #fff;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #333;
float: left;
width: 200px;
border: 1px solid #d3a3a3;
}
#content {
overflow: hidden;
width: 813px;
float: right;
background: #FFFFFF;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
border-top: 0px dashed #333;
border-right: 1px solid #d3a3a3;
border-bottom:1px solid #d3a3a3;
border-left: 1px solid #d3a3a3;
margin: 0px;
}
#header a { color: #fff; text-decoration: none; }
#header a:hover { color: #333;text-decoration:none;}
h1 {
font-family: trajan pro;
font-size: 2.2em;
font-weight: normal;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
text-align: left;
}
h2 {
font-family: Century Gothic;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
font-family: Georgia;
font-size: 30px;
font-weight: 100;
color: #e3b5a9;
text-transform: none;
background: #FFFFFF;
padding:14px 10px 0px 32px;
margin-top: 34px;
margin-bottom: 0px;
height: 37px;
text-align: center;
vertical-align: top;
}
}
#tid {
font-size:9px;
text-align:left;
font-family: Century Gothic, tahoma, verdana;
}
#datum {
font-size:9px;
text-align:left;
font-family:Century Gothic, verdana;
}
.navheader {
font-family: tahoma;
font-size: 10px;
padding-bottom: 4px;
padding-top: 4px;
font-style: normal;
padding-left: 5px;
font-weight: 100;
color: #a49f9d;
text-transform: uppercase;
margin-bottom: 3px;
border-bottom: 1px dashed #f5ebe9;
border-top: 1px dashed #f5ebe9;
}
.nav {
font-family: tahoma;
font-size: 10px;
font-weight: 100;
}
.nav ul {
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 7px 0px;
font-weight: normal;
margin: 0px;
}
.nav a { color: #333;text-decoration:none; background:none;}
.nav a:hover { color: #f8dad0;text-decoration:none;}
/** Post's body text **/
.entrybody {
font-family: Arial, sans serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 140%;
text-align:justify;
padding-top:20px;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
margin: 0px;
background: #FFFFFF;
}
.entrybody a { color: #d88b89; }
.entrybody a:hover { color: #d88b89;text-decoration:underline; }
/** 'Posted by' txt **/
.entrymeta {
font-family: arial;
font-size: 10px;
font-weight: normal;
color: #555;
background: #FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:4px;
text-align:center;
margin-left:0px;
margin-right:0px;
border-bottom: 1px solid #f0f0f0;
}
.entrymeta a { color: #333; text-decoration:none;}
.entrymeta a:hover { color: #333;text-decoration:underline;}
.commentheader {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
margin-left: 10px;
margin-right: 10px;
background:#ffe9e8;
border-top: 1px dotted #e4b7b6;
border-bottom: 1px dotted #e4b7b6;
border-left: 1px dotted #e4b7b6;
border-right: 1px dotted #e4b7b6;
padding:5px;
margin-bottom: 0px;
color: #000000;
}
.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
background: #fff9f9;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
padding-bottom: 2px;
border-left: 1px solid #e4b7b6;
border-right: 1px solid #e4b7b6;
color: #000;
line-height: 130%;
margin-left:10px;
margin-bottom:0px;
margin-top: 0px;
margin-right: 10px;
}
.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999;
margin-left:10px;
margin-right: 10px;
background: #fff9f9;
padding-left:5px;
padding-right:5px;
padding-top: 2px;
border-left: 1px solid #e4b7b6;
border-right: 1px solid #e4b7b6;
border-bottom: 1px solid #e4b7b6;
padding-bottom: 2px;
}
.commentmeta a { color: #d88b89; }
.commentmeta a:hover { color: #d88b89;text-decoration:underline; }
.commentform {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #666;
margin: 0px 0px 20px 0px
}
.commentform a { color: #d88b89; }
.commentform a:hover { color: #d88b89;text-decoration:underline; }
.separator {
border-top: 0px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Century Gothic, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
padding-left: 10px;
text-transform: uppercase;
}
.subside {
font-family: Century gothic, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:0px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
padding:2px;
margin-left: -12px;
}
.thumbnail {
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: Century gothic, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: Century gothic, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: Century gothic, Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Georgia;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
.a { color: #d88b89; }
.a:hover { color: #d88b89;text-decoration:underline; }
body {
background: #000;
background-image: url();
background-repeat: repeat;
background-position: top left;
}
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {color: #817d79;text-decoration:none;}
a:hover {color: #cccccc;text-decoration:none;}
#wrapper {
text-align: left;
width: 1000px;
position:center;
margin:0px auto;
padding: 0px 10px 10px;
vertical-align: top;
left:80px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#top1 {
float: left;
clear: left;
padding: 0px 0px 0px 0px;
margin-left: 0px;
width: 680px;
background-color: #fff;
}
#header {
background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header2_126001255.png) no-repeat left top;
margin: 0px;
padding: 30px 0px 0px 0px;
height: 110px;
text-align: left;
padding-top: 310px;
padding-left: 100px;
}
#side {
margin-left: 10px;
padding: 10px 12px 0px;
background: #000;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #333;
float: left;
width: 172px;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #474645;
border-top: 0px dashed #333;
}
#content {
overflow: hidden;
width: 620px;
float: left;
background: #F0f0f0;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
margin: 0px;
margin-left:70px;
}
#header a { color: #dbdcde; text-decoration: none; }
a { color: #e82929; text-decoration: none; }
h1 {
font-family: Trajan pro;
font-size: 2.2em;
font-weight: normal;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
margin-top: 0px;
margin-left: 0px;
padding: 30px 0px 0px 0px;
padding-left: 20px;
padding-top:2px;
height: 48px;
width: 650px;
color:#f0f0f0;
font-family: Trajan pro;
font-size:24px;
font-weight:normal;
margin-bottom:0px;
text-transform:uppercase;
}
.bakgrund {
color: #969696;
line-height: 140%;
text-align:justify;
padding: 0px;
float:left;
font-family:georgia,arial,sans-serif;
font-size:11px;
font-weight:200;
margin-left:0px;
margin-right: 10px;
padding:1px;
text-align:center;
}
#datum {
font-size:9px;
text-align:left;
font-family:tahoma, verdana;
}
.navheader {
font-family: Andale mono;
font-size: 12px;
font-weight: bold;
color: #c3c4c5;
text-transform: uppercase;
margin-bottom: 3px;
}
.tiden {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: 10px;
margin-bottom: -15px;
margin-left: 10px;
}
.top {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: -30px;
margin-left: -12px;
}
.nav {
font-family: trajan pro;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.nav ul {
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 5px 0px;
font-weight: normal;
margin: 0px;
text-align: center;
}
.nav a { color: #f0f0f0;text-decoration:none; background:none;}
.nav a:hover { color: #fff;text-decoration:none;}
/** Post's body text **/
.entrybody {
font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5B4F4F;
line-height: 150%;
margin: 10px;
padding-top: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: Arial, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #968d8d;
text-align:right;
padding-top:10px;
padding-right: 20px;
padding-bottom:3px;
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
}
.entrymeta a { color: #c0b8b8; text-decoration:none;}
.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }
.commentheader {
font-family: courier new, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
border-top:2px dotted;
background:#dededa;
padding:5px;
color: #000000;
}
.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
margin:10px
}
.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #BDB5A0; }
.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}
.commentform {
font-family: courier new, verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#navbar {
margin: 0 0px;
padding: 0 0px;
}
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 0px 0px;
margin: 0px 0px 0px 1px;
Background-color: #fff; /*Ändra färgen på menyflikarna här*/
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
color: #000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: tahoma; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
margin-left: 0px;
width: 9em; /* Ändra bredden på undermenyn här */
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0px 0px 0px 0px;;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
/*Ändra färgen på undermenyn*/
border-bottom: 1px dotted #000;
color: #000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #fff;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.95; filter: alpha(opacity=95); */
/* opacitet CSS3 standard */
opacity:0.95;
/* opacitet for Mozilla */
-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/
body {
background: #000;
background-image: url();
background-repeat: repeat;
background-position: top left;
}
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {color: #817d79;text-decoration:none;}
a:hover {color: #cccccc;text-decoration:none;}
#wrapper {
text-align: left;
width: 1000px;
position:center;
margin:0px auto;
padding: 0px 10px 10px;
vertical-align: top;
left:80px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#top1 {
float: left;
clear: left;
padding: 0px 0px 0px 0px;
margin-left: 0px;
width: 680px;
background-color: #fff;
}
#header {
background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header-1_126004135.png) no-repeat left top;
margin: 0px;
padding: 30px 0px 0px 0px;
height: 110px;
text-align: left;
padding-top: 310px;
padding-left: 100px;
}
#side {
margin-left: 10px;
padding: 10px 12px 0px;
background: #000;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #333;
float: left;
width: 172px;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #474645;
border-top: 0px dashed #333;
}
#content {
overflow: hidden;
width: 620px;
float: left;
background: #F0f0f0;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
margin: 0px;
margin-left:70px;
}
#header a { color: #dbdcde; text-decoration: none; }
a { color: #e82929; text-decoration: none; }
h1 {
font-family: Trajan pro;
font-size: 2.2em;
font-weight: normal;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
margin-top: 0px;
margin-left: 0px;
padding: 30px 0px 0px 0px;
padding-left: 20px;
padding-top:2px;
height: 48px;
width: 650px;
color:#f0f0f0;
font-family: Trajan pro;
font-size:24px;
font-weight:normal;
margin-bottom:0px;
text-transform:uppercase;
}
.bakgrund {
color: #969696;
line-height: 140%;
text-align:justify;
padding: 0px;
float:left;
font-family:georgia,arial,sans-serif;
font-size:11px;
font-weight:200;
margin-left:0px;
margin-right: 10px;
padding:1px;
text-align:center;
}
#datum {
font-size:9px;
text-align:left;
font-family:tahoma, verdana;
}
.navheader {
font-family: Andale mono;
font-size: 12px;
font-weight: bold;
color: #c3c4c5;
text-transform: uppercase;
margin-bottom: 3px;
}
.tiden {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: 10px;
margin-bottom: -15px;
margin-left: 10px;
}
.top {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: -30px;
margin-left: -12px;
}
.nav {
font-family: trajan pro;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.nav ul {
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 5px 0px;
font-weight: normal;
margin: 0px;
text-align: center;
}
.nav a { color: #f0f0f0;text-decoration:none; background:none;}
.nav a:hover { color: #fff;text-decoration:none;}
/** Post's body text **/
.entrybody {
font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5B4F4F;
line-height: 150%;
margin: 10px;
padding-top: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: Arial, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #968d8d;
text-align:right;
padding-top:10px;
padding-right: 20px;
padding-bottom:3px;
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
}
.entrymeta a { color: #c0b8b8; text-decoration:none;}
.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }
.commentheader {
font-family: courier new, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
border-top:2px dotted;
background:#dededa;
padding:5px;
color: #000000;
}
.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
margin:10px
}
.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #BDB5A0; }
.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}
.commentform {
font-family: courier new, verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#navbar {
margin: 0 0px;
padding: 0 0px;
}
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 0px 0px;
margin: 0px 0px 0px 1px;
Background-color: #fff; /*Ändra färgen på menyflikarna här*/
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
color: #000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: tahoma; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
margin-left: 0px;
width: 9em; /* Ändra bredden på undermenyn här */
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0px 0px 0px 0px;;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
/*Ändra färgen på undermenyn*/
border-bottom: 1px dotted #000;
color: #000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #fff;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.95; filter: alpha(opacity=95); */
/* opacitet CSS3 standard */
opacity:0.95;
/* opacitet for Mozilla */
-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/
body {
background: #000;
background-image: url();
background-repeat: repeat;
background-position: top left;
}
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {color: #817d79;text-decoration:none;}
a:hover {color: #cccccc;text-decoration:none;}
#wrapper {
text-align: left;
width: 1000px;
position:center;
margin:0px auto;
padding: 0px 10px 10px;
vertical-align: top;
left:80px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#top1 {
float: left;
clear: left;
padding: 0px 0px 0px 0px;
margin-left: 0px;
width: 680px;
background-color: #fff;
}
#header {
background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header-1_126004135.png) no-repeat left top;
margin: 0px;
padding: 30px 0px 0px 0px;
height: 110px;
text-align: left;
padding-top: 310px;
padding-left: 100px;
}
#side {
margin-left: 10px;
padding: 10px 12px 0px;
background: #000;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #333;
float: left;
width: 172px;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #474645;
border-top: 0px dashed #333;
}
#content {
overflow: hidden;
width: 620px;
float: left;
background: #F0f0f0;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
margin: 0px;
margin-left:70px;
}
#header a { color: #dbdcde; text-decoration: none; }
a { color: #e82929; text-decoration: none; }
h1 {
font-family: Trajan pro;
font-size: 2.2em;
font-weight: normal;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
margin-top: 0px;
margin-left: 0px;
padding: 30px 0px 0px 0px;
padding-left: 20px;
padding-top:2px;
height: 48px;
width: 650px;
color:#f0f0f0;
font-family: Trajan pro;
font-size:24px;
font-weight:normal;
margin-bottom:0px;
text-transform:uppercase;
}
.bakgrund {
color: #969696;
line-height: 140%;
text-align:justify;
padding: 0px;
float:left;
font-family:georgia,arial,sans-serif;
font-size:11px;
font-weight:200;
margin-left:0px;
margin-right: 10px;
padding:1px;
text-align:center;
}
#datum {
font-size:9px;
text-align:left;
font-family:tahoma, verdana;
}
.navheader {
font-family: Andale mono;
font-size: 12px;
font-weight: bold;
color: #c3c4c5;
text-transform: uppercase;
margin-bottom: 3px;
}
.tiden {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: 10px;
margin-bottom: -15px;
margin-left: 10px;
}
.top {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: -30px;
margin-left: -12px;
}
.nav {
font-family: trajan pro;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.nav ul {
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 5px 0px;
font-weight: normal;
margin: 0px;
text-align: center;
}
.nav a { color: #f0f0f0;text-decoration:none; background:none;}
.nav a:hover { color: #fff;text-decoration:none;}
/** Post's body text **/
.entrybody {
font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5B4F4F;
line-height: 150%;
margin: 10px;
padding-top: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: Arial, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #968d8d;
text-align:right;
padding-top:10px;
padding-right: 20px;
padding-bottom:3px;
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
}
.entrymeta a { color: #c0b8b8; text-decoration:none;}
.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }
.commentheader {
font-family: courier new, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
border-top:2px dotted;
background:#dededa;
padding:5px;
color: #000000;
}
.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
margin:10px
}
.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #BDB5A0; }
.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}
.commentform {
font-family: courier new, verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#navbar {
margin: 0 0px;
padding: 0 0px;
}
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 0px 0px;
margin: 0px 0px 0px 1px;
Background-color: #fff; /*Ändra färgen på menyflikarna här*/
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
color: #000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: tahoma; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
margin-left: 0px;
width: 9em; /* Ändra bredden på undermenyn här */
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0px 0px 0px 0px;;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
/*Ändra färgen på undermenyn*/
border-bottom: 1px dotted #000;
color: #000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #fff;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.95; filter: alpha(opacity=95); */
/* opacitet CSS3 standard */
opacity:0.95;
/* opacitet for Mozilla */
-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/

body {
background: #000;
background-image: url();
background-repeat: repeat;
background-position: top left;
}
margin:0;
padding:0px 0 14px;
text-align:center;
color:#000000;
}
a {color: #817d79;text-decoration:none;}
a:hover {color: #cccccc;text-decoration:none;}
#wrapper {
text-align: left;
width: 1000px;
position:center;
margin:0px auto;
padding: 0px 10px 10px;
vertical-align: top;
left:80px;
}
p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
div#top1 {
float: left;
clear: left;
padding: 0px 0px 0px 0px;
margin-left: 0px;
width: 680px;
background-color: #fff;
}
#header {
background: url(http://designbloggar.blogg.se/kulansplace/images/2011/header2_126001255.png) no-repeat left top;
margin: 0px;
padding: 30px 0px 0px 0px;
height: 110px;
text-align: left;
padding-top: 310px;
padding-left: 100px;
}
#side {
margin-left: 10px;
padding: 10px 12px 0px;
background: #000;
border-right-width: 0px;
border-right-style: solid;
border-right-color: #ffffff;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #333;
float: left;
width: 172px;
border-left-width: 0px;
border-left-style: solid;
border-left-color: #474645;
border-top: 0px dashed #333;
}
#content {
overflow: hidden;
width: 620px;
float: left;
background: #F0f0f0;
padding: 0px 0px 0px;
voice-family:"\"}\"";
voice-family:inherit;
text-align: left;
vertical-align: top;
margin: 0px;
margin-left:70px;
}
#header a { color: #dbdcde; text-decoration: none; }
a { color: #e82929; text-decoration: none; }
h1 {
font-family: Trajan pro;
font-size: 2.2em;
font-weight: normal;
color: #FFF;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}
h2 {
font-family: arial;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
margin-top:4px;
margin-bottom:0px;
margin-left: 0px;
padding:0px;
text-transform:uppercase;
}
/** Entry headers **/
h3 {
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
margin-top: 0px;
margin-left: 0px;
padding: 30px 0px 0px 0px;
padding-left: 20px;
padding-top:2px;
height: 48px;
width: 650px;
color:#f0f0f0;
font-family: Trajan pro;
font-size:24px;
font-weight:normal;
margin-bottom:0px;
text-transform:uppercase;
}
.bakgrund {
color: #969696;
line-height: 140%;
text-align:justify;
padding: 0px;
float:left;
font-family:georgia,arial,sans-serif;
font-size:11px;
font-weight:200;
margin-left:0px;
margin-right: 10px;
padding:1px;
text-align:center;
}
#datum {
font-size:9px;
text-align:left;
font-family:tahoma, verdana;
}
.navheader {
font-family: Andale mono;
font-size: 12px;
font-weight: bold;
color: #c3c4c5;
text-transform: uppercase;
margin-bottom: 3px;
}
.tiden {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: 10px;
margin-bottom: -15px;
margin-left: 10px;
}
.top {
font-family: arial;
font-size: 9px;
font-weight: none;
color: #929292;
margin-top: -30px;
margin-left: -12px;
}
.nav {
font-family: trajan pro;
font-size: 11px;
font-weight: bold;
text-align: center;
}
.nav ul {
padding: 0px 0px 2px;
font-weight: normal;
margin: 0px;
}
.nav li {
list-style: none;
padding: 0px 5px 0px;
font-weight: normal;
margin: 0px;
text-align: center;
}
.nav a { color: #f0f0f0;text-decoration:none; background:none;}
.nav a:hover { color: #fff;text-decoration:none;}
/** Post's body text **/
.entrybody {
font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #5B4F4F;
line-height: 150%;
margin: 10px;
padding-top: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: Arial, verdana, arial, sans-serif;
font-size: 10px;
font-weight: normal;
color: #968d8d;
text-align:right;
padding-top:10px;
padding-right: 20px;
padding-bottom:3px;
background: #ececec url(http://designbloggar.blogg.se/kulansplace/images/2011/entryheader_125991912.png) repeat-y left top;
}
.entrymeta a { color: #c0b8b8; text-decoration:none;}
.entrymeta a:hover { color: #c0b8b8;text-decoration:underline; font-size:10px; }
.commentheader {
font-family: courier new, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
border-top:2px dotted;
background:#dededa;
padding:5px;
color: #000000;
}
.commenttext {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .70em;
font-weight: normal;
color: #000;
line-height: 130%;
margin:10px
}
.commentmeta {
font-family: tahoma, verdana, arial, sans-serif;
font-size: .65em;
font-weight: normal;
color: #999;
margin: 10px 0px 20px 0px
}
.commentmeta a { color: #BDB5A0; }
.commentmeta a:hover { color: #000000;text-decoration:none; font-size:11px; background:#b7bcc1;}
.commentform {
font-family: courier new, verdana, arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
margin: 0px 0px 20px 0px
}
.separator {
border-top: 2px solid #CCCCCC;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}
.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}
.subside {
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}
.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}
.image {
border: 2px solid #CCCCCC;
padding:2px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}
.video{
padding: 0px 0px 0px 0px;
}
.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}
select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}
#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}
#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}
#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}
#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}
#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}
#calendar table tr ul {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}
#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}
#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}
#calendar table tr td ul li {
color: #666666;
}
#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}
#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}
form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}
#profile {
font-family: Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}
#profile h4{
font-family: Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}
#profile p{
}
#navbar {
margin: 0 0px;
padding: 0 0px;
}
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 0px 0px;
margin: 0px 0px 0px 1px;
Background-color: #fff; /*Ändra färgen på menyflikarna här*/
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.75; filter: alpha(opacity=75); */
/* opacitet CSS3 standard */
opacity:0.75;
/* opacitet for Mozilla */
-moz-opacity:0.75;
color: #000; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: tahoma; /*Ändra typsnittet här*/
font-size: 10px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
margin-left: 0px;
width: 9em; /* Ändra bredden på undermenyn här */
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0px 0px 0px 0px;;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
/*Ändra färgen på undermenyn*/
border-bottom: 1px dotted #000;
color: #000; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #fff;
/* opacitet for IE */
filter:alpha(opacity=75);
/* opacity: 0.95; filter: alpha(opacity=95); */
/* opacitet CSS3 standard */
opacity:0.95;
/* opacitet for Mozilla */
-moz-opacity:0.95; } /*Ändra färgen när man håller musen över undermenyn*/