Fixed some mobile and colorbugs

This commit is contained in:
Kasper Rynning-Tønnesen
2015-01-13 15:40:20 +01:00
parent 04dc0c9204
commit bd22a1168c
3 changed files with 26 additions and 20 deletions

View File

@@ -1,3 +1,16 @@
<?php
$bg = array('bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg', 'bg5.jpg' ); // array of filenames
$i = rand(0, count($bg)-1); // generate random number size of the array
$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>
<style type="text/css">
<!--
.bgimage{
background: url(./static/<?php echo $selectedBg; ?>) no-repeat;
}
-->
</style>
<title>Zöff</title>
<meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen">
<meta name="description" content="The shared YouTube radio.">

View File

@@ -33,23 +33,11 @@ foreach($dir as $files){
}
}
$bg = array('bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg', 'bg5.jpg' ); // array of filenames
$i = rand(0, count($bg)-1); // generate random number size of the array
$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen
?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
<head>
<style type="text/css">
<!--
.bgimage{
background: url(./static/<?php echo $selectedBg; ?>) no-repeat;
}
-->
</style>
<?php include("php/header.php"); ?>
</head>
<body>

View File

@@ -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;*/color:#FD00C0;width:100%;border-radius:0px;font-weight:bold;}
#search{text-align: left; height: 100px; font-size: 40px; /*border: solid 2px #ccc;*/color:white;width:100%;border-radius:0px;font-weight:bold;}
#buttons{text-align: center; height: 80px; margin: 0;}
.skip{height: 50px; -webkit-filter: brightness(300%);}
.vcent{
@@ -124,25 +124,29 @@ input[type="radio"]{display: none;}
}
.footer{font-size: 40px; position:fixed;}
::-webkit-input-placeholder {
color: #FD00C0;
color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
}
:-moz-placeholder { /* Firefox 18- */
color: #FD00C0;
color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
}
::-moz-placeholder { /* Firefox 19+ */
color: #FD00C0;
color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
}
:-ms-input-placeholder {
color: #FD00C0;
color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
}
#toptitle{color:#FD00C0;font-weight:bold;}
#toptitle{color:white;font-weight:bold;text-shadow: 0px 0px 12px rgba(0,0,0, 0.5);}
#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;}
#title{color:white;font-weight:bold;font-family: 'Open Sans', sans-serif;text-shadow: 0px 0px 12px rgba(0,0,0, 0.5);}
#add{display:none;}
.chan{font-weight:bold;}
#playlist{padding-bottom:50px;}
@@ -151,10 +155,11 @@ input[type="radio"]{display: none;}
.lresult{height:120px;font-size: 35px !important;}
.lthumb{height:120px;width:initial;}
.ltitle{display: table-cell;vertical-align: bottom;width: 100%;position: static;}
.nochanvcent{top:80%;}
.nochanvcent{top:50%;}
.bigchan{font-size:150px;}
#channels{font-size:60px;width:99%;}
.channel{font-size:40px;}
.channel:hover{color:grey !important;}
#loading{display:initial;display: table-cell;vertical-align: bottom;width: 50%;position: absolute;/*left:25%;*/top: 50%;left: 50%;transform: translate(-50%, -50%);}
}