/* Theme Name: Starkers Theme URI: http://viewportindustries.com/products/starkers Description: The totally nude Wordpress theme! Version: 4.0 Author: Elliot Jay Stocks & Keir Whitaker Author URI: http://viewportindustries.com Tags: starkers, naked, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ blau #3E9FD6 /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/reset.css"; div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body, input, textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ } h1, h2, h3, h4, h5, h6 { font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.medienzentrum-wmk.de/wp-technik/wp-content/themes/starkers-master/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } body {margin:0;background-color:#3E9FD6;overflow-y: scroll;overflow-x: hidden;} h1 {margin:0} p, h1, h2, h3, h4, h5, h6, td, a, #footer, #header, li, th, td, table, time {font-family: 'Open Sans', 'sans-serif';arial} footer {} :hover {transition: all 0.5s ease 0s;} #content p, #content li {line-height: 1.4em;font-size: 0.84em;} #content li {margin-bottom:5px} .wrapper {margin:auto;max-width:860px} #header .wrapper {position:relative;} #footer .wrapper {position:relative;} #footer {height:25px;background-color:#3E9FD6;padding-top: 10px;border-top: 5px solid #000000;} #header {background-color:#3E9FD6;border-bottom: 5px solid #000;} #header h1 {transform: translate(-30px, -1px)} #header h1 img {height: 101%;;transition: all 0.3s ease;} #header h1 img:hover {height: 102%} #header h1 img {max-width:none;} #header h1 {height: 150px;width: 150px;margin:0} #content {background-color:#ffffff;padding:1px 0 30px;} #content .wrapper #site-content{padding:0 10px;} #searchform {display:none} #header li {list-style:none} div.menu-oberes-menue-container {position: absolute;right: 10px;top: 5px;font-size: small;} div.menu-oberes-menue-container li a{color: #000000;text-decoration: none;text-shadow: 1px 0px 1px rgba(255, 255, 255, 1);} div.menu-oberes-menue-container li a:hover, div.menu-oberes-menue-container li a:active, div.menu-oberes-menue-container li a:focus{ text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);color:#ffffff;} div.menu-hauptmenue-container {position: absolute;right: 10px;bottom: 0px;} div.menu-hauptmenue-container li{float:right;} div.menu-fusszeilenmenue-container {position: static;margin-bottom:10px;} div.menu-fusszeilenmenue-container li {list-style: none outside none;} div.menu-fusszeilenmenue-container li a {color:#000000;font-size: small;text-decoration: none;} div.menu-fusszeilenmenue-container li a:hover, div.menu-fusszeilenmenue-container li a:active, div.menu-fusszeilenmenue-container li a:focus {color:#ffffff} .menu-fusszeilenmenue-container ul {padding-left:10px} ul.menu {margin:0;width:100%;} .menu-hauptmenue-container {height: auto;} .menu-hauptmenue-container li.menu-item {display:block;float:none;position:relative; background:#000000;margin-right:5px;transform: translateY(5px);} .menu-hauptmenue-container li.menu-item:hover {background:#ffffff;} .menu-hauptmenue-container li.menu-item a {line-height: 25px;display: inline-block;text-decoration: none; color: #FFFFFF;padding: 0 10px;width:100%;} .menu-hauptmenue-container ul.sub-menu {z-index:2} .menu-hauptmenue-container .sub-menu { padding: 0 0 2px 0; margin: 0; list-style: none; position: absolute; top: -999px; opacity: 0; background: #3E9FD6;} .menu-hauptmenue-container .sub-menu li {float: none; display: block; position: static; padding-bottom: 1px;} .menu-hauptmenue-container .sub-menu a { padding: 3px 10px; margin: 0; display: block; float: none;line-height: 1.5; background: #000000 !important; color: #ffffff !important; white-space: nowrap; width: 230px;height:25px;line-height:25px !important;} .menu-hauptmenue-container li:hover .sub-menu { background: #3E9FD6; top: 24px; opacity: 1; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; right:0px; color:#000000 !important;} .menu-hauptmenue-container li.current-menu-item a {background-color:#ffffff;color:#000000} .menu-hauptmenue-container li.current-page-ancestor a {background-color:#ffffff;color:#000000} .menu-hauptmenue-container li a:hover,.menu-hauptmenue-container li a:focus,.menu-hauptmenue-container li a:active {background-color: #000000 !important;color:#3E9FD6 !important;} .fernwartung {display:none;} .article-content a, a.mz_button { background: none repeat scroll 0 0 #000000; color: #ffffff; display: inline-block; margin: 2px; padding: 2px 6px; text-decoration: none; transform: rotate(-2deg); } .article-content a:hover, a.mz_button:hover { background: none repeat scroll 0 0 #ffffff; color: #000000; transform: rotate(2deg); } .software_rubrik {} .software_archiv a.mz_button {} .software_archiv {display:block;float:left;width:98%;background-color: #eee;margin-right: 1.3%;padding-left: 1%;margin-top: 13px;min-height:120px;} .software_archiv h4 {margin-bottom: 5px;margin-top: 5px;} .software_bild {height: 120px;position: relative;} .software_bild img{max-height: 120px;position: absolute;top: 50%;transform: translateY(-50%);max-width:95%;} .copy {position:absolute;right:10px;color: #000000;padding-left: 10px;} .clear {clear:both} .text {float:none;width:auto;} .bilder {float: none;width:auto;margin-left:0;} /* 630 and up */ @media screen and (min-width:630px) { .text {float:left;width:58%;} .bilder {float: left;width:40%;margin-left:2%;} div.menu-fusszeilenmenue-container {position:absolute;} ul.menu {width:auto;} .fernwartung {display:block;} .menu-hauptmenue-container {height: 25px;} div.menu-hauptmenue-container {position: absolute;right: 10px;bottom: 0px;} .menu-hauptmenue-container li.menu-item {display: inline-block;float: left;} .menu-hauptmenue-container li.menu-item a {width:auto;} { /* Place your styles here for all widths greater than 400px */ } } /* 500 and up */ @media screen and (min-width:500px) { .software_archiv {width:47%;} { /* Place your styles here for all widths greater than 400px */ } } /* 800 and up */ @media screen and (min-width:800px) { .software_archiv {width:31%;} { /* Place your styles here for all widths greater than 400px */ } } /* Retina Display */ @media screen and (-webkit-min-device-pixel-ratio:2) { { /* Place your styles here for all 'Retina' screens */ } }