diff mbox

docs: website: more header spacing tweaks

Message ID fe007a73f283bb05a49b06671425637686260337.1458330969.git.crobinso@redhat.com
State Accepted
Commit f4a212d7f9a38152ecf4443c8f84701ba3f27a84
Headers show

Commit Message

Cole Robinson March 18, 2016, 7:57 p.m. UTC 
- remove top padding for h1. this means page titles sit flush with the top
  of the side bar (like 'The virtualization API' on the front page)
- up the top padding for the remaining sections. makes it visually easier
  to tell adjacent header sections apart, especially in dense wiki pages
- use two different spacing levels for h2-h4 and h5-h6,
  gives pages some more visual flexibility
- use a slightly lower bottom padding... this makes top padding stick out
  more which makes it visually easier to differentiate between adjacent
  header sections
---
Before: http://i.imgur.com/5TxW9Fg.png
After: http://i.imgur.com/1MPjzHR.png

 docs/generic.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

-- 
2.5.0

--
libvir-list mailing list
libvir-list@redhat.com
https://www.redhat.com/mailman/listinfo/libvir-list
diff mbox

Patch

diff --git a/docs/generic.css b/docs/generic.css
index 664e719..aeea17f 100644
--- a/docs/generic.css
+++ b/docs/generic.css
@@ -48,26 +48,31 @@  h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   margin: 0px;
   padding: 0px;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.25em;
   border-bottom: 1px solid #aaa;
 }
 
 h1 {
+  margin-top: 0em;
   font-size: 2em;
 }
 h2 {
+  margin-top: 1.0em;
   font-size: 1.6em;
 }
 h3 {
+  margin-top: 1.0em;
   font-size: 1.4em;
 }
 h4 {
+  margin-top: 1.0em;
   font-size: 1.2em;
 }
 h5 {
+  margin-top: 0.75em;
   font-size: 1em;
 }
 h6 {
+  margin-top: 0.75em;
   font-size: 0.8em;
 }