KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2026-01-04 00:25:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Visual overhaul on mobile devices

Browse Source
This commit is contained in:
kasperrt
2014-12-30 04:20:09 +01:00
parent 42b5f5b063
commit 80a2091e8c
5 changed files with 48 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
static/style.css
View File

@@ -99,7 +99,7 @@ input[type="radio"]{display: none;}
@media (max-width: 1000px) {
#controls{display:none;}
body{background-color: #2F2F2F;}
.bgimage{background-image: url(bg5.jpg);position:fixed;background-size:500%;}
.bgimage{background-image: none;position:fixed;background-size:500%;background-color:black;-webkit-filter: blur(0px) brightness(0);}
#player{width: 100%; height:45%; margin-bottom: 20px; box-shadow: none;display:none;}
.playlist{width: 100%;}
.lresult{font-size: 40px; height: 90px; font-size: 50px;}
@@ -108,7 +108,7 @@ input[type="radio"]{display: 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;}
#search{text-align: left; height: 100px; font-size: 40px; /*border: solid 2px #ccc;*/color:#FD00C0;width:100%;border-radius:0px;}
#buttons{text-align: center; height: 80px; margin: 0;}
.skip{height: 50px; -webkit-filter: brightness(300%);}
.vcent{
@@ -122,7 +122,39 @@ input[type="radio"]{display: none;}
padding-left: 2%;
padding-top: 0;
}
.footer{font-size: 40px; margin-top: 150px;}
.footer{font-size: 40px; position:fixed;}
::-webkit-input-placeholder {
color: #FD00C0;
font-weight:bold;
}
:-moz-placeholder { /* Firefox 18- */
color: #FD00C0;
font-weight:bold;
}
::-moz-placeholder { /* Firefox 19+ */
color: #FD00C0;
font-weight:bold;
}
:-ms-input-placeholder {
color: #FD00C0;
font-weight:bold;
}
#toptitle{color:#FD00C0;font-weight:bold;}
#mobile-banner{background-repeat: no-repeat;background-position: center center;height:265px;position: absolute;top: -16px;z-index: -100;background-size: 100%;}
#settings{display:none;}
#results{position:inherit;background-color: rgba(255,255,255,0.2);}
#title{color:#FD00C0;font-weight:bold;font-family: 'Open Sans', sans-serif;}
#add{display:none;}
.chan{font-weight:bold;}
#playlist{padding-bottom:50px;}
.main{width:100%;}
#results{width:100%; margin-left:0%;}
.lresult{height:120px;font-size: 35px !important;}
.lthumb{height:120px;width:initial;}
.ltitle{display: table-cell;vertical-align: bottom;width: 100%;position: static;}
}