Footer

diff --git a/src/main/webapp/css/base.css b/src/main/webapp/css/base.css
index 340f9e6..7b7d8b5 100644 (file)
--- a/src/main/webapp/css/base.css
+++ b/src/main/webapp/css/base.css
@@ -16,3 +16,4 @@
 @import 'base/typo.css';
 @import 'base/head.css';
 @import 'base/navigation.css';
+@import 'base/footer.css';

diff --git a/src/main/webapp/css/base/footer.css b/src/main/webapp/css/base/footer.css
new file mode 100644 (file)
index 0000000..c4dc7c7
--- /dev/null
+++ b/src/main/webapp/css/base/footer.css
@@ -0,0 +1,44 @@
+#footer
+{
+  margin: 2em 0;
+}
+#footerlinks
+{
+  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  position: relative;
+  border-top: 1.25em solid #0ACF00; /** 20px */
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+#footerlinks > li.f
+{
+  font-size: 137.5%; /** 22 px */
+  line-height: .6666666667em; /* 20px */
+  display: inline-block;
+  margin: .5em 1em 0 0;
+  color: #0ACF00;
+  vertical-align: top;
+}
+#footerlinks > li#copyright
+{
+  position: absolute;
+  right: .625em;
+  top: -1em; /** 30px */
+  line-height: 1.4em; /* 42px */
+  color: #fff;
+  margin: 0;
+  font-size: 187.5%; /** 30px */
+}
+#footerlinks a.f
+{
+  color: #0ACF00;
+  border-color: #0ACF00;
+}
+#footerlinks a.f:hover
+{
+  color: #078600;
+  border-color: #078600;
+  border-style: solid;
+}

diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index ee2fdbc..dc9614f 100644 (file)
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -111,10 +111,15 @@
         <li>normal</li>
         <li><em>italic</em></li>
         <li><strong>bold</strong></li>
-        <li><strong><em>bold italic</em></li>
+        <li><strong><em>bold italic</em></strong></li>
       </ul>
     </section>
     <footer id="footer">
+      <ul id="footerlinks">
+        <li class="f" id="copyright">© <strong>mo</strong> 2013</li>
+        <li class="f"><a class="f" href="#f">Contact</a></li>
+        <li class="f"><a class="f" href="#f">Impressum</a></li>
+      </ul>
     </footer>
-  </body
+  </body>
 </html>