graphiql.css

/*
**  hapi-plugin-graphiql -- HAPI plugin for GraphiQL integration
**  Copyright (c) 2016-2019 Dr. Ralf S. Engelschall <rse@engelschall.com>
**
**  Permission is hereby granted, free of charge, to any person obtaining
**  a copy of this software and associated documentation files (the
**  "Software"), to deal in the Software without restriction, including
**  without limitation the rights to use, copy, modify, merge, publish,
**  distribute, sublicense, and/or sell copies of the Software, and to
**  permit persons to whom the Software is furnished to do so, subject to
**  the following conditions:
**
**  The above copyright notice and this permission notice shall be included
**  in all copies or substantial portions of the Software.
**
**  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
**  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
**  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
**  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
**  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
**  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
**  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

body {
    margin:          0;
    height:          100%;
    width:           100%;
    overflow:        hidden;
}

#graphiql {
    width:           100vw;
    height:          100vh;
}

.toolbar {
    overflow:        hidden;
    white-space:     nowrap;
    display:         block;
}

#username-label,
#password-label {
    margin-left:     10px;
    margin-right:    4px;
}

#username, #password {
    height:          22px;
    border-radius:   4px;
    border:          1px solid #cccccc;
    padding-left:    4px;
    font-size:       14px;
    width:           100px;
}

#status {
    color:           #000000;
}
#status.error {
    color:           #cc3333;
}
.graphiql-container .footer {
    padding:         4px 10px 4px 10px;
}

.CodeMirror .CodeMirror-code      { font-family: "Menlo", "DejaVu Sans Mono", "Consolas", monospace; }
.CodeMirror .cm-keyword           { color: #408edc; font-weight: bold; }
.CodeMirror .cm-atom              { color: #408edc; font-weight: bold; }
.CodeMirror .cm-def               { color: #333333; font-style: italic; }
.CodeMirror .cm-variable          { color: #408edc; }
.CodeMirror .cm-string            { color: #b06820; }
.CodeMirror .cm-number            { color: #b06820; }
.CodeMirror .cm-punctuation       { color: #408edc; }
.CodeMirror .cm-property          { color: #333333; }
.CodeMirror .cm-qualifier         { color: #333333; }
.CodeMirror .cm-attribute         { color: #333333; }

.CodeMirror-hints                               { font-family: "Menlo", "DejaVu Sans Mono", "Consolas", monospace; }
.CodeMirror-hint-information .content a         { color: #408edc; }
.CodeMirror-hint-information .content a:visited { color: #408edc; }

.doc-type-description code        { font-family: "Menlo", "DejaVu Sans Mono", "Consolas", monospace; }
.doc-type-description a           { color: #b06820; }
.doc-type-description a.type-name { color: #408edc; }
.doc-value-description            { margin: 0; padding: 0 0 0 20px; }
.doc-value-description p          { margin: 0 0 4px 0; }
.doc-explorer-title               { color: #333333; }
.doc-category .keyword            { color: #408edc; font-weight: bold; }
.doc-category .field-name         { color: #333333; font-weight: bold; }
.doc-category .enum-value         { color: #333333; font-weight: bold; }
.doc-category .arg-name           { color: #333333; }
.doc-category .arg-default-value  { color: #b06820; }
.doc-category .type-name          { color: #408edc; }
.doc-explorer-back:before         { border-left-color: #666666 !important; border-top-color: #666666 !important; }
.doc-explorer-back                { color: #666666 !important; }
.docExplorerShow:before           { border-left-color: #666666 !important; border-top-color: #666666 !important; }
.docExplorerShow                  { color: #666666 !important; }