Datei zu groß, daher dropbox.
https://www.dropbox.com/s/l20rft4ywv38u … e.zip?dl=0
CSS Beleuchtung/Schalter:
.metro div {
box-shadow: none !important;
}
.btns {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Playone.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activels {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Playone.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btns5 {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/sub-front.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activels5 {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1 ;
border-radius:20px;
background-image:url(/vis.0/main/Icons/sub-front.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btnpb {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/scale.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activelpb {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/scale.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btnp5 {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Play5.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activelp5 {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Play5.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btncat {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Cat.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activelcat {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Cat.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btnw {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Waschmaschine.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activelw {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Waschmaschine.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.btnp {
border: none;
outline: none;
padding: 14px 5px;
background-color: transparent;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Gartenpump.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
.activep {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Gartenpump.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
}
.activep {
border: none;
outline: none;
padding: 14px 5px;
background-color: #e2be1d;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/Waschmaschine.png);
background-size:50% 50%;
background-repeat:no-repeat;
}
/*Licht*/
.btnstl {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activestl {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnlow {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activelow {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnhi {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activehi {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnwzt {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activewzt {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid white;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnIris1 {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activeIris1 {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnIris2 {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activeIris2 {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnslz {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:35% %;
background-repeat:no-repeat;
}
.activeslz {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:35% %;
background-repeat:no-repeat;
}
.btnbett {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activebett {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnsch {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activesch {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid white;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnkz {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activekz {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid white;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btntr {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activetr {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid white;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btnkom {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activekom {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
.btndu {
border: none;
outline: none;
padding: 14px 5px;
background-color: #ceceb7;
cursor: pointer;
border: solid #ceceb7;
border-radius:20px;
background-image:url(/vis.0/main/Icons/off.png);
background-size:% %;
background-repeat:no-repeat;
}
.activedu {
border: none;
outline: none;
padding: 14px 5px;
background-color: white;
cursor: pointer;
border: solid #f1f1f1;
border-radius:20px;
background-image:url(/vis.0/main/Icons/on.png);
background-size:% %;
background-repeat:no-repeat;
}
h1 {
color: grey;
padding-left: 0em;
padding-bottom:0em;
text-align:left;
font-size:14px;
transform: translate(5px,40px);
font-family:RobotoCondensed-Light;
}
h2 {
color: grey;
padding-left: 0em;
padding-bottom:0;
font-size:14px;
text-align:left;
transform: translate(5px,35px);
font-family:RobotoCondensed-Light;
}
h3 {
color: grey;
padding-left: 0em;
padding-bottom:em;
font-size:14px;
text-align:left;
transform: translate(5px,20px);
font-family:RobotoCondensed-Light;
}