From 941bf22e529a7d4672fea054a8af5f433f026274 Mon Sep 17 00:00:00 2001 From: Aleksey M Date: Tue, 17 Jul 2018 00:35:08 +0300 Subject: [PATCH] Update mvt design --- designs/mvt/adminer.css | 498 ++++++++++++++++++++++------------------ 1 file changed, 275 insertions(+), 223 deletions(-) diff --git a/designs/mvt/adminer.css b/designs/mvt/adminer.css index 0274a293..686b2aae 100644 --- a/designs/mvt/adminer.css +++ b/designs/mvt/adminer.css @@ -37,24 +37,20 @@ summary { display: block; } +body { + margin: 0; +} + h1 { font-size: 2em; - margin: 0.67em 0; + margin: .67em 0; } hr { box-sizing: content-box; - height: 0; - overflow: visible; -} - -pre { - font-family: monospace, monospace; - font-size: 1em; -} - -figure { - margin: 0; + height: 1px; + border: 0; + background: gray; } a { @@ -63,20 +59,16 @@ a { cursor: pointer; } -a:active, -a:hover { +a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; - text-decoration: underline; text-decoration: underline dotted; } -code, -kbd, -samp { +code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } @@ -94,8 +86,7 @@ small { font-size: 80%; } -sub, -sup { +sub, sup { font-size: 75%; line-height: 0; position: relative; @@ -103,11 +94,11 @@ sup { } sub { - bottom: -0.25em; + bottom: -.25em; } sup { - top: -0.5em; + top: -.5em; } audio, @@ -149,10 +140,11 @@ select { } button, -html [type="button"], +[type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; + display: inline-block; } button::-moz-focus-inner, @@ -170,10 +162,15 @@ button:-moz-focusring, outline: 1px dotted ButtonText; } +input[type=date]::-webkit-inner-spin-button, +input[type=date]::-webkit-clear-button { + display: none; +} + fieldset { border: 1px solid #c0c0c0; margin: 0 2px; - padding: 0.35em 0.625em 0.75em; + padding: .35em .625em .75em; } legend { @@ -183,11 +180,6 @@ legend { max-width: 100%; } -progress { - display: inline-block; - vertical-align: baseline; -} - textarea { overflow: auto; } @@ -227,15 +219,7 @@ summary { display: list-item; } -canvas { - display: inline-block; -} - -template { - display: none; -} - -[hidden] { +[hidden], template { display: none; } @@ -244,8 +228,7 @@ table { border-spacing: 0; } -td, -th { +td, th { padding: 2px; } @@ -270,7 +253,7 @@ h1, h2, h3 { body { background: #eef0f0; - font: 14px/1.5 Verdana, Arial, Helvetica, sans-serif; + font: 14px/1.36 Verdana, Arial, Helvetica, sans-serif; font-size: inherit; } @@ -280,29 +263,6 @@ a, a:visited { padding: 3px 1px } -#schema .table b, a:hover { - text-decoration: underline -} - -#dbs span { - color: #fff -} - -#content table thead a, #content table thead span { - font-weight: bold; - color: #fff; - text-shadow: 0 1px 0 #000; - background: 0 0; - white-space: nowrap; - position: static -} - -#content table thead a:hover { - background: 0 0; - text-decoration: underline; - color: #000 -} - h1 { font-size: 1.5em; font-weight: normal; @@ -316,15 +276,6 @@ h1 { font-weight: bold } -#menu h1 { - padding: 0 10px; - background: 0 0 -} - -#menu .links { - padding: 5px .5em -} - h2, h3 { font-size: 1.7em; background: 0 0; @@ -339,9 +290,10 @@ fieldset { } input, select, textarea { - border: 1px solid #e5e5e5; - margin: 1px; - padding: 3px + border: 1px solid #dedede; + display: inline-block; + vertical-align: middle; + padding: 5px } input[type=submit] { @@ -367,8 +319,7 @@ input[type=checkbox], input[type=radio] { } input[name*=length], input[name=limit] { - width: 3em; - xtext-align: right + width: 5em; } input[name=text_length] { @@ -379,7 +330,7 @@ code { background: #f0ffe1; border: 1px dashed #d5f1b9; padding: 2px 4px; - font-family: Monaco, "Courier New" + font-family: Monaco, "Courier New", monospace; } code a:hover { @@ -395,9 +346,9 @@ table { } td, th { - border: 1px solid rgba(233, 233, 233, .3); + border: 1px solid #e9e9e9; padding: 3px 6px; - vertical-align: top + vertical-align: top; } th { @@ -418,10 +369,10 @@ thead td, thead th { vertical-align: middle; font-weight: bold; white-space: nowrap; - border-right: 1px solid #34495e; - background: #34495e; + border-right: 1px solid #fff; + background: #31587d; color: #fff; - padding-right: 10px + padding: 7px 2px; } thead td acronym, thead td sup, thead th acronym, thead th sup { @@ -432,36 +383,150 @@ tr.odd td { background: #fcfaf5 } -#content tbody tr.checked td, tr.checked.odd td { - background: #fbe2e2; - color: red +.nowrap td, .nowrap th, td.nowrap, p.nowrap { + white-space: nowrap; } .hidden { - display: none + display: none; } .error, .message { padding: 0; - background: 0 0 + background: 0 0; } .error { - color: #c00 + color: #c00; } .message { - color: #090 + color: #090; } -#breadcrumb, #breadcrumb a { +.js .hidden { + display: initial; +} + +.js input.hidden, .js td.hidden { + display: none +} + +.logout { + top: 28px; +} + +.js .column { + background: #ecf0f1 +} + +a:hover { + text-decoration: underline +} + +input[name=logout] { + color: #fce2e2; + background: #d73e3e +} + +input[name=drop] { + background-color: #c0392b +} + +input[name=logout]:hover { + background: #ea0202 +} + +input[type=submit] { + border-radius: 2px; + border: 0; + padding: 5px 15px; + text-decoration: none; + background-color: #65adc3; + color: #fff; + text-shadow: 0 1px 0 #287ace; + box-shadow: inset 0 0 0 0 #cae3fc +} + +input[type=submit]:hover { + background-color: #34495e; + text-shadow: 0 1px 0 #000 +} + +input[type=submit]:active { + position: relative; + top: 1px +} + +table tbody input[name*=check] { + display: block; + float: left +} + +table thead a[href*="&modify"] { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) right bottom no-repeat; + padding-right: 18px +} + +table thead input ~ a[href*="&modify"] { + width: 0; + display: inline-block; + height: 16px; + overflow: hidden; + text-decoration: none; + padding: 0 0 0 18px; + background-position: 2px bottom +} + +table tbody a[href*="&edit="][href*="&where"] { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) right bottom no-repeat; + padding-right: 18px +} + +table tbody input ~ a[href*="&edit="][href*="&where"] { + width: 0; + display: inline-block; + height: 16px; + overflow: hidden; + text-decoration: none; + padding: 0 0 0 18px; + background-position: 2px bottom +} + +#schema .table { + padding: 5px; + background: #fcfaf5; + border: 1px solid #d0cdc4 +} + +#schema .table b { + color: #006aeb; font-weight: bold; - color: #ecf0f1 + text-decoration: underline; } -#content { - margin: 0 0 0 21rem; - padding: 35px 10px 20px 0 +#schema .table b:hover { + color: #fff +} + +#dbs input[name=db] { + background: inherit; + color: #fff; + padding: 3px; + width: 10rem; +} + +#dbs input[name=db] + input { + padding: 5px; +} + +#dbs span { + color: #fff +} + +#breadcrumb, #breadcrumb a { + font-weight: bold; + color: #ecf0f1 } #breadcrumb, #lang { @@ -479,53 +544,66 @@ tr.odd td { font-size: 11px } -#breadcrumb, #menu { - position: fixed; - top: 0 -} - #lang select { font-size: inherit } #breadcrumb { - left: 300px; - background: #48a5bf; - width: 100%; - height: auto -} - -#menu, #menu select { - background: #34495e + left: 21.5rem; + background: #31587d; + right: 0; + height: auto; + position: fixed; + top: 0; } -#breadcrumb a { - font-size: 15px +#tables { + padding: 0 0 0 5px; + margin: 0; + list-style: none; } #menu { + background: #213d58; + position: fixed; + top: 0; color: #fff; padding: 0; bottom: 0; overflow: auto; left: 0; width: 20rem; - margin: 0 -} -#tables { - padding: 0 0 0 5px; margin: 0; - list-style: none; } + +#menu h1 { + padding: 0 10px; + background: 0 0 +} + +#menu .links { + padding: 5px; + line-height: 1; + text-align: center; + font-size: 11px; +} + #menu a, #tables .select { display: inline-block; vertical-align: middle; margin-right: 5px } +#menu select { + background: inherit; + color: #fff; + padding: 3px; + width: 15rem; +} + #menu select option { - background: #34495e; - color: #fff + background: #fff; + color: #000; } #menu p { @@ -534,39 +612,7 @@ tr.odd td { } #menu a { - color: #fff -} - -#schema .table { - padding: 5px; - background: #fcfaf5; - border: 1px solid #d0cdc4 -} - -#schema .table b { - color: #006aeb; - font-weight: bold -} - -#schema .table b:hover { - color: #fff -} - -.logout { - top: 28px; -} - -input[name=logout] { - color: #fce2e2; - background: #d73e3e -} - -input[name=drop] { - background-color: #c0392b -} - -input[name=logout]:hover { - background: #ea0202 + color: #fff; } #logins a, #tables a { @@ -582,14 +628,6 @@ input[name=logout]:hover { color: red } -.js .column { - background: #ecf0f1 -} - -#content table thead a.text:hover { - text-decoration: none -} - #version, .version { font-size: 50% } @@ -598,28 +636,6 @@ input[name=logout]:hover { color: #fff } -input[type=submit] { - border-radius: 2px; - border: 0; - padding: 5px 15px; - text-decoration: none; - background-color: #65adc3; - color: #fff; - display: inline-block; - text-shadow: 0 1px 0 #287ace; - box-shadow: inset 0 0 0 0 #cae3fc -} - -input[type=submit]:hover { - background-color: #34495e; - text-shadow: 0 1px 0 #000 -} - -input[type=submit]:active { - position: relative; - top: 1px -} - #tables .select { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHISURBVDjLpVPNK0RRFP+9D98syMwUspHkm9I0YkFZWBFKkZ0s7a3Ewh+ilChK7FgoZCJFKYlYKB8zk2+Z5t0P577He29kQU7dd+6575zf+d1zztWklPiPmOozt/U4SThjXIoyIQS4AJjSXO0lGGlvcXAm6Vzsz4xUhm0AIeX4QLig+C+ZpxbOG1wGhGYHr1zMUmZGWRgs0ha3PE1nX/8mWmdgWTzLB+DUYbhm9FfZ35IEyrhXA3VXJfPbsV8B9LQUIeUHYJ8ASobag1jcucNgW8g9W4reYSDi2YnnZDoDiwCokDANct6NwTB0LEdj0HRA/wxa2SN25JNBEdWluUhZ366gqmAaGvrCAXKOozccTGPgt8+vn8GYSGcgyTYp3dpBnBg42nbQPRBTo5bTvqYkmxL6AQhNTWQGBXY3B7BxlEBXozcW64dxRKoKUZBju+P06gl5WaaviMJBM3TNDlbypemIZgHYOnlwASsCmW7nHADGnBoQ3c76YmweJ9BR5zFYjsbRHwm4tmJg6PhWA7pCXXk+bu7fURHKweXtq/sWaksz7SC/CCGFrwtyZ3r+rCnFRZ7qr1qc6mLZj4f9OEyPL8lVpbX/PucPv5QPKHB1TdEAAAAASUVORK5CYII=) left center no-repeat; height: 15px; @@ -631,41 +647,74 @@ input[type=submit]:active { color: transparent; margin-right: 0; } + #tables .structure { - min-width: calc(100% - 5px - 25px); + min-width: calc(100% - 5px - 25px); padding-left: 5px; } + #tables .structure.active, #tables .select.active + .structure { background-color: #1a5fa5; } #menu a[href$="sql="] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHGSURBVHjaxFPNLkNREP5aB6WhaKLSVtKFiIUqK1sLT2DhTXgDL2FlxSOw8FOLRiyQWhDRiKSEhKQJou49P9fMnFsLsevCJCcz594z3/m+mTmJKIrQjSXRpXUNoGqbm39qcMbAkbyIvbVwYQhD3tIeWsOQ1+QVH86Xyz+JXJPIOb9iAI4ZpOMd/yN/vb/vAdiC93cP0El2dNA6z4RjYyW2MaPU0BB0u+0BOGGsVML49LSA3J+cYDCblb0l6jeHBwg/26isrOB0a8uzYBlBgKShgD8M53J4aTTQqFaRSCYl+WxnG83zcxTmKpKg+vtFu9W8NDQDMCXW+VivYyAzjKmlJahUSpiYUKPVbCKTz0sCGzOyOpBLzdcXlCMdDDIxO4vboyoyhQIKlYocLi0uIjczIyBcA98dYqx9NywxUEyDi/P29IyF1VU5dFeroS+dRnF+Xvajk5N0ayjx8tq6+FuSyiwUF4LRHi/reLg4o9ijs6xG9RjWGowUi/h4fcXexoa0L4oc0mNZuVgFzID09VKBnFXoUb7Pnb5zQrvVovpkZC4QzwfiN6QM1eBqdxcmnq6IAA395Mlz8eTxTZwg/pcl/v01fgswAESqYZbsIsnLAAAAAElFTkSuQmCC) left center no-repeat; - width: 16px; - margin-right: 1px; - color: transparent + display: inline-block; + color: transparent; + overflow: hidden; + width: 18px; } #menu a[href$="import="] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHISURBVDjLpVPNK0RRFP+9D98syMwUspHkm9I0YkFZWBFKkZ0s7a3Ewh+ilChK7FgoZCJFKYlYKB8zk2+Z5t0P577He29kQU7dd+6575zf+d1zztWklPiPmOozt/U4SThjXIoyIQS4AJjSXO0lGGlvcXAm6Vzsz4xUhm0AIeX4QLig+C+ZpxbOG1wGhGYHr1zMUmZGWRgs0ha3PE1nX/8mWmdgWTzLB+DUYbhm9FfZ35IEyrhXA3VXJfPbsV8B9LQUIeUHYJ8ASobag1jcucNgW8g9W4reYSDi2YnnZDoDiwCokDANct6NwTB0LEdj0HRA/wxa2SN25JNBEdWluUhZ366gqmAaGvrCAXKOozccTGPgt8+vn8GYSGcgyTYp3dpBnBg42nbQPRBTo5bTvqYkmxL6AQhNTWQGBXY3B7BxlEBXozcW64dxRKoKUZBju+P06gl5WaaviMJBM3TNDlbypemIZgHYOnlwASsCmW7nHADGnBoQ3c76YmweJ9BR5zFYjsbRHwm4tmJg6PhWA7pCXXk+bu7fURHKweXtq/sWaksz7SC/CCGFrwtyZ3r+rCnFRZ7qr1qc6mLZj4f9OEyPL8lVpbX/PucPv5QPKHB1TdEAAAAASUVORK5CYII=) left center no-repeat; - padding-left: 20px + display: inline-block; + padding-left: 20px; + vertical-align: middle; } #menu a[href*="dump="] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJrSURBVHjajFPPaxNREP72V8ymTbGQbRB/IT0otdV6CcWTgqCoUFQQEXoSEQ/+AypK755E1KsULIpGgw1F9KC22lgstFgQLdoWhSab2PRHTNrs7nvObGhSsRa/ZXjv7c6b+eabWUVKiX9AJQuRRci2k+260N91VwgJIQSEV1mVnjf5axTjvCfFFn7hCcBlBzJNVRA0gAZTQ1ODgXC4gDtjV9AW2QNFUTA0/Q66kPLSqVg4shYF8vEdKQ7mln+i+/VVRM0oFpbmETLq/SS6J4R/OfHtHmV24XouHFo94REDAyE9hMZgBMkvT2GZFqxQE6by0/g4P74SoKLB2ZZzWA8ffqRQLBcxNTuFjRTwxpmbfad7Oo/rHhdN6B20/6JvaKyBCnODhqNbL+PRxHXUGXWINV5kl9TDrkQct/pnZKHkyPsDGcl4MJiWq5Ecsf84LxTL8nbyK2+Pke3XHWJAQkLXgMdDNjRNRTxlQ6UmakRD0vN8NEd7EBsFO6Impu1fzGCCrOSXwCro5HEiZiExnEVnrKlaypNhG4fba02aTC8ik1/ibZrM9RlIkkGnjH0jWWJQWRn8TpLI8fcZ6MSA1WrZFERx2eHPTEPqjksBqASDLh7ZZ+HlWA6H9tYyvhjNomNnI8Km7p8/f5+HGdB46/lJeOoYPHV8mbGy8gA59HngU74asNkKYKVzlQCuW9GA6B5si+DVeA4HWmsM4qksTnZY1TMz0NRauysaUAmt2+oxM1tCM6k8mS74WXjIdm8O+JdWg36oKgXqgnzb3TvRXvZEneN6YPNIFw7MY70W5haXnlUHbp3f+b/wW4ABAAtWTLcKdqLcAAAAAElFTkSuQmCC) left center no-repeat; - padding-left: 20px + display: inline-block; + padding-left: 20px; + vertical-align: middle; } #menu a[href$="&create="] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIpSURBVDjLpZNPSFRRFMZ/749/Kt3IqFTSRoSMmrGIYTTbpEJtjBCCok1Em9JVG1dRC8FFEES5aGFEgRRZWq1iLKKxBiNqLDcltQgmHR9hY6LOu+feFm+YGVsZXbh8nHO53/nud8+xjDH8z3IB7r5avGgMZ8XoBq01okFpjYhGtEGJLtmCKINo/XbgVFPUBdDG9PVEq0P/UvnSvdlwQYFoHQIY/3obpRVKFL5W+OIXUVThrL91AN+XihKCwIeTu85sqPryqsJXUvRARAMwkshsiKB7fw25UgKVJwA40V7H/cl5jh+oL+RGk/P0xIqxl11dr8AXjTYG14HRNxkcx+ZhMoNlg52/ND6VAWMoc6F5+2Zy/l9PMIDrWByL1jI+tcDRaN06BaXxbDqLUnq9AqPBteHpuwUcJ0AIcgBXH93h+/wEyyuLrPk5cmv7gNY8gdIYYyhz4PDeWuIpj85IsS2ujQ2zJAk6DkZpqGnixcwYyU+PifUOX7Eh6DoAx7aIpzwA4imPeMrj+bTH+88PaNkZQWwhsrULsXxie9oAzgcESgUe2NAZCeE6AXZGQhwKh/Cyc5RZVXQ39wFwoeMmjXVhgMqiB8awe0cVP36u0Fi/iW9zvwuzkF3+xUz6Nal0gv6uWww+O02lUwGwmv8FM3l55EtLTvQWXwm+EkRpfNEoUZRXHCE5PUFbuJ0nH4cot1wSH14C3LA2Os6x3m2DwDmgGlgChpLX0/1/AIu8MA7WsWBMAAAAAElFTkSuQmCC) left center no-repeat; - color: transparent -} - -#menu a[href$="create="] { display: inline-block; + color: transparent; + overflow: hidden; vertical-align: middle; - width: 16px; - overflow: hidden + width: 18px; +} + +#content { + margin: 0 0 0 20rem; + padding: 35px 5px 20px .5rem; +} + +#content table thead a.text:hover { + text-decoration: none +} + +#content table thead a, #content table thead span { + font-weight: bold; + color: #fff; + text-shadow: 0 1px 0 #000; + background: 0 0; + white-space: nowrap; + position: static +} + +#content table thead a:hover { + background: 0 0; + text-decoration: underline; + color: #000 +} + +#content tbody tr.checked td, tr.checked.odd td { + background: #fbe2e2; + color: red } #content p a[href*="&select="] { @@ -697,6 +746,12 @@ input[type=submit]:active { padding-left: 22px } +#content p.links a[href*="&create="], +#content p.links a[href*="&view="] { + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIpSURBVDjLpZNPSFRRFMZ/749/Kt3IqFTSRoSMmrGIYTTbpEJtjBCCok1Em9JVG1dRC8FFEES5aGFEgRRZWq1iLKKxBiNqLDcltQgmHR9hY6LOu+feFm+YGVsZXbh8nHO53/nud8+xjDH8z3IB7r5avGgMZ8XoBq01okFpjYhGtEGJLtmCKINo/XbgVFPUBdDG9PVEq0P/UvnSvdlwQYFoHQIY/3obpRVKFL5W+OIXUVThrL91AN+XihKCwIeTu85sqPryqsJXUvRARAMwkshsiKB7fw25UgKVJwA40V7H/cl5jh+oL+RGk/P0xIqxl11dr8AXjTYG14HRNxkcx+ZhMoNlg52/ND6VAWMoc6F5+2Zy/l9PMIDrWByL1jI+tcDRaN06BaXxbDqLUnq9AqPBteHpuwUcJ0AIcgBXH93h+/wEyyuLrPk5cmv7gNY8gdIYYyhz4PDeWuIpj85IsS2ujQ2zJAk6DkZpqGnixcwYyU+PifUOX7Eh6DoAx7aIpzwA4imPeMrj+bTH+88PaNkZQWwhsrULsXxie9oAzgcESgUe2NAZCeE6AXZGQhwKh/Cyc5RZVXQ39wFwoeMmjXVhgMqiB8awe0cVP36u0Fi/iW9zvwuzkF3+xUz6Nal0gv6uWww+O02lUwGwmv8FM3l55EtLTvQWXwm+EkRpfNEoUZRXHCE5PUFbuJ0nH4cot1wSH14C3LA2Os6x3m2DwDmgGlgChpLX0/1/AIu8MA7WsWBMAAAAAElFTkSuQmCC) left center no-repeat; + padding-left: 22px; +} + #content a[href*="&database="] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKRSURBVDjLhVNLTBNRFD3TTju1FCcBaxuaQEr94ydiZIHGpcFISBOi0YREZWHCVoyRxKUxxq0LXcACQyLsjO6KjSEiDfHDz0S0CLSxlFKd2g7MTDudGd+bMAQCxJucuXfuu+fcO/PeYwzDALVoNMqRuI3guq7rR4g/SEBC/Svxc8T3EUTD4bCGTcZQAUI+RvxLr9d70u/3o6KiAm63G3Qtn89DFEUkk0lks9lRkrvW3t6e2lCgRZFI5F0ikaDtjN1MVVVjYmLCGBoa6qccC7Z1kQafz4f/WSAQAGlyaXOOpQ+SNNUymQxcLhc4joPD4TBzkiRBEASkUimEQiGzdlcBlmWRy+WgKIr5Xi6XUSgUUCwWzTVN+IAzeOOde71orP0eAaOkbrDWf6Cw2+3mBLSYgny3KULXPOUY2BUB/hMd4IOn8XfhMGYjvU+2TECLLRLDMNA0zYw5JYa6Ghke/hyEn9/gZEqo3OuHp7qW3yJgESjoNPSdlb8gWCOCr29BMT0Ip5tBYnIWqlL6o8irzVsEaHcKSqQCen4cweok+FAblNRz2JxlODx1cEkzGWmVbTl7Z/jHhgCF1Z3GYjIKf+U8+ANhQn4Gm6OMUiGI9MhHg5Gl1sbu8UnKNc8B7Ui3ipxEcwvlpVFw6hz2N1xGabkXdqeBYqEOmfefEZWac4e6xz9Z22hbn+BmLBZbi8fjEBdG4NF/QdUDSM88hQ4FawKJR6cxLDZl86qzZdtdoDYwMBAkQg/2LL/ovNLVh++Dd7G0OAau9hTkrKgnnE39GW3f/Z6enpUdBSx7ePu4eq+zi4VNw+TbV0gsxFd5b9X5i4+mpnY63tsErl6okhvrfWzT0SAMR3FMXsnean08Pb/b/fgHqpjCspi90kkAAAAASUVORK5CYII=) 2px bottom no-repeat; padding-left: 22px @@ -712,45 +767,42 @@ input[type=submit]:active { padding-left: 24px } -table tbody input[name*=check] { - display: block; - float: left +#table input { + padding: 3px 5px; } -table thead a[href*="&modify"] { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) right bottom no-repeat; - padding-right: 18px +#edit-fields tbody th, #edit-fields tbody td { + border: 0; + border-right: 1px solid #213d58; + padding: 1px; + vertical-align: top; + text-align: center; } -table thead input ~ a[href*="&modify"] { - width: 0; - display: inline-block; - height: 16px; - overflow: hidden; - text-decoration: none; - padding: 0 0 0 18px; - background-position: 2px bottom +#edit-fields tbody th:last-child, #edit-fields tbody td:last-child { + border-right: 0; } -table tbody a[href*="&edit="][href*="&where"] { - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFUSURBVDjLrZM/SAJxGIZdWwuDlnCplkAEm1zkaIiGFFpyMIwGK5KGoK2lphDKkMDg3LLUSIJsSKhIi+684CokOtTiMizCGuzEU5K3vOEgKvtBDe/2Pc8H3x8NAM1fQlx4H9M3pcOWp6TXWmM8A7j0629v1nraiAVC0IrrwATKIgs5xyG5QiE+Z4iQdoeU2oAsnqCSO1NSTu+D9VhqRLD8nIB8F0Q2MgmJDyipCzjvYJkIfpN2UBLG8MpP4dxvQ3ZzGuyyBQ2H+AnOOCBd9aL6soh81A5hyYSGWyCFvxUcerqI4S+CvYVOFPMHxLAq8I3qdHVY5LbBhJzEsCrwutpRFBlUHy6wO2tEYtWAzLELPN2P03kjfj3luqDycV2F8AgefWbEnVqEHa2IznSD6BdsVDNStB0lfh0FPoQjdx8RrAqGzC0YprSgxzsUMOY2bf37N/6Ud1Vc9yYcH50CAAAAAElFTkSuQmCC) right bottom no-repeat; - padding-right: 18px +#edit-fields .icon { + padding: 2px; } -table tbody input ~ a[href*="&edit="][href*="&where"] { - width: 0; - display: inline-block; - height: 16px; - overflow: hidden; - text-decoration: none; - padding: 0 0 0 18px; - background-position: 2px bottom +#partition-table.hidden { + display: none; } -.js .hidden { - display: inline +#partition-table td { + padding: 1px; } -.js input.hidden, .js td.hidden { - display: none -} \ No newline at end of file +.footer { + border-top: 1px solid #dedede; + border-bottom: 1px solid #dedede; + border-image: none; + margin: .5rem 0; + margin-right: initial; +} + +.footer > div { + padding: 5px; +} -- 2.39.5