1377 lines
20 KiB
CSS
1377 lines
20 KiB
CSS
|
a,
|
|||
|
abbr,
|
|||
|
acronym,
|
|||
|
address,
|
|||
|
applet,
|
|||
|
aside,
|
|||
|
b,
|
|||
|
big,
|
|||
|
blockquote,
|
|||
|
body,
|
|||
|
caption,
|
|||
|
center,
|
|||
|
cite,
|
|||
|
code,
|
|||
|
dd,
|
|||
|
del,
|
|||
|
dfn,
|
|||
|
div,
|
|||
|
dl,
|
|||
|
dt,
|
|||
|
em,
|
|||
|
fieldset,
|
|||
|
font,
|
|||
|
footer,
|
|||
|
form,
|
|||
|
h1,
|
|||
|
h2,
|
|||
|
h3,
|
|||
|
h4,
|
|||
|
h5,
|
|||
|
h6,
|
|||
|
header,
|
|||
|
html,
|
|||
|
i,
|
|||
|
iframe,
|
|||
|
img,
|
|||
|
ins,
|
|||
|
kbd,
|
|||
|
label,
|
|||
|
legend,
|
|||
|
li,
|
|||
|
menu,
|
|||
|
object,
|
|||
|
ol,
|
|||
|
p,
|
|||
|
pre,
|
|||
|
q,
|
|||
|
s,
|
|||
|
samp,
|
|||
|
small,
|
|||
|
span,
|
|||
|
strike,
|
|||
|
strong,
|
|||
|
sub,
|
|||
|
sup,
|
|||
|
table,
|
|||
|
tbody,
|
|||
|
td,
|
|||
|
tfoot,
|
|||
|
th,
|
|||
|
thead,
|
|||
|
tr,
|
|||
|
tt,
|
|||
|
u,
|
|||
|
ul,
|
|||
|
var {
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
outline: 0;
|
|||
|
border: none;
|
|||
|
background: 0 0;
|
|||
|
font-size: 10pt;
|
|||
|
font-weight: 400;
|
|||
|
}
|
|||
|
|
|||
|
ol,
|
|||
|
ul {
|
|||
|
list-style: none;
|
|||
|
}
|
|||
|
|
|||
|
blockquote,
|
|||
|
q {
|
|||
|
quotes: none;
|
|||
|
}
|
|||
|
|
|||
|
blockquote:after,
|
|||
|
blockquote:before,
|
|||
|
q:after,
|
|||
|
q:before {
|
|||
|
content: none;
|
|||
|
}
|
|||
|
|
|||
|
:focus {
|
|||
|
outline: 0;
|
|||
|
}
|
|||
|
|
|||
|
ins {
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
del {
|
|||
|
text-decoration: line-through;
|
|||
|
}
|
|||
|
|
|||
|
table {
|
|||
|
border-collapse: collapse;
|
|||
|
border-spacing: 0;
|
|||
|
}
|
|||
|
|
|||
|
aside,
|
|||
|
menu {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
|
|||
|
input[type="submit"],
|
|||
|
input[type="checkbox"],
|
|||
|
input[type="radio"],
|
|||
|
input[type="file"],
|
|||
|
label,
|
|||
|
select {
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
|
|||
|
input[disabled=""] {
|
|||
|
opacity: 0.5;
|
|||
|
cursor: not-allowed;
|
|||
|
color: #666 !important;
|
|||
|
border-color: #aaa !important;
|
|||
|
}
|
|||
|
|
|||
|
input[type="text"] {
|
|||
|
-webkit-user-modify: read-write-plaintext-only;
|
|||
|
}
|
|||
|
|
|||
|
@font-face {
|
|||
|
font-family: entypo;
|
|||
|
src: url(../fonts/entypo.eot);
|
|||
|
src:
|
|||
|
url(../fonts/entypo.eot?#iefix) format("embedded-opentype"),
|
|||
|
url(../fonts/entypo.woff) format("woff"),
|
|||
|
url(../fonts/entypo.ttf) format("truetype"),
|
|||
|
url(../fonts/entypo.svg#entypo) format("svg");
|
|||
|
font-weight: 400;
|
|||
|
font-style: normal;
|
|||
|
}
|
|||
|
|
|||
|
html {
|
|||
|
overflow-y: scroll;
|
|||
|
-webkit-text-size-adjust: none;
|
|||
|
}
|
|||
|
|
|||
|
body {
|
|||
|
font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
|
|||
|
background: #fff;
|
|||
|
color: #444;
|
|||
|
}
|
|||
|
|
|||
|
a,
|
|||
|
a:visited {
|
|||
|
padding: 4px 0;
|
|||
|
color: #d55d00;
|
|||
|
transition:
|
|||
|
color 0.1s ease 0s,
|
|||
|
background-color 0.1s ease 0s;
|
|||
|
}
|
|||
|
|
|||
|
a:link:hover,
|
|||
|
a:visited:hover {
|
|||
|
color: #aa4a00;
|
|||
|
text-decoration: none;
|
|||
|
}
|
|||
|
|
|||
|
a sup {
|
|||
|
padding: 0 5px;
|
|||
|
}
|
|||
|
|
|||
|
#logins a,
|
|||
|
#tables a,
|
|||
|
#tables span {
|
|||
|
background: inherit;
|
|||
|
}
|
|||
|
|
|||
|
.active:before {
|
|||
|
font-weight: 400;
|
|||
|
}
|
|||
|
|
|||
|
label {
|
|||
|
padding: 3px 10px;
|
|||
|
}
|
|||
|
|
|||
|
input::-webkit-input-placeholder {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
input::-moz-placeholder {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
input:-ms-input-placeholder {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
pre[contenteditable="true"],
|
|||
|
select,
|
|||
|
textarea {
|
|||
|
padding: 4px 5px !important;
|
|||
|
border: 1px solid #ccc !important;
|
|||
|
border-radius: 2px;
|
|||
|
font-size: 10pt;
|
|||
|
background: #fff;
|
|||
|
color: #444;
|
|||
|
box-shadow: inset 0 2px 2px #ebebeb;
|
|||
|
-moz-box-sizing: border-box;
|
|||
|
-webkit-box-sizing: border-box;
|
|||
|
box-sizing: border-box;
|
|||
|
}
|
|||
|
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
textarea {
|
|||
|
-webkit-appearance: none;
|
|||
|
}
|
|||
|
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
select {
|
|||
|
height: 28px;
|
|||
|
}
|
|||
|
|
|||
|
input[type="submit"] {
|
|||
|
display: inline-block;
|
|||
|
padding: 7px 15px;
|
|||
|
border: 1px solid #d55d00;
|
|||
|
border-radius: 2px;
|
|||
|
background: #d55d00;
|
|||
|
color: #fff;
|
|||
|
text-align: center;
|
|||
|
text-decoration: none;
|
|||
|
font-size: 10pt;
|
|||
|
transition: background-color 0.1s ease 0s;
|
|||
|
-webkit-appearance: none;
|
|||
|
}
|
|||
|
|
|||
|
input[type="submit"]:hover {
|
|||
|
background: #aa4a00;
|
|||
|
border-color: #aa4a00;
|
|||
|
}
|
|||
|
|
|||
|
input[type="submit"][disabled=""]:hover {
|
|||
|
background: #fff;
|
|||
|
}
|
|||
|
|
|||
|
input[type="submit"].default {
|
|||
|
box-shadow: none;
|
|||
|
}
|
|||
|
|
|||
|
input[type="image"] {
|
|||
|
border: 4px solid #fff;
|
|||
|
outline: 1px solid #f2ceb3;
|
|||
|
-moz-outline-radius: 2px;
|
|||
|
margin-right: 5px;
|
|||
|
}
|
|||
|
|
|||
|
input[type="image"]:last-child {
|
|||
|
margin-right: 0;
|
|||
|
}
|
|||
|
|
|||
|
input[type="image"]:hover {
|
|||
|
border-color: #fbefe6;
|
|||
|
}
|
|||
|
|
|||
|
input[type="checkbox"],
|
|||
|
input[type="radio"] {
|
|||
|
margin: 7px 5px 7px 0;
|
|||
|
}
|
|||
|
|
|||
|
fieldset {
|
|||
|
margin: 5px 5px 10px 0;
|
|||
|
padding: 5px 10px;
|
|||
|
border: 1px solid #ddd;
|
|||
|
border-radius: 2px;
|
|||
|
background: #f6f6f6;
|
|||
|
min-height: 55px;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"] {
|
|||
|
padding: 3px 10px;
|
|||
|
border-color: #e69e66;
|
|||
|
background: #fff;
|
|||
|
color: #d55d00;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"]:hover {
|
|||
|
background: #fbefe6;
|
|||
|
color: #d55d00;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"].default {
|
|||
|
border-color: #d55d00;
|
|||
|
background: #d55d00;
|
|||
|
color: #fff;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"].default:hover {
|
|||
|
background: #aa4a00;
|
|||
|
border-color: #aa4a00;
|
|||
|
}
|
|||
|
|
|||
|
fieldset + table,
|
|||
|
table + fieldset {
|
|||
|
margin-top: 10px;
|
|||
|
}
|
|||
|
|
|||
|
fieldset legend a {
|
|||
|
position: relative;
|
|||
|
padding-bottom: 50px;
|
|||
|
}
|
|||
|
|
|||
|
fieldset > div > a,
|
|||
|
fieldset > div > code,
|
|||
|
fieldset > div > div,
|
|||
|
fieldset > div > input,
|
|||
|
fieldset > div > p,
|
|||
|
fieldset > div > select {
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
|
|||
|
legend {
|
|||
|
margin-bottom: 3px;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input,
|
|||
|
fieldset select,
|
|||
|
p input,
|
|||
|
p label,
|
|||
|
p select {
|
|||
|
margin: 0 5px 5px 0;
|
|||
|
}
|
|||
|
|
|||
|
.js fieldset > .hidden {
|
|||
|
display: block;
|
|||
|
margin-top: 5px;
|
|||
|
text-align: center;
|
|||
|
}
|
|||
|
|
|||
|
.js fieldset > .hidden * {
|
|||
|
display: none !important;
|
|||
|
}
|
|||
|
|
|||
|
.js fieldset > .hidden:before {
|
|||
|
content: "⏶";
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 40pt;
|
|||
|
line-height: 0;
|
|||
|
vertical-align: middle;
|
|||
|
color: #e2e2e2;
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-select.hidden:before {
|
|||
|
content: "⚏";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-search.hidden:before {
|
|||
|
content: "🔍";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-sort.hidden:before {
|
|||
|
content: "⏷";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-export.hidden:before {
|
|||
|
content: "📤";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-import.hidden:before {
|
|||
|
content: "📥";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-history.hidden:before {
|
|||
|
content: "";
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-history br {
|
|||
|
display: block;
|
|||
|
margin-bottom: 20px;
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-history.hidden br {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
#fieldset-partition.hidden:before {
|
|||
|
content: "";
|
|||
|
}
|
|||
|
|
|||
|
.size {
|
|||
|
width: 8ex;
|
|||
|
}
|
|||
|
|
|||
|
.sqlarea {
|
|||
|
max-width: 100%;
|
|||
|
width: auto !important;
|
|||
|
height: 350px !important;
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 768px) {
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
pre[contenteditable="true"],
|
|||
|
select,
|
|||
|
textarea {
|
|||
|
font-size: 12pt;
|
|||
|
vertical-align: -1px;
|
|||
|
}
|
|||
|
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
select {
|
|||
|
height: 32px;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"] {
|
|||
|
padding: 6px 15px;
|
|||
|
}
|
|||
|
|
|||
|
.sqlarea {
|
|||
|
height: 250px !important;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 360px) {
|
|||
|
input:not([type]),
|
|||
|
input[type="text"],
|
|||
|
input[type="email"],
|
|||
|
input[type="password"],
|
|||
|
input[type="search"],
|
|||
|
input[type="number"],
|
|||
|
pre[contenteditable="true"],
|
|||
|
select,
|
|||
|
textarea {
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
fieldset input[type="submit"],
|
|||
|
input[type="submit"] {
|
|||
|
padding-left: 10px;
|
|||
|
padding-right: 10px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
#lang {
|
|||
|
position: fixed;
|
|||
|
right: 0;
|
|||
|
top: 0;
|
|||
|
left: auto;
|
|||
|
border: none;
|
|||
|
padding: 0 0 0 10px;
|
|||
|
width: 190px;
|
|||
|
height: 40px;
|
|||
|
line-height: 30px;
|
|||
|
font-size: 0;
|
|||
|
z-index: 101;
|
|||
|
background: #f6f6f6;
|
|||
|
}
|
|||
|
|
|||
|
#lang select {
|
|||
|
padding: 2px 3px;
|
|||
|
margin: 6px 0;
|
|||
|
width: 100px;
|
|||
|
}
|
|||
|
|
|||
|
.logout {
|
|||
|
position: fixed;
|
|||
|
right: 10px;
|
|||
|
margin: 0;
|
|||
|
z-index: 101;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
.logout input[type="submit"] {
|
|||
|
border: none;
|
|||
|
margin: 0;
|
|||
|
padding: 0 10px;
|
|||
|
height: 40px;
|
|||
|
background: 0 0;
|
|||
|
color: #d55d00;
|
|||
|
}
|
|||
|
|
|||
|
.logout input[type="submit"]:hover {
|
|||
|
background: 0 0;
|
|||
|
color: #aa4a00;
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 768px) {
|
|||
|
#lang {
|
|||
|
position: static;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
width: auto;
|
|||
|
border-top: 1px solid #ddd;
|
|||
|
background: #f6f6f6;
|
|||
|
}
|
|||
|
|
|||
|
#lang select {
|
|||
|
margin: 4px 10px 0 10px;
|
|||
|
}
|
|||
|
|
|||
|
.logout {
|
|||
|
position: relative;
|
|||
|
float: right;
|
|||
|
margin-top: -40px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 360px) {
|
|||
|
#lang select {
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
#content {
|
|||
|
position: relative;
|
|||
|
margin: 0 0 0 261px;
|
|||
|
padding: 41px 20px 80px 20px;
|
|||
|
}
|
|||
|
|
|||
|
#content:before {
|
|||
|
position: fixed;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
content: "";
|
|||
|
display: block;
|
|||
|
width: 100%;
|
|||
|
height: 40px;
|
|||
|
background: #f6f6f6;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
}
|
|||
|
|
|||
|
#content .links + p {
|
|||
|
color: #999;
|
|||
|
}
|
|||
|
|
|||
|
#breadcrumb {
|
|||
|
position: fixed;
|
|||
|
left: 261px;
|
|||
|
top: 0;
|
|||
|
right: 0;
|
|||
|
margin: 0;
|
|||
|
padding: 0 0 0 20px;
|
|||
|
border-right: 205px solid #f6f6f6;
|
|||
|
background: #f6f6f6;
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
z-index: 100;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
|
|||
|
#breadcrumb a {
|
|||
|
display: inline-block;
|
|||
|
padding: 0;
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
}
|
|||
|
|
|||
|
h2 {
|
|||
|
margin: 20px 0;
|
|||
|
font-size: 20pt;
|
|||
|
color: #444;
|
|||
|
}
|
|||
|
|
|||
|
h3 {
|
|||
|
margin: 30px 0 10px 0;
|
|||
|
font-size: 16pt;
|
|||
|
}
|
|||
|
|
|||
|
p {
|
|||
|
margin: 10px 0;
|
|||
|
}
|
|||
|
|
|||
|
code {
|
|||
|
display: block;
|
|||
|
padding: 10px;
|
|||
|
margin: 5px 0;
|
|||
|
border-left: 7px solid #cde;
|
|||
|
border-radius: 2px;
|
|||
|
background: #e8f0fa;
|
|||
|
overflow: auto;
|
|||
|
}
|
|||
|
|
|||
|
fieldset code:first-child,
|
|||
|
td code,
|
|||
|
th code {
|
|||
|
display: inline;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
background: 0 0;
|
|||
|
border: none;
|
|||
|
}
|
|||
|
|
|||
|
pre code {
|
|||
|
margin: 0;
|
|||
|
}
|
|||
|
|
|||
|
fieldset code + i {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
.time {
|
|||
|
margin-left: 10px;
|
|||
|
float: right;
|
|||
|
font-size: 8pt;
|
|||
|
color: #bbb;
|
|||
|
}
|
|||
|
|
|||
|
.error,
|
|||
|
.message {
|
|||
|
margin: 20px 0;
|
|||
|
padding: 10px;
|
|||
|
border-left: 7px solid #cec;
|
|||
|
}
|
|||
|
|
|||
|
.error {
|
|||
|
color: #900;
|
|||
|
border-color: #ecc;
|
|||
|
}
|
|||
|
|
|||
|
.message pre {
|
|||
|
margin: 15px 0 5px 0;
|
|||
|
}
|
|||
|
|
|||
|
.message p {
|
|||
|
margin: 0 0 5px 0;
|
|||
|
}
|
|||
|
|
|||
|
pre + .error,
|
|||
|
pre + .message {
|
|||
|
margin-top: 0;
|
|||
|
}
|
|||
|
|
|||
|
#help {
|
|||
|
z-index: 200;
|
|||
|
border: 1px solid #ddd;
|
|||
|
border-radius: 2px;
|
|||
|
background: #f6f6f6;
|
|||
|
padding: 5px 7px;
|
|||
|
}
|
|||
|
|
|||
|
.icon {
|
|||
|
background-color: #d55d00;
|
|||
|
}
|
|||
|
|
|||
|
.icon:hover {
|
|||
|
background-color: #aa4a00;
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 768px) {
|
|||
|
#content {
|
|||
|
margin-left: 0;
|
|||
|
}
|
|||
|
|
|||
|
#breadcrumb {
|
|||
|
left: 0;
|
|||
|
padding-left: 50px;
|
|||
|
border-right-width: 0;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 360px) {
|
|||
|
#content {
|
|||
|
padding: 41px 10px 20px;
|
|||
|
}
|
|||
|
|
|||
|
h2 {
|
|||
|
margin: 15px 0;
|
|||
|
font-size: 16pt;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
h1 {
|
|||
|
height: 40px;
|
|||
|
white-space: nowrap;
|
|||
|
overflow: hidden;
|
|||
|
}
|
|||
|
|
|||
|
h1 #h1 {
|
|||
|
display: inline-block;
|
|||
|
padding: 0;
|
|||
|
background: url(logo.png) 10px center no-repeat;
|
|||
|
background-size: 120px;
|
|||
|
text-indent: -100px;
|
|||
|
width: 135px;
|
|||
|
height: 40px;
|
|||
|
}
|
|||
|
|
|||
|
#version,
|
|||
|
.version {
|
|||
|
position: relative;
|
|||
|
top: -7px;
|
|||
|
vertical-align: bottom;
|
|||
|
font-size: 8pt;
|
|||
|
font-style: italic;
|
|||
|
color: #bbb;
|
|||
|
}
|
|||
|
|
|||
|
#version {
|
|||
|
padding: 5px;
|
|||
|
color: #d55d00;
|
|||
|
}
|
|||
|
|
|||
|
#version:hover {
|
|||
|
color: #aa4a00;
|
|||
|
}
|
|||
|
|
|||
|
#menu {
|
|||
|
position: fixed;
|
|||
|
left: 0;
|
|||
|
top: 0;
|
|||
|
bottom: 0;
|
|||
|
width: 260px;
|
|||
|
margin: 0;
|
|||
|
padding: 0;
|
|||
|
border-right: 1px solid #ddd;
|
|||
|
overflow-y: auto;
|
|||
|
overflow-x: hidden;
|
|||
|
-webkit-overflow-scrolling: touch;
|
|||
|
background: #fff;
|
|||
|
z-index: 100;
|
|||
|
}
|
|||
|
|
|||
|
#menu #dbs {
|
|||
|
border-top: 1px solid #ddd;
|
|||
|
border-bottom: none;
|
|||
|
padding: 10px;
|
|||
|
background: #f6f6f6;
|
|||
|
color: #f6f6f6;
|
|||
|
font-size: 0;
|
|||
|
}
|
|||
|
|
|||
|
#menu #dbs span {
|
|||
|
font-size: 0;
|
|||
|
}
|
|||
|
|
|||
|
#menu #dbs select {
|
|||
|
margin: 0;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
|
|||
|
#menu .links {
|
|||
|
background: #f6f6f6;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
padding: 0 10px 7px 10px;
|
|||
|
}
|
|||
|
|
|||
|
#menu #logins,
|
|||
|
#menu #tables {
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
padding: 0;
|
|||
|
margin-bottom: 25px;
|
|||
|
}
|
|||
|
|
|||
|
#menu .message {
|
|||
|
background: 0 0;
|
|||
|
border: none;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
color: #bbb;
|
|||
|
}
|
|||
|
|
|||
|
.menu-link {
|
|||
|
display: block;
|
|||
|
padding: 2px 10px;
|
|||
|
width: auto;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #444;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
|
|||
|
.menu-link.active {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&table="] {
|
|||
|
display: block;
|
|||
|
padding: 2px 10px;
|
|||
|
width: auto;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #444;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
padding-right: 0;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&table="].active {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&table="]:hover {
|
|||
|
background: #eee;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&select="] {
|
|||
|
float: right;
|
|||
|
display: block;
|
|||
|
padding: 2px 7px;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #999 !important;
|
|||
|
overflow: hidden;
|
|||
|
width: 16px;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&select="]:hover {
|
|||
|
color: #444 !important;
|
|||
|
}
|
|||
|
|
|||
|
#tables a[href*="&select="]:before {
|
|||
|
content: "📄 ";
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 24pt;
|
|||
|
line-height: 0;
|
|||
|
vertical-align: -3px;
|
|||
|
}
|
|||
|
|
|||
|
#tables li:first-of-type a {
|
|||
|
padding-top: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#tables li:last-child a {
|
|||
|
padding-bottom: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#tables a.active + a {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#tables br {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a {
|
|||
|
display: block;
|
|||
|
padding: 2px 10px;
|
|||
|
width: auto;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #444;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a.active {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a[href*="&select="] {
|
|||
|
display: block;
|
|||
|
padding: 2px 10px;
|
|||
|
width: auto;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #444;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
float: none;
|
|||
|
color: #444 !important;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a[href*="&select="].active {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a[href*="&select="].active {
|
|||
|
color: #d55d00 !important;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple a[href*="&select="]:before {
|
|||
|
content: "";
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple li:hover {
|
|||
|
background: #eee;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple li:first-child a {
|
|||
|
padding-top: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#tables.simple li:last-child a {
|
|||
|
padding-bottom: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#logins {
|
|||
|
border-top: 1px solid #ddd;
|
|||
|
}
|
|||
|
|
|||
|
#logins a {
|
|||
|
display: block;
|
|||
|
padding: 2px 10px;
|
|||
|
width: auto;
|
|||
|
height: 20px;
|
|||
|
line-height: 20px;
|
|||
|
color: #444;
|
|||
|
overflow: hidden;
|
|||
|
text-overflow: ellipsis;
|
|||
|
}
|
|||
|
|
|||
|
#logins a.active {
|
|||
|
color: #d55d00;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
#logins a:hover {
|
|||
|
background: #eee;
|
|||
|
}
|
|||
|
|
|||
|
#logins a:first-of-type {
|
|||
|
padding-top: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#logins a:last-of-type {
|
|||
|
padding-bottom: 7px;
|
|||
|
}
|
|||
|
|
|||
|
#logins br {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 768px) {
|
|||
|
h1:before {
|
|||
|
float: left;
|
|||
|
position: relative;
|
|||
|
left: 4px;
|
|||
|
top: 4px;
|
|||
|
width: 30px;
|
|||
|
height: 30px;
|
|||
|
content: "☰";
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 32pt;
|
|||
|
line-height: 30px;
|
|||
|
border: 1px solid #e69e66;
|
|||
|
border-radius: 2px;
|
|||
|
text-align: center;
|
|||
|
vertical-align: middle;
|
|||
|
background: #fff;
|
|||
|
cursor: pointer;
|
|||
|
}
|
|||
|
|
|||
|
h1 #h1 {
|
|||
|
margin-left: 10px;
|
|||
|
}
|
|||
|
|
|||
|
#menu {
|
|||
|
width: 40px;
|
|||
|
height: 40px;
|
|||
|
bottom: auto;
|
|||
|
border: none;
|
|||
|
overflow: hidden;
|
|||
|
background: 0 0;
|
|||
|
}
|
|||
|
|
|||
|
#menu form,
|
|||
|
#menu p {
|
|||
|
display: none;
|
|||
|
}
|
|||
|
|
|||
|
#menu.open {
|
|||
|
width: 260px;
|
|||
|
height: auto;
|
|||
|
max-width: 100%;
|
|||
|
max-height: 100%;
|
|||
|
border-right: 1px solid #ddd;
|
|||
|
border-bottom: 5px solid #ddd;
|
|||
|
background: #fff;
|
|||
|
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.03);
|
|||
|
z-index: 200;
|
|||
|
overflow-y: auto;
|
|||
|
}
|
|||
|
|
|||
|
#menu.open form,
|
|||
|
#menu.open p {
|
|||
|
display: block;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 270px) {
|
|||
|
#menu.open {
|
|||
|
border-right: none;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|||
|
only screen and (min--moz-device-pixel-ratio: 1.5),
|
|||
|
only screen and (-o-min-device-pixel-ratio: 3/2),
|
|||
|
only screen and (min-device-pixel-ratio: 1.5) {
|
|||
|
h1 #h1 {
|
|||
|
background-image: url(../images/logo-hres.png?3);
|
|||
|
background-size: 120px;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
a[href*="&sql="]:before {
|
|||
|
content: "✎";
|
|||
|
padding: 0 5px;
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 24pt;
|
|||
|
line-height: 10pt;
|
|||
|
vertical-align: -3px;
|
|||
|
}
|
|||
|
|
|||
|
.links {
|
|||
|
line-height: 22px;
|
|||
|
}
|
|||
|
|
|||
|
.links a:before {
|
|||
|
content: "⏴ ";
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 24pt;
|
|||
|
line-height: 10pt;
|
|||
|
vertical-align: -3px;
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&sql="]:before {
|
|||
|
content: "";
|
|||
|
margin-left: -4px;
|
|||
|
margin-right: 3px;
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&import="]:before {
|
|||
|
content: "📥 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&dump="]:before {
|
|||
|
content: "📤 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&create="]:before,
|
|||
|
.links a[href*="&db="][href*="&database="]:before,
|
|||
|
.links a[href*="&indexes="]:before {
|
|||
|
content: "✎ ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href$="&create="]:before,
|
|||
|
.links a[href$="&database="]:before,
|
|||
|
.links a[href$="&indexes="]:before {
|
|||
|
content: "➕ ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&schema="]:before {
|
|||
|
content: "🕪 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&privileges="]:before {
|
|||
|
content: "👥 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&view="]:before {
|
|||
|
content: " ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&procedure="]:before,
|
|||
|
.links a[href*="&function="]:before {
|
|||
|
content: " ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&event="]:before {
|
|||
|
content: "🔁 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&edit="]:before {
|
|||
|
content: "⊕ ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&table="]:before {
|
|||
|
content: "⚙ ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&select="]:before {
|
|||
|
content: "📄 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&processlist="]:before {
|
|||
|
content: " ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&status="]:before {
|
|||
|
content: "📿 ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&variables="]:before {
|
|||
|
content: " ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&user="]:before {
|
|||
|
content: " ";
|
|||
|
}
|
|||
|
|
|||
|
.links a[href*="&foreign="]:before,
|
|||
|
.links a[href*="&trigger="]:before {
|
|||
|
content: "➕ ";
|
|||
|
}
|
|||
|
|
|||
|
table {
|
|||
|
border: 1px solid #ddd;
|
|||
|
margin: 20px 0 10px 0;
|
|||
|
}
|
|||
|
|
|||
|
table label.block {
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
tr {
|
|||
|
border-bottom: 1px dotted #ddd;
|
|||
|
}
|
|||
|
|
|||
|
td,
|
|||
|
th {
|
|||
|
padding: 4px 10px;
|
|||
|
}
|
|||
|
|
|||
|
td[align="right"] input[type="checkbox"],
|
|||
|
td[align="right"] input[type="radio"],
|
|||
|
th[style="text-align: right;"] input[type="checkbox"],
|
|||
|
th[style="text-align: right;"] input[type="radio"] {
|
|||
|
margin-right: 0;
|
|||
|
margin-left: 5px;
|
|||
|
}
|
|||
|
|
|||
|
.js .checkable .checked td,
|
|||
|
.js .checkable .checked th,
|
|||
|
.odd td,
|
|||
|
tbody tr:hover td,
|
|||
|
tbody tr:hover th,
|
|||
|
thead td,
|
|||
|
thead th {
|
|||
|
background: 0 0;
|
|||
|
}
|
|||
|
|
|||
|
thead tr {
|
|||
|
background: #f6f6f6;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
}
|
|||
|
|
|||
|
thead td,
|
|||
|
thead th {
|
|||
|
padding: 7px 10px;
|
|||
|
background: 0 0;
|
|||
|
text-align: left;
|
|||
|
}
|
|||
|
|
|||
|
tbody td,
|
|||
|
tbody th {
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
|
|||
|
tbody td[align="right"] {
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
|
|||
|
tbody td[align="right"] label.block {
|
|||
|
text-align: right;
|
|||
|
}
|
|||
|
|
|||
|
tbody th span {
|
|||
|
padding-top: 4px;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable .checked {
|
|||
|
background: #fbefe6;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable input[type="checkbox"],
|
|||
|
table.checkable input[type="radio"] {
|
|||
|
margin: 2px 5px 2px 0;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable > thead a {
|
|||
|
padding: 7px 0;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable > thead input[type="checkbox"],
|
|||
|
table.checkable > thead input[type="radio"] {
|
|||
|
margin: 2px 5px 2px 0;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable > tbody > tr:hover {
|
|||
|
background: #f5f5f5;
|
|||
|
}
|
|||
|
|
|||
|
table.checkable > tbody > tr.checked:hover {
|
|||
|
background: #f8e4d4;
|
|||
|
}
|
|||
|
|
|||
|
.footer {
|
|||
|
position: relative;
|
|||
|
padding: 0;
|
|||
|
}
|
|||
|
|
|||
|
.footer > p {
|
|||
|
position: fixed;
|
|||
|
left: 261px;
|
|||
|
right: 0;
|
|||
|
bottom: 0;
|
|||
|
margin: 0;
|
|||
|
padding: 0 10px;
|
|||
|
border: none;
|
|||
|
border-top: 1px solid #ddd;
|
|||
|
background: #f6f6f6;
|
|||
|
z-index: 102;
|
|||
|
font-weight: 700;
|
|||
|
}
|
|||
|
|
|||
|
.footer > p a,
|
|||
|
.footer > p label {
|
|||
|
display: inline-block;
|
|||
|
margin: 0;
|
|||
|
padding: 0 10px;
|
|||
|
height: 40px;
|
|||
|
line-height: 40px;
|
|||
|
}
|
|||
|
|
|||
|
.js .column {
|
|||
|
background: #fff;
|
|||
|
padding: 0;
|
|||
|
margin: -36px 0 0 -62px;
|
|||
|
border: 1px solid #e49254;
|
|||
|
border-radius: 2px;
|
|||
|
z-index: 10;
|
|||
|
}
|
|||
|
|
|||
|
.js .column a {
|
|||
|
display: inline-block;
|
|||
|
padding: 0;
|
|||
|
width: 30px;
|
|||
|
height: 30px;
|
|||
|
overflow: hidden;
|
|||
|
vertical-align: middle;
|
|||
|
}
|
|||
|
|
|||
|
.js .column a:before {
|
|||
|
display: inline-block;
|
|||
|
width: 30px;
|
|||
|
height: 30px;
|
|||
|
line-height: 30px;
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 24pt;
|
|||
|
text-align: center;
|
|||
|
vertical-align: -3px;
|
|||
|
}
|
|||
|
|
|||
|
.js .column a:hover:before {
|
|||
|
background: #fbefe6;
|
|||
|
}
|
|||
|
|
|||
|
.js .column a[href*="&select="]:before {
|
|||
|
content: "⬇";
|
|||
|
}
|
|||
|
|
|||
|
.js .column a[href="#fieldset-search"]:before {
|
|||
|
content: "🔍";
|
|||
|
}
|
|||
|
|
|||
|
@media only screen and (max-width: 768px) {
|
|||
|
.footer > p {
|
|||
|
position: static;
|
|||
|
margin: -10px 0 10px 0;
|
|||
|
border-top: none;
|
|||
|
border-left: 1px solid #ddd;
|
|||
|
border-right: 1px solid #ddd;
|
|||
|
border-bottom: 1px solid #ddd;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
a.jush-custom:hover,
|
|||
|
a.jush-help:hover {
|
|||
|
color: inherit;
|
|||
|
text-decoration: underline;
|
|||
|
}
|
|||
|
|
|||
|
.json {
|
|||
|
border-color: #cde;
|
|||
|
border-left: 7px solid #cde;
|
|||
|
background: #e8f0fa;
|
|||
|
margin: 5px 0 3px 0;
|
|||
|
}
|
|||
|
|
|||
|
.json tr {
|
|||
|
border-bottom: 1px solid #cde;
|
|||
|
}
|
|||
|
|
|||
|
.json tr:last-child {
|
|||
|
border-bottom: none;
|
|||
|
}
|
|||
|
|
|||
|
.json th {
|
|||
|
border-right: 1px solid #cde;
|
|||
|
vertical-align: top;
|
|||
|
}
|
|||
|
|
|||
|
.json code {
|
|||
|
padding: 4px 10px;
|
|||
|
}
|
|||
|
|
|||
|
.json + textarea {
|
|||
|
margin-top: 6px;
|
|||
|
}
|
|||
|
|
|||
|
a.json-icon {
|
|||
|
background: 0 0;
|
|||
|
text-indent: 0;
|
|||
|
}
|
|||
|
|
|||
|
a.json-icon:hover {
|
|||
|
background: 0 0;
|
|||
|
}
|
|||
|
|
|||
|
a.json-icon:before {
|
|||
|
display: inline-block;
|
|||
|
width: 20px;
|
|||
|
height: 18px;
|
|||
|
line-height: 18px;
|
|||
|
font-family: entypo, sans-serif;
|
|||
|
font-size: 24pt;
|
|||
|
vertical-align: -3px;
|
|||
|
content: "▸";
|
|||
|
}
|
|||
|
|
|||
|
a.json-icon.json-up {
|
|||
|
background: 0 0;
|
|||
|
text-indent: 0;
|
|||
|
}
|
|||
|
|
|||
|
a.json-icon.json-up:before {
|
|||
|
content: "▾";
|
|||
|
}
|
|||
|
|
|||
|
a.json-link {
|
|||
|
padding-left: 0;
|
|||
|
}
|
|||
|
|
|||
|
a.json-link:before {
|
|||
|
width: 10px;
|
|||
|
}
|
|||
|
|
|||
|
a.json-link span {
|
|||
|
color: inherit;
|
|||
|
}
|