/* ----------------------------------------- */ /* View slug: 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 slug: produkter-hem - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Produktsida - start */ /* ----------------------------------------- */ #window { } #head { display: table; width: 100%; height: 100%; } #headtext { display: table-cell; vertical-align: middle; color: #fff; font-size: 32px; width: 40%; background: url('/wp-content/uploads/2017/02/kontaktbg.png') repeat-y; padding-left: 40px; font-weight: bold; } #headimg { display: table-cell; vertical-align: top; width: 60%; } #headimg img { width: 100%; height: auto; } #innehall { display: table; background: #2C4A8B; width: 100%; margin-top: -3px; } #innetext { display: table-cell; vertical-align: top; width: 65%; background: #fff; padding: 20px 40px 40px 40px; } #inneside { display: table-cell; vertical-align: top; width: 25%; background: url('/wp-content/uploads/2017/02/web_monster.jpg') repeat-y; } /* IPHONE */ @media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) { #headtext, #headimg, #innetext, #innehall { display: block; width: 100%; } #headtext { width: calc(100% - 40px); padding-top: 1px; padding-bottom: 40px; } #innemiddle { display: block; width: 0%; } #inneside { display: none; } #firsttext, #secondtext { padding-left: 20px; } #omraden { padding: 8px 0 10px 20px; } #innetext { padding: 0px; padding-left: 20px; width: calc(100% - 20px); padding-bottom: 20px; padding-top: 20px; } #innehall { background: #fff; padding-right: 20px; width: calc(100% - 20px); } #sidetop, #sidebottom { padding: 20px 20px; } ul#produkter li { font-size: 15px; } } /* ----------------------------------------- */ /* Innehållsmall: Produktsida - slut */ /* ----------------------------------------- */