/* Theme Name: Hemsida CMS Theme URI: http://spathon.se Description: Genom att använda detta tema godkännder du Snabb Designs licensvillkor som du finner på www.snabbdesign.se/licensvillkor-hemsida-cms Version: 1.1 Author: Snabb Design™ Author URI: http://www.snabbdesign.se Creator: Patrik Spathon /* * a = tag = 1poang * . = class = 10poang * # = id = 100poang * ex1 a.classnamn = 11poang * ex2 #mainWrapper #header p = 210poang * ex3 = ul li li = 30poang vs ul li = 20poang * * BLOCK object * p, div, ul, li, h1, h2, h3, h4, h5, h6, form * * INLINE object * span, a, img, * * FONT * font-size: storlek pa texten i px * font-weight: tjock text = bold, normal text = normal * font-style: kusiv text = italic, normal text = normal * font-family: tecken snitt typ arial, helvetica m.m. * line-height: px eller bara 1.2 = 1.2 * text hojden * text-align: positionering av text i ett block objekt [left, center, right] * * STORLEK MM * padding: mellanrum pa insidan av border * margin: mellanrum pa utsidan av border * width: * height: * border: [storlek] [solid, dotted, dashed m.m.] [farg] * * FARG & BAKGRUND * color: textens farg t.ex. #333 * background: [farg] [url(lank till en bild)] [repeat, repeat-x, repeat-y, no-repeat] [center, left, right eller antal px] [center, top, bottom eller antal px] * SKUGGA * text-shadow: top[px] left[px] spread[px] [farg]; * t.ex. text-shadow: 1px 1px 1px #333; * * .custom_highlight = highlight * .ps_corner = erbjudande i kanterna/hornen * */ /* specialinstallningar for body */ html,body{height: 100%;} body {} body.blog {} body.page {} body.single {} body.error404 {} body.search {} body.search-no-results {} body.search-results {} body.home {} /* specialinstallningar for alla delar */ #header {} #content {} #sidebar {} #sidebar.bothRight {} #sidebar.bothLeft {} #footer {} .custom_highlight {margin: auto;} .ps_corner {} /* brod text */ body {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 13px; line-height: 1.6; font-weight: normal; font-style:normal;} #header {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px;} #content {} #sidebar {color: #333; font-size: 12px; line-height: 1.2; font-weight: normal; font-style:normal;} #sidebar.bothRight {color: #333; font-size: 10px; line-height: 1.2; font-weight: normal; font-style:normal;} #sidebar.bothLeft {color: #333; font-size: 10px; line-height: 1.2; font-weight: normal; font-style:normal;} #footer {color: #666; font-size: 11px;} .custom_highlight {} .ps_corner {} /* lankar */ a {outline: none; color: #999; text-decoration: none; background: none;} #header a {} #content a {} #sidebar a {} #footer a {} .custom_highlight a {} .ps_corner a {} a:visited {} #header a:visited {} #content a:visited {} #sidebar a:visited {} #footer a:visited {} .custom_highlight a:visited {} .ps_corner a:visited {} a:hover {text-decoration: underline;} #header a:hover {} #content a:hover {} #sidebar a:hover {} #footer a:hover {} .custom_highlight a:hover {} .ps_corner a:hover {} a:active {} #header a:active {} #content a:active {} #sidebar a:active {} #footer a:active {} .custom_highlight a:active {} .ps_corner a:active {} /* rubriker */ h1, h2, h3, h4, h5, h6 {color: #333; font-size: 25px; font-family: calibri, helvetica, arial, sans-serif; font-weight:bold; font-style:normal; font-variant:normal; text-transform:none; text-decoration: none; background: none; line-height: 1.2; padding: 0px 0px 20px 0px;} #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {} #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {} #sidebar.bothRight h1, #sidebar.bothRight h2, #sidebar.bothRight h3, #sidebar.bothRight h4, #sidebar.bothRight h5, #sidebar.bothRight h6 {} #sidebar.bothLeft h1, h2, h3, h4, h5, h6 {} #footer h1, #sidebar.bothLeft h2, #sidebar.bothLeft h3, #sidebar.bothLeft h4, #sidebar.bothLeft h5, #sidebar.bothLeft h6 {} .custom_highlight h1, .custom_highlight h2, .custom_highlight h3, .custom_highlight h4, .custom_highlight h5, .custom_highlight h6 {} .ps_corner h1, .ps_corner h2, .ps_corner h3, .ps_corner h4, .ps_corner h5, .ps_corner h6 {} h1 {font-size: 50px; font-family: georgia, times new roman, serif; font-weight:normal;} #header h1 {} #content h1 {} #sidebar h1 {} #sidebar.bothRight h1 {} #sidebar.bothLeft h1 {} #footer h1 {} .custom_highlight h1 {} .ps_corner h1 {} h2 {font-size: 25px;} #header h2 {} #content h2 {} #sidebar h2 {} #sidebar.bothRight h2 {} #sidebar.bothLeft h2 {} #footer h2 {} .custom_highlight h2 {} .ps_corner h2 {} h3 {font-size: 20px;} #header h3 {} #content h3 {} #sidebar h3 {} #sidebar.bothRight h3 {} #sidebar.bothLeft h3 {} #footer h3 {} .custom_highlight h3 {} .ps_corner h3 {} h4 {font-size: 15px;} #header h4 {} #content h4 {} #sidebar h4 {} #sidebar.bothRight h4 {} #sidebar.bothLeft h4 {} #footer h4 {} .custom_highlight h4 {} .ps_corner h4 {} h5 {font-size: 12px; font-weight:bold;} #header h5 {} #content h5 {} #sidebar h5 {} #sidebar.bothRight h5 {} #sidebar.bothLeft h5 {} #footer h5 {} .custom_highlight h5 {} .ps_corner h5 {} h6 {font-size: 12px; font-style: italic;} #header h6 {} #content h6 {} #sidebar h6 {} #sidebar.bothRight h6 {} #sidebar.bothLeft h6 {} #footer h6 {} .custom_highlight h6 {} .ps_corner h6 {} /* rad brytning */ br {line-height: 1,1; padding: 0px 0px 0px 0px;} #header br {} #content br {} #sidebar br {} #sidebar.bothRight br {} #sidebar.bothLeft br {} #footer br {} .custom_highlight br {} .ps_corner br {} /* paragrafer */ p {padding: 0px 0px 10px 0px;} #header p {} #content p {} #sidebar p {} #sidebar.bothRight p {} #sidebar.bothLeft p {} #footer p {} .custom_highlight p {} .ps_corner p {} /* bilder images */ img {} /* bild till vanster */ img.alignleft { margin: 0px 30px 0px 0px;} /* bild till hoger */ img.alignright { margin: 0px 0px 0px 30px;} #header img {} #content img {} #sidebar img {} #sidebar.bothRight img {} #sidebar.bothLeft img {} #footer img {} .custom_highlight img {} .ps_corner img {} /* italic kusiv */ em {} #header em {} #content em {} #sidebar em {} #footer em {} .custom_highlight em {} .ps_corner em {} /* bold tjock text */ strong {} #header strong {} #content strong {} #sidebar strong {} #footer strong {} .custom_highlight strong {} .ps_corner strong {} /* nersankt text */ sub {} #header sub {} #content sub {} #sidebar sub {} #footer sub {} .custom_highlight sub {} .ps_corner sub {} /* upphojd text tex rummets area = 40m2 */ sup {} #header sup {} #content sup {} #sidebar sup {} #footer sup {} .custom_highlight sup {} .ps_corner sup {} /* tabell */ table {} #header table {} #content table {} #sidebar table {} #sidebar.bothRight table {} #sidebar.bothLeft table {} #footer table {} .custom_highlight table {} .ps_corner table {} /* tabell cell */ td {} #header td {} #content td {} #sidebar td {} #sidebar.bothRight td {} #sidebar.bothLeft td {} #footer td {} .custom_highlight td {} .ps_corner td {} /* * ul = unorderd list. -,-,- osv * list-style-type = vad det ar som ska vara punkten * list-style-type: upper-roman upper-latin upper-alpha square lower-roman lower-latin lower-greek lower-alpha katakana-iroha katakana hiragana-iroha hiragana georgian disc hebrew decimal-leading-zero decimal cjk-ideographic circle armenian none * list-style-position: inside outside */ ul {list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ul {} #content ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} #sidebar ul.customPs ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} #footer ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} .custom_highlight ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} .ps_corner ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} /* ul li = sjalva list obektet */ ul li {list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ul li {} #content ul li {list-style-type: disc; list-style-position: outside; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;} #sidebar ul.customPs ul li {list-style-type: disc; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #footer ul li {list-style-type: disc; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} .custom_highlight ul li {list-style-type: disc; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} .ps_corner ul li {list-style-type: disc; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} /* samma som ul fast det ska vara orderd list 1,2,3 osv*/ ol {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; width: 70%;} #content ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; width: 70%;} #sidebar ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px;} #footer ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; width: 70%;} .custom_highlight ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; width: 70%;} .ps_corner ol {list-style-type: decimal; list-style-position: outside; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 0px; width: 70%;} /* ol li */ ol li {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #content ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #sidebar ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px;} #footer ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} .custom_highlight ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} .ps_corner ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #sidebar form.cform ol li, #sidebar form.cform ol {list-style-type: none; list-style-position: outside; padding: 0 0 15px;} /* ul {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ul {} #content ul {width: 70%; list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px;} #sidebar ul {} #footer ul {} /* ul li = sjalva list obektet * ul li {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ul li {} #content ul li {list-style-type: disc; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #sidebar ul li {} #footer ul li {} /* samma som ul fast det ska vara orderd list 1,2,3 osv* ol {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ol {} #content ol {list-style-type: none; list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 15px; width: 70%;} #sidebar ol {} #footer ol {} /* ol li * ol li {list-style-type: none; list-style-position: inside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #header ol li {} #content ol li {list-style-type: decimal; list-style-position: outside; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;} #sidebar ol li {} #footer ol li {} /*** sok ***/ /* s = sokfaltet, skicka = sokknappen */ .searchdiv {} .searchdiv form {} .searchdiv .s {} .searchdiv .skicka {} .searchdiv .skicka:hover {} #header .searchdiv {padding: 4px 0px 0px 0px;} #header .searchdiv form {width:150px; height:20px; background:transparent url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-sokfalt.png) no-repeat scroll 0 0; display:block;} #header .searchdiv .s {color: #333; font-size: 12px; font-family: arial, helvetica, sans-serif; font-weight:normal; font-style:normal; font-variant:normal; text-transform:none; text-decoration: none; background:transparent none repeat scroll 0 0; border:none; float:left; margin: 3px 2px 0px 2px; padding: 0px 0px 0px 0px; width:116px; height:20px;} #header .searchdiv .skicka {background:transparent none repeat scroll 0 0; border:none; cursor:pointer; float:left; height:20px; width:30px} #header .searchdiv .skicka:hover {} #content .searchdiv {} #content .searchdiv form {position: relative; width: 210px; height: 25px; background: rgba(200,200,200,.0);} #content .searchdiv .s {background: rgba(0, 0, 0,.0); border: none; width: 160px; position: absolute; top: 4px; left: 0px; padding: 2px;} #content .searchdiv .skicka {background: rgba(0, 0, 0,.0); border: none; width: 40px; position: absolute; top: 5px; right: 0px; padding: 0px; height: 20px;} #content .searchdiv .skicka:hover {} #sidebar .searchdiv {} #sidebar .searchdiv form {position: relative; width: 210px; height: 25px; background: rgba(200,200,200,.0);} #sidebar .searchdiv .s {background: rgba(0, 0, 0,.0); border: none; width: 160px; position: absolute; top: 4px; left: 0px; padding: 2px;} #sidebar .searchdiv .skicka {background: rgba(0, 0, 0,.0); border: none; width: 40px; position: absolute; top: 5px; right: 0px; padding: 0px; height: 20px;} #sidebar .searchdiv .skicka:hover {} #footer .searchdiv {} #footer .searchdiv form {position: relative; width: 210px; height: 25px; background: rgba(200,200,200,.0);} #footer .searchdiv .s {background: rgba(0, 0, 0,.0); border: none; width: 160px; position: absolute; top: 4px; left: 0px; padding: 2px;} #footer .searchdiv .skicka {background: rgba(0, 0, 0,.0); border: none; width: 40px; position: absolute; top: 5px; right: 0px; padding: 0px; height: 20px;} #footer .searchdiv .skicka:hover {} /** * * BAKGRUNDER * */ body{background-color: #fff; background-image: url(); background-repeat: no-repeat; background-position: center top;} /* toppen enbart */ #bg1 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-uppe.png); background-repeat: repeat-x; background-position: left top;} /* botten enbart */ #bg2 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-nere.png); background-repeat: repeat-x; background-position: left bottom;} /* vanster enbart */ #bg3 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-vanster.png); background-repeat: repeat-y; background-position: left top;} /* hoger enbart */ #bg4 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-hoger.png); background-repeat: repeat-y; background-position: right top;} /* botten vanster horn */ #bg5 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-vanster-nere.png); background-repeat: no-repeat; background-position: left bottom;} /* botten hoger horn */ #bg6 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-hoger-nere.png); background-repeat: no-repeat; background-position: right bottom;} /* top vanster horn */ #bg7 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-vanster-uppe.png); background-repeat: no-repeat; background-position: left top;} /* top hoger horn */ #bg8 {background-image: url(http://snabbdesign.com/hemsida-cms4/wp-content/uploads/bg-hoger-uppe.png); background-repeat: no-repeat; background-position: right top;} /* typ som body*/ #mainWrapper {} /* headerns bakgrund */ #header_bg {background-image: url(); background-repeat: repeat-x; background-position: left top;} #header {background-image: url(); background-repeat: repeat-x; background-position: left top;} /* content + sidebars bakgrund */ #pageWrapper_bg {} /* content */ #content {background-color:;} /* sidebar */ #sidebar {background-color:;} #sidebar.bothRight {} #sidebar.bothLeft {} /* footer */ #footer_bg {background-image: url(); background-repeat: repeat-x; background-position: left bottom;} #footer {background-image: url(); background-repeat: repeat-x; background-position: left bottom;} /* highlight */ .custom_highlight_bg {background-image: url(); background-repeat: repeat-x; background-position: left top;} .custom_highlight {background-image: url(); background-repeat: no-repeat; background-position: left top;} /* LINJEN MELLAN INLAGGEN http://snabbdesign.com/hemsida-cms3/wp-content/uploads/linje-inlagg.png */ .blog .entry {background: url(../../uploads/linje-inlagg.png) repeat-x center bottom; padding: 0 0 40px; margin: 0 0 20px;} /*** KOMMENTARER ***/ #respond {background: #eee; width: 610px; padding: 20px; border-top: 1px solid #ddd; margin: 20px 0; border-bottom: 3px solid #ddd;} #respond h3 {display: none;} #respond p {padding: 2px 0;} #respond label {width: 150px; display: block; float: left; line-height: 24px; height: 24px;} #respond input, #respond textarea {border: 1px solid #ddd; padding: 3px;} #respond input {width: 200px;} #respond textarea {width: 350px; height: 110px;} #respond #submit {background: #ddd; font-style: italic; width: 130px; color: #444; padding: 2px 5px 2px 0; border: 1px solid #ddd;} #respond #submit:hover {background: #eee; color: #3399CC; cursor: pointer;} #comments {padding: 0px 0px 10px;} ol.commentlist { list-style:none; margin:0 0 0px; padding:0; text-indent:0; border-top:1px dashed #ddd;} ol.commentlist li.comment { border-bottom:1px dashed #ddd; padding:10px 20px; position: relative; } ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard {font: normal 20px/1.3 Arial, sans-serif;} ol.commentlist li.comment div.vcard cite.fn { font-style:normal; } ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration: none;} ol.commentlist li.comment div.vcard img.avatar { border:1px solid #fff; background: #ddd; float:left; padding:2px; margin: 0 7px 0 0;} ol.commentlist li.comment p { clear: both; margin: 0px 0 0 0;} ol.commentlist li.comment div.comment-meta { font-size:9px; padding: 0 0 10px} ol.commentlist li.comment div.comment-meta a { color:#999; background: none;} ol.commentlist li.comment div.comment-meta a:hover { color:#777; background: none;} ol.commentlist li.comment div.reply {text-align: right; position: absolute; top: 5px; right: 20px;} ol.commentlist li.comment div.reply a { font: bold 9px/20px Tahoma;} ol.commentlist li.comment:hover .reply a{ color: #999;} ol.commentlist li.comment .reply a:hover{ color: #fff;} ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; text-indent:0; } ol.commentlist li.comment ul.children li.depth-2 { border-left:0px solid #666; margin:0 0 0px 0px; } ol.commentlist li.comment ul.children li.depth-3 { border-left:0px solid #999; margin:0 0; } ol.commentlist li.comment ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0; } ol.commentlist li.comment ul.children li.depth-5 { border-left:0px solid #ddd;} ol.commentlist li.even { background:#fbfbfb; } ol.commentlist li.odd { background:#fff; } ol.commentlist li.bypostauthor {background: #ddd;} ol.commentlist li.parent { border-left:0px solid #444; } /* ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment ul {} ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} */ /* OPACITET */ /* lagg til en av classerna nedan for olika opacitet */ .opacitet1 {opacity: .1;filter: alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";-moz-opacity:.10;} .opacitet2 {opacity: .2;filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";-moz-opacity:.20;} .opacitet3 {opacity: .3;filter: alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-moz-opacity:.30;} .opacitet4 {opacity: .4;filter: alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";-moz-opacity:.40;} .opacitet5 {opacity: .5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-moz-opacity:.50;} .opacitet6 {opacity: .6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";-moz-opacity:.60;} .opacitet7 {opacity: .7;filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";-moz-opacity:.70;} .opacitet8 {opacity: .8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-moz-opacity:.80;} .opacitet9 {opacity: .9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-moz-opacity:.90;} .opacitet0 {opacity: 1.0;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1.00;} /* lagg till en av dessa classer for opacitet vid mus over */ .opacitethover1:hover {opacity: .1;filter: alpha(opacity=10);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";-moz-opacity:.10;} .opacitethover2:hover {opacity: .2;filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";-moz-opacity:.20;} .opacitethover3:hover {opacity: .3;filter: alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";-moz-opacity:.30;} .opacitethover4:hover {opacity: .4;filter: alpha(opacity=40);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";-moz-opacity:.40;} .opacitethover5:hover {opacity: .5;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";-moz-opacity:.50;} .opacitethover6:hover {opacity: .6;filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";-moz-opacity:.60;} .opacitethover7:hover {opacity: .7;filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";-moz-opacity:.70;} .opacitethover8:hover {opacity: .8;filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-moz-opacity:.80;} .opacitethover9:hover {opacity: .9;filter: alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-moz-opacity:.90;} .opacitethover0:hover {opacity: 1.0;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1.00;} /* * SE HAR HAKAN BILDSPELET * activeSlide = aktuell */ .activeSlide {opacity: 1.0;filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1.00;} .activeSlide:hover {} /* Du ar har */ .breadcrumb {color: #3399CC; font-family: arial; font-weight: normal; font-size: 11px; font-style: normal; background: none; padding: 0px; text-transform: none;} .breadcrumb a {} .breadcrumb a:visited {} .breadcrumb a:hover {} .breadcrumb a:active {} /*--- cform ---*/ .cform {width: 100%; color: #333; font-family: arial; font-size: 13px; font-weight: normal;} .cform fieldset {border: none; margin: 0; padding: 0;} .cform legend { margin: 0px 0 0px; color: #00ccff; font-size: 18px; padding: 10px 0 5px; line-height: 1.1; } .cform ol {list-style: none; padding: 0; margin: 0} .cform li {overflow: hidden; padding: 0px 0px 15px 0px;} .cform label {display: block; width: 100%;} .cform input, .cform textarea, .cform select {border: 1px solid #ccc; width: 99%; padding: 0px; font-size: 12px; font-family: arial; color: #333; background: #fff;} .cform input {height: 18px} .cform textarea { clear: both; float: none; height: 100px} .cform p {overflow: hidden;} .cform .sendbutton {cursor: pointer; width: 100%; background: url(http://www.cykelimport.com/wp-content/uploads/elcykel-skicka.png); height: 30px; border: none;} .cform .sendbutton:hover {} /* checkboxar */ .cform .cf-box-title {} .cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;} .cform .cf-box-group input {float: none; width: auto; height: 15px; } /* submit messages */ .cf_info {padding: 10px 0; color: #333; font-weight: bold;} .failure {color: blue} .success {color: #1a1; font-size: 18px; line-height: 1.2} .cform .cf_error {border: 1px solid blue} .cform .cf_li_err {color: blue} /* other */ .cform .cf_hidden {display: none;} .cform .oblig {font-size: 10px;} .linklove {display: none;} /* * EGNA CLASSer */ /* centrerar block objekt */ .centrera{margin: auto;} /* ingen border pa t.ex. bilder */ .border-none{border: none} #bg1, #bg2, #bg3, #bg4 {width: 100%;} /*** mainWrapper ***/ #mainWrapper {margin: 0 auto; } /*** header ***/ #header {margin: 0 auto; position: relative; z-index: 20;} /*** pageWrapper ***/ #pageWrapper {margin: 0 auto; } /*** content ***/ #content {width: 650px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 80px; float: left;} /* CONTENT DE OLIKA MALL SIDORNA CONTENT CONTENT */ /*bredsida*/ #content.bredSida {width: 980px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left;} /*sidebar till vanster*/ #content.sidebarLeft {width: 650px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 80px; float: right;} /*sidebar till hoger*/ #content.sidebarRight {width: 650px; padding: 0px 0px 0px 0px; margin: 0px 80px 0px 0px; float: left;} /*sidebar x2*/ #content.sidebarBoth {width: 470px; padding: 0px 0px 0px 0px; margin: 0px 40px 0px 40px; float: left;} /*blogg*/ #content.indexPage {width: 650px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 80px; float: left;} /*** sidebar ***/ #sidebar {width: 250px; padding: 0px 0px 0px 0px; float: right;} /* SIDEBAR DE OLIKA MALL SIDORNA SIDEBAR SIDEBAR */ /*sidebar till vanster*/ #sidebar.singleLeft { width: 250px; padding: 0px 0px 0px 0px; float: left;} /*sidebar till hoger*/ #sidebar.singleRight {width: 250px; padding: 0px 0px 0px 0px; float: right;} /*sidebar x2 till hoger*/ #sidebar.bothRight {width: 250px; padding: 0px 0px 0px 0px; float: right;} /*sidebar x2 till vanster*/ #sidebar.bothLeft {width: 250px; padding: 0px 0px 0px 0px; float: left;} /*blogg*/ body.blog #sidebar {width: 250px; padding: 0px 0px 0px 0px; float: right;} /*** footer ***/ #footer {margin: 0 auto; } /*** bildspel ***/ .glidMeny a {background: url(http://cykelimport.com/wp-content/uploads/elcykel-bildspel-meny-gra.png) no-repeat center center; font-size: 2em;} .glidMeny a.activeSlide, .glidMeny a:hover {background: url(http://cykelimport.com/wp-content/uploads/elcykel-bildspel-meny-gul.png) no-repeat center center;}