docs.css

   1 /* $Id$ */
   2 /* Stylesheet for phpMyAdmin documentation */
   3 /* vim: expandtab ts=4 sw=4 sts=4 tw=78
   4 */
   5
   6 body {
   7     background-color: #ffffff;
   8     font-family: sans-serif;
   9     color: #000000;
  10     margin: 0;
  11     padding: 2em 0 2em 0;
  12 }
  13
  14 img {
  15     border: 0;
  16 }
  17
  18 abbr, acronym {
  19     border-bottom: 1px dotted;
  20 }
  21
  22 abbr, acronym {
  23     cursor: help;
  24 }
  25
  26 a {
  27     text-decoration: none;
  28     color: #000099;
  29     background-color: #ffffff;
  30 /*    font-weight: normal;*/
  31 }
  32
  33 a:hover {
  34 /*    background-color: #99CCFF;*/
  35     color: #000099;
  36     background-color: #ffffff;
  37     text-decoration: underline;
  38 /*    font-weight: bolder */
  39 }
  40
  41 sup {
  42     font-size: 0.7em;
  43 }
  44
  45 sup:before {
  46     content: ' [';
  47 }
  48
  49 sup:after {
  50     content: ']';
  51 }
  52
  53
  54 ul.header {
  55     width: 100%;
  56     background-color: #ddeeff;
  57     color: #000000;
  58     text-align: center;
  59     padding: 0 0 2px 0;
  60     border-bottom: 1px solid #000000;
  61     font-weight: bold;
  62     left: 0;
  63     top: 0;
  64     position: fixed;
  65     margin: 0;
  66     /* following MSIE hack was originally written by Riki Fridrich
  67      * <http://www.fczbkk.com> */
  68 /*    position: expression("absolute");*/
  69 /*    width: expression(document.body.clientWidth);*/
  70 /*    top: expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight);*/
  71 }
  72
  73 ul.header li {
  74     margin: 0;
  75     padding: 0;
  76     display: inline;
  77 }
  78
  79 ul.header li:before {
  80     content: ' - ';
  81 }
  82 ul.header li:first-child:before {
  83     content: '';
  84 }
  85
  86 ul.header a {
  87     text-decoration: none;
  88     font-size: medium;
  89     color: #000099;
  90     background-color: #ddeeff;
  91     font-weight: normal;
  92 }
  93 ul.header a:hover {
  94     color: #000099;
  95     background-color: #99CCFF;
  96 /*    font-weight: bolder;*/
  97 }
  98
  99 h1 {
 100     text-align: center;
 101     padding-left: 8%;
 102     margin-top: 1em;
 103     color: #000000;
 104     background-color: #ddeeff;
 105     font-size: x-large;
 106     border-top: 1px solid #000000;
 107     border-bottom: 1px solid #000000;
 108     clear: both;
 109 }
 110
 111 h2 {
 112     padding-left: 8%;
 113     padding-top: 2em;
 114     margin-top: 1em;
 115     color: #000000;
 116     background-color: #ddeeff;
 117     font-size: large;
 118     border-top: 1px solid #000000;
 119     border-bottom: 1px solid #000000;
 120     clear: both;
 121     counter-reset: heading3;
 122     counter-increment: heading2;
 123 }
 124
 125 h2:before {
 126     content: counter(heading2) '. ';
 127 }
 128
 129 h3 {
 130     padding-left: 10%;
 131     padding-top: 3em;
 132     margin-top: 1em;
 133     color: #000000;
 134     background-color: #ddeeff;
 135     font-size: medium;
 136     border-top: 1px solid #000000;
 137     border-bottom: 1px solid #000000;
 138     clear: both;
 139     counter-reset: heading4;
 140     counter-increment: heading3;
 141 }
 142
 143 h3:before {
 144     content: counter(heading2) '.' counter(heading3) '. ';
 145 }
 146
 147 h4, h5 {
 148     padding: 3em 0 0 0;
 149     margin: 10px 5% 2px 5%;
 150     font-weight: bold;
 151     color: #000099;
 152     background-color: #ffffff;
 153     counter-increment: heading4;
 154 }
 155
 156 h4:before {
 157     content: counter(heading2) '.' counter(heading3) '.' counter(heading4) '. ';
 158 }
 159
 160 h5 {
 161     counter-increment: heading5;
 162 }
 163
 164 h5:before {
 165     content: counter(heading2) '.' counter(heading3) '.' counter(heading4) counter(heading5,lower-alpha);
 166 }
 167
 168 p {
 169     margin: 2px 5% 1em 5%;
 170 }
 171
 172 table {
 173     margin: 2px 5% 2px 5%;
 174     border: none;
 175 }
 176
 177 table tr,table td,table th {
 178     border: none;
 179 }
 180
 181 table.translators {
 182     text-align: center;
 183     display: table; margin-left: auto; margin-right: auto;
 184     border-collapse: collapse;
 185 }
 186
 187 table.translators th {
 188     color: #000000;
 189     background-color: #d3dce3;
 190 }
 191
 192 table.translators td, table.translators th {
 193     border: 1px solid #000000;
 194     padding: 5px;
 195 }
 196
 197 ul {
 198     margin: 2px 5% 2px 5%;
 199 }
 200
 201 pre {
 202     margin: 1em 5% 1em 5%;
 203     border: 1px solid silver;
 204     color: #000000;
 205     background-color: #eeeeee;
 206     padding: 0.5em;
 207 }
 208
 209 /* no more intend inside li */
 210 li pre {
 211     margin: 1em 0 1em 0;
 212 }
 213
 214 pre.wrap {
 215     white-space: normal;
 216 }
 217
 218 dl {
 219     margin: 1em 6% 1em 6%;
 220 }
 221 dt {
 222     font-weight: bold;
 223     margin-left: 2em;
 224     padding-top: 3em;
 225 }
 226 dd {
 227     margin-left: 4em;
 228     margin-bottom: 1em;
 229 }
 230
 231 ol {
 232     margin: 1em 6% 1em 6%;
 233 }
 234
 235 li {
 236     margin-bottom: 1em;
 237 }
 238
 239 .configrule {
 240     font-family: monospace;
 241 }
 242
 243 dt.configrule {
 244     font-weight: bold;
 245 }
 246
 247 .important {
 248     color: #bb0000;
 249     background-color: #ffeeee;
 250     padding: 0 0.5em 0 0.5em;
 251 }
 252
 253 p.important {
 254     border: 1px dotted #ff0000;
 255     padding: 0.5em;
 256 }
 257
 258 .important:first-word {
 259     font-weight: bold;
 260 }
 261
 262 p.footnote {
 263     margin: 0 5% 2px 7%;
 264     padding-top: 3em;
 265 }
 266
 267 p.footnote:first-line {
 268     margin-left: -2%;
 269 }
 270
 271 p#bottom {
 272     text-align: right;
 273 }
 274
 275 p#bottom img {
 276     margin: 1em;
 277 }