From e873f038d49633c565a5abc97063d9536db289aa Mon Sep 17 00:00:00 2001
From: Alexander Sulfrian <alexander@sulfrian.net>
Date: Wed, 15 May 2013 02:18:07 +0200
Subject: css/custom: move own css rules to external file

---
 css/custom.css | 34 ++++++++++++++++++++++++++++++++++
 index.html     | 37 +------------------------------------
 2 files changed, 35 insertions(+), 36 deletions(-)
 create mode 100644 css/custom.css

diff --git a/css/custom.css b/css/custom.css
new file mode 100644
index 0000000..d7e7b9e
--- /dev/null
+++ b/css/custom.css
@@ -0,0 +1,34 @@
+a {
+  cursor: pointer;
+  color: #F00;
+  font-weight: bold;
+}
+
+a:hover {
+  color: rgb(168, 0, 0);
+}
+
+h1 {
+  text-align: center;
+}
+
+#hosts li {
+  list-style-type: none;
+  text-align: center;
+  margin: 10px;
+}
+
+#hosts li a {
+  line-height: 100px;
+  display: block;
+}
+
+#hosts li a:hover {
+  background-color: #CCC;
+  color: #000;
+  text-decoration: none;
+}
+
+td.centering, p.centering {
+  text-align: center;
+}
diff --git a/index.html b/index.html
index 04b65e7..a80ca97 100644
--- a/index.html
+++ b/index.html
@@ -7,42 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
     <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-responsive.min.css" />
-    <style>
-      a {
-        cursor: pointer;
-        color: #F00;
-        font-weight: bold;
-      }
-
-      a:hover {
-        color: rgb(168, 0, 0);
-      }
-
-      h1 {
-        text-align: center;
-      }
-
-      #hosts li {
-        list-style-type: none;
-        text-align: center;
-        margin: 10px;
-      }
-
-      #hosts li a {
-        line-height: 100px;
-        display: block;
-      }
-
-      #hosts li a:hover {
-        background-color: #CCC;
-        color: #000;
-        text-decoration: none;
-      }
-
-      td.centering, p.centering {
-        text-align: center;
-      }
-    </style>
+    <link rel="stylesheet" type="text/css" media="screen" href="css/custom.css" />
 
     <script src="js/js-yaml.min.js"></script>
     <script src="js/jquery-2.0.0.min.js"></script>
-- 
cgit v1.2.3-1-g7c22