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

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