1
0
mirror of https://github.com/vrana/adminer.git synced 2025-08-28 08:39:53 +02:00

CSS: Use --bg

This commit is contained in:
Jakub Vrana
2025-03-29 11:31:45 +01:00
parent 79fbf9c58a
commit 262366b120
2 changed files with 19 additions and 17 deletions

View File

@@ -1,6 +1,10 @@
/** @author Ondrej Valka, http://valka.info */
body { color: #000; background: #fff; font: 90%/1.25 Verdana, Arial, Helvetica, sans-serif; margin: 0; min-width: fit-content; }
html {
--bg: #fff;
}
body { color: #000; background: var(--bg); font: 90%/1.25 Verdana, Arial, Helvetica, sans-serif; margin: 0; min-width: fit-content; }
a { color: blue; text-decoration: none; }
a:visited { color: navy; }
a:link:hover, a:visited:hover { color: red; text-decoration: underline; }
@@ -27,7 +31,7 @@ code { font-size: 110%; padding: 1px 2px; background: #eee; }
pre { margin: 1em 0 0; }
td pre { margin: 0; }
pre, textarea { font: 110%/1.25 monospace; }
pre.jush { background: #fff; }
pre.jush { background: var(--bg); }
pre code { display: block; font-size: 100%; }
input, textarea { box-sizing: border-box; }
input, select { vertical-align: middle; }
@@ -42,9 +46,9 @@ input.wayoff { left: -1000px; position: absolute; }
.nowrap td, .nowrap th, td.nowrap, p.nowrap { white-space: pre; }
.wrap td { white-space: normal; }
.error { color: red; background: #fee; }
.error b { background: #fff; font-weight: normal; }
.error b { background: var(--bg); font-weight: normal; }
.message { color: green; background: #efe; }
.message table { color: #000; background: #fff; }
.message table { color: #000; background: var(--bg); }
.error, .message { padding: .5em .8em; margin: 1em 20px 0 0; }
.char { color: #007F00; }
.date { color: #7F007F; }
@@ -66,8 +70,8 @@ input.wayoff { left: -1000px; position: absolute; }
.icon:hover { background-color: red; }
.size { width: 7ex; }
.help { cursor: help; }
.footer { position: sticky; bottom: 0; margin-right: -20px; border-top: 20px solid rgba(255, 255, 255, .7); border-image: linear-gradient(rgba(255, 255, 255, .2), #fff) 100% 0; }
.footer > div { background: #fff; padding: 0 0 .5em; }
.footer { position: sticky; bottom: 0; margin-right: -20px; border-top: 20px solid rgb(from var(--bg) r g b / .7); border-image: linear-gradient(rgb(from var(--bg) r g b / .2), var(--bg)) 100% 0; }
.footer > div { background: var(--bg); padding: 0 0 .5em; }
.footer fieldset { margin-top: 0; }
.links a { white-space: nowrap; margin-right: 20px; }
.logout { margin-top: .5em; position: absolute; top: 0; right: 0; }
@@ -78,7 +82,7 @@ input.wayoff { left: -1000px; position: absolute; }
#logins li, #tables li { list-style: none; }
#dbs { overflow: hidden; }
#logins, #tables { white-space: nowrap; overflow: hidden; }
#logins a, #tables a, #tables span { background: #fff; }
#logins a, #tables a, #tables span { background: var(--bg); }
#content { margin: 2em 0 0 21em; padding: 10px 20px 20px 0; }
#lang { position: absolute; top: -2.6em; left: 0; padding: .3em 1em; }
#menuopen { display: none; }
@@ -111,7 +115,7 @@ input.wayoff { left: -1000px; position: absolute; }
@media all and (max-width: 880px) {
.pages { left: auto; }
.logout { padding: 1em; top: 3em; }
#menu { width: auto; background: #fff; border: 1px solid #000; }
#menu { width: auto; background: var(--bg); border: 1px solid #000; }
#content { margin-left: 10px; }
#lang { position: static; }
#breadcrumb { left: 48px; }