mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
Fixed some mobile and colorbugs
This commit is contained in:
@@ -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 & Kasper 'KasperRT' Rynning-Tønnesen">
|
||||
<meta name="description" content="The shared YouTube radio.">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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%);}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user