-
Notifications
You must be signed in to change notification settings - Fork 2
/
adminer.css
5 lines (5 loc) · 8.7 KB
/
adminer.css
1
2
3
4
5
/*!
* Material Design for Adminer
* By Patrick Stillhart [https://stillhart.biz/]
* Converted to SASS-ready file by Troy Meier [https://twkm.ca]
*/@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);body{display:flex;overflow:hidden;height:100vh;background:#FAFAFA;font-family:"Noto Sans",sans-serif;text-rendering:optimizeLegibility !important}::selection{background:#217ee7;color:#fff}::-moz-selection{background:#217ee7;color:#fff}::-webkit-scrollbar{width:0.5em;height:0.8em;background-color:#CCC}::-webkit-scrollbar-corner{background-color:#CCC}::-webkit-scrollbar-thumb{background-color:#263238}#lang{position:fixed;top:auto;bottom:0;z-index:1;padding:.8em 1em;width:245px;border-top:1px solid #ccc;background:#fff}#lang select{width:66%}#menu{position:fixed;top:0;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{height:48px;border-bottom:none;background:#263238;color:#AFB3B5;line-height:75px}#menu select{width:86%}#menu #logins{padding:10px 14px 0;height:100%}#menu #menu #logins a{display:inline-block;margin:4px 0;padding:10px;width:92%;background:#fff;text-decoration:none}#menu #menu #logins a:hover{background:#CCC;color:#000}#menu.active{background:#1565C0 !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:#1565C0;text-align:center;text-transform:uppercase;font-weight:bold;font-size:13px;line-height:24px;transition:all .2s}#menu .links a:hover{background:#1565C0;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:#1565C0;color:#fff;text-decoration:none;font-weight:auto}#tables a{display:inline-block;overflow:hidden;padding:6px 0px 6px 8px;width:175px;border-radius:2px;text-overflow:ellipsis;transition:all .2s}#tables a:hover{background:#e4e5e6;color:#000;text-decoration:none}#tables .select{position:relative;float:right;padding:2px 8px;padding:5px;width:auto;border-radius:2px;background:#fff;color:#1565C0;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:#263238;color:#263238}#breadcrumb a{color:#AFB3B5;font-size:13px;line-height:18px}#breadcrumb a:hover{color:#1565C0;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:#1565C0;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:#0b3564}select{margin:0;padding:3px;border:none;border:1px solid rgba(0,0,0,0.12);border-radius:2px;color:#666;cursor:pointer}a{color:#263238}input:not([type]),input[type=password],input[type=search],input[type=number]{margin-bottom:6px;padding:8px;border:1px solid rgba(0,0,0,0.12);font-size:16px}input[type=submit]{padding:0 16px;min-width:64px;height:36px;border:none;border-radius:2px;background:#1565C0;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}input[type=submit]:hover{background:#0b3564}input[type=button][disabled],input[type=submit][disabled]{background:#AFB3B5 !important;color:#504c4a;cursor:default}div input[name=delete],div input[name=drop],div input[name=truncate]{background:repeating-linear-gradient(-55deg, #1565C0, #1565C0 5px, #217ee7 5px, #217ee7 10px)}input[type=checkbox]{display:inline-block;padding-left:25px;height:20px;outline:0;background-image:url(//cdn.rawgit.com/arcs-/Adminer-Material-Theme/master/src/check.svg);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(//cdn.rawgit.com/arcs-/Adminer-Material-Theme/master/src/radio.svg);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{margin:-7px 0 0 3px;padding:7px 2px 7px 5px;border:1px solid rgba(0,0,0,0.12);border-radius:2px;background:#ccc;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{margin-right:3px;padding:2px 9px 2px 4px;border:1px solid #1565C0;border-radius:2px;color:#263238}.js .column a:hover{background:#1565C0;color:#fff}table{margin:25px 0;min-width:600px;border:1px solid rgba(0,0,0,0.12);border-collapse:collapse;background-color:#fff;box-shadow:0 1px 4px rgba(88,88,88,0.41),0 2px 3px rgba(88,88,88,0.26);white-space:nowrap;font-size:13px;order:1}form table{width:100%}thead td,thead th{background:#fff}thead th{padding:0 18px;text-align:left}th{box-sizing:border-box;padding:5px 18px !important;padding-bottom:8px;width:20%;border-right:none;border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);background:#fff;font-weight:normal;font-size:14px}td{box-sizing:border-box;padding:2px 10px 0px 10px;height:45px;border-right:none;border-right:1px solid rgba(0,0,0,0.12);border-bottom:1px solid rgba(0,0,0,0.12);color:#000}.odd td{background:#fff}th a,td a,th a:visited,td a:visited{color:#1565C0;font-weight:700}.js .checkable .checked td,.js .checkable .checked th{background:#e0e0e0}sup,#noindex{display:none}.pages{position:absolute;padding:9px 20px 0 20px;padding-top:10px;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 #1565C0;border-radius:2px;color:#263238;text-align:center}.pages a:not(:first-child):hover{background:#1565C0;color:#fff;text-decoration:none}.icon{width:24px;height:24px;border-radius:2px;background:#000;opacity:0.8;-webkit-filter:contrast(125%) blur(0.4px) invert(1);filter:contrast(125%) blur(0.4px) invert(1);transition:all .2s}.icon:hover{background:#ea9a3f}#content form{display:table;order:1}#content select{padding:10px}#content .links,#content h3{margin:15px 0 0 0;order:4}#content .links:nth-of-type(2){margin-top:30px;order:1}#content .links a{display:inline-block;margin:4px 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:#1565C0;text-align:center;text-transform:uppercase;font-weight:bold;font-size:13px;line-height:24px;transition:all .2s}#content .links a:hover{background:#1565C0;color:#fff;text-decoration:none}#content .links .active{background:#1565C0;color:#fff;cursor:default}#content fieldset:first-of-type{position:relative;float:right;margin-top:-27px;margin-right:-12px;border:none}#content fieldset:first-of-type legend{display:none}#content fieldset:nth-of-type(2),#content fieldset:nth-of-type(3),#content fieldset:nth-of-type(4),#content fieldset:nth-of-type(5){margin-bottom:10px;padding-bottom:16px;min-height:58px;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 legend a{padding:5px;color:#1565C0;font-weight:bold;font-size:13px;line-height:18px}#content legend a:hover{color:#0b3564;text-decoration:none}#content h3:first-of-type{display:none}#content form:first-of-type{order:2}#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-right:5px;margin-bottom:5px}