/* ----------------------------------------- */ /* View: Användningsområden Hem - start */ /* ----------------------------------------- */ #omraden ul { list-style-type: none; margin: 0; padding: 0; } #omraden ul li { font-size: 14px; display: inline-block; padding-left: 5px; padding-right: 5px; border: 1px solid #1b2e56; border-top-color: #233c6e; border-bottom-color: #1b2e56; border-radius: 5px; -moz-border-radius: 5px; outline: 1px solid #305495; outline-radius: 5px; -moz-outline-radius: 5px; } #omraden ul a:link, #omraden ul a:visited, #omraden ul a:hover { color: #fff; text-decoration: none; } /* ----------------------------------------- */ /* View: Användningsområden Hem - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Produkter Hem - start */ /* ----------------------------------------- */ ul#produkter { list-style-type: none; margin: 0; padding: 0; } ul#produkter li { margin-bottom: 3px; display: inline-block; background-color: #b1bcd4; width: 340px; padding-left: 5px; border: 1px solid #596e9c; border-top-color: #8091b9; border-bottom-color: #596e9c; border-right-color: #94a3c4; border-radius: 7px; -moz-border-radius: 7px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; font-size: 16px; } .produktleft { float: left; color: #102656; } .produktright { float: right; color: #8592ad; } /* IPHONE */ @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { ul#produkter li { width: 80%; } } /* ----------------------------------------- */ /* View: Produkter Hem - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Nyheter Hem - start */ /* ----------------------------------------- */ .nyhet { color: #fff; margin-bottom: 30px; } .nyhet a:link, .nyhet a:visited, .nyhet a:hover { color: #fff; } /* ----------------------------------------- */ /* View: Nyheter Hem - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Hem - start */ /* ----------------------------------------- */ #window { } #head { display: table; width: 100%; height: 100%; background: #252525; } #headtext { display: table-cell; vertical-align: middle; color: #fff; width: 39%; background: url('/wp-content/uploads/2017/02/kontaktbg.png') repeat-y; padding: 70px 0; font-size: 16px; } #firsttext { font-weight: bold; font-size: 22px; padding-left: 40px; } #omraden { width: calc(100% - 20px); color: #fff; background: #2D4A8C; border-top: 1px solid #477ba3; // box-shadow: 0px 0px 5px #000; // -moz-box-shadow: 0px 0px 5px #000; // -webkit-box-shadow: 0px 0px 5px #000; border-bottom: 2px solid #1C1C1C; padding: 8px 0 10px 40px; margin: 10px 0; } #secondtext { padding-left: 40px; } #headimg { display: table-cell; vertical-align: top; width: 61%; } #headimg img { width: 100%; } #innehall { display: table; width: 100%; margin-top: -3px; } #innetext { display: table-cell; vertical-align: top; width: 52%; background: #fff; padding: 20px 40px 40px 40px; } #innemiddle { display: table-cell; background: url('/wp-content/uploads/2017/02/web_monster.jpg') repeat-y; width: 13%; } #inneside { background: #252525; display: table-cell; vertical-align: top; text-align: right; color: #fff; width: 35%; } #sidetop { width: calc(100%-20px); background: #2C4A8B; padding: 50px 20px; font-size: 16px; } #sidebottom { width: calc(100%-20px); padding: 50px 20px; } #sidebottom a:link, #sidebottom a:visited, #sidebottom a:hover { color: #fff !important; } .bigtext { font-size: 28px; font-weight: bold; } /* IPHONE */ @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { #headtext, #headimg, #innetext, #inneside { display: block; width: 100%; } #innemiddle { display: block; width: 0%; } #firsttext, #secondtext { padding-left: 20px; } #omraden { padding: 8px 0 10px 20px; } #innetext { padding: 0px; padding-left: 20px; width: calc(100% - 20px); padding-bottom: 30px; padding-top: 20px; } #sidetop, #sidebottom { padding: 20px 20px; } #headtext { font-size: 15px; } #firsttext { font-size: 20px; } #omraden ul li { font-size: 13px; } ul#produkter li { font-size: 15px; } } /* ----------------------------------------- */ /* Innehållsmall: Hem - slut */ /* ----------------------------------------- */