improved footer readability and css

lib/tpl/dokuwiki/css/design.css

@@ -283,10 +283,6 @@
 .dokuwiki div.license {
     font-size: 93.75%;
 }
-/* license note in footer */
-.dokuwiki #dokuwiki__footer div.license {
-    font-size: 100%;
-}
 
 #IE7 .dokuwiki input.button,
 #IE7 .dokuwiki button {
@@ -449,21 +445,22 @@
 
 #dokuwiki__footer {
     margin-bottom: 1em;
+    text-align: center;
 }
 #dokuwiki__footer > .pad {
     font-size: 0.875em;
 }
-#dokuwiki__footer div.license,
-#dokuwiki__footer div.footerbuttons {
-    text-align: center;
-}
+
 #dokuwiki__footer div.license {
     margin-bottom: 0.5em;
+    font-size: 100%;
 }
-#dokuwiki__footer div.footerbuttons img {
+
+#dokuwiki__footer div.buttons a img {
     opacity: 0.5;
 }
-
-#dokuwiki__footer div.footerbuttons a:hover img {
+#dokuwiki__footer div.buttons a:hover img,
+#dokuwiki__footer div.buttons a:active img,
+#dokuwiki__footer div.buttons a:focus img {
     opacity: 1;
 }

lib/tpl/dokuwiki/tpl_footer.php

 <!-- ********** FOOTER ********** -->
 <div id="dokuwiki__footer"><div class="pad">
+    <?php tpl_license(''); // license text ?>
+
+    <div class="buttons">
         <?php
-            $tgt = ($conf['target']['extern']) ? 'target="'.$conf['target']['extern'].'"' : '';
-            tpl_license(''); // text only
+            tpl_license('button', true, false, false); // license button, no wrapper
+            $target = ($conf['target']['extern']) ? 'target="'.$conf['target']['extern'].'"' : '';
         ?>
-
-    <div class="footerbuttons">
-
-        <?php tpl_license('button',true,false,false); // button, no wrapper?>
-        <a <?php echo $tgt?> href="http://www.dokuwiki.org/donate" title="Donate"><img src="<?php echo tpl_basedir(); ?>images/button-donate.gif" alt="Donate" width="80" height="15" /></a>
-        <a <?php echo $tgt?> href="http://www.php.net" title="Powered by PHP"><img src="<?php echo tpl_basedir(); ?>images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a>
-        <a <?php echo $tgt?> href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0"><img src="<?php echo tpl_basedir(); ?>images/button-xhtml.png" width="80" height="15" alt="Valid XHTML 1.0" /></a>
-        <a <?php echo $tgt?> href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS"><img src="<?php echo tpl_basedir(); ?>images/button-css.png" width="80" height="15" alt="Valid CSS" /></a>
-        <a <?php echo $tgt?> href="http://dokuwiki.org/" title="Driven by DokuWiki"><img src="<?php echo tpl_basedir(); ?>images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a>
+        <a href="http://www.dokuwiki.org/donate" title="Donate" <?php echo $target?>><img
+            src="<?php echo tpl_basedir(); ?>images/button-donate.gif" width="80" height="15" alt="Donate" /></a>
+        <a href="http://www.php.net" title="Powered by PHP" <?php echo $target?>><img
+            src="<?php echo tpl_basedir(); ?>images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a>
+        <a href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0" <?php echo $target?>><img
+            src="<?php echo tpl_basedir(); ?>images/button-xhtml.png" width="80" height="15" alt="Valid XHTML 1.0" /></a>
+        <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS" <?php echo $target?>><img
+            src="<?php echo tpl_basedir(); ?>images/button-css.png" width="80" height="15" alt="Valid CSS" /></a>
+        <a href="http://dokuwiki.org/" title="Driven by DokuWiki" <?php echo $target?>><img
+            src="<?php echo tpl_basedir(); ?>images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a>
     </div>
 </div></div><!-- /footer -->