css tunning for up link and folders
authorMarc MAURICE <dooblempub@positon.org>
Thu, 7 Oct 2010 21:49:07 +0000 (23:49 +0200)
committerMarc MAURICE <dooblempub@positon.org>
Thu, 7 Oct 2010 21:49:07 +0000 (23:49 +0200)
index.php

index 66f9ff6..1d72e79 100644 (file)
--- a/index.php
+++ b/index.php
@@ -103,15 +103,18 @@ header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
 <html>
 <head>
 <style type="text/css">
+body {
+       padding-top: 2em;
+}
 img {
        border: 0;
-       vertical-align: middle;
 }
-
+a {
+       text-decoration: none;
+}
 .square {
        display: inline-block;
 }
-
 .image {
        width: <?php echo THUMB_SIZE ?>px;
        height: <?php echo THUMB_SIZE ?>px;
@@ -119,6 +122,18 @@ img {
        text-align: center;
        vertical-align: middle;
 }
+.foldername {
+       height: <?php echo THUMB_SIZE ?>px;
+       display: table-cell;
+       vertical-align: middle;
+}
+#parentfolder {
+       position: fixed;
+       font-size: 4em;
+       font-weight: bold;
+       top: 0;
+       left: 0;
+}
 </style>
 </head>
 <body>
@@ -129,12 +144,12 @@ img {
 
 <?php foreach($folders as $folder) { ?>
        <div class="folder">
-       <a href="<?php echo $folder["link"] ?>">
-       <?php if ($folder["preview"] !== "") { ?>
-               <img src="<?php echo $folder["preview"] ?>" />
+       <?php if ($folder["preview"] === "") { ?>
+               <a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a>
+       <?php } else { ?>
+               <div class="square"><div class="image"><a href="<?php echo $folder["link"] ?>"><img src="<?php echo $folder["preview"] ?>" /></a></div></div>
+               <div class="square"><div class="foldername"><a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a></div></div>
        <?php } ?>
-       <?php echo $folder["name"] ?>
-       </a>
        </div>
 <?php } ?>