css tunning for up link and folders

This commit is contained in:
Marc MAURICE 2010-10-07 23:49:07 +02:00
parent be9a2293aa
commit 98dfce1391

View file

@ -103,15 +103,18 @@ header('Expires: '.gmdate('D, d M Y H:i:s \G\M\T', time() + 3600));
<html> <html>
<head> <head>
<style type="text/css"> <style type="text/css">
body {
padding-top: 2em;
}
img { img {
border: 0; border: 0;
vertical-align: middle;
} }
a {
text-decoration: none;
}
.square { .square {
display: inline-block; display: inline-block;
} }
.image { .image {
width: <?php echo THUMB_SIZE ?>px; width: <?php echo THUMB_SIZE ?>px;
height: <?php echo THUMB_SIZE ?>px; height: <?php echo THUMB_SIZE ?>px;
@ -119,6 +122,18 @@ img {
text-align: center; text-align: center;
vertical-align: middle; 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> </style>
</head> </head>
<body> <body>
@ -129,12 +144,12 @@ img {
<?php foreach($folders as $folder) { ?> <?php foreach($folders as $folder) { ?>
<div class="folder"> <div class="folder">
<a href="<?php echo $folder["link"] ?>"> <?php if ($folder["preview"] === "") { ?>
<?php if ($folder["preview"] !== "") { ?> <a href="<?php echo $folder["link"] ?>"><?php echo $folder["name"] ?></a>
<img src="<?php echo $folder["preview"] ?>" /> <?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 } ?>
<?php echo $folder["name"] ?>
</a>
</div> </div>
<?php } ?> <?php } ?>