Responsive home & various fixes.

[website.git] / local.css

diff --git a/local.css b/local.css
index c3c3c901cb0f85a888a6e0db7d9e97dcfbaa9c37..df8babbc357e806ce62d8336e944256ea12b505c 100644 (file)
--- a/local.css
+++ b/local.css
@@ -77,13 +77,14 @@ thead td {
 .body-wrapper {
        max-width: 70em;
        margin: 0 auto 0 auto;
-       box-shadow: 0 0 0.6em 0 #333366;
-       background: white;
+       box-shadow: 0 0 0.2em 0 #333366;
+  background: white;
 }
 @media screen and (min-width: 45em) {
   .menu,
   .main {
     display: table-cell;
+    vertical-align: top;
   }
   .menu {
     width: 20%;
@@ -95,9 +96,14 @@ thead td {
 }
 
 
-header {
+.body-wrapper > header {
     padding: 1em 0;
-      border-bottom: solid 1px #ccc;
+    border-bottom: solid 1px #ccc;
+}
+@media screen and (min-width: 400px) {
+  .body-wrapper > header {
+    background: url("assets/filet.png") no-repeat scroll 99% 80% #FFF;
+  }
 }
 
 #logo {
@@ -127,6 +133,7 @@ header {
   text-decoration: none;
   color: #b3b3b3;
 }
+.breadcrumb  a:first-child {display: none;}
 .breadcrumb a:hover {
   text-decoration: none;
   color: #57075f;
@@ -250,7 +257,15 @@ main h1 {
        font-size: 180%;
        font-weight: bold;
        color: #ffa430;
-       text-shadow: 2px 2px 1px #444;
+       /*text-shadow: 2px 2px 1px #444;*/
+}
+main h1.title {margin-top: 0.5em;}
+
+main h2 {
+  color: #ffa430
+}
+main h3 {
+  color: #57075F;
 }
 
 main h2,
@@ -352,6 +367,16 @@ main .footnotes {
   text-align: center;
 }
 
+#bandwidth {text-align: center;}
+#bandwidth svg {text-align: left;}
+
+/* Tor nodes table */
+.tor-nodes {}
+.tor-nodes th {
+  text-align: left;
+}
+
+
 /* Paypal donation forms */
 .paypal-donation {
        display: inline-block;
@@ -620,11 +645,11 @@ main .footnotes {
                display: inline;
        }
 
-       main h1 {
-               color: #111;
-               text-shadow: none;
-               border-bottom: solid #ccc 1px;
-       }
+  main h1 {
+    color: #111;
+    text-shadow: none;
+    border-bottom: solid #ccc 1px;
+  }
 
        main a:link:after,
        main a:visited:after {