mirror of
https://github.com/DarrylNixon/CrowdTLS-server.git
synced 2024-09-22 18:19:43 -07:00
1073 lines
130 KiB
CSS
1073 lines
130 KiB
CSS
|
/*
|
||
|
╦ ╦╦ ╦╔╦╗╦═╗╔═╗
|
||
|
╠═╣╚╦╝ ║║╠╦╝╠═╣
|
||
|
╩ ╩ ╩ ═╩╝╩╚═╩ ╩
|
||
|
Material Design Dark Theme for Adminer
|
||
|
Made with ♥ from Niyko
|
||
|
https://github.com/Niyko/Hydra-Dark-Theme-for-Adminer
|
||
|
*/
|
||
|
|
||
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||
|
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
|
||
|
html {
|
||
|
background-color: #221f2e;
|
||
|
}
|
||
|
body {
|
||
|
display: flex;
|
||
|
overflow: hidden;
|
||
|
height: 100vh;
|
||
|
width: auto;
|
||
|
background: #FAFAFA;
|
||
|
font-family: 'Montserrat', sans-serif;
|
||
|
text-rendering: optimizeLegibility !important;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
* {
|
||
|
outline-color: #7962f2;
|
||
|
}
|
||
|
::selection {
|
||
|
background: #4ca0ea;
|
||
|
color: #fff
|
||
|
}
|
||
|
::-moz-selection {
|
||
|
background: #4ca0ea;
|
||
|
color: #fff
|
||
|
}
|
||
|
#lang {
|
||
|
position: fixed;
|
||
|
top: auto;
|
||
|
bottom: 0;
|
||
|
z-index: 3;
|
||
|
padding: .8em 1em;
|
||
|
width: 245px;
|
||
|
border-top: 1px solid #ccc;
|
||
|
background: #fff
|
||
|
}
|
||
|
#lang select {
|
||
|
width: 66%
|
||
|
}
|
||
|
#menu {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
z-index: 2;
|
||
|
display: flex;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
height: 100%;
|
||
|
background: #fff;
|
||
|
box-shadow: 0 85px 5px 0 rgba(0, 0, 0, 0.14), 0 85px 10px 0 rgba(0, 0, 0, 0.12), 0 85px 4px -1px rgba(0, 0, 0, 0.2);
|
||
|
flex-flow: column
|
||
|
}
|
||
|
#menu h1 {
|
||
|
position: fixed;
|
||
|
right: 60px;
|
||
|
border-bottom: none;
|
||
|
font-size: 12px;
|
||
|
background: transparent;
|
||
|
padding: 4px 0
|
||
|
}
|
||
|
#menu select {
|
||
|
width: 86%
|
||
|
}
|
||
|
#menu #logins {
|
||
|
padding: 10px 14px 0;
|
||
|
height: 100%
|
||
|
}
|
||
|
#menu #logins:before {
|
||
|
content: 'Saved Logins';
|
||
|
display: block;
|
||
|
font-size: 1.2em;
|
||
|
margin: 84px 0 20px
|
||
|
}
|
||
|
#menu #logins a {
|
||
|
display: inline-block;
|
||
|
margin: 4px 0;
|
||
|
padding: 6px 12px;
|
||
|
height: 36px;
|
||
|
width: 86%;
|
||
|
border-radius: 2px;
|
||
|
color: #fff;
|
||
|
background: #7962f2;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
text-decoration: none;
|
||
|
transition: all .2s;
|
||
|
border-radius: 2px;
|
||
|
text-align: center;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 30px
|
||
|
}
|
||
|
#menu #logins a:hover {
|
||
|
background: #4a39a4
|
||
|
}
|
||
|
#menu.active {
|
||
|
background: #7962f2 !important;
|
||
|
color: #fff !important;
|
||
|
font-weight: auto
|
||
|
}
|
||
|
#menu .links a {
|
||
|
display: inline-block;
|
||
|
margin: 4px 2px;
|
||
|
padding: 5px;
|
||
|
width: 42%;
|
||
|
border-radius: 2px;
|
||
|
background: #fff;
|
||
|
color: #7962f2;
|
||
|
text-align: center;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 24px;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
#menu .links a:hover {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
text-decoration: none;
|
||
|
font-weight: auto
|
||
|
}
|
||
|
a #h1 {
|
||
|
color: #AFB3B5
|
||
|
}
|
||
|
.version {
|
||
|
color: #AFB3B5
|
||
|
}
|
||
|
#tables {
|
||
|
overflow-x: hidden !important;
|
||
|
margin-bottom: 47px;
|
||
|
padding: 9px 12px 0 6px;
|
||
|
flex: 1
|
||
|
}
|
||
|
#tables .select:hover {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
text-decoration: none;
|
||
|
font-weight: auto
|
||
|
}
|
||
|
#tables a {
|
||
|
display: inline-block;
|
||
|
overflow: hidden;
|
||
|
padding: 6px 0 6px 8px;
|
||
|
width: 175px;
|
||
|
border-radius: 2px;
|
||
|
text-overflow: ellipsis;
|
||
|
transition: all .2s;
|
||
|
color: #000
|
||
|
}
|
||
|
#tables a:hover {
|
||
|
background: #e4e5e6;
|
||
|
color: #000;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
#tables a.select {
|
||
|
position: relative;
|
||
|
float: right;
|
||
|
padding: 5px;
|
||
|
width: auto;
|
||
|
border-radius: 2px;
|
||
|
background: #fff;
|
||
|
color: #7962f2;
|
||
|
text-align: center;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 18px
|
||
|
}
|
||
|
#content {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
overflow-x: auto;
|
||
|
margin: 83px 0 0 19em;
|
||
|
padding: 17px 27px 100px;
|
||
|
min-width: 600px;
|
||
|
width: 100%
|
||
|
}
|
||
|
#content h2 {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
z-index: 1;
|
||
|
margin-left: -28px;
|
||
|
padding-top: 0;
|
||
|
padding-left: 30px;
|
||
|
width: 100%;
|
||
|
height: 65px;
|
||
|
background: #263238;
|
||
|
color: #AFB3B5;
|
||
|
line-height: 104px
|
||
|
}
|
||
|
#breadcrumb {
|
||
|
position: fixed;
|
||
|
z-index: 2;
|
||
|
padding-top: 10px;
|
||
|
padding-left: 20px;
|
||
|
background: #2f2b3f;
|
||
|
color: #263238
|
||
|
}
|
||
|
#breadcrumb a {
|
||
|
color: #7962f2;
|
||
|
font-size: 13px;
|
||
|
line-height: 18px;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
#breadcrumb a:hover {
|
||
|
color: #4a39a4;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
#logout {
|
||
|
position: fixed;
|
||
|
top: 21px;
|
||
|
right: 50px;
|
||
|
z-index: 2;
|
||
|
margin: 4px 2px;
|
||
|
padding: 5px;
|
||
|
min-width: 88px;
|
||
|
outline: none;
|
||
|
border: none;
|
||
|
border-radius: 2px;
|
||
|
background: #7962f2;
|
||
|
box-shadow: 0 1px 4px rgba(88, 88, 88, 0.41), 0 2px 3px rgba(88, 88, 88, 0.26);
|
||
|
color: #fff;
|
||
|
text-align: center;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 24px;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
#logout:hover {
|
||
|
background: #4a39a4
|
||
|
}
|
||
|
select {
|
||
|
margin: 0;
|
||
|
padding: 3px;
|
||
|
border: none;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
|
border-radius: 2px;
|
||
|
color: #666;
|
||
|
background: #fff;
|
||
|
cursor: pointer
|
||
|
}
|
||
|
a,
|
||
|
a:link {
|
||
|
color: #7962f2;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
a:hover,
|
||
|
a:link:hover {
|
||
|
color: #4a39a4;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
input:not([type]),
|
||
|
input[type=number],
|
||
|
input[type=password],
|
||
|
input[type=search],
|
||
|
input[type=text] {
|
||
|
padding: 8px;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
|
border-radius: 2px;
|
||
|
font-size: 15px
|
||
|
}
|
||
|
input[type=search]:first-child {
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
|
||
|
}
|
||
|
input[type=submit] {
|
||
|
padding: 0 16px;
|
||
|
min-width: 64px;
|
||
|
height: 36px;
|
||
|
border: none;
|
||
|
border-radius: 2px;
|
||
|
background: #7962f2;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
color: #fff;
|
||
|
text-transform: uppercase;
|
||
|
font-size: 14px;
|
||
|
cursor: pointer;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
input[type=submit]:hover {
|
||
|
background: #4a39a4
|
||
|
}
|
||
|
input[type=button][disabled],
|
||
|
input[type=submit][disabled] {
|
||
|
background: #AFB3B5;
|
||
|
color: #504c4a;
|
||
|
cursor: no-drop
|
||
|
}
|
||
|
div input[name=delete],
|
||
|
div input[name=drop],
|
||
|
div input[name=truncate],
|
||
|
input[value=Kill] {
|
||
|
background: repeating-linear-gradient(-55deg, #7962f2, #7962f2 5px, #4ca0ea 5px, #4ca0ea 10px);
|
||
|
transition: all .2s
|
||
|
}
|
||
|
div input[name=delete]:hover,
|
||
|
div input[name=drop]:hover,
|
||
|
div input[name=truncate]:hover,
|
||
|
input[value=Kill]:hover {
|
||
|
background: repeating-linear-gradient(-55deg, #4a39a4, #4a39a4 5px, #7962f2 5px, #7962f2 10px)
|
||
|
}
|
||
|
input[type=checkbox] {
|
||
|
display: inline-block;
|
||
|
padding-left: 25px;
|
||
|
height: 20px;
|
||
|
outline: 0;
|
||
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwcHQiCiAgIGhlaWdodD0iNDBwdCIKICAgdmlld0JveD0iMCAwIDIwIDQwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTciIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzE1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxNiIKICAgICBpbmtzY2FwZTpjeD0iNDMuNzAyNjQ2IgogICAgIGlua3NjYXBlOmN5PSIzMS45NTE3ODMiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjE5MTIiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgLz4KICA8ZwogICAgIHN0eWxlPSJmaWxsOiMwMDAwMDAiCiAgICAgaWQ9ImczMDY4IgogICAgIHRyYW5zZm9ybT0ic2NhbGUoMC44LDAuOCkiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzA1OCIKICAgICAgIGQ9Ik0gMTksNSBWIDE5IEggNSBWIDUgSCAxOSBNIDE5LDMgSCA1IEMgMy45LDMgMywzLjkgMyw1IHYgMTQgYyAwLDEuMSAwLjksMiAyLDIgaCAxNCBjIDEuMSwwIDIsLTAuOSAyLC0yIFYgNSBDIDIxLDMuOSAyMC4xLDMgMTksMyB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwNjAiCiAgICAgICBkPSJNIDAsMCBIIDI0IFYgMjQgSCAwIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6bm9uZSIgLz4KICA8L2c+CiAgPGcKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwIgogICAgIGlkPSJnMzA4NCIKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwwLDIwKSI+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGgzMDc0IgogICAgICAgZD0iTSAwLDAgSCAyNCBWIDI0IEggMCB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJmaWxsOm5vbmUiIC8+CiAgICA8cGF0aAogICAgICAgaWQ9InBhdGgzMDc2IgogICAgICAgZD0iTSAxOSwzIEggNSBDIDMuODksMyAzLDMuOSAzLDUgdiAxNCBjIDAsMS4xIDAuODksMiAyLDIgaCAxNCBjIDEuMTEsMCAyLC0wLjkgMiwtMiBWIDUgQyAyMSwzLjkgMjAuMTEsMyAxOSwzIHogTSAxMCwxNyA1LDEyIDYuNDEsMTAuNTkgMTAsMTQuMTcgMTcuNTksNi41OCAxOSw4IDEwLDE3IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDwvZz4KPC9zdmc+Cg==");
|
||
|
background-position: 0 0;
|
||
|
background-size: 20px;
|
||
|
background-repeat: no-repeat;
|
||
|
vertical-align: middle;
|
||
|
font-size: 20px;
|
||
|
line-height: 20px;
|
||
|
cursor: pointer;
|
||
|
-webkit-appearance: none;
|
||
|
-webkit-user-select: none;
|
||
|
user-select: none
|
||
|
}
|
||
|
input[type=checkbox]:checked {
|
||
|
background-position: 0 -20px
|
||
|
}
|
||
|
input[type=radio] {
|
||
|
display: inline-block;
|
||
|
padding-left: 25px;
|
||
|
height: 20px;
|
||
|
outline: 0;
|
||
|
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9IjIwcHQiCiAgIGhlaWdodD0iNDBwdCIKICAgdmlld0JveD0iMCAwIDIwIDQwIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjUgcjEwMDQwIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVjay5zdmciPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTE5Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzMTciIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciCiAgICAgaWQ9Im5hbWVkdmlldzE1IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIyMi42Mjc0MTciCiAgICAgaW5rc2NhcGU6Y3g9IjguNzkxODMzNyIKICAgICBpbmtzY2FwZTpjeT0iMTEuODUxMjkzIgogICAgIGlua3NjYXBlOndpbmRvdy14PSItOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIiAvPgogIDxnCiAgICAgaWQ9ImczMDE1IgogICAgIHRyYW5zZm9ybT0ic2NhbGUoMC44LDAuOCkiPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzAwNSIKICAgICAgIGQ9Ik0gMTIsMiBDIDYuNDgsMiAyLDYuNDggMiwxMiAyLDE3LjUyIDYuNDgsMjIgMTIsMjIgMTcuNTIsMjIgMjIsMTcuNTIgMjIsMTIgMjIsNi40OCAxNy41MiwyIDEyLDIgeiBtIDAsMTggQyA3LjU4LDIwIDQsMTYuNDIgNCwxMiA0LDcuNTggNy41OCw0IDEyLDQgYyA0LjQyLDAgOCwzLjU4IDgsOCAwLDQuNDIgLTMuNTgsOCAtOCw4IHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogICAgPHBhdGgKICAgICAgIGlkPSJwYXRoMzAwNyIKICAgICAgIGQ9Ik0gMCwwIEggMjQgViAyNCBIIDAgeiIKICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiCiAgICAgICBzdHlsZT0iZmlsbDpub25lIiAvPgogIDwvZz4KICA8ZwogICAgIGlkPSJnMzA0MiIKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjgsMCwwLDAuOCwwLDIwLjgpIj4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwMzIiCiAgICAgICBkPSJtIDEyLDcgYyAtMi43NiwwIC01LDIuMjQgLTUsNSAwLDIuNzYgMi4yNCw1IDUsNSAyLjc2LDAgNSwtMi4yNCA1LC01IEMgMTcsOS4yNCAxNC43Niw3IDEyLDcgeiBNIDEyLDIgQyA2LjQ4LDIgMiw2LjQ4IDIsMTIgMiwxNy41MiA2LjQ4LDIyIDEyLDIyIDE3LjUyLDIyIDIyLDE3LjUyIDIyLDEyIDIyLDYuNDggMTcuNTIsMiAxMiwyIHogbSAwLDE4IEMgNy41OCwyMCA0LDE2LjQyIDQsMTIgNCw3LjU4IDcuNTgsNCAxMiw0IGMgNC40MiwwIDgsMy41OCA4LDggMCw0LjQyIC0zLjU4LDggLTgsOCB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICAgIDxwYXRoCiAgICAgICBpZD0icGF0aDMwMzQiCiAgICAgICBkPSJNIDAsMCBIIDI0IFYgMjQgSCAwIHoiCiAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIgogICAgICAgc3R5bGU9ImZpbGw6bm9uZSIgLz4KICA8L2c+Cjwvc3ZnPg==");
|
||
|
background-position: 0 0;
|
||
|
background-size: 20px;
|
||
|
background-repeat: no-repeat;
|
||
|
vertical-align: middle;
|
||
|
font-size: 20px;
|
||
|
line-height: 20px;
|
||
|
cursor: pointer;
|
||
|
-webkit-appearance: none;
|
||
|
-webkit-user-select: none;
|
||
|
user-select: none
|
||
|
}
|
||
|
input[type=radio]:checked {
|
||
|
background-position: 0 -21px
|
||
|
}
|
||
|
input[type=number] {
|
||
|
padding: 8px
|
||
|
}
|
||
|
#help {
|
||
|
display: none
|
||
|
}
|
||
|
.sqlarea.jush-sql.jush {
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12) !important;
|
||
|
background: #fff;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
|
||
|
}
|
||
|
.js .column {
|
||
|
left: -50px;
|
||
|
margin: -6px 0 0;
|
||
|
padding: 5px 0 7px 3px;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
|
border-radius: 3px;
|
||
|
background: #fff;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
|
||
|
}
|
||
|
.js .column a {
|
||
|
padding: 1px 8px 3px 5px;
|
||
|
margin-right: 3px;
|
||
|
border-radius: 2px;
|
||
|
color: #7962f2;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
.js .column a:hover {
|
||
|
color: #fff;
|
||
|
background: #7962f2
|
||
|
}
|
||
|
table {
|
||
|
margin-top: 20px;
|
||
|
min-width: 800px;
|
||
|
border-collapse: collapse;
|
||
|
box-shadow: none;
|
||
|
white-space: nowrap;
|
||
|
font-size: 13px;
|
||
|
order: 4
|
||
|
}
|
||
|
form table {
|
||
|
width: 100%
|
||
|
}
|
||
|
thead td,
|
||
|
thead th {
|
||
|
background: #ececec;
|
||
|
position: sticky;
|
||
|
top: 0;
|
||
|
z-index: 2
|
||
|
}
|
||
|
thead td:before,
|
||
|
thead th:before {
|
||
|
content: '';
|
||
|
position: absolute;
|
||
|
background: #fafafa;
|
||
|
top: -20px;
|
||
|
left: -10px;
|
||
|
width: 120%;
|
||
|
height: 20px
|
||
|
}
|
||
|
thead td:after,
|
||
|
thead th:after {
|
||
|
content: '';
|
||
|
position: absolute;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
width: 100%;
|
||
|
border-bottom: 1px solid #cecece
|
||
|
}
|
||
|
thead th {
|
||
|
padding: 0 18px;
|
||
|
text-align: left
|
||
|
}
|
||
|
th {
|
||
|
box-sizing: border-box;
|
||
|
padding: 5px 18px !important;
|
||
|
width: 20%;
|
||
|
border: 1px solid #ececec;
|
||
|
background: #fff;
|
||
|
font-weight: normal;
|
||
|
font-size: 14px
|
||
|
}
|
||
|
td {
|
||
|
box-sizing: border-box;
|
||
|
padding: 2px 10px 0;
|
||
|
height: 45px;
|
||
|
border: 1px solid #ececec;
|
||
|
background: #fff;
|
||
|
color: #000
|
||
|
}
|
||
|
.odd td,
|
||
|
.odd th {
|
||
|
background: #fafafa
|
||
|
}
|
||
|
td a,
|
||
|
td a:visited,
|
||
|
th a,
|
||
|
th a:visited {
|
||
|
color: #7962f2;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
.js .checkable .checked td,
|
||
|
.js .checkable .checked th {
|
||
|
background: #e0e0e0
|
||
|
}
|
||
|
#noindex,
|
||
|
sup {
|
||
|
display: none
|
||
|
}
|
||
|
.pages {
|
||
|
position: absolute;
|
||
|
padding: 10px 20px 0;
|
||
|
height: 35px;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
|
background-color: #fff;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
font-size: 15px
|
||
|
}
|
||
|
.pages a:not(:first-child) {
|
||
|
margin-top: 5px;
|
||
|
padding: 5px;
|
||
|
border: 1px solid #7962f2;
|
||
|
border-radius: 2px;
|
||
|
color: #263238;
|
||
|
text-align: center
|
||
|
}
|
||
|
.pages a:not(:first-child):hover {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
.icon {
|
||
|
width: 24px;
|
||
|
height: 24px;
|
||
|
border-radius: 2px;
|
||
|
background: #000;
|
||
|
opacity: .8;
|
||
|
-webkit-filter: contrast(125%) invert(1);
|
||
|
filter: contrast(125%) invert(1);
|
||
|
transition: all .2s
|
||
|
}
|
||
|
.icon:hover {
|
||
|
background: #e1771a
|
||
|
}
|
||
|
.footer {
|
||
|
background: none;
|
||
|
border: none;
|
||
|
border-color: transparent;
|
||
|
position: relative
|
||
|
}
|
||
|
.footer>div {
|
||
|
background: transparent
|
||
|
}
|
||
|
#content form {
|
||
|
display: table;
|
||
|
order: 1
|
||
|
}
|
||
|
#content table:nth-of-type(1) {
|
||
|
order: 1;
|
||
|
margin: 38px 0
|
||
|
}
|
||
|
#content .links,
|
||
|
#content h3,
|
||
|
#content h3+.error {
|
||
|
margin: 15px 0 0;
|
||
|
order: 4
|
||
|
}
|
||
|
#content .links:nth-of-type(2) {
|
||
|
margin-top: 30px;
|
||
|
order: 0
|
||
|
}
|
||
|
#content .links a {
|
||
|
display: inline-block;
|
||
|
margin: 4px;
|
||
|
padding: 6px 12px;
|
||
|
min-width: 88px;
|
||
|
border-radius: 2px;
|
||
|
background: #fff;
|
||
|
box-shadow: 0 1px 4px rgba(88, 88, 88, 0.41), 0 2px 3px rgba(88, 88, 88, 0.26);
|
||
|
color: #7962f2;
|
||
|
text-align: center;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 24px;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
#content .links a:hover {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
#content .links .active {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
cursor: default
|
||
|
}
|
||
|
#content form>fieldset:first-child {
|
||
|
background-color: transparent;
|
||
|
border: none;
|
||
|
box-shadow: none;
|
||
|
float: right;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
margin-bottom: 4px;
|
||
|
margin-top: -40px
|
||
|
}
|
||
|
#content form>fieldset:first-child legend {
|
||
|
/* display: none */
|
||
|
position: relative;
|
||
|
top: -4px;
|
||
|
}
|
||
|
#content #form fieldset:nth-of-type(1) {
|
||
|
/* display: none */
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
/* position: relative; */
|
||
|
top: 57px;
|
||
|
padding: 7px 10px;
|
||
|
padding-bottom: 11px;
|
||
|
}
|
||
|
#content fieldset:nth-of-type(2).jsonly {
|
||
|
float: right;
|
||
|
margin-top: -30px;
|
||
|
margin-right: 8px;
|
||
|
border: none
|
||
|
}
|
||
|
#content fieldset:nth-of-type(2).jsonly legend {
|
||
|
display: none
|
||
|
}
|
||
|
#content fieldset:first-child #fieldset-import,
|
||
|
#content fieldset:nth-of-type(1),
|
||
|
#content fieldset:nth-of-type(2):not(.jsonly),
|
||
|
#content fieldset:nth-of-type(3),
|
||
|
#content fieldset:nth-of-type(4),
|
||
|
#content fieldset:nth-of-type(5) {
|
||
|
margin-bottom: 10px;
|
||
|
padding-bottom: 11px;
|
||
|
min-height: 57px;
|
||
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
||
|
background-color: #fff;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12)
|
||
|
}
|
||
|
#content fieldset:nth-of-type(6) {
|
||
|
border: none
|
||
|
}
|
||
|
#content fieldset:nth-of-type(6) legend {
|
||
|
visibility: hidden
|
||
|
}
|
||
|
#content legend a {
|
||
|
padding: 5px;
|
||
|
color: #7962f2;
|
||
|
font-weight: bold;
|
||
|
font-size: 13px;
|
||
|
line-height: 18px;
|
||
|
transition: all .2s
|
||
|
}
|
||
|
#content legend a:hover {
|
||
|
color: #4a39a4;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
#content fieldset:first-child #fieldset-import {
|
||
|
margin-top: 36px;
|
||
|
padding: 13px 10px 0 9px;
|
||
|
margin-left: -12px
|
||
|
}
|
||
|
#content fieldset:first-child #fieldset-import:before {
|
||
|
content: 'Import';
|
||
|
position: absolute;
|
||
|
top: 8px;
|
||
|
left: 20px;
|
||
|
background: #fff;
|
||
|
padding: 0 7px
|
||
|
}
|
||
|
#content input[name=copy],
|
||
|
#content input[name=move] {
|
||
|
float: right;
|
||
|
margin-right: -20px;
|
||
|
margin-left: 25px
|
||
|
}
|
||
|
#content input[name=copy],
|
||
|
#content input[name=move] {
|
||
|
float: right;
|
||
|
margin-right: -20px;
|
||
|
margin-left: 25px
|
||
|
}
|
||
|
#content select {
|
||
|
margin-bottom: 2px;
|
||
|
padding: 8px
|
||
|
}
|
||
|
/*====== DARK MODE ======================================================================================================================*/
|
||
|
#content {
|
||
|
background: #221f2e;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#content h2 {
|
||
|
background: #2f2b3f;
|
||
|
}
|
||
|
#logout {
|
||
|
background: #7962f2;
|
||
|
}
|
||
|
#logout:hover {
|
||
|
background: #7962f2;
|
||
|
}
|
||
|
td {
|
||
|
background: #2f2b3f;
|
||
|
border: 1px solid rgba(0,0,0,0.1);
|
||
|
}
|
||
|
input[type="checkbox"] {
|
||
|
filter: invert();
|
||
|
}
|
||
|
.odd td, .odd th {
|
||
|
background: #2f2b3f;
|
||
|
}
|
||
|
tbody tr:hover td, tbody tr:hover th {
|
||
|
background: #2f2b3f;
|
||
|
}
|
||
|
th {
|
||
|
background: #2f2b3f;
|
||
|
border: 1px solid rgba(0,0,0,0.1);
|
||
|
}
|
||
|
thead td, thead th {
|
||
|
background: #4c4665;
|
||
|
color: #ffffff;
|
||
|
font-weight: 700;
|
||
|
text-transform: uppercase;
|
||
|
font-size: 13px;
|
||
|
}
|
||
|
thead td::after, thead th::after {
|
||
|
border-bottom: 1px solid transparent;
|
||
|
}
|
||
|
thead td::before, thead th::before {
|
||
|
background: #221f2e;
|
||
|
}
|
||
|
#content table {
|
||
|
border-radius: 7px;
|
||
|
}
|
||
|
#content table thead td:first-child, #content table thead th:first-child {
|
||
|
border-top-left-radius: 7px;
|
||
|
}
|
||
|
#content table thead td:last-child, #content table thead th:last-child {
|
||
|
border-top-right-radius: 7px;
|
||
|
}
|
||
|
#content table tbody tr:last-child td:first-child, #content table tbody tr:last-child th:first-child {
|
||
|
border-bottom-left-radius: 7px;
|
||
|
}
|
||
|
#content table tbody tr:last-child td:last-child, #content table tbody tr:last-child th:last-child {
|
||
|
border-bottom-right-radius: 7px;
|
||
|
}
|
||
|
#content .links a {
|
||
|
background: #7962f2;
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#menu {
|
||
|
background-color: #221f2e;
|
||
|
background-image: url('data:image/png;base64,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
|
||
|
background-size: 100%;
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: top;
|
||
|
padding-top: 68px;
|
||
|
}
|
||
|
#menu #dbs {
|
||
|
border: none;
|
||
|
background: #fff;
|
||
|
margin: 15px;
|
||
|
border-radius: 1000px;
|
||
|
padding: 4px 14px;
|
||
|
font-weight: 500;
|
||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
|
||
|
}
|
||
|
#menu form {
|
||
|
/*background: #7962f2;*/
|
||
|
}
|
||
|
#menu .links {
|
||
|
/*background-color: #7962f2;
|
||
|
background-image: url('side-menu-bg.png');*/
|
||
|
padding-bottom: 158px;
|
||
|
background-size: 100%;
|
||
|
background-position: bottom;
|
||
|
border: none;
|
||
|
}
|
||
|
#menu .links a {
|
||
|
background: rgba(255,255,255,0.2);
|
||
|
color: #fff;
|
||
|
}
|
||
|
#tables a {
|
||
|
background: transparent;
|
||
|
color: #fff;
|
||
|
font-weight: 500;
|
||
|
}
|
||
|
#tables a.select {
|
||
|
background: rgba(255,255,255,0.2);
|
||
|
color: #fff;
|
||
|
}
|
||
|
#content h2 {
|
||
|
color: #fff;
|
||
|
}
|
||
|
#breadcrumb a {
|
||
|
color: #7962f2
|
||
|
}
|
||
|
#breadcrumb {
|
||
|
text-transform: uppercase;
|
||
|
font-weight: 700;
|
||
|
color: rgba(255,255,255,0.3);
|
||
|
}
|
||
|
#menu select {
|
||
|
background: transparent;
|
||
|
border: none;
|
||
|
font-family: 'Montserrat', sans-serif;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: 700;
|
||
|
color: rgba(0,0,0,0.6);
|
||
|
}
|
||
|
#dbs{
|
||
|
color: transparent;
|
||
|
}
|
||
|
#dbs span{
|
||
|
font-size: 0px;
|
||
|
}
|
||
|
#dbs span::before {
|
||
|
font-size: 16px;
|
||
|
position: relative;
|
||
|
top: 1px;
|
||
|
color: #000;
|
||
|
content: "dns";
|
||
|
font-family: "Material Icons";
|
||
|
}
|
||
|
#menu select {
|
||
|
-webkit-appearance: none;
|
||
|
-moz-appearance: none;
|
||
|
text-indent: 1px;
|
||
|
text-overflow: '';
|
||
|
width: 78%;
|
||
|
position: relative;
|
||
|
top: -1px;
|
||
|
}
|
||
|
#dbs::after{
|
||
|
content: "arrow_forward_ios";
|
||
|
font-family: "Material Icons";
|
||
|
font-size: 15px;
|
||
|
color: #000;
|
||
|
position: relative;
|
||
|
display: inline;
|
||
|
top: 1px;
|
||
|
left: 8px;
|
||
|
opacity: 0.6;
|
||
|
}
|
||
|
#tables .structure{
|
||
|
font-size: 14px;
|
||
|
position: relative;
|
||
|
top: -8px;
|
||
|
width: 67%;
|
||
|
}
|
||
|
#tables .structure::before {
|
||
|
content: "drag_indicator";
|
||
|
font-family: "Material Icons";
|
||
|
font-size: 18px;
|
||
|
color: #fff;
|
||
|
position: relative;
|
||
|
display: inline;
|
||
|
top: 3px;
|
||
|
left: -2px;
|
||
|
opacity: 0.6;
|
||
|
}
|
||
|
#menu p, #tables {
|
||
|
border-bottom: 1px solid transparent;
|
||
|
}
|
||
|
#tables a:hover {
|
||
|
background: transparent;
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
input[type="search"]{
|
||
|
background: rgba(255,255,255,0.2);
|
||
|
border-radius: 1000px;
|
||
|
color: #fff;
|
||
|
padding-left:10px;
|
||
|
}
|
||
|
input[type="submit"] {
|
||
|
background: #7962f2;
|
||
|
color: #ffffff;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
a, a:link {
|
||
|
color: #7962f2;
|
||
|
transition: all .2s;
|
||
|
}
|
||
|
td{
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#content fieldset:first-child #fieldset-import, #content fieldset:nth-of-type(1), #content fieldset:nth-of-type(2):not(.jsonly), #content fieldset:nth-of-type(3), #content fieldset:nth-of-type(4), #content fieldset:nth-of-type(5) {
|
||
|
background-color: #221f2e;
|
||
|
}
|
||
|
div input[name="delete"], div input[name="drop"], div input[name="truncate"], input[value="Kill"] {
|
||
|
background: repeating-linear-gradient(-55deg, #7962f2, #7962f2 5px, #4a39a4 5px, #4a39a4 10px);
|
||
|
}
|
||
|
div input[name="delete"]:hover, div input[name="drop"]:hover, div input[name="truncate"]:hover, input[value="Kill"]:hover {
|
||
|
background: repeating-linear-gradient(-55deg, #4a39a4, #4a39a4 5px, #7962f2 5px, #7962f2 10px);
|
||
|
}
|
||
|
.js .checkable .checked td, .js .checkable .checked th {
|
||
|
background: #221f2e;
|
||
|
}
|
||
|
td a, td a:visited, th a, th a:visited {
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
a:link:hover, a:visited:hover {
|
||
|
color: #4a39a4;
|
||
|
}
|
||
|
#tables .select:hover {
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
}
|
||
|
input[type="button"][disabled], input[type="submit"][disabled] {
|
||
|
background: rgba(255,255,255,0.1); !important;
|
||
|
color: rgba(255,255,255,0.3);
|
||
|
}
|
||
|
::-webkit-scrollbar {
|
||
|
width: 10px;
|
||
|
border-radius: 1000px;
|
||
|
background: #1E1C27;
|
||
|
}
|
||
|
::-webkit-scrollbar-thumb {
|
||
|
background: #76757B;
|
||
|
width: 10px;
|
||
|
border-radius: 1000px;
|
||
|
}
|
||
|
table{
|
||
|
background: #2f2b3f;
|
||
|
}
|
||
|
#content select {
|
||
|
background: rgba(255,255,255,0.1);
|
||
|
color: #fff;
|
||
|
border-radius: 7px;
|
||
|
}
|
||
|
input:not([type]), input[type="number"], input[type="password"], input[type="search"], input[type="text"] {
|
||
|
background: rgba(255,255,255,0.1);
|
||
|
color: #fff;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
textarea {
|
||
|
background: rgba(255,255,255,0.1);
|
||
|
color: #fff;
|
||
|
border: none;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
#menu #logins a {
|
||
|
background: rgba(255,255,255,0.1);
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#menu #logins::before {
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#content .links a:hover {
|
||
|
background: #4a39a4;
|
||
|
color: #fff;
|
||
|
}
|
||
|
#menu .links a:hover {
|
||
|
background: #ffffff;
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
#content .links .active {
|
||
|
background: rgba(255,255,255,0.2);
|
||
|
color: #fff;
|
||
|
}
|
||
|
code {
|
||
|
filter: sepia() invert();
|
||
|
color: #000000;
|
||
|
}
|
||
|
#content legend a {
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
#content legend a:hover {
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
.js .column {
|
||
|
background: #221f2e;
|
||
|
}
|
||
|
.sqlarea.jush-sql.jush {
|
||
|
filter: sepia() invert();
|
||
|
background: transparent;
|
||
|
box-shadow: none;
|
||
|
border: 2px solid rgba(0,0,0,0.1) !important;
|
||
|
border-radius: 12px;
|
||
|
}
|
||
|
input[type="radio"] {
|
||
|
filter: invert();
|
||
|
}
|
||
|
.icon:hover {
|
||
|
background: #000;
|
||
|
}
|
||
|
select option {
|
||
|
background: #221f2e;
|
||
|
}
|
||
|
select[name="db"] option {
|
||
|
background: #ffffff;
|
||
|
}
|
||
|
.message {
|
||
|
padding: 13px;
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
font-weight: 600;
|
||
|
text-transform: capitalize;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
.message a{
|
||
|
color: #ffffff;
|
||
|
border-bottom: 2px solid #ffffff;
|
||
|
}
|
||
|
.error {
|
||
|
padding: 13px;
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
font-weight: 600;
|
||
|
text-transform: capitalize;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
#version{
|
||
|
color: #7962f2;
|
||
|
}
|
||
|
#tables{
|
||
|
/* margin-bottom: 100px; */
|
||
|
}
|
||
|
a[href="#import"]{
|
||
|
font-weight: 600;
|
||
|
padding: 11px 16px;
|
||
|
border: none;
|
||
|
border-radius: 2px;
|
||
|
background: #7962f2;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||
|
color: #fff;
|
||
|
text-transform: uppercase;
|
||
|
font-size: 14px;
|
||
|
cursor: pointer;
|
||
|
transition: all .2s;
|
||
|
}
|
||
|
a[href="#import"]:hover{
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
#menu h1:first-of-type{
|
||
|
margin-top: -9px;
|
||
|
}
|
||
|
#lang{
|
||
|
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
|
||
|
background: #7962f2;
|
||
|
color: #ffffff;
|
||
|
border: none;
|
||
|
right: -184px;
|
||
|
left: auto;
|
||
|
bottom: 30px;
|
||
|
width: 227px;
|
||
|
height: 42px;
|
||
|
border-top-left-radius: 12px;
|
||
|
border-bottom-left-radius: 12px;
|
||
|
font-size: 0px;
|
||
|
transition-duration: 0.3s;
|
||
|
}
|
||
|
#lang:hover{
|
||
|
right: 0px;
|
||
|
}
|
||
|
#lang::before{
|
||
|
content: "";
|
||
|
background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyLjQxOCA1MTIuNDE4IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi40MTggNTEyLjQxOCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDM3LjMzNSA3NS4wODJjLTEwMC4xLTEwMC4xMDItMjYyLjEzNi0xMDAuMTE4LTM2Mi4yNTIgMC0xMDAuMTAzIDEwMC4xMDItMTAwLjExOCAyNjIuMTM2IDAgMzYyLjI1MyAxMDAuMSAxMDAuMTAyIDI2Mi4xMzYgMTAwLjExNyAzNjIuMjUyIDAgMTAwLjEwMy0xMDAuMTAyIDEwMC4xMTctMjYyLjEzNiAwLTM2Mi4yNTN6bS0xMC43MDYgMzI1LjczOWMtMTEuOTY4LTEwLjcwMi0yNC43Ny0yMC4xNzMtMzguMjY0LTI4LjMzNSA4LjkxOS0zMC44MDkgMTQuMjAzLTY0LjcxMiAxNS40NTItOTkuOTU0aDc1LjMwOWMtMy40MDUgNDcuNTAzLTIxLjY1NyA5Mi4wNjQtNTIuNDk3IDEyOC4yODl6bS0zOTMuMzM4LTEyOC4yODloNzUuMzA5YzEuMjQ5IDM1LjI0MiA2LjUzMyA2OS4xNDUgMTUuNDUyIDk5Ljk1NC0xMy40OTQgOC4xNjItMjYuMjk2IDE3LjYzMy0zOC4yNjQgMjguMzM1LTMwLjg0LTM2LjIyNS00OS4wOTEtODAuNzg2LTUyLjQ5Ny0xMjguMjg5em01Mi40OTgtMTYwLjkzNmMxMS45NjggMTAuNzAyIDI0Ljc3IDIwLjE3MyAzOC4yNjQgMjguMzM1LTguOTE5IDMwLjgwOS0xNC4yMDMgNjQuNzEyLTE1LjQ1MiA5OS45NTRoLTc1LjMxYzMuNDA2LTQ3LjUwMiAyMS42NTctOTIuMDYzIDUyLjQ5OC0xMjguMjg5em0xNTQuMDk3IDMxLjcwOWMtMjYuNjIyLTEuOTA0LTUyLjI5MS04LjQ2MS03Ni4wODgtMTkuMjc4IDEzLjg0LTM1LjYzOSAzOS4zNTQtNzguMzg0IDc2LjA4OC04OC45Nzd6bTAgMzIuNzA4djYzLjg3M2gtOTguNjI1YzEuMTMtMjkuODEyIDUuMzU0LTU4LjQzOSAxMi4zNzktODQuNjMyIDI3LjA0MyAxMS44MjIgNTYuMTI3IDE4Ljg4MiA4Ni4yNDYgMjAuNzU5em0wIDk2LjUxOXY2My44NzNjLTMwLjExOSAxLjg3Ny01OS4yMDMgOC45MzctODYuMjQ2IDIwLjc1OS03LjAyNS0yNi4xOTMtMTEuMjQ5LTU0LjgyLTEyLjM3OS04NC42MzJ6bTAgOTYuNTgxdjEwOC4yNTRjLTM2LjczMi0xMC41OTMtNjIuMjQ2LTUzLjMzMy03Ni4wODgtODguOTc2IDIzLjc5Ny0xMC44MTcgNDkuNDY2LTE3LjM3NCA3Ni4wODgtMTkuMjc4em0zMi42NDYgMGMyNi42MjIgMS45MDQgNTIuMjkxIDguNDYxIDc2LjA4OCAxOS4yNzgtMTMuODQxIDM1LjY0LTM5LjM1NCA3OC4zODMtNzYuMDg4IDg4Ljk3NnptMC0zMi43MDh2LTYzLjg3M2g5OC42MjVjLTEuMTMgMjkuODEyLTUuMzU0IDU4LjQzOS0xMi4zNzkgODQuNjMyLTI3LjA0My0xMS44MjItNTYuMTI3LTE4Ljg4Mi04Ni4yNDYtMjAuNzU5em0wLTk2LjUxOXYtNjMuODczYzMwLjExOS0xLjg3NyA1OS4yMDMtOC45MzcgODYuMjQ2LTIwLjc1OSA3LjAyNSAyNi4xOTMgMTEuMjQ5IDU0LjgyIDEyLjM3OSA4NC42MzJ6bTAtOTYuNTgxdi0xMDguMjU0YzM2LjczNCAxMC41OTMgNjIuMjQ4IDUzLjMzOCA3Ni4wODggODguOTc3LTIzLjc5NyAxMC44MTYtNDkuNDY2IDE3LjM3My03Ni4wODggMTkuMjc3em03My4zMi05MS45NTdjMjAuODk1IDkuMTUgNDAuMzg5IDIxLjU1NyA1Ny44NjQgMzYuOTUxLTguMzE4IDcuMzM0LTE3LjA5NSAxMy45ODQtMjYuMjYgMTkuOTMxLTguMTM5LTIwLjE1Mi0xOC41MzYtMzkuNzM2LTMxLjYwNC01Ni44ODJ6bS0yMTAuODkxIDU2Ljg4MmMtOS4xNjUtNS45NDctMTcuOTQxLTEyLjU5Ny0yNi4yNi0xOS45MzEgMTcuNDc1LTE1LjM5NCAzNi45NjktMjcuODAxIDU3Ljg2NC0zNi45NTEtMTMuMDY4IDE3LjE0OC0yMy40NjUgMzYuNzMyLTMxLjYwNCA1Ni44ODJ6bS4wMDEgMjk1Ljk1OGM4LjEzOCAyMC4xNTEgMTguNTM3IDM5LjczNiAzMS42MDQgNTYuODgyLTIwLjg5NS05LjE1LTQwLjM4OS0yMS41NTctNTcuODY0LTM2Ljk1MSA4LjMxOC03LjMzNCAxNy4wOTUtMTMuOTg0IDI2LjI2LTE5LjkzMXptMjQyLjQ5NCAwYzkuMTY1IDUuOTQ3IDE3Ljk0MiAxMi41OTcgMjYuMjYgMTkuOTMtMTcuNDc1IDE1LjM5NC0zNi45NjkgMjcuODAxLTU3Ljg2NCAzNi45NTEgMTMuMDY3LTE3LjE0NCAyMy40NjUtMzYuNzI5IDMxLjYwNC01Ni44ODF6bTI2LjM2Mi0xNjQuMzAyYy0xLjI0OS0zNS4yNDItNi41MzMtNjkuMTQ2LTE1LjQ1Mi05OS45NTQgMTMuNDk0LTguMTYyIDI2LjI5NS0xNy42MzMgMzguMjY0LTI4LjMzNSAzMC44NCAzNi4yMjUgNDkuMDkxIDgwLjc4NiA1Mi40OTcgMTI4LjI4OXoiLz48L3N2Zz4=);
|
||
|
width: 36px;
|
||
|
height: 21px;
|
||
|
display: inline-block;
|
||
|
background-size: contain;
|
||
|
background-repeat: no-repeat;
|
||
|
filter: invert();
|
||
|
margin: 10px;
|
||
|
}
|
||
|
#lang select {
|
||
|
background: #4c4665;
|
||
|
color: #fff;
|
||
|
position: relative;
|
||
|
top: -15px;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
#schema{
|
||
|
position: absolute;
|
||
|
}
|
||
|
#schema-link{
|
||
|
float: right;
|
||
|
}
|
||
|
#schema .table {
|
||
|
padding: 0px 0px 10px 0px;
|
||
|
background: #2f2b3f;
|
||
|
border: none;
|
||
|
border-radius: 5px;
|
||
|
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.11);
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
#schema .table a {
|
||
|
display: inline-block;
|
||
|
background: #7962f2;
|
||
|
color: #fff;
|
||
|
padding: 7px;
|
||
|
min-width: 141px;
|
||
|
width: 100%;
|
||
|
margin-bottom: 3px;
|
||
|
}
|
||
|
#schema .table span {
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
.char {
|
||
|
color: #00e676;
|
||
|
}
|
||
|
.date {
|
||
|
color: #7e57c2;
|
||
|
}
|
||
|
table thead a{
|
||
|
color: #ffffff !important;
|
||
|
}
|
||
|
#form fieldset:first-child{
|
||
|
float: unset !important;
|
||
|
padding: 7px 10px !important;
|
||
|
padding-bottom: 11px !important;
|
||
|
margin-top: 11.52px !important;
|
||
|
margin-left: 0px !important;
|
||
|
margin-right: 7.2px !important;
|
||
|
margin-bottom: 10px !important;
|
||
|
}
|
||
|
a[href="#import"] {
|
||
|
margin-top: 20px;
|
||
|
display: inline-block;
|
||
|
}
|