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

Fixed some mobile and colorbugs

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
php/header.php
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> <title>Zöff</title>
<meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen"> <meta name="author" content="Nicolas 'Nixo' Almagro Tonne &amp; Kasper 'KasperRT' Rynning-Tønnesen">
<meta name="description" content="The shared YouTube radio."> <meta name="description" content="The shared YouTube radio.">

12
php/nochan.php
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" <html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#"> xmlns:fb="http://ogp.me/ns/fb#">
<head> <head>
<style type="text/css">
<!--
.bgimage{
background: url(./static/<?php echo $selectedBg; ?>) no-repeat;
}
-->
</style>
<?php include("php/header.php"); ?> <?php include("php/header.php"); ?>
</head> </head>
<body> <body>

21
static/style.css
View File

@@ -108,7 +108,7 @@ input[type="radio"]{display: none;}
.ltitle{height: 70px; /*color: #000;*/} .ltitle{height: 70px; /*color: #000;*/}
#plus,#minus{padding-left: 24px; margin-left: 0; padding-right: 24px;} #plus,#minus{padding-left: 24px; margin-left: 0; padding-right: 24px;}
#plus{border-right:solid 3px rgb(172, 172, 172);} #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;} #buttons{text-align: center; height: 80px; margin: 0;}
.skip{height: 50px; -webkit-filter: brightness(300%);} .skip{height: 50px; -webkit-filter: brightness(300%);}
.vcent{ .vcent{
@@ -124,25 +124,29 @@ input[type="radio"]{display: none;}
} }
.footer{font-size: 40px; position:fixed;} .footer{font-size: 40px; position:fixed;}
::-webkit-input-placeholder { ::-webkit-input-placeholder {
color: #FD00C0; color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
} }
:-moz-placeholder { /* Firefox 18- */ :-moz-placeholder { /* Firefox 18- */
color: #FD00C0; color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
} }
::-moz-placeholder { /* Firefox 19+ */ ::-moz-placeholder { /* Firefox 19+ */
color: #FD00C0; color: white;
text-shadow: 0px 0px 12px rgba(0,0,0, 0.56);
} }
:-ms-input-placeholder { :-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%;} #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;} #settings{display:none;}
#results{position:inherit;background-color: rgba(255,255,255,0.2);} #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;} #add{display:none;}
.chan{font-weight:bold;} .chan{font-weight:bold;}
#playlist{padding-bottom:50px;} #playlist{padding-bottom:50px;}
@@ -151,10 +155,11 @@ input[type="radio"]{display: none;}
.lresult{height:120px;font-size: 35px !important;} .lresult{height:120px;font-size: 35px !important;}
.lthumb{height:120px;width:initial;} .lthumb{height:120px;width:initial;}
.ltitle{display: table-cell;vertical-align: bottom;width: 100%;position: static;} .ltitle{display: table-cell;vertical-align: bottom;width: 100%;position: static;}
.nochanvcent{top:80%;} .nochanvcent{top:50%;}
.bigchan{font-size:150px;} .bigchan{font-size:150px;}
#channels{font-size:60px;width:99%;} #channels{font-size:60px;width:99%;}
.channel{font-size:40px;} .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%);} #loading{display:initial;display: table-cell;vertical-align: bottom;width: 50%;position: absolute;/*left:25%;*/top: 50%;left: 50%;transform: translate(-50%, -50%);}
} }