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;
|
||
}
|