Merge branch 'develop' into features/JAL-1705_ensembl
[jalview.git] / examples / biojson-doc / css / docson.css
diff --git a/examples/biojson-doc/css/docson.css b/examples/biojson-doc/css/docson.css
new file mode 100755 (executable)
index 0000000..1627e74
--- /dev/null
@@ -0,0 +1,476 @@
+/*
+ * 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: 'Droid Sans',verdana,helvetica;
+    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;
+}
+