<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Soon..</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
</head>
<body>
<div style="display: inline-block;">
<div class="content">
<div id="left">
<div id="header">
<h2><a href="index.php">neekeri.com</a></h2>
<p>Jännähkö sivusto</p>
<ul class="nav">
<li class="etusivu"> <a href="joulu.php.php" class="valittu">ETUSIVU</a> </li>
<li class="kalenteri"> <a href="./joulu">JOULU</a> </li>
<li class="pb"> <a href="./pb">PB</a> </li>
</ul>
</div>
</div>
</div>
<div id="right">
<?php
$conf['kansio'] = "../up/"; // Kansio minne kaikki laitetaan.
$conf['nayta_tiedostot'] = true;
if ($conf['nayta_tiedostot'] == true) {
$files = glob($conf['kansio']."*"); //haetaan hakemiston .zip päätteiset tiedostot
$mtimes = array(); //alustetaan taulukko
foreach($files as $file) { //käydään tiedosto kerallaan läpi
$mtimes[filemtime($file)] = $file; //haetaan jokaiselle tiedostolle muokkausaika
}
unset($files);
krsort($mtimes,SORT_NUMERIC); //järjestetään aikojen mukaan
foreach($mtimes as $file) { //tulostetaan tiedostot aikajärjestyksess
print '<a href="'.$file.'" class="tiedosto screenshot">' . '<img src="thumb.php?src='.$file.'&h=150&w=150&zc=1" alt="es"></a>';
}
}
?>
</div>
</div>
</div>
</body>
</html>
/*Fontit*/
@import url(http://fonts.googleapis.com/css?family=Mate+SC);
/*Yleistä paskaaaaaaaaaaaaaaaaaaa*/
* {
padding: 0;
margin: 0;
}
html {
min-height: 100%;
width: 100%
}
body {
min-height: 100%;
width: 100%
}
/*Left div, nav, header ym.*/
div.content {
float: left;
width: 300px;
min-height: 100%;
}
div#left {
background: rgb(242,245,246);
background: -moz-linear-gradient(left, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 87%, rgba(200,215,220,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,245,246,1)), color-stop(87%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1)));
background: -webkit-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
background: -o-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
background: -ms-linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
background: linear-gradient(left, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 87%,rgba(200,215,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 );
width: 300px;
min-height: 100%;
float: left;
}
div#header {
width: 250px;
text-align: right;
}
div#left h2 {
font-family: "Mate SC", Georgia, Verdana;
font-size: 36px;
color: #28343b;
text-shadow: 1px 1px 0px #fff;
padding: 150px 0px 20px 0px;
line-height: 0;
}
div#left h2 a {
color: #28343b;
text-decoration: none;
}
div#left p {
font: 10px verdana;
line-height: 0px;
padding-bottom: 20px;
text-transform:uppercase;
letter-spacing: 0.5px;
color: #28343b;
text-shadow: 1px 1px 0px #fff;
border-bottom: 1px solid #fff;
}
div#header ul {
list-style: none;
padding-top: 10px;
}
div#header li {
padding-top: 5px;
}
div#header li a {
color: #90a2a7;
text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
text-decoration: none;
font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 2px;
}
div#header li a:hover {
color: #000;
}
/*Right div, kuvat ym paskat SAATANA VITTUAKO LUET*/
div#right {
overflow: scroll;
margin-left: 300px;
line-height: 0;
min-height: 100%;
}
div#right img{
line-height: 0;
}
div#right * {
border: 0;
line-height: 0;
}