reproducible fedora rpms: improve css some more

1 files changed, 17 insertions, 54 deletions

diff --git a/userContent/reproducible/rpms/fedora-23.css b/userContent/reproducible/rpms/fedora-23.css
index c6164b24..4c283bf4 100644
--- a/userContent/reproducible/rpms/fedora-23.css
+++ b/userContent/reproducible/rpms/fedora-23.css
@@ -10,10 +10,11 @@ dl, dd, ol, ul, figure {
   padding: 0; }
 
 img.logo {
-	max-width: 50%;
-	height: auto;
-	padding: 1em;
+	max-height: 40%;
+	width: auto;
+	padding: 0.5em;
 	margin: 0.5em;
+	float: right;
 }
 
 /**
@@ -26,7 +27,10 @@ body {
   font-weight: 300;
   color: #111;
   background-color: #fdfdfd;
-  -webkit-text-size-adjust: 100%; }
+  -webkit-text-size-adjust: 100%;
+  padding: 0.5em;
+  margin: 1em;
+}
 
 table {
   background: #ececf5 none repeat scroll 0 0;
@@ -49,20 +53,18 @@ table tr td, table th {
 #variation th:first-child {
   width: 23%;
 }
-/**
- * Set `margin-bottom` to maintain vertical rhythm
- */
+
 h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
-ul, ol, dl, figure,
-.highlight {
-  margin-bottom: 15px; }
+ul, ol, dl {
+  margin: 0.25em; 
+  padding: 0.25em}
 
 /**
  * Lists
  */
 ul, ol {
-  margin-left: 30px; }
+  margin-left: 2em; }
 
 li > ul,
 li > ol {
@@ -86,18 +88,6 @@ a {
     color: #111;
     text-decoration: underline; }
 
-/**
- * Blockquotes
- */
-blockquote {
-  color: #828282;
-  border-left: 4px solid #e8e8e8;
-  padding-left: 15px;
-  font-size: 18px;
-  letter-spacing: -1px;
-  font-style: italic; }
-  blockquote > :last-child {
-    margin-bottom: 0; }
 
 /**
  * Code formatting
@@ -113,38 +103,19 @@ code {
   padding: 1px 5px; }
 
 pre {
-  padding: 8px 12px;
+  padding: 0.75em 1em;
   overflow-x: scroll; }
   pre > code {
     border: 0;
     padding-right: 0;
     padding-left: 0; }
 
-@media all and (min-width: 768px) {
-  .title #page-description p {
-    font-size: 14pt !important;
-    height: 115px;
-    display: table-cell !important;
-    vertical-align: middle !important;
-    padding-top: 35px; } }
-@media all and (max-width: 767px) {
-  .title img.img-circle {
-    padding: 3px;
-    width: 50px; }
-  .title h1 {
-    margin-top: 40px;
-    font-size: 1.8em; }
-  .title #page-description p {
-    font-size: 1em !important;
-    height: 70px;
-    display: table-cell !important;
-    padding-top: 15px; } }
 
 /**
  * Site footer
  */
 footer {
-  margin-top: 80px; }
+  margin-top: 4em; }
 
 .footer {
   background-color: #e6e6e6;
@@ -153,13 +124,13 @@ footer {
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
-  padding-top: 30px;
+  padding-top: 2em;
   font-family: "Open sans"; }
   .footer .widget-title {
     color: #8d8d8d;
     font-size: 17px;
     font-weight: bold;
-    margin: 0 0 20px 0;
+    margin: 0 0 1.5em 0;
     text-transform: uppercase; }
   .footer .widget-body {
     color: #777;
@@ -170,12 +141,4 @@ footer {
   .footer a {
     color: #000 !important; }
 
-/**
- * Page content
- */
-.page-content {
-  padding: 30px 0; }
-
-.page-heading {
-  font-size: 20px; }