1.1/docson/css/docson.css

/*
 * Copyright 2013 Laurent Bovet <laurent.bovet@windmaster.ch>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.docson {
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    padding: 6px 6px 6px 6px;
}

.docson .box {
    position: relative;
    float: left;
    background-color:rgba(255, 255, 255, 0.2);
    border: 1px solid lightgrey;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-bottom: 10px;
    -moz-box-shadow:    1px 1px 1px darkgray;
    -webkit-box-shadow: 1px 1px 1px darkgray;
    box-shadow:         1px 1px 1px darkgray;
}

.docson .expand-button {
    position: absolute;
    margin-top: 15px;
    padding: 2px;
    right: 2px;
    float: right;
    width: 18px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 15px;
    color: darkgray;
    display: none;
}

.docson .source-button {
    position: absolute;
    padding: 2px;
    margin-top: 3px;
    right: 2px;
    width: 18px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 10px;
    color: darkgray;
    display: none;
}

.docson .box-header {
    padding: 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid lightgrey;
    background: whitesmoke;
   /* background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
    background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
}

.docson .box-name {
    color: darkblue;
    padding: 5px 40px 2px 3px;
    float: left;
}

.docson .title {
    margin-top: -3px;
    font-size: 120%;
}

.docson .link {
    text-decoration: underline;
}

.docson .box-description {
    color: dimgray;
    float: left;
    max-width: 600px;
}

.docson .end {
    clear: both;
}

.docson .error {
    color: red;
}

.docson .box-body {
    padding-left: 10px;
    padding-right: 28px;
    clear: both;
}

.docson .box-1 {
    background: whitesmoke;/*
    background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
    background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
}

.docson .box-2 {
    background: beige;
    background: -webkit-linear-gradient(white, beige, beige, gainsboro);
    background: -moz-linear-gradient(white, beige, beige, gainsboro);
}

.docson .box-3 {
    background: azure;
    background: -webkit-linear-gradient(white, azure, azure, gainsboro);
    background: -moz-linear-gradient(white, azure, azure, gainsboro);
}

.docson .box-4 {
    background: mistyrose;
    background: -webkit-linear-gradient(white, mistyrose, mistyrose, gainsboro);
    background: -moz-linear-gradient(white, mistyrose, mistyrose, gainsboro);
}

.docson .box-5 {
    background: #ddffee;
    background: -webkit-linear-gradient(white, #ddffee, #ddffee, gainsboro);
    background: -moz-linear-gradient(white, #ddffee, #ddffee, gainsboro);
}

.docson .box-6 {
    background: ghostwhite;
    background: -webkit-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
    background: -moz-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
}

.docson .box-7 {
    background: lavenderblush;
    background: -webkit-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
    background: -moz-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
}

.docson .box-8 {
    background: aliceblue;
    background: -webkit-linear-gradient(white, aliceblue, aliceblue, gainsboro);
    background: -moz-linear-gradient(white, aliceblue, aliceblue, gainsboro);
}

.docson .signature {
    padding-top: 5px;
    clear: left;
}

.docson .signature-header {
    padding-top: 3px;
    height: 20px;
    line-height: 24px;
}

.docson .property-name {
    float: left;
    font-family: "Lucida Console", Monaco, monospace;
    min-width: 130px;
}

.docson .required {
    font-weight: bold;
}

.docson .type-keyword {
    font-size: 80%;
    color: dimgray;
}

.docson .type-pattern {
    font-size: 80%;
    color: darkolivegreen;
}

.docson .type-enum {
    color: purple;
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 90%;
    padding-left: 2px;
}

.docson .type-default {
    color: darkslategrey;
    font-family: "Lucida Console", Monaco, monospace;
}

.docson .signature-type {
    padding-left: 6px;
    float: left;
    min-width: 160px;
    max-width: 320px;
}

.docson .signature-type-any {
    font-style: italic;
}

.docson .signature-type-string {
    color: green;
}

.docson .signature-type-number {
    color: blue;
}

.docson .signature-type-integer {
    color: blueviolet;
}

.docson .signature-type-boolean {
    color: orangered;
}

.docson .signature-type-null {
    font-family: "Lucida Console", Monaco, monospace;
    color: red;
}

.docson .signature-type-date-time {
    color: #224466;
}

.docson .signature-type-email {
    color: cornflowerblue;
}

.docson .signature-type-hostname {
    color: darkolivegreen;
}

.docson .signature-type-ipv6 {
    color: darkslateblue;
}

.docson .signature-type-ipv4 {
    color: indigo;
}

.docson .signature-type-uri {
    color: saddlebrown;
}

.docson .signature-button {
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid lightgrey;
    -moz-border-radius: 4px;
}

.docson .signature-type-ref {
    color: darkblue;
}

.docson .signature-type-expanded {
    padding: 5px 3px 3px 5px;
    vertical-align: -1px;
    opacity: 0.6;
    -moz-box-shadow:    inset 1px 1px 1px darkgray;
    -webkit-box-shadow: inset 1px 1px 1px darkgray;
    box-shadow:         inset 1px 1px 1px darkgray;
}

.docson .signature-description {
    padding-left: 6px;
    padding-bottom: 3px;
    color: dimgray;
    float: left;
    max-width: 600px;
}

.docson .signature-box-container {
    clear: both;
}

.docson .box-container {
    float: left;
    padding-top: 4px;
    padding-left: 8px;
    display: none;
}

.docson .button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.docson .button:hover {
    color: darkred;
}

@media all and (min-width: 20px) and (max-width: 500px) {
    .docson .property-name {
        min-width: 0px;
    }
    .docson .signature-type {
        min-width: 0px;
    }
    .docson .source {
        width: 100%;
    }
    .docson .box-container, .box {
        width: 100%;
    }
}

.docson .desc {
    padding-left: 6px;
    line-height: 17px;
}

.docson .desc p {
    margin: 0;
    margin-top: 3px;
}

.docson .desc code {
    color: purple;
    font-size: 90%;
}


.docson .desc table {
    margin-top: 4px;
    margin-bottom: 4px;
    border-collapse:collapse;
}

.docson .desc th {
    padding: 0px;
    font-size: 80%;
    font-weight: normal;
    background: rgba(231, 231, 231, 0.5);
}

.docson .desc table,
.docson .desc th,
.docson .desc td {
    border: 1px solid lightgrey;
}

.docson .desc tr > td {
    padding: 2px 6px 2px 6px;
}

.docson .desc h1 {
    font-size: 120%;
    margin-top: 0px;
    margin-bottom: 3px;
}

.docson .desc h2 {
    font-size: 115%;
    margin-top: 0px;
    margin-bottom: 3px;
}

.docson .desc h3 {
    font-size: 110%;
    margin-top: 0px;
    margin-bottom: 3px;
}

.docson .desc h4 {
    font-size: 100%;
    margin-top: 0px;
    margin-bottom: 3px;
}

.docson .desc pre {
    border: 1px solid lightgray;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    margin: 3px 0px;
}

.docson .desc ul {
    padding-left: 16px;
    margin: 3px 0px;
}

.docson .desc ol {
    padding-left: 16px;
    margin: 3px 0px;
}

.docson .desc blockquote {
    margin: 3px 0px 3px 10px;
    padding-left: 6px;
    border-left: 1px solid lightgray;
}

.docson .desc img {
    vertical-align: middle;
}

.docson .desc hr {
    border: 0;
    height: 1px;
    background: lightgrey;
    color: lightgrey;
    width: 50%;
}

.docson .source {
    display: none;
    padding-left: 16px;
    padding-right: 30px;
}

.docson .json, .json-schema {
    font-family: "Lucida Console", Monaco, monospace;
}

.docson .json-punctuation {
    font-weight: bold;
}

.docson .json-null, .json-true, .json-false {
    font-weight: bold;
}

.docson .json-true {
    color: #080;
}

.docson .json-false {
    color: #800;
}

.docson .json-object-key {
    color: #246;
}

.docson .json-keyword {
    font-weight: bold;
    color: #036;
}

.docson .json-number {
    font-weight: bold;
    color: #660;
}

.docson .json-string {
    color: #800;
}

.docson .json-schema-map > .json-object-key {
    color: #080;
    font-style: italic;
}