summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAlexander Sulfrian <alexander@sulfrian.net>2013-05-15 02:18:07 +0200
committerAlexander Sulfrian <alexander@sulfrian.net>2013-05-15 02:18:07 +0200
commite873f038d49633c565a5abc97063d9536db289aa (patch)
treebcccf1894349a390e9415815fe8cca6a0f3ee725
parent261c6c22d5f9a5e17af51d27b030cc0fe221887e (diff)
downloadwww-e873f038d49633c565a5abc97063d9536db289aa.tar.gz
www-e873f038d49633c565a5abc97063d9536db289aa.tar.bz2
www-e873f038d49633c565a5abc97063d9536db289aa.zip
css/custom: move own css rules to external file
-rw-r--r--css/custom.css34
-rw-r--r--index.html37
2 files changed, 35 insertions, 36 deletions
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>