You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
devbug/app/assets/dash_v1.css

136 lines
2.0 KiB

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');
html {
font-family: "Source Sans Pro", sans-serif;
}
table, th, td {
border: 1px solid #cccccc;
}
th, td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
pre, code {
font-family: "Source Code Pro", monospace;
font-size: 10pt;
}
a {
color: #004d4d;
}
.page-header {
background: #ccdddd;
width: 100%;
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 20px;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
.devbug-header {
background: #509d9d;
width: 100%;
position: relative;
margin: 0;
padding: 5px;
padding-left: 20px;
margin-left: -20px;
color: white;
}
.spacer {
min-height: 165px;
}
.navul {
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: -20px;
position: relative;
width: 100%;
background: #004d4d;
}
.navli {
display: inline;
background: #eee;
border-radius: 7px;
margin-right: 10px;
transition: all 0.5s ease;
}
.navli:hover {
background: #509d9d;
}
.nava {
text-decoration: none;
padding: 20;
transition: all 0.5s ease;
}
.nava:hover {
color: #eee;
}
.btn, .action {
margin: 5;
margin-bottom: 20;
padding: 5;
padding-left: 10;
padding-right: 10;
background: #509d9d;
border-radius: 7px;
text-decoration: none;
color: white;
transition: all 0.5s ease;
}
.action {
padding: 0;
padding-left: 5;
padding-right: 5;
}
.btn:hover, .action:hover {
background: #eee;
color: #307d7d;
}
pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
.string { color: darkslateblue; }
.number { color: darkorange; }
.boolean { color: blue; }
.null { color: magenta; }
.key { color: green; }
.action-li {
display: inline;
/*margin-right: 15px;*/
}
#editor {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 50%;
min-height: 500px;
z-index: 0;
}