docs/css/semantic_headers.css

   1 /**
   2  * Licensed under the Apache License, v. 2.0
   3  * (http://www.apache.org/licenses/)
   4  *
   5  * The transitional CSS fix-file to make headers semantic.
   6  */
   7
   8 #gc-pagecontent h1 {
   9   line-height: 130%;
  10   font-size: 170%;
  11   margin: 0 0 0 -10px;
  12   padding: .8em 0 0;
  13   border: none;
  14   background: none;
  15 }
  16
  17 #gc-pagecontent h2 {
  18   font-size: 130%;
  19   font-weight: bold;
  20   margin: 2em 0 0 -10px;
  21   padding: 1px 3px;
  22   position: relative;
  23   border-top: 1px solid #3366CC;
  24   background-color: #e5ecf9;
  25 }
  26
  27 .labs #gc-pagecontent h2 {
  28   background-color: #dcf6db;
  29   border-top: 1px solid #009900;
  30 }
  31
  32 #gc-pagecontent h3 {
  33   font-size: 130%;
  34   font-weight: bold;
  35   margin: 1.5em 0 0 0;
  36   top: 0em;
  37 }
  38
  39 #gc-pagecontent h4 {
  40   font-size: 110%;
  41   margin: .7em 0 0 0;
  42   position: relative;
  43   top: .4em;
  44 }
  45
  46 #gc-pagecontent h5 {
  47   font-size: 100%;
  48   font-weight: bold;
  49   margin: .6em 0 0 0;
  50   position: relative;
  51   top: .4em;
  52   z-index: 5;
  53 }
  54
  55 #gc-pagecontent h6 {
  56   font-size: 100%;
  57   font-weight: normal;
  58   font-style: italic;
  59   text-decoration: underline;
  60   margin: .4em 0 0 0;
  61   position: relative;
  62   top: .4em;
  63   z-index: 5;
  64 }