www.openxpki.org/trunk/htdocs/css/openxpki.css

   1 /*
   2  * (c) 2005-2008 OpenXPKI
   3  *
   4  * the base of this file was the style1.css from the OpenSC project merged
   5  * together with the original OpenCA style file
   6  */
   7
   8 /*******************
   9  * element styling *
  10  *******************/
  11
  12 html {
  13     margin: 0;
  14     height: 100%;
  15 }
  16
  17 body {
  18     margin: 0;
  19     height: 100%;
  20     background-color: white;
  21     color: black;
  22     font-family: Arial, Helvetica;
  23     font-size: 85%;
  24     font-weight: normal;
  25 }
  26
  27 .noborder {
  28         border: none;
  29         padding: 0px;
  30 }
  31
  32 h1, h2, h3, h4 {
  33     font-family: Arial, sans-serif;
  34     font-weight: bold;
  35     color: black;
  36 }
  37
  38
  39 a {
  40     font-style:  italic;
  41     color:       blue;
  42 }
  43
  44 a:link {
  45         text-decoration: none;
  46 }
  47
  48 a:visited {
  49         text-decoration: none;
  50 }
  51
  52 a:hover {
  53     text-decoration: underline;
  54 }
  55
  56 .icenter {
  57         text-align: center;
  58 }
  59
  60 img {
  61         border: none;
  62         padding: 0px;
  63 }
  64
  65 dt {
  66     font-weight: bold;
  67 }
  68
  69 pre {
  70     /*font-family: monospace,teletype,Courier-New,Courier;*/
  71     font-family: Courier;
  72     background-color: #dddddd;
  73     padding: 1em;
  74     margin-right: 1em;
  75 }
  76
  77 /********************************************
  78  * General organization of an OpenXPKI page *
  79  *                                          *
  80  * page ::= header + navi + content + footer*
  81  *                                          *
  82  ********************************************/
  83
  84 /****************
  85  *     page     *
  86  ****************/
  87
  88 #page {
  89   /* background-color: blue; */
  90   position:   relative;
  91   min-height: 100%;
  92   width:      100%;
  93   z-index:    0;
  94 }
  95
  96 #header {
  97     /* background-color: darkgreen; */
  98     top:0px;
  99     left:0px;
 100     width: 100%;
 101     z-index: 10;
 102     border:        0px solid black;
 103     border-bottom: 1px solid black;
 104     padding:       0pt;
 105     text-align:    right;
 106 }
 107
 108 #navi {
 109   /* background-color: brown; */
 110   position: relative;
 111   left:0px;
 112   width: 14em;
 113   float: left;
 114   z-index: 6;
 115 }
 116
 117 #content {
 118   /* background-color: yellow; */
 119   position: relative;
 120   padding-top: 0em;
 121   padding-bottom: 2em;
 122   padding-left: 15em;
 123   z-index: 5;
 124 }
 125
 126 #footer {
 127   /* background-color: lightgreen; */
 128   position:    absolute;
 129   bottom:      0px;
 130   left:        0px;
 131   width:       100%;
 132   z-index:     10;
 133   padding-top: 1em;
 134   font-size:   x-small;
 135   text-align:  right;
 136 }
 137
 138 /* *html will only be interpreted by IE */
 139
 140 *html #footer {
 141   display: none;
 142 }
 143
 144 /*********************
 145  *    navi stuff     *
 146  *********************/
 147
 148 div.menu {
 149     position: absolute;
 150     top:      1em;
 151     right:    1em;
 152
 153     background: #dddddd;
 154     border: 0px solid black;
 155     padding: 3pt;
 156     text-align: center;
 157 }
 158
 159 div.menu a {
 160     /* color: white; */
 161     /* color: #3060c0; */
 162     color: black;
 163 }
 164
 165 div.menu a:hover {
 166     text-decoration: none;
 167     color: white;
 168     background: #0088ff;
 169 }
 170
 171 div.menu h2 {
 172     border: 1px solid black;
 173     /* background: #3060c0; */
 174     /* background: #ff8000; */
 175     background: #ffaa33;
 176     text-align: center;
 177     padding: 1pt;
 178     margin: 0pt;
 179 }
 180
 181 div.menu h2:hover {
 182     background: #0088ff;
 183 }
 184
 185 div.menu_item {
 186     margin: 0.20em 0.5em 0.20em 0.1em;
 187     padding: 0.38em 1em;
 188     text-align: left;
 189     /*
 190     background: #ffaa33;
 191     border: 1px solid white;
 192     border-bottom: 1px solid black;
 193     border-right: 1px solid black;
 194     color: white;
 195     */
 196     list-style: none;
 197 }
 198
 199 div.menu_item:hover {
 200     background: #0088ff;
 201 }
 202
 203 div.menu_item a {
 204     font-weight: normal;
 205 }
 206
 207 div.menu_sub_item {
 208     padding: 0.38em 1em;
 209     background: #bbbbbb;
 210     background: #bbbbbb;
 211     border-left:   1px solid black;
 212     border-right:  1px solid white;
 213     border-bottom: 1px solid white;
 214     border-top:    1px solid black;
 215     text-indent: 0;
 216     text-align: right;
 217     list-style: none;
 218 }
 219
 220 div.menu_sub_item:hover {
 221     background: #0088ff;
 222 }
 223
 224
 225 div.menu_sub_item a {
 226     font-weight: normal;
 227 }
 228
 229 div.w3c {
 230     /* position: absolute; */
 231     bottom:   1em;
 232     right:    1em;
 233
 234     border: 0px solid #3060c0;
 235 }
 236
 237 /**********************
 238  *    info stuff      *
 239  **********************/
 240
 241 .sourcecode {
 242     font-weight: bold;
 243 }
 244