diff options
author | Alexander Sulfrian <alexander@sulfrian.net> | 2013-05-15 02:18:07 +0200 |
---|---|---|
committer | Alexander Sulfrian <alexander@sulfrian.net> | 2013-05-15 02:18:07 +0200 |
commit | e873f038d49633c565a5abc97063d9536db289aa (patch) | |
tree | bcccf1894349a390e9415815fe8cca6a0f3ee725 | |
parent | 261c6c22d5f9a5e17af51d27b030cc0fe221887e (diff) | |
download | www-e873f038d49633c565a5abc97063d9536db289aa.tar.gz www-e873f038d49633c565a5abc97063d9536db289aa.tar.bz2 www-e873f038d49633c565a5abc97063d9536db289aa.zip |
css/custom: move own css rules to external file
-rw-r--r-- | css/custom.css | 34 | ||||
-rw-r--r-- | index.html | 37 |
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; +} @@ -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> |