examples/biojson-doc/css/docson.css

   1 /*
   2  * Copyright 2013 Laurent Bovet <laurent.bovet@windmaster.ch>
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *      http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16
  17 .docson {
  18     font-family: 'Droid Sans',verdana,helvetica;
  19     font-size: 13px;
  20     padding: 6px 6px 6px 6px;
  21 }
  22
  23 .docson .box {
  24     position: relative;
  25     float: left;
  26     background-color:rgba(255, 255, 255, 0.2);
  27     border: 1px solid lightgrey;
  28     border-radius: 4px;
  29     -moz-border-radius: 4px;
  30     -webkit-border-radius: 4px;
  31     padding-bottom: 10px;
  32     -moz-box-shadow:    1px 1px 1px darkgray;
  33     -webkit-box-shadow: 1px 1px 1px darkgray;
  34     box-shadow:         1px 1px 1px darkgray;
  35 }
  36
  37 .docson .expand-button {
  38     position: absolute;
  39     margin-top: 15px;
  40     padding: 2px;
  41     right: 2px;
  42     float: right;
  43     width: 18px;
  44     text-align: center;
  45     cursor: pointer;
  46     font-weight: bold;
  47     font-family: "Lucida Console", Monaco, monospace;
  48     font-size: 15px;
  49     color: darkgray;
  50     display: none;
  51 }
  52
  53 .docson .source-button {
  54     position: absolute;
  55     padding: 2px;
  56     margin-top: 3px;
  57     right: 2px;
  58     width: 18px;
  59     text-align: center;
  60     cursor: pointer;
  61     font-weight: bold;
  62     font-family: "Lucida Console", Monaco, monospace;
  63     font-size: 10px;
  64     color: darkgray;
  65     display: none;
  66 }
  67
  68 .docson .box-header {
  69     padding: 6px;
  70     border-top-left-radius: 4px;
  71     border-top-right-radius: 4px;
  72     border-bottom: 1px solid lightgrey;
  73     background: whitesmoke;
  74    /* background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
  75     background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
  76 }
  77
  78 .docson .box-name {
  79     color: darkblue;
  80     padding: 5px 40px 2px 3px;
  81     float: left;
  82 }
  83
  84 .docson .title {
  85     margin-top: -3px;
  86     font-size: 120%;
  87 }
  88
  89 .docson .link {
  90     text-decoration: underline;
  91 }
  92
  93 .docson .box-description {
  94     color: dimgray;
  95     float: left;
  96     max-width: 600px;
  97 }
  98
  99 .docson .end {
 100     clear: both;
 101 }
 102
 103 .docson .error {
 104     color: red;
 105 }
 106
 107 .docson .box-body {
 108     padding-left: 10px;
 109     padding-right: 28px;
 110     clear: both;
 111 }
 112
 113 .docson .box-1 {
 114     background: whitesmoke;/*
 115     background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
 116     background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
 117 }
 118
 119 .docson .box-2 {
 120     background: beige;
 121     background: -webkit-linear-gradient(white, beige, beige, gainsboro);
 122     background: -moz-linear-gradient(white, beige, beige, gainsboro);
 123 }
 124
 125 .docson .box-3 {
 126     background: azure;
 127     background: -webkit-linear-gradient(white, azure, azure, gainsboro);
 128     background: -moz-linear-gradient(white, azure, azure, gainsboro);
 129 }
 130
 131 .docson .box-4 {
 132     background: mistyrose;
 133     background: -webkit-linear-gradient(white, mistyrose, mistyrose, gainsboro);
 134     background: -moz-linear-gradient(white, mistyrose, mistyrose, gainsboro);
 135 }
 136
 137 .docson .box-5 {
 138     background: #ddffee;
 139     background: -webkit-linear-gradient(white, #ddffee, #ddffee, gainsboro);
 140     background: -moz-linear-gradient(white, #ddffee, #ddffee, gainsboro);
 141 }
 142
 143 .docson .box-6 {
 144     background: ghostwhite;
 145     background: -webkit-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
 146     background: -moz-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
 147 }
 148
 149 .docson .box-7 {
 150     background: lavenderblush;
 151     background: -webkit-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
 152     background: -moz-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
 153 }
 154
 155 .docson .box-8 {
 156     background: aliceblue;
 157     background: -webkit-linear-gradient(white, aliceblue, aliceblue, gainsboro);
 158     background: -moz-linear-gradient(white, aliceblue, aliceblue, gainsboro);
 159 }
 160
 161 .docson .signature {
 162     padding-top: 5px;
 163     clear: left;
 164 }
 165
 166 .docson .signature-header {
 167     padding-top: 3px;
 168     height: 20px;
 169     line-height: 24px;
 170 }
 171
 172 .docson .property-name {
 173     float: left;
 174     font-family: "Lucida Console", Monaco, monospace;
 175     min-width: 130px;
 176 }
 177
 178 .docson .required {
 179     font-weight: bold;
 180 }
 181
 182 .docson .type-keyword {
 183     font-size: 80%;
 184     color: dimgray;
 185 }
 186
 187 .docson .type-pattern {
 188     font-size: 80%;
 189     color: darkolivegreen;
 190 }
 191
 192 .docson .type-enum {
 193     color: purple;
 194     font-family: "Lucida Console", Monaco, monospace;
 195     font-size: 90%;
 196     padding-left: 2px;
 197 }
 198
 199 .docson .type-default {
 200     color: darkslategrey;
 201     font-family: "Lucida Console", Monaco, monospace;
 202 }
 203
 204 .docson .signature-type {
 205     padding-left: 6px;
 206     float: left;
 207     min-width: 160px;
 208     max-width: 320px;
 209 }
 210
 211 .docson .signature-type-any {
 212     font-style: italic;
 213 }
 214
 215 .docson .signature-type-string {
 216     color: green;
 217 }
 218
 219 .docson .signature-type-number {
 220     color: blue;
 221 }
 222
 223 .docson .signature-type-integer {
 224     color: blueviolet;
 225 }
 226
 227 .docson .signature-type-boolean {
 228     color: orangered;
 229 }
 230
 231 .docson .signature-type-null {
 232     font-family: "Lucida Console", Monaco, monospace;
 233     color: red;
 234 }
 235
 236 .docson .signature-type-date-time {
 237     color: #224466;
 238 }
 239
 240 .docson .signature-type-email {
 241     color: cornflowerblue;
 242 }
 243
 244 .docson .signature-type-hostname {
 245     color: darkolivegreen;
 246 }
 247
 248 .docson .signature-type-ipv6 {
 249     color: darkslateblue;
 250 }
 251
 252 .docson .signature-type-ipv4 {
 253     color: indigo;
 254 }
 255
 256 .docson .signature-type-uri {
 257     color: saddlebrown;
 258 }
 259
 260 .docson .signature-button {
 261     cursor: pointer;
 262     padding: 4px;
 263     border-radius: 4px;
 264     border: 1px solid lightgrey;
 265     -moz-border-radius: 4px;
 266 }
 267
 268 .docson .signature-type-ref {
 269     color: darkblue;
 270 }
 271
 272 .docson .signature-type-expanded {
 273     padding: 5px 3px 3px 5px;
 274     vertical-align: -1px;
 275     opacity: 0.6;
 276     -moz-box-shadow:    inset 1px 1px 1px darkgray;
 277     -webkit-box-shadow: inset 1px 1px 1px darkgray;
 278     box-shadow:         inset 1px 1px 1px darkgray;
 279 }
 280
 281 .docson .signature-description {
 282     padding-left: 6px;
 283     padding-bottom: 3px;
 284     color: dimgray;
 285     float: left;
 286     max-width: 600px;
 287 }
 288
 289 .docson .signature-box-container {
 290     clear: both;
 291 }
 292
 293 .docson .box-container {
 294     float: left;
 295     padding-top: 4px;
 296     padding-left: 8px;
 297     display: none;
 298 }
 299
 300 .docson .button {
 301     -webkit-touch-callout: none;
 302     -webkit-user-select: none;
 303     -khtml-user-select: none;
 304     -moz-user-select: none;
 305     -ms-user-select: none;
 306     user-select: none;
 307 }
 308
 309 .docson .button:hover {
 310     color: darkred;
 311 }
 312
 313 @media all and (min-width: 20px) and (max-width: 500px) {
 314     .docson .property-name {
 315         min-width: 0px;
 316     }
 317     .docson .signature-type {
 318         min-width: 0px;
 319     }
 320     .docson .source {
 321         width: 100%;
 322     }
 323     .docson .box-container, .box {
 324         width: 100%;
 325     }
 326 }
 327
 328 .docson .desc {
 329     padding-left: 6px;
 330     line-height: 17px;
 331 }
 332
 333 .docson .desc p {
 334     margin: 0;
 335     margin-top: 3px;
 336 }
 337
 338 .docson .desc code {
 339     color: purple;
 340     font-size: 90%;
 341 }
 342
 343
 344 .docson .desc table {
 345     margin-top: 4px;
 346     margin-bottom: 4px;
 347     border-collapse:collapse;
 348 }
 349
 350 .docson .desc th {
 351     padding: 0px;
 352     font-size: 80%;
 353     font-weight: normal;
 354     background: rgba(231, 231, 231, 0.5);
 355 }
 356
 357 .docson .desc table,
 358 .docson .desc th,
 359 .docson .desc td {
 360     border: 1px solid lightgrey;
 361 }
 362
 363 .docson .desc tr > td {
 364     padding: 2px 6px 2px 6px;
 365 }
 366
 367 .docson .desc h1 {
 368     font-size: 120%;
 369     margin-top: 0px;
 370     margin-bottom: 3px;
 371 }
 372
 373 .docson .desc h2 {
 374     font-size: 115%;
 375     margin-top: 0px;
 376     margin-bottom: 3px;
 377 }
 378
 379 .docson .desc h3 {
 380     font-size: 110%;
 381     margin-top: 0px;
 382     margin-bottom: 3px;
 383 }
 384
 385 .docson .desc h4 {
 386     font-size: 100%;
 387     margin-top: 0px;
 388     margin-bottom: 3px;
 389 }
 390
 391 .docson .desc pre {
 392     border: 1px solid lightgray;
 393     border-radius: 4px;
 394     -webkit-border-radius: 4px;
 395     -moz-border-radius: 4px;
 396     padding: 4px;
 397     margin: 3px 0px;
 398 }
 399
 400 .docson .desc ul {
 401     padding-left: 16px;
 402     margin: 3px 0px;
 403 }
 404
 405 .docson .desc ol {
 406     padding-left: 16px;
 407     margin: 3px 0px;
 408 }
 409
 410 .docson .desc blockquote {
 411     margin: 3px 0px 3px 10px;
 412     padding-left: 6px;
 413     border-left: 1px solid lightgray;
 414 }
 415
 416 .docson .desc img {
 417     vertical-align: middle;
 418 }
 419
 420 .docson .desc hr {
 421     border: 0;
 422     height: 1px;
 423     background: lightgrey;
 424     color: lightgrey;
 425     width: 50%;
 426 }
 427
 428 .docson .source {
 429     display: none;
 430     padding-left: 16px;
 431     padding-right: 30px;
 432 }
 433
 434 .docson .json, .json-schema {
 435     font-family: "Lucida Console", Monaco, monospace;
 436 }
 437
 438 .docson .json-punctuation {
 439     font-weight: bold;
 440 }
 441
 442 .docson .json-null, .json-true, .json-false {
 443     font-weight: bold;
 444 }
 445
 446 .docson .json-true {
 447     color: #080;
 448 }
 449
 450 .docson .json-false {
 451     color: #800;
 452 }
 453
 454 .docson .json-object-key {
 455     color: #246;
 456 }
 457
 458 .docson .json-keyword {
 459     font-weight: bold;
 460     color: #036;
 461 }
 462
 463 .docson .json-number {
 464     font-weight: bold;
 465     color: #660;
 466 }
 467
 468 .docson .json-string {
 469     color: #800;
 470 }
 471
 472 .docson .json-schema-map > .json-object-key {
 473     color: #080;
 474     font-style: italic;
 475 }
 476