[tor-commits] [atlas/master] Reduces vertical header size (See: #24277)

[irl at torproject.org]

commit 87e4704108f2c2cf3e9fda99211cc47d75d63754
Author: Iain R. Learmonth <irl at fsfe.org>
Date:   Mon Dec 18 09:16:57 2017 +0000

    Reduces vertical header size (See: #24277)
---
 css/style.css | 78 ++++++++++++++++-------------------------------------------
 1 file changed, 21 insertions(+), 57 deletions(-)

diff --git a/css/style.css b/css/style.css
index 2652faf..17f4867 100644
--- a/css/style.css
+++ b/css/style.css
@@ -14,7 +14,7 @@ body #wrapper {
 
 /* Page header - override bootstrap defaults */
 .page-header {
-    padding: 0 2.5em 2.5em 2.5em;
+    padding: 0em 2.0em 2.0em 2.0em;
     margin: 0;
     border-bottom: 0;
     color:#fff;
@@ -33,24 +33,20 @@ body #wrapper {
     max-width:40%;
     height:auto;
 }
+.page-header img#metrics-logo {
+    height:75px;
+    width:auto !important;
+}
 .page-header div {
     text-align:right;
     position:absolute;
     right:2.5em;
-    bottom:1.9em;
-    max-width:300px;
+    bottom: 0.9em;
+    max-width: 400px;
 }
 .page-header div p {
-    line-height:21px;
-}
- at media (max-width: 1199.99999px) {
-    .page-header div {
-        max-width:270px;
-    }
-    .page-header div p {
-        font-size:14px;
-        line-height:18px;
-    }
+    font-size: 14px;
+    line-height: 16px;
 }
 @media (max-width: 767.99999px) {
     .page-header {
@@ -63,34 +59,7 @@ body #wrapper {
         display:none;
     }
 }
- at media (max-height:799.99999px) {
-    /* make page header smaller on e.g. 10 inch notebooks etc. */
-    .page-header {
-        padding: 0em 2.0em 2.0em 2.0em;
-    }
-    .page-header img#metrics-logo {
-        height:75px;
-        width:auto !important;
-    }
-    
-    .page-header div {
-        bottom: 0.9em;
-        max-width: 400px;
-    }
-    .page-header div p {
-        font-size: 14px;
-        line-height: 16px;
-    }
-    .navbar-secondary .navbar-nav>li>a {
-        margin-bottom: 0px !important;
-    }
-}
- at media (min-height:800px) and (min-width: 768px) {
-    .page-header {
-        padding-top:70px;
-    }
-}
- at media (max-height:800px) and (max-width: 1199.99999px) {
+ at media (max-width: 1199.99999px) {
     .page-header div {
         max-width:330px;
     }
@@ -167,6 +136,9 @@ body {
 .navbar-secondary .section-header:first-of-type {
     margin-top:0px;
 }
+.navbar-secondary .navbar-nav>li>a {
+    margin-bottom: 0px !important;
+}
 
 
 /* images */
@@ -475,23 +447,15 @@ a.btn[target="_blank"]:before {
 
 
 
-/* research download tables */
-td, th {
-    padding-left:0 !important;
-}
-td a {
-    padding-right:1em;
+/* related events table */
+.events a.link { padding-right:1em; }
+.events th.dates { width:20%; }
+.events th.tags { width:20%; }
+.events th.description { width:60%; }
+.events td span.dates {
+    color: #7d4698;
+    font-weight: bold;
 }
-th.title { width:34%; }
-th.author { width:34%; }
-th.date { width:16%; }
-th.download { width:16%; }
-
-
-/* tools table */
-th.title-tools { width:15%; }
-th.description { width:70%; }
-th.link { width:15%; }