[onionoo/master] Move stylesheet to separate file. - tor-commits

17 Jun 2014

commit 4add78dc9e19cb33d3b5cd1a1e08a5993d86080f
Author: Karsten Loesing karsten.loesing@gmx.net
Date:   Tue Jun 17 09:20:37 2014 +0200
Move stylesheet to separate file.
---
 web/css/style.css |   38 ++++++++++++++++++++++++++++++++++++++
 web/index.html    |   40 +---------------------------------------
 2 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/web/css/style.css b/web/css/style.css
new file mode 100644
index 0000000..9649745
--- /dev/null
+++ b/web/css/style.css
@@ -0,0 +1,38 @@
+body { font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,
+  "lucida sans unicode",tahoma,sans-serif; background: #fafafa;
+  font-size: 13px; line-height: 22px; color: #222; }
+h1 { font-size: 20px; font-weight: normal; text-align: center; }
+h3 { color: #7D4698; position: relative }
+a { color: #7D4698; text-decoration: none; font-weight: bold; }
+ul { list-style: none; padding: 0; margin: 0; }
+p { margin: 0; padding: 0; }
+a[name] { padding: 0; margin: 0; }
+.box { max-width: 850px; width: 100%; margin: 0 auto 30px auto;
+  padding-bottom: 30px; background: white; border: 1px solid #eee; }
+.box > * { margin-left: 30px; margin-right: 30px; }
+.box h3 a { visibility: hidden; }
+.box:hover h3 a { visibility: visible; }
+.api-request { border-bottom: 1px solid #eee; position: relative }
+.request-url, .request-type, .request-response { padding: 8px 10px;
+  vertical-align: middle }
+.request-type { color: #57145F; display: inline-block; }
+.request-url { color: #333; font-size: 18px; }
+.request-response { position: absolute; color: #666; right: 0; }
+h3 .request-response { padding: 0 !important; }
+.api-urls>li:last-child { border-bottom: 0; }
+.required-true, .required-false, .typeof { display: inline-block;
+  vertical-align: middle; padding: 5px 10px; }
+.required-true { color: #1d7508; }
+.required-false { color: #aaa; }
+.properties { margin-top: 10px; margin-bottom: 10px;
+  border: 1px solid #eee; }
+.properties li { padding: 5px 0; }
+.properties li ul { border: 1px solid #eee; margin: 10px 10px 10px 40px;
+  background: white; }
+.properties .properties { margin-left: 10px; }
+.properties li:nth-child(even) { background: #fafafa; }
+.properties p { padding: 10px 15px; }
+.properties b { padding: 5px 10px; display: inline-block;
+  vertical-align: middle; }
+.api-urls{ margin-top: 30px; margin-bottom: 30px; }
+
diff --git a/web/index.html b/web/index.html
index 9777042..3de47bc 100644
--- a/web/index.html
+++ b/web/index.html
@@ -2,45 +2,7 @@
 <html>
 <head>
 <title>Onionoo &mdash; a Tor network status protocol</title>
-<style type="text/css">
-body { font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,
-  "lucida sans unicode",tahoma,sans-serif; background: #fafafa;
-  font-size: 13px; line-height: 22px; color: #222; }
-h1 { font-size: 20px; font-weight: normal; text-align: center; }
-h3 { color: #7D4698; position: relative }
-a { color: #7D4698; text-decoration: none; font-weight: bold; }
-ul { list-style: none; padding: 0; margin: 0; }
-p { margin: 0; padding: 0; }
-a[name] { padding: 0; margin: 0; }
-.box { max-width: 850px; width: 100%; margin: 0 auto 30px auto;
-  padding-bottom: 30px; background: white; border: 1px solid #eee; }
-.box > * { margin-left: 30px; margin-right: 30px; }
-.box h3 a { visibility: hidden; }
-.box:hover h3 a { visibility: visible; }
-.api-request { border-bottom: 1px solid #eee; position: relative }
-.request-url, .request-type, .request-response { padding: 8px 10px;
-  vertical-align: middle }
-.request-type { color: #57145F; display: inline-block; }
-.request-url { color: #333; font-size: 18px; }
-.request-response { position: absolute; color: #666; right: 0; }
-h3 .request-response { padding: 0 !important; }
-.api-urls>li:last-child { border-bottom: 0; }
-.required-true, .required-false, .typeof { display: inline-block;
-  vertical-align: middle; padding: 5px 10px; }
-.required-true { color: #1d7508; }
-.required-false { color: #aaa; }
-.properties { margin-top: 10px; margin-bottom: 10px;
-  border: 1px solid #eee; }
-.properties li { padding: 5px 0; }
-.properties li ul { border: 1px solid #eee; margin: 10px 10px 10px 40px;
-  background: white; }
-.properties .properties { margin-left: 10px; }
-.properties li:nth-child(even) { background: #fafafa; }
-.properties p { padding: 10px 15px; }
-.properties b { padding: 5px 10px; display: inline-block;
-  vertical-align: middle; }
-.api-urls{ margin-top: 30px; margin-bottom: 30px; }
-</style>
+<link href="css/style.css" type="text/css" rel="stylesheet">
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
 </head>

    