improved l&f

diff --git a/src/psensor/index.adoc b/src/psensor/index.adoc
index f02a591..cb22269 100644 (file)
--- a/src/psensor/index.adoc
+++ b/src/psensor/index.adoc
@@ -3,7 +3,7 @@
 
 == A Graphical Temperature Monitoring Application
 
-Psensor is a graphical hardware temperature monitor for Linux.
+`psensor` is a graphical hardware temperature monitor for Linux.
 
 It can monitor:
 

diff --git a/www/psensor/index.html b/www/psensor/index.html
index a1c500c..82fa792 100644 (file)
--- a/www/psensor/index.html
+++ b/www/psensor/index.html
@@ -19,7 +19,7 @@
 <h2 id="_a_graphical_temperature_monitoring_application">A Graphical Temperature Monitoring Application</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>Psensor is a graphical hardware temperature monitor for Linux.</p>
+<p><code>psensor</code> is a graphical hardware temperature monitor for Linux.</p>
 </div>
 <div class="paragraph">
 <p>It can monitor:</p>
@@ -221,7 +221,7 @@ don’t hesitate to report it.</p>
 </div>
 <div id="footer">
 <div id="footer-text">
-Last updated 2016-06-14 10:45:31 CEST
+Last updated 2016-06-14 15:14:38 CEST
 </div>
 </div>
 </body>

diff --git a/www/style.css b/www/style.css
index 9502fb4..e2af72f 100644 (file)
--- a/www/style.css
+++ b/www/style.css
@@ -1,49 +1,58 @@
-nav li {
-        float: left;
-        position: relative;
-        list-style: none;
-        margin-right: 1em;
-}
-
-h1, nav li {
-        text-transform: uppercase;
+body {
+        font-family: sans-serif;
+        margin: 0;
+        padding: 0;
+       background-color: #fdfdfd;
 }
 
-nav a, nav a:hover, nav a:visited {
-        text-decoration: none;
-        color: black;
+div, h2, h3 {
+    margin: 0;
+    padding: 0;
 }
 
-nav a:hover {
-        border-bottom-style: solid;
-        border-bottom-width: 2px;
+nav {
+    margin: 0;
+    padding: 1em;
+    display: block;
+    height: 1em;
+    background-color: black;
+    color: white;
 }
 
 nav ul {
-    margin: 0;
     padding: 0;
+    margin: 0;
 }
 
-body {
-        font-family: sans-serif;
-        margin: 1em 1em 1em 2em;
-        padding: 0;
+h1 {
+    margin: 1em 1em 1em 1em;
+    padding: 0;
 }
 
-h1 {
+#content {
+    margin: 0em 1em 0em 1em;
     padding: 0;
-    margin: 0;
-    clear: both;
 }
 
-h2 {
-        padding: 0;
-        margin: 0;
+nav li {
+        float: left;
+        position: relative;
+        list-style: none;
+        margin-right: 1em;
 }
 
-#content,#header {
-        margin: 1em;
-        padding: 0;
+h1, nav li, h2, h3 {
+        text-transform: uppercase;
+}
+
+nav a, nav a:hover, nav a:visited {
+        text-decoration: none;
+       color: inherit;
+}
+
+nav a:hover {
+        border-bottom-style: solid;
+        border-bottom-width: 2px;
 }
 
 #footer {
@@ -53,4 +62,10 @@ h2 {
 pre {
         margin: 1em 1em 1em 1em;
         padding: 1em 1em 1em 1em;
+       background-color: #dfdfdf;
+}
+
+code {
+    font-family: monospace;
+    font-size: 100%;
 }
\ No newline at end of file