jam/js/ui/webui/webapp.css

227 lines
4.2 KiB
CSS

.marked dt {
font-weight:bold;
}
.marked dd {
margin-left:10px;
}
.marked code {
border: 1px solid #e7eaed;
background-color: #f8f8f8;
border-radius: 3px;
padding: 0;
padding: 2px 4px 0px 4px;
font-size: 0.9em;
}
.marked pre code {
border: 0px;
background-color: inherit;
border-radius: 0px;
padding: 0;
font-size: 0.9em;
line-height: 1.5;
margin:0;
}
.marked pre {
background-color: #f8f8f8;
}
.marked blockquote {
border-left: 4px solid #dfe2e5;
padding: 0 15px;
color: #777777;
margin: 0.8em 0;
}
.normalOutput {
word-break:break-all;
}
.marked h1,h2,h3,h4 {
color:#3498db;
}
.error {
color:red;
word-break:break-all;
font-size: 1em;
font-family: monospace;
}
.warning {
color:green;
word-break:break-all;
font-size: 1em;
font-family: monospace;
}
.normalOutput {
color:blue;
word-break:break-all;
font-size: 1em;
font-family: monospace;
}
.input {
word-break:break-all;
font-size: 1em;
font-family: monospace;
}
.webix_el_label {
font-size:20px !important;
}
/* Spoiler */
input[id^="spoiler"] + label::after {
content: " \25BE";
font-size:1.5em;
color: blue;
}
input[id^="spoiler"]:checked + label::after {
content: " \25B4";
font-size:1.5em;
color: blue;
}
input[id^="spoiler"]{
display: none;
}
input[id^="spoiler"] + label {
display: block;
// width: 100px;
width: 95%;
margin: 0px auto;
padding: 0;
background: #fff;
color: #111;
text-align: left;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
transition: all .2s;
}
input[id^="spoiler"]:checked + label {
color: #333;
}
input[id^="spoiler"] ~ .spoiler {
width: 95%;
height: 0;
overflow: hidden;
opacity: 0;
margin: 0px auto 0;
padding: 0px;
background: #eee;
border: 1px solid #ccc;
border-radius: 8px;
transition: all .2s;
}
input[id^="spoiler"]:checked + label + .spoiler{
height: auto;
opacity: 1;
padding: 10px;
}
/* Navigation */
.nav-list-container {
height:90%;
overflow-y:auto;
}
.nav-list {
overflow-x:hidden;
/*padding-top:50px;*/
}
.nav-entry {
margin: 0;
padding:0;
padding-left:10px;
margin-top:5px;
margin-bottom:5px;
height: auto;
cursor:pointer;
font-family:"Sans";
}
.nav-entry-selected {
font-weight:bold;
}
.nav-entry-document::before {
font-family: "FontAwesome"; content: "\f0f6";
padding-right:5px;
}
.nav-entry-directory::before {
font-family: "FontAwesome"; content: "\f07b";
padding-right:5px;
}
.nav-entry-file::before {
font-family: "FontAwesome"; content: "\f0c5";
padding-right:5px;
}
.nav-entry-compact {
margin: 0 !important;
padding:0;
}
.nav-entry a {
text-decoration: none !important;
}
.nav-entry-compact a {
text-decoration: none !important;
}
.nav-selected {
color: blue;
border: 1px solid #888;
border-radius:5px;
}
/* Console */
div.console {
word-wrap: break-word;
overflow-y:auto;
height:inherit;
font-family: droidsansmonow01 , monospace !important;
font-size: inherit;
background: white;
color:black;
}
div.console div.jquery-console-prompt-box {
font-family: droidsansmonow01 , monospace !important;
}
div.console div.jquery-console-message {
font-family: droidsansmonow01 , monospace !important;
}
/* First console */
div.console div.jquery-console-inner
{ width:auto; height:auto; background:#eee; padding:0.5em;
overflow:auto }
div.console div.jquery-console-prompt-box
{ color:black; font-family:monospace; }
div.console div.jquery-console-focus span.jquery-console-cursor
{ background:black; color:white; font-weight:bold }
div.console div.jquery-console-message-error
{ color:red; font-family:sans-serif; font-weight:bold;
padding:0.1em; }
div.console div.jquery-console-message-value
{ color:blue; font-family:monospace;
padding:0.1em; }
div.console div.jquery-console-message-type
{ color:green; font-family:monospace;
padding:0.1em; }
div.console span.jquery-console-prompt-label {
font-weight:bold }
div.term_cell div.console div.jquery-console-inner {
background: white;
}
/* Codemirror */
.CodeMirror {
line-height:1.2em !important;
font-family:droidsansmonow01 !important;
color:black;
}