/* Theme Name: Learnways Theme Theme URI: http://www.snapbase.se/learnways Description: Customized theme created for Learnways by Carl Thomé. Version: v1.1 Author: Carl Thomé Author URI: http://www.snapbase.se/ Tags: green, fixed width Learnways Theme v1.1 This theme is based on the Kubrick theme and was created by Carl Thomé. The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Clear defaults -------------------*/ * { margin:0; padding:0; text-decoration:none; font-weight:normal;} ul , ol { list-style:none;} img , a img { border:none;} /* Colorscheme ----------------*/ /* Main settings -----------------*/ html, body { height:100%; font: 10px Helvetica, Arial, sans-serif; margin-bottom:1px; text-align:center; color:#333333; background:#b0b0b0 url('images/bg_dark.jpg') repeat-x top left;} /* Layout ----------*/ div { border:px solid red; /* debug mode */} #outerwrapper { width:850px; min-height: 100%; height: auto !important; height: 100%; margin:0 auto -75px auto; text-align:left; background:#fcfcfc url('images/bg_light.jpg') repeat-x top left;} #header { width:100%; height:120px; background: url('images/header.jpg') no-repeat 15px top;} #logo { float:left; width:820px; height:70px; margin-left:15px;} #top_nav { float:right; margin-left:50px; background:#728f00 url('images/nav_top.gif') no-repeat left top;} #breadcrumb { float:left; clear:both; height:20px; padding-left:10px; display:block; margin-top:15px; line-height:20px;} #innerwrapper { padding:0 15px 100px 15px;} #side_nav { float:left; margin-top:22px;} #headline { float:right; height:260px; width:640px;} #content { float:right; width:640px; margin-top:15px; min-height:400px;} #sidebar { float:left; width:150px; padding:10px 0px 10px 9px} #footer { padding-top:5px; height:70px; background:url('images/bg_footer.jpg') no-repeat top center;} /* Fonts and general settings ------------------------------*/ #footer { font:1.1em "Trebuchet MS", sans-serif; color:#999;} a, a:link, a:visited { color: #81a32b;} a:hover, a:active { color: #aa3333;} #content p { font-size: 12px; line-height: 1.8em; margin:5px 0px 15px 0px;} .entry p, .entry li { } em { font-style:italic;} strong { font-weight:bold;} pre { font-size:1.2em;} address, #content p.wp-caption-text { font:italic 2em Georgia, serif; color:#ccc;} #content p.wp-caption-text { border:0; padding:0 10px;} blockquote { background:url('images/blockquote.gif') no-repeat; padding-left:40px; padding-right:5px; min-height:40px; border-right:3px solid #ccc;} .alignright { float:right;} .alignleft { float:left;} .aligncenter { margin:0 auto; text-align:center;} img.alignright { margin-left:25px; padding-bottom:25px;} img.alignleft { margin-right:25px; padding-bottom:25px;} img.aligncenter { margin:5px 25px;} a.post-edit-link { clear:both; float:right; font-size:2em; color:#ccc;} a:hover.post-edit-link { clear:both; float:right; font-size:2em; color:#81a32b;} .edit-link {} .clearfix { clear:both;} #logo h1 { text-align:right; font:bold 26px "Trebuchet MS"; border:0; color:#f1f1f2; margin-top:10px; padding-right:260px;} #logo h2 { text-align:right; font:20px "Trebuchet MS"; border:0; color:#f1f1f2; margin-top:-7px;} #logo a img { float:left;} /* page title */ h1 { font: bold 3em "Trebuchet MS", Helvetica, Arial, sans-serif; color:#ccc;} h1:first-child { margin-top:0;} /* section title */ h2 { font: bold 2em Helvetica, Arial, sans-serif; color:#444; margin-bottom:5px; border-bottom:1px solid #ccc;} h2:first-child { margin-top:0;} /* section sub-title */ h3, h4, h5, h6 { font: bold 1.6em Helvetica, Arial, sans-serif; color:#444; margin-top:25px;} h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0;} /* headline */ #headline p { font:italic 1.7em Georgia; color:#999; letter-spacing:0.1em; line-height:1.6em; padding:0 8px;} #headline h1 { font: bold 6em "Trebuchet MS", Helvetica, Arial, sans-serif; color:#ccc; border:0; margin-top:50px;} #headline img { margin-top:22px;} /* end headline */ /* content */ /* unordered lists in content */ .entry ul { padding-left:10px;} .entry ul li { font-size: 1.2em; line-height: 1.8em; margin:5px 0px 15px 0px; background:url('images/list-item.gif') no-repeat 0px 3px; padding-left:20px; } /* ordered lists in content */ .entry ol { list-style:decimal outside; padding-left:25px;} .entry ol li { font-size: 1.2em; line-height: 1.8em; margin:5px 0px 15px 0px;} /* definition list */ .entry dl { font-size: 1.2em;} .entry dt { font-size:1.2em;} .entry dd { margin-bottom:25px;} /* entries */ li.entry { border-bottom:1px solid #ccc;} li.entry a { display:block; color:#444; padding:10px 0; } li.entry a:hover { background:#f0f0f0;} .entry-title { display:block; font: bold 1.6em Helvetica, Arial, sans-serif; border-bottom:px solid #ccc; color:#444; margin-bottom:5px;} .entry-date { font-weight:bold; color:#81a32b;} .entry-content img { border:3px double #ccc; margin:0 auto; text-align:center;} /* previous/next-page links */ #page-nav { margin-bottom:50px;} #page-nav * { vertical-align:middle;} #page-nav span { font:100px Georgia; line-height:100px;} #page-nav span span { font-size:20px;} #page-nav a { color: #ccc;} #page-nav a:hover, #page-nav a:active { color: #81a32b;} /* sitemap */ #sitemap { text-align:center; margin:-15px auto;} #sitemap td { text-align:left; vertical-align:top; width:130px; border-right:1px solid #ccc; padding:20px; height:500px;} #sitemap td li { list-style:none; padding:10px 0; border-bottom:1px solid #ccc;} #sitemap td>a { display:block; padding:5px 0 15px 0; border-bottom:1px solid #ccc;} #sitemap td * { font-size:12px;} #sitemap li li { border-left:2px solid #ccc; padding-left:10px; margin-left:15px; } #sitemap li li a:before { content:' - '} #sitemap td h3 { font-size:2em; color:#ccc; margin-bottom:20px;} /* referensprojekt */ #content div object { margin:-9px -9px 0 0;} /* kontakt sidan */ #list_kontakt { min-width:250px; max-width:300px;} /*animerat galleri */ #slideshow, #overlay { position:relative; z-index:0; width:640px; float:right; height:260px; overflow:hidden; margin-top:1px; padding:0;} #slideshow #overlay { background:url('images/tab.png') 0 -1px no-repeat; z-index:100;} #slideshow * { border:none;} #slideshow .gallery p.gallery-caption { position:absolute; padding-left:40px; padding-top:0px; text-align:left; line-height:14px; top:165px; width:600px; height:100px; color:white; font:14px "Trebuchet MS", Arial, sans-serif; letter-spacing:0; background:url('images/transparent/bg-black-50.png');} #headline #slideshow img { text-align:center; min-width:620px;} #slideshow .gallery p.gallery-caption:first-line { font-weight:bold; font-size:18px;} /* contact form */ #contactform * { font-size:12px;} #contactform { border:1px solid #dcdcdc; padding:3px; margin-bottom:50px;} #contactform table { float:right; width:600px;} #contactform td:first-child { padding-right:25px; width:150px;} #contactform td { padding:2px 0;} #contactform tbody.feedback td { vertical-align:middle;} #contactform tbody.feedback tr {} #contactform input[type="text"], #contactform select, #contactform textarea { width: 100%; border:1px solid #aaa; background:#fff;} #contactform input[type="text"], #contactform textarea, #contactform select { } #contactform input[type="checkbox"] { width:10px;} #contactform input[type="radio"] { width:10px;} #contactform input[type="submit"] { width:100px;} #contactform input[type="hidden"] { display:none;} /* hide before jquery kicks in */ #storyleft .hide, #storyright .hide { display:none;} #contactform { display:none;} /* end content */ /* sidebar */ #sidebar > div { border-top:1px solid #eee; padding-top:20px;} #sidebar > div:first-child { padding-top:0; border-top:0;} #sidebar li { margin:0 0 10px 0; font-size:12px;} .google_translate_footer { display:none;} div.title { font:bold 1.4em Helvetica;} /* search widget */ #searchform label, #searchform input[type="submit"] { display:none;} /* end sidebar */ /* Navigation --------------*/ /* top nav */ #top_nav { text-align:center; text-transform:lowercase;} #top_nav li { position: relative; float:left;} #top_nav li a { display: block; width:75px; padding:1px;} #top_nav a { color: #b3d335;} #top_nav a:hover { color:#FFFFFF;} /* side nav */ #side_nav { z-index:1; float:left; position:relative; clear:left; display:block;} #side_nav li a { outline:0; position:absolute; float:left; z-index:1; font:bold 14px Helvetica, Arial; letter-spacing:-1px; color:#666; line-height:28px; display:block; width:135px; padding-left:30px; height:inherit;} #side_nav a:hover, #side_nav li:hover, #side_nav .current-menu-item, #side_nav .current-menu-item a { color:;} #side_nav li:first-child a { line-height:60px; } #side_nav li.last-child a { line-height:28px;} #side_nav li { width:165px; height:28px; background: url('images/nav/nav.png');} #side_nav li:first-child { height:45px; line-height:60px; background: url('images/nav/nav_top.png');} #side_nav li.last-child { height:45px; line-height:28px; background: url('images/nav/nav_bottom.png');} #side_nav li.current-menu-item a { left:5px; width:125px;} #side_nav li.current-menu-item span { display:block;} #side_nav li span { z-index:0; position:absolute; float:left; height:28px; width:165px; display:none; background: url('images/nav/nav_hover.png');} #side_nav li:first-child span { height:45px; background: url('images/nav/nav_top_hover.png');} #side_nav li.last-child span { height:45px; background: url('images/nav/nav_bottom_hover.png');}