templates/style.tpl.css

   1 body {
   2     background-color:white;
   3     color: black;
   4     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   5     font-size: 1em;
   6     margin: 0;
   7     padding: 0;
   8 }
   9 h1, h2, h3, h4, h5, h6 {
  10     font-family: Georgia, 'Times New Roman', Times, serif;
  11     background-color: whitesmoke;
  12 }
  13 header h1 {
  14     background: none;
  15 }
  16 header {
  17     width: 100%;
  18     color: white;
  19     background-color:#a1a0c0;
  20     float: left;
  21     text-align: center;
  22 }
  23 .doclisttable {
  24     width: 100%;
  25     text-align: left;
  26 }
  27 .doclisttable thead {
  28     font-weight: bold;
  29 }
  30 .doclisttable tbody {
  31     color: #3f3f3f;
  32 }
  33 .doclisttable td {
  34     padding:0.2em;
  35 }
  36 .inlinelist {
  37     display: inline-block;
  38     padding: 0em;
  39     margin: 0em;
  40 }
  41 .inlinelist li {
  42     display: inline-block;
  43     margin-right: 0.9em;
  44 }
  45 div#modification {
  46     width: 100%;
  47     color:darkgray;
  48     font-size: 0.8em;
  49 }
  50 div#navbit {
  51     width: 100%;
  52     font-size: 0.8em;
  53     background: none;
  54 }
  55 footer {
  56     width: 100%;
  57     text-align: center;
  58     background-color: #a1a0c0;
  59     color: white;
  60     float:left;
  61 }
  62 nav#sidebar {
  63     float :right;
  64     background-color: #f0f0f0;
  65     color: black;
  66     width: 30%;
  67     padding: 1%;
  68 }
  69 nav#sidebar h2 {
  70     background: none;
  71 }
  72 section#content {
  73     width: 63%;
  74     margin-right:1%;
  75     margin-left: 1%;
  76     float: left;
  77     line-height: 150%;
  78     text-align: justify;
  79 }
  80 /* for small screens */
  81 @media only screen and (max-width: 600px) {
  82     section#content {
  83         width: 99%;
  84         float: none;
  85         margin-left: 0.5%;
  86         margin-right: 0.5%;
  87         text-align: left;
  88         padding: 0;
  89     }
  90     img {
  91         max-width: 100%;
  92         height: auto;
  93     }
  94     header {
  95         float: none;
  96     }
  97     footer {
  98         float: none;
  99     }
 100     nav#sidebar {
 101         float: none;
 102         width: 99%;
 103         margin-left: 0.5%;
 104         margin-right: 0.5%;
 105     }
 106 }