]> git.joonet.de Git - adminer.git/commitdiff
Update mvt design
authorAleksey M <alekseymvt@gmail.com>
Mon, 16 Jul 2018 21:35:08 +0000 (00:35 +0300)
committerJakub Vrana <jakub@vrana.cz>
Tue, 18 Sep 2018 11:40:58 +0000 (13:40 +0200)
designs/mvt/adminer.css

index 0274a293cb2ee8596ccb3fb12f4d681d6ac465a2..686b2aaec7c537db66bcee2e342675239942d660 100644 (file)
@@ -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;
+}