[tor-commits] [metrics-web/master] Include Onionoo-specific styles.

[karsten@xxxxxxxxxxxxxx]

commit 81b410e5d6d2aae2946d7e4f2a999f2160b28062
Author: Karsten Loesing <karsten.loesing@xxxxxxx>
Date:   Mon Mar 20 14:37:09 2017 +0100

    Include Onionoo-specific styles.
---
 website/src/main/resources/web/WEB-INF/onionoo.jsp |  2 +-
 website/src/main/resources/web/css/style.css       | 52 ++++++++++++++++++++++
 2 files changed, 53 insertions(+), 1 deletion(-)

diff --git a/website/src/main/resources/web/WEB-INF/onionoo.jsp b/website/src/main/resources/web/WEB-INF/onionoo.jsp
index 32d7cea..228ec59 100644
--- a/website/src/main/resources/web/WEB-INF/onionoo.jsp
+++ b/website/src/main/resources/web/WEB-INF/onionoo.jsp
@@ -13,7 +13,7 @@
       </ul>
     </div>
 
-  <div class="container">
+  <div class="container onionoo">
 
 
 <br><br>
diff --git a/website/src/main/resources/web/css/style.css b/website/src/main/resources/web/css/style.css
index 273260a..c93d9cf 100644
--- a/website/src/main/resources/web/css/style.css
+++ b/website/src/main/resources/web/css/style.css
@@ -852,3 +852,55 @@ body.noscript #navbar-toggle-checkbox:checked ~ .collapse {
 .style .token.string {
   color: #000; /* black */
 }
+
+
+/* Onionoo-specific Styles */
+
+.onionoo a .fa.fa-chevron-right {
+    font-size:70%;
+}
+.onionoo .required-true {
+}
+.onionoo .required-false {
+    color: #aaa;
+}
+.onionoo .properties {
+    margin-top: 10px;
+    margin-bottom: 10px;
+    border-left: 1px solid #ddd;
+    border-right: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    padding:0;
+}
+.onionoo .request-response {
+    float:right;
+    font-size:60%;
+}
+.onionoo .properties li {
+    padding: 15px;
+    overflow:hidden;
+    border-top:1px solid #ddd;
+}
+.onionoo .properties li:nth-child(odd) {
+    background: #f8f8f8;
+}
+.onionoo h4, .onionoo .h4 { font-size: 16px; }
+
+/* method table */
+@media only screen and (max-width: 767.99999px) {
+  .onionoo .responsive-table td:before {
+    width: 25% !important;
+  }
+  .onionoo .responsive-table td {
+    padding-left: 30% !important;
+  }
+}
+.onionoo th.method { width:10%; }
+.onionoo th.url { width:40%; }
+.onionoo th.description { width:50%; }
+.onionoo span.red {
+    color:#d9534f;
+}
+.onionoo span.blue {
+    color:#337ab7;
+}



_______________________________________________
tor-commits mailing list
tor-commits@xxxxxxxxxxxxxxxxxxxx
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits