[elpa] new-master 3347928 093/128: Package pages improvements

[Stefan Monnier]

branch: new-master
commit 33479282bfd96bab874e4cc24158cff34a6b1747
Author: Nicolas Petton <nicolas@petton.fr>
Commit: Nicolas Petton <nicolas@petton.fr>

    Package pages improvements
    
    * admin/archive-contents.el: Better layout for package descriptions,
    and add a section for package installation.
    * html/layout.css: Minor improvements.
---
 html/layout.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 46 insertions(+), 9 deletions(-)

diff --git a/html/layout.css b/html/layout.css
index 677849e..c75e0ea 100644
--- a/html/layout.css
+++ b/html/layout.css
@@ -67,24 +67,23 @@ html, body {
 }
 
 h1 {
-  font-size: 2em;
+  font-size: 2.5em;
   margin: 0.4em;
 }
 
 h2 {
-  font-size: 1.2em;
+  font-size: 2em;
   margin: 1.2em 0px;
 }
 
 a {
   color: #c73a6c;
-  text-decoration: underline;
+  text-decoration: none;
 }
 
 a:hover {
-  color: white;
-  background-color: #973066;
-  text-decoration: none;
+  color: #973066;
+  text-decoration: underline;
 }
 
 tt, code {
@@ -94,6 +93,20 @@ tt, code {
   border-radius: 4px;
 }
 
+pre {
+  font-family: "Fira Mono";
+  font-size: 14px;
+  background: #fafafa;
+  padding: 15px;
+  border: 1px solid #dadada;
+  overflow-y: auto;
+}
+
+pre .kw {
+  font-weight: bold;
+  color: #4f0f71;
+}
+
 p {
   margin-bottom: 2em;
 }
@@ -103,6 +116,24 @@ p.centered {
   margin: 3em 0;
 }
 
+dl {
+  margin: 30px 0;
+  font-size: .8em;
+}
+
+dt {
+  font-weight: bold;
+  width: 300px;
+  display: inline-block;
+  vertical-align: top;
+}
+
+dd {
+  margin-bottom: 10px;
+  width: 460px;
+  display: inline-block;
+}
+
 .button {
   border: 2px solid;
   padding: 10px;
@@ -113,7 +144,7 @@ p.centered {
 }
 
 .container {
-  padding: 80px 20px;
+  padding: 20px;
   width: 960px;
   margin: 0 auto;
 }
@@ -204,12 +235,14 @@ td {
 }
 
 .footer .container {
-  padding: 5px;
+  padding: 15px 0;
 }
 
 .footer p {
-  margin: 5px;
+  margin: 0;
   font-size: .8em;
+  padding: 0;
+  line-height: 1.4em;
 }
 
 @media screen and (max-width: 999px) {
@@ -243,6 +276,10 @@ td {
   td:last-child, th:last-child {
     display: none;
   }
+
+  dd {
+    width: 100%;
+  }
 }
 
 @media screen and (max-width: 439px) {