diff --git a/js/admin.js b/js/admin.js
index 3e484fe0..643124f5 100755
--- a/js/admin.js
+++ b/js/admin.js
@@ -4,7 +4,10 @@ var pass_corr = "";
function admin()
{
adminTogg = !adminTogg;
- if(!adminTogg) $("#playlist").height($("#playlist").height()+$("#adminPanel").outerHeight(true));
+ if(!adminTogg){
+ $("#playlist").height($("#playlist").height()+$("#adminPanel").outerHeight(true));
+ $("#passbox").focus();
+ }
$("#adminPanel").toggleClass("hiddenAdmin");
if(adminTogg) $("#playlist").height($("#playlist").height()-$("#adminPanel").outerHeight(true));
}
@@ -32,6 +35,15 @@ function submitAdmin(form)
}).responseText;
pass_corr = confRes;
+
+ if(pass_corr=="correct"){
+ $("#adminPanel").addClass("success");
+ }else{ $("#adminPanel").addClass("fadeerror"); alert("Wrong password :(")}
+
console.log(pass_corr);
updateList();
+ setTimeout(function(){
+ $("#adminPanel").removeClass("success");
+ $("#adminPanel").removeClass("fadeerror");
+ },1500);
}
diff --git a/php/panel.php b/php/panel.php
index 00070963..031a6976 100755
--- a/php/panel.php
+++ b/php/panel.php
@@ -1,14 +1,46 @@
Admin Panel
-
+
diff --git a/static/style.css b/static/style.css
index 673f8000..8adab7cc 100755
--- a/static/style.css
+++ b/static/style.css
@@ -7,7 +7,7 @@ body{background:#000; margin:0; }
.vcent{position: relative; top: 50%; -webkit-transform: translateY(-50%);}
.nochanvcent{position: relative; top: 46%; -webkit-transform: translateY(-54%);}
/*#change{ display: table-cell; vertical-align: middle;}*/
-::-webkit-input-placeholder{color: #FEFEFE;}
+::-webkit-input-placeholder {color: #FEFEFE;}
::-moz-input-placeholder{color: #FEFEFE;}
::input-placeholder{color: #FEFEFE;}
.innbox, .innbox a{
@@ -15,8 +15,9 @@ body{background:#000; margin:0; }
color:#f15; text-align: center;-webkit-transition:background 1s;-moz-transition:background 1s;-o-transition:background 1s; transition:background 1s;
background-color: rgba(255, 255, 255, 0.22);
}
+.passbox{height: 24px;font-size: 15px;width: 42%;padding: 4px 0;margin: 5px 0;border-radius: 2px;border: none; text-align: center;}
.success{animation: fadecol 1.5s; -moz-animation: fadecol 1.5s; -webkit-animation: fadecol 1.5s; -o-animation: fadecol 1.5s;}
-.error{animation: fadewrong 1.5s; -moz-animation: fadewrong 1.5s; -webkit-animation: fadewrong 1.5s; -o-animation: fadewrong 1.5s;}
+.fadeerror {animation: fadered 1.5s; -moz-animation: fadered 1.5s; -webkit-animation: fadered 1.5s; -o-animation: fadered 1.5s;}
.small{font-size: 5vw; color:#E2E2E2; text-decoration: none; }
/*.small:hover{color: #CCC;}*/
.big{font-size:180vh; position:absolute; top:-50%; color:#330A00 !important; z-index:-1; width: 100%; overflow: hidden; display: none;}
@@ -65,9 +66,17 @@ body{background:#000; margin:0; }
#playlist{-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.nomargin{padding: 0;margin:0;}
-#adminForm{text-align:left;}
-#adminForm label{display: block; cursor: pointer;}
+#adminForm{text-align:center;}
+#adminForm label{display: inline; cursor: pointer;}
+
+input[type="radio"]{display: none;}
+.toggler{display: inline; float: left;}
+.toggler label:hover{border-bottom: solid 1px white;}
+.radio:checked + span {
+ font-weight: bold;
+}
.adminBox{float:right;}
+
#adminPanel{color:white; height:200px; padding: 10px; overflow:hidden; background-color: rgba(0,0,0,0.2);}
.hiddenAdmin{padding:0 !important; margin:0 !important; height: 0 !important;}
.button{background-color: rgba(255,255,255,0.2); border-radius: 4px; border: none;color: white;padding: 5px 15px; margin-top: 15px; transition: all 0.1s ease-in-out;}
@@ -77,9 +86,33 @@ body{background:#000; margin:0; }
@-webkit-keyframes fadein{from {opacity:0;}to{opacity:1;}}@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadecol{from {background-color:rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@keyframes fadecol{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-moz-keyframes fadecol{from{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-o-keyframes fadecol{background-color: rgba(0,255,0,0.4);}to{background-color: rgba(255,255,255,0);}}
-@-webkit-keyframes fadewrong{from {background-color:rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@keyframes fadewrong{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-moz-keyframes fadewrong{from{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-o-keyframes fadewrong{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}
+@-webkit-keyframes fadered{from {background-color:rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@keyframes fadered{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-moz-keyframes fadered{from{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}@-o-keyframes fadered{background-color: rgba(255,0,0,0.4);}to{background-color: rgba(255,255,255,0);}}
-/* imports */
-@import url("mobile.css");
-/*@import url("toggler.css");*/
\ No newline at end of file
+@media (max-width: 1000px) {
+ body{background-color: #fff;}
+ .bgimage{display: none;}
+ #player{width: 100%; height:45%; margin-bottom: 20px; box-shadow: none;}
+ .playlist{width: 100%;}
+ .lresult{font-size: 40px; height: 90px; font-size: 50px;}
+ .votes{float: right; background-color: rgba(0,0,0,0.9); margin-top: -1.5em;font-size: 42px; padding-right: 8px; height: 89px; line-height: 89px; padding-left: 20px; border-radius: 1px;}
+ .lthumb{height: 90px; box-shadow: none;}
+ .ltitle{height: 70px; color: #000;}
+ #plus,#minus{padding-left: 24px; margin-left: 0; padding-right: 24px;}
+ #plus{border-right:solid 3px rgb(172, 172, 172);}
+ #search{text-align: left; height: 100px; font-size: 40px; border: solid 2px #ccc;}
+ #buttons{text-align: center; height: 80px; margin: 0;}
+ .skip{height: 50px;}
+ .vcent{
+ top: inherit;
+ -webkit-transform: translateY(0%);
+ }
+ #title{
+ font-size: 30px;
+ font-weight: bold;
+ overflow: hidden;
+ padding-left: 2%;
+ padding-top: 0;
+ }
+ .footer{font-size: 40px; margin-top: 150px;}
+}
\ No newline at end of file