Beiträge von p_e_z

{
  "particles": {
    "number": {
      "value": 80,
      "density": {
        "enable": true,
        "value_area": 800
      }
    },
    "color": {
      "value": "#ffffff"
    },
    "shape": {
      "type": "circle",
      "stroke": {
        "width": 0,
        "color": "#000000"
      },
      "polygon": {
        "nb_sides": 5
      },
      "image": {
        "src": "img/github.svg",
        "width": 100,
        "height": 100
      }
    },
    "opacity": {
      "value": 0.5,
      "random": false,
      "anim": {
        "enable": false,
        "speed": 1,
        "opacity_min": 0.1,
        "sync": false
      }
    },
    "size": {
      "value": 3,
      "random": true,
      "anim": {
        "enable": false,
        "speed": 40,
        "size_min": 2,
        "sync": false
      }
    },
    "line_linked": {
      "enable": true,
      "distance": 150,
      "color": "#ffffff",
      "opacity": 0.4,
      "width": 1
    },
    "move": {
      "enable": true,
      "speed": 6,
      "direction": "none",
      "random": false,
      "straight": false,
      "out_mode": "out",
      "bounce": false,
      "attract": {
        "enable": false,
        "rotateX": 600,
        "rotateY": 1200
      }
    }
  },
  "interactivity": {
    "detect_on": "canvas",
    "events": {
      "onhover": {
        "enable": true,
        "mode": "repulse"
      },
      "onclick": {
        "enable": true,
        "mode": "push"
      },
      "resize": true
    },
    "modes": {
      "grab": {
        "distance": 400,
        "line_linked": {
          "opacity": 1
        }
      },
      "bubble": {
        "distance": 400,
        "size": 40,
        "duration": 2,
        "opacity": 8,
        "speed": 3
      },
      "repulse": {
        "distance": 200,
        "duration": 0.4
      },
      "push": {
        "particles_nb": 4
      },
      "remove": {
        "particles_nb": 2
      }
    }
  },
  "retina_detect": true
}

// --- Config --- //
var purecookieTitle = "HINWEIS"; // Title
var purecookieDesc = "Diese Website benutzt Cookies. Wenn du die Website weiter nutzt, gehen wir von deinem Einverständnis aus."; // Description
var purecookieLink = '<a href="datenschutzerklaerung.html" target="_blank">Mehr Infos</a>'; // Cookiepolicy link
var purecookieButton = "Einverstanden"; // Button text
// ---        --- //


function pureFadeIn(elem, display){
  var el = document.getElementById(elem);
  el.style.opacity = 0;
  el.style.display = display || "block";

  (function fade() {
    var val = parseFloat(el.style.opacity);
    if (!((val += .02) > 1)) {
      el.style.opacity = val;
      requestAnimationFrame(fade);
    }
  })();
};
function pureFadeOut(elem){
  var el = document.getElementById(elem);
  el.style.opacity = 1;

  (function fade() {
    if ((el.style.opacity -= .02) < 0) {
      el.style.display = "none";
    } else {
      requestAnimationFrame(fade);
    }
  })();
};

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function eraseCookie(name) {   
    document.cookie = name+'=; Max-Age=-99999999;';  
}

function cookieConsent() {
  if (!getCookie('purecookieDismiss')) {
    document.body.innerHTML += '<div class="cookieConsentContainer" id="cookieConsentContainer"><div class="cookieTitle"><a>' + purecookieTitle + '</a></div><div class="cookieDesc"><p>' + purecookieDesc + ' ' + purecookieLink + '</p></div><div class="cookieButton"><a onClick="purecookieDismiss();">' + purecookieButton + '</a></div></div>';
    pureFadeIn("cookieConsentContainer");
  }
}

function purecookieDismiss() {
  setCookie('purecookieDismiss','1',7);
  pureFadeOut("cookieConsentContainer");
}

window.onload = function() { cookieConsent(); };

<div id="container"> 
 <nav> 
  <ul> 
   <li><a href="#">Home</a></li> 
   <li><a href="#">Männer</a> 
    <!-- First Tier Drop Down --> 
    <ul> 
     <li><a href="#">T-Shirts</a></li> 
     <li><a href="#">Pullover &amp; Hoodies</a></li> 
     <li><a href="#">Langarmshirts</a></li> 
    </ul> </li> 
  </ul>
 </nav> 
</div>

.SprdMain .sprd-navigation, .SprdMain .sprd-breadcrumb {
  display: none
}
body {
  background: #ffffff;
  font-size: 22px;
  line-height: 32px;
  color: #ffffff;
  word-wrap: break-word !important;
  font-family: "Open Sans", sans-serif
}
h1 {
  font-size: 60px;
  text-align: center;
  color: #ffffff
}
h3 {
  font-size: 30px;
  text-align: center;
  color: #ffffff
}
h3 a {
  color: #ffffff
}
a {
  color: #ffffff
}
h1 {
  margin-top: 100px;
  text-align: center;
  font-size: 60px;
  font-family: "Bree Serif", "serif"
}
#container {
  margin: 0 auto
}
p {
  text-align: center
}
nav {
  margin: 50px 0;
  background-color: #e0007f
}
nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative
}
nav ul li {
  display: inline-block;
  background-color: #e0007f
}
nav a {
  display: block;
  padding: 0 10px;
  color: #ffffff;
  font-size: 20px;
  line-height: 60px;
  text-decoration: none
}
nav a:hover {
  background-color: #000000
}
nav ul ul {
  display: none;
  position: absolute;
  top: 60px
}
nav ul li:hover > ul {
  display: inherit
}
nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative
}
nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px
}
li > a:after {
  content: " +"
}
li > a:only-child:after {
  content: ""
}