CrowdTLS-server/adminer.css

1073 lines
130 KiB
CSS
Raw Permalink Normal View History

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