/* Theme Name: Limefield Theme URI: http://www.dinwebb.nu/ Version: 1.0 Description: Design & Programmering av Dinwebb.nu. Author: Dinwebb.nu Author URI: http://www.dinwebb.nu Copyright: (c) 2010 dinwebb.nu License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html */ /* Standard inst?llningar */ @import "css/reset.css"; /*-------------------------------------------------------------------------------------------*/ /* /* GENERAL /* /*-------------------------------------------------------------------------------------------*/ /* always force a scrollbar in non-IE */ html { overflow-y: scroll; background: #f3f9ec; background-image: url(images/bg_tail.jpg); background-repeat: repeat-x; } body { font-family: "Verdana"; color: #202022; font-size: 12px; background: url(images/bg_fade.png) no-repeat; background-position: top center; } /* Links */ a {text-decoration: none; color: #00a1d8;} a:hover {text-decoration: none; border: none;} /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } /* Headers */ h1, h2, h3, h4, h5, h6 {margin: 0 0 10px; line-height: 1.1; color: #212121;} h1 {font-size: 36px; color: #515054; font-weight: lighter;} h2 {font-size: 30px;} h3 {font-size: 20px; color: #00a1d8} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 14px; border-bottom: 1px solid #dfdfdf; color: #333;} img {vertical-align: top;} p {margin: 0 0 10px; } /* Edit */ .redigera a, .edit-puff-link {position: absolute; top: 0; right: 10px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;} #newspuff .edit-puff-link {position: absolute; top: 5px; right: 5px; background: url(images/edit.png) no-repeat; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden;} /*-------------------------------------------------------------------------------------------*/ /* /* Header /* /*-------------------------------------------------------------------------------------------*/ #container { margin: 0 auto; width: 962px; } #header { width: 962px; margin-bottom: 40px; position: relative; } .top_corner { background: url(images/top_corner.png) no-repeat; margin: 0 auto; height: 22px; margin: 0 auto; width: 962px;} /* Logo */ #logo {margin: 0; padding: 0; width: 225px; height: 47px;} #logo a {width: 225px; height: 47px; background: url(images/logo.png) no-repeat; display: block; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; } /* NAV ************************************/ #minimenuWrapper { width: 962px; margin: 0 auto; height: 40px;} #menuitem1 { width: 85px; float: right; height: 20px; background: url(images/lock.png) no-repeat; background-position: left; margin-top: 5px;} #menuitem1 a {color: #515054; font-size: 12px; line-height: 23px; margin: 0 0 0 26px; } #menuitem1 a:hover { text-decoration: underline;} #menuitem2 { width: 135px; float: right; height: 20px; background: url(images/phone.png) no-repeat; background-position: left; margin: 1px 0 0 0; margin-top: 5px;} #menuitem2 a { color: #515054; font-size: 12px; line-height: 23px; margin: 0 0 0 29px;} #menuitem2 a:hover { text-decoration: underline;} #mainNav { position: absolute; right: 0; top: 23px;} #nav { } #nav li {display: inline;} #nav a { display:block; padding:0 10px; line-height:30px; color: #515054; float: left; position: relative; z-index: 2; } #nav a:hover { text-decoration: underline;} #nav .current_page_item a { color: #000;} /* Lvl 2 */ #nav ul {display: none; position: absolute; bottom: -21px; right: 0px;} #nav .current_page_item ul, #nav .current_page_ancestor ul {display: block;} #nav ul .page_item a {color: #087abb; background: none; border: none; height: auto; width: auto; line-height: 1.1; text-decoration: underline; margin: 0 15px 0 0;} #nav ul .page_item a:hover { text-decoration: none;} .page-parent .current_page_item a { height: 29px; background: url(images/current_page.png) no-repeat; background-position: bottom center;} #nav .current_page_parent a { height: 29px; background: url(images/current_page.png) no-repeat; background-position: bottom center;} #nav .children { background: url(images/submenu.png) no-repeat; width:640px; height: 25px; } #nav .children .page_item a { float: right; font-size: 11px; color: #757f69; text-decoration: none; line-height: 24px; padding: 0;} #nav .children .page_item a:hover { text-decoration: underline; } #nav .children .current_page_item a { color: #000;} /*-------------------------------------------------------------------------------------------*/ /* /* Sidebars /* /*-------------------------------------------------------------------------------------------*/ #sidebar_right { width: 364px; float: right; padding-top: 50px;} #skyline { width: 595px; height: 39px; background: url(images/skyline.png) no-repeat; position: absolute; bottom: 4px; left: 1px;} #saleArea .widget-title { color: #514F53; font-size: 16px; font-weight: lighter; margin-top: 20px;} #saleArea .widget-title a { color:#514F53; } #saleArea .ps_puff { border-color: #E8E8E8; border-right: 1px solid #E8E8E8; border-left: 1px solid #fff; height: 304px; padding-top: 20px; width: 197px; float: left; } #saleArea .widget-content { background: url(images/overlay.png) no-repeat; background-position: top center; margin: 15px 11px; position: relative; text-align: center;width: 171px;} #saleArea img { margin-top: 20px;} #saleArea .puff-nr-2 img { margin-top: 5px;} #saleArea .puff-nr-1 { border-left: none; width: 204px;} #saleArea .puff-nr-2 { width: 190px;} #sidebar_left .puff-nr-3 { border: none;} #sidebar_left .puff-nr-3 img {margin-top: -7px;} #sidebar_left .puff-nr-3 .widget-content { margin: 15px 8px;} #sidebar_left .puff-nr-4 { width: 364px; border: none;} #sidebar_left .puff-nr-4 .widget-content { width: 300px; text-align: left; margin-left: 30px; background: none;} #sidebar_right .widget-title { color: #7C9061; font-size: 18px; font-weight: lighter;} #sidebar_right .ps_puff { width: 300px; margin:0 auto; margin-top: 30px; } #sidebar_right .widget-content { padding-bottom: 20px; position: relative;} #buttonsholder { bottom: 60px; height: 36px; position: absolute; width: 595px;} .buttons {background: url(images/buttons.png) no-repeat; width: 131px; height: 40px; margin-left: 29px; margin-right: 38px; float: left; text-align: center; padding-top: 4px; line-height: 12px; color: #fff; } .buttons b { font-size: 11px; margin: 0;} .buttons:hover { color: #08698F;} .under_text a { font-size: 11px; font-weight: bold; color: #fff; text-shadow:0 -1px 0 #52AFD4; } /* Puff */ #sidebar_right .ps_puff ul li { list-style-image: url("images/dott.png"); margin-left: 30px; } #newspuff { width: 577px; background: #fff; float: left; margin: 10px;} #newspuff_footer {} #newspuff .widget-title { background: url(images/puff_title.png) no-repeat; h color: #33809F; font-size: 16px; font-weight: lighter; height: 50px; line-height: 50px; padding-left: 20px; width: 577px; text-shadow: 0 1px 0 #fff; } #newspuff .puff-content { border-color: #E1E1E1; border-left: 1px solid #E1E1E1; border-right: 1px solid #E1E1E1; margin-top: -11px; padding: 10px 10px 40px; } #newspuff .ps_puff { position: relative;} #newspuff .widget-content { background: url(images/news_bottom.png) no-repeat; background-position: bottom; padding-bottom: 10px; } #single_sidebar { width: 333px; float: right;} #recentposts { width: 270px; margin: 0 auto;} #recentposts a { font-size: 15px;} #single_sidebar h3 { color: #7C9061; font-size: 18px; font-weight: lighter;} .excerpt { font-size: 11px; font-style: italic; margin-bottom: 10px;} /*-------------------------------------------------------------------------------------------*/ /* /* Content/main/entry /* /*-------------------------------------------------------------------------------------------*/ #saleArea { width: 962px; height: 328px; background: url(images/salearea_bg.png) no-repeat; position: relative; } .home #cta_button { bottom: -70px; height: 107px; position: absolute; right: 15px; width: 318px; background: url(images/buttons.png) -140px 0 no-repeat; display: block; text-align: center; color: #fff; font-size: 26px; font-weight: lighter; text-shadow: 0 -1px 0 #7b8719; line-height: 22px; } .home #cta_button .kontakt_title b { font-size: 26px;} .home #cta_button .kontakt_title { margin: 35px 0 0 95px; text-align:left;} .home #cta_button:hover { color: #e3f16e; text-shadow: 0 1px 0 #7b8719;} .content { background: url(images/content_bg.jpg) repeat-y;} #main {width:594px; background: url(images/bg_content.jpg) repeat-x; float: left; margin-left: 1px; margin-bottom: 30px;} #main ul li { list-style-image: url("images/dott.png"); } #main strong { color: #514F53; line-height: 25px; } /* Sub-Page */ #main_sub {width:625px; background: url(images/bg_content.jpg) repeat-x; float: left; margin-left: 1px; margin-bottom: 30px;} #main_sub ul li { list-style-image: url("images/punkt.gif"); line-height: 23px; } #main_sub ul { margin: 20px 0 20px 20px;; } .content_sub { background: url(images/bg_content_sub.jpg) repeat-y;} #sidebar_right { width: 330px; float: right; padding-top: 50px;} #cta_button { bottom: -70px; height: 100px; position: absolute; right: 15px; width: 290px; background: url(images/buttons.png) -457px 0 no-repeat; display: block; text-align: center; color: #fff; } #cta_button .kontakt_title b { font-size:24px; font-weight: lighter;} #cta_button .kontakt_title { margin: 31px 0 0 95px; text-align:left;} #cta_button:hover { color: #e3f16e; text-shadow: 0 1px 0 #7b8719;} #saleArea_sub { width: 962px; height: 327px; background: url(images/salearea_sub.png) no-repeat; position: relative; } #skyline_sub { width: 625px; height: 39px; background: url(images/skyline_sub.png) no-repeat; position: absolute; bottom: 4px; left: 1px;} #saleArea_sub img { margin-left: 10px; margin-top: 10px;} #saleArea_sub .corner { height: 20px; left: 10px; position: absolute; top: 10px; width: 20px; background:url(images/corner.png) no-repeat; } #saleArea_sub #sidebar_left { float: right; margin-top: 50px; width: 330px; font-size: 12px; color: #202022;} #saleArea_sub #sidebar_left h3 { font-size: 22px; color: #515054; font-weight: lighter; margin-top: 20px;} #saleArea_sub #sidebar_left .ps_puff { width: 270px; margin: 0 auto;} #saleArea_sub #sidebar_left img {display: block; margin-left: auto; margin-right: auto;} #saleArea_sub .widget-content {position: relative;} /* post */ .post { margin: 0 0 30px 0; padding: 0 0 25px 0; background: none; border-bottom: 1px solid #eee; } .post-title {} .post-meta{ margin: 0 0 15px 0; text-transform: uppercase; font-size: 11px; color: #595959; font-weight: bold; } .postholder { margin: 30px 0 30px 30px; position: relative; width: 565px;} .postholder h2 { font-size: 15px;} .postholder h3 { font-size: 13px;} /* entry */ .entry {} .entry ul, .entry ol { margin-left: 1.8em; } .entry ol { list-style-type: decimal; } .entry ul { list-style-type: disc; } .blogg_title {width: 530px; position: relative; } .blogg_title a { font-size: 20px; font-weight: lighter;} .editholder { width: 20px; height: 20px; position: absolute; right: 0; } .kund_holder { width: 177px; height: 141px; margin: 5px; float: left;} /*-------------------------------------------------------------------------------------------*/ /* /* Footer /* /*-------------------------------------------------------------------------------------------*/ /* 2.7 Footer */ .home #footer_top { width: 962px; height: 12px; background: url(images/wrapper_corner.png) no-repeat;} #footer_top { width: 962px; height: 12px; background: url(images/wrapper_corner_sub.png) no-repeat; } #footer { margin-top: 30px; color: #747376; font-size: 11px; } #footer a { color: #747376;} .dinwebb {} .copy-text {float: right; } /*-------------------------------------------------------------------------------------------*/ /* /* Form /* /*-------------------------------------------------------------------------------------------*/ /* 6.4 Gravity Forms */ .gform_wrapper {} .gform_wrapper } .gform_wrapper ul, .gform_wrapper ol, .gform_wrapper li { padding: 0; margin: 0; list-style: none;} .gform_fields {position: relative; } .gform_wrapper .gfield { margin: 0 0 10px;} .gfield_required {display: none;} .gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea { } .gform_wrapper input { -moz-border-radius: 3px 3px 3px 3px; border: 1px solid #CFD8C2; height: 29px; color: #7F7F7F; font-size: 14px; font-weight: lighter; } .gform_wrapper select {} .gform_wrapper textarea{ -moz-border-radius: 3px 3px 3px 3px; border: 1px solid #CFD8C2; color: #7F7F7F; font-size: 14px; font-weight: lighter;} .gfield_description {font-size: 10px; padding: 3px 0 0;} #main_sub .gform_wrapper input.button { background: url(images/submit.png) no-repeat; width: 123px; height: 43px; border: none; color: #fff; cursor:pointer; } #main_sub .gform_wrapper input.button:hover { color: #e3f16e; text-shadow: 0 1px 0 #7b8719; } #main_sub .gform_footer { margin: 0; padding: 0;} .gform_edit_link {display: none;} .postholder .gform_body textarea {padding: 5px 0 0 10px;} .postholder .gform_body input { padding: 0 0 0 10px; font-size: 14px;} .gform_ajax_spinner {} .gfield_error input, .gfield_error textarea {background: #fff url(images/warning.png) no-repeat; } .validation_error, .validation_message {display: } .gform_wrapper .top_label .gfield_label { position: absolute;} #gform_wrapper_1 label { position: absolute; margin: 8px 0px 10px; font-size: 14px; color:#7F7F7F; font-weight: lighter; display: none;} #gform_wrapper_1 .show-label {display: block;} #gform_wrapper_2 label { position: absolute; margin: 8px 10px 10px; font-size: 14px; color:#7F7F7F; font-weight: lighter; display: none;} #gform_wrapper_2 .show-label {display: block;} #main_sub .gform_wrapper ul { margin: 20px 0 0 0; padding: 0;} /* PageNavi ***************************/ .wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: #fff; border: 1px solid #dfdfdf; width: 515px; margin: 10px 30px 0; padding: 8px; position: relative; overflow: hidden;} .entry form input { -moz-border-radius: 4px; border: 1px solid #CFD8C2; height: 24px; margin: 5px 0 0 0;}