small css refactoring. Not really happy about it

This commit is contained in:
Sébastien Lucas 2012-06-12 22:21:46 +02:00
parent bae5f382ba
commit d8dad98f01
2 changed files with 12 additions and 9 deletions

View file

@ -118,14 +118,14 @@
<?php <?php
if (array_key_exists("epub", $entry->book->format)) { if (array_key_exists("epub", $entry->book->format)) {
?> ?>
<div class="button"><a href="<?php echo "download/" . $entry->book->id . "/" . urlencode ($entry->book->format ["epub"]) ?>">EPUB</a></div> <div class="button buttonEffect"><a href="<?php echo "download/" . $entry->book->id . "/" . urlencode ($entry->book->format ["epub"]) ?>">EPUB</a></div>
<?php <?php
} }
?> ?>
<?php <?php
if (array_key_exists("pdf", $entry->book->format)) { if (array_key_exists("pdf", $entry->book->format)) {
?> ?>
<div class="button"><a href="<?php echo "download/" . $entry->book->id . "/" . urlencode ($entry->book->format ["pdf"]) ?>">PDF</a></div> <div class="button buttonEffect"><a href="<?php echo "download/" . $entry->book->id . "/" . urlencode ($entry->book->format ["pdf"]) ?>">PDF</a></div>
<?php <?php
} }
?> ?>

View file

@ -119,22 +119,20 @@ float:right;
.button .button
{ {
border-radius: 6px;
background-color:darkgray;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
height:36px; height:36px;
display: table; display: table;
width:80px; width:80px;
margin:2px; margin:2px;
} }
.button p, .button a .button p, .button a
{ {
display: table-cell; display: table-cell;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
text-decoration:none; text-decoration:none;
color:white; color:#EEE;
} }
#loading #loading
@ -161,12 +159,17 @@ margin-bottom: 8px;
} }
.tags a, .authors a .tags a, .authors a, .buttonEffect
{ {
border-radius: 6px; border-radius: 6px;
background: -moz-radial-gradient(#666, black); background: -moz-radial-gradient(#666, black);
padding: 6px;
color: #EEE; color: #EEE;
text-decoration : none; text-decoration : none;
font-weight: bold; font-weight: bold;
} }
.tags a, .authors a
{
padding: 6px;
}