KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Removed old toggler js

Browse Source
This commit is contained in:
Nixo
2014-10-24 19:52:04 +02:00
parent 63ec3370d7
commit 880914f208
3 changed files with 1 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
js/toggler.js
View File

@@ -1,20 +0,0 @@
/*var e = document.getElementById("filt-css"),
d = document.getElementById("filt-javascript"),
t = document.getElementById("switcher");
e.addEventListener("click", function(){
t.checked = false;
e.classList.add("toggler--is-active");
d.classList.remove("toggler--is-active");
});
d.addEventListener("click", function(){
t.checked = true;
d.classList.add("toggler--is-active");
e.classList.remove("toggler--is-active");
});
t.addEventListener("click", function(){
d.classList.toggle("toggler--is-active");
e.classList.toggle("toggler--is-active");
})*/

3
php/footer.php
View File

@@ -6,5 +6,4 @@
<script type="text/javascript" src="static/js/list.js"></script>
<script type="text/javascript" src="static/js/youtube.js"></script>
<script type="text/javascript" src="static/js/search.js"></script>
<script type="text/javascript" src="static/js/admin.js"></script>
<script type="text/javascript" src="static/js/toggler.js"></script>
<script type="text/javascript" src="static/js/admin.js"></script>

62
static/toggler.css
View File

@@ -1,62 +0,0 @@
.toggle, .toggler {
display: inline-block;
vertical-align: middle;
margin: 10px;
}
.toggler {
color: slategray;
transition: .2s;
}
.toggler--is-active {
color: black;
}
.b {
display: block;
}
.toggle {
width: 100px;
height: 60px;
border-radius: 100px;
background-color: #2ecc71;
overflow: hidden;
box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}
.check {
position: absolute;
display: block;
cursor: pointer;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
}
.check:checked ~ .switch {
right: 2px;
left: 37.5%;
transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: .08s, 0s;
}
.switch {
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 37.5%;
background-color: #fff;
border-radius: 36px;
z-index: 1;
transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-property: left, right;
transition-delay: 0s, .08s;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}