mirror of
https://github.com/vrana/adminer.git
synced 2025-08-08 07:36:44 +02:00
CSS: Simplify .odds
This commit is contained in:
@@ -47,7 +47,7 @@ input.wayoff { left: -1000px; position: absolute; }
|
|||||||
.date { color: #7F007F; }
|
.date { color: #7F007F; }
|
||||||
.enum { color: #007F7F; }
|
.enum { color: #007F7F; }
|
||||||
.binary { color: red; }
|
.binary { color: red; }
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td { background: #F5F5F5; }
|
.odds tbody tr:nth-child(2n) { background: #F5F5F5; }
|
||||||
.js .checkable .checked td, .js .checkable .checked th { background: #ddf; }
|
.js .checkable .checked td, .js .checkable .checked th { background: #ddf; }
|
||||||
.time { color: silver; font-size: 70%; }
|
.time { color: silver; font-size: 70%; }
|
||||||
.function, .number, .datetime { text-align: right; }
|
.function, .number, .datetime { text-align: right; }
|
||||||
@@ -121,7 +121,7 @@ input.wayoff { left: -1000px; position: absolute; }
|
|||||||
.date { color: #80ff80; }
|
.date { color: #80ff80; }
|
||||||
.enum { color: #ff8080; }
|
.enum { color: #ff8080; }
|
||||||
.binary { color: #9bc0e1; }
|
.binary { color: #9bc0e1; }
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td { background: #042541; }
|
.odds tbody tr:nth-child(2n) { background: #042541; }
|
||||||
.js .checkable .checked td, .js .checkable .checked th { background: #10395c; }
|
.js .checkable .checked td, .js .checkable .checked th { background: #10395c; }
|
||||||
.icon { background-color: #062642; }
|
.icon { background-color: #062642; }
|
||||||
.icon:hover { background-color: #d1394e; }
|
.icon:hover { background-color: #d1394e; }
|
||||||
|
@@ -198,7 +198,7 @@ table label.block{padding:0}
|
|||||||
tr{border-bottom:1px dotted rgba(255,255,255,0.1)}
|
tr{border-bottom:1px dotted rgba(255,255,255,0.1)}
|
||||||
th,td{padding:4px 10px}
|
th,td{padding:4px 10px}
|
||||||
th[style="text-align: right;"] input[type="checkbox"],td[align="right"] input[type="checkbox"],th[style="text-align: right;"] input[type="radio"],td[align="right"] input[type="radio"]{margin-right:0;margin-left:5px}
|
th[style="text-align: right;"] input[type="checkbox"],td[align="right"] input[type="checkbox"],th[style="text-align: right;"] input[type="radio"],td[align="right"] input[type="radio"]{margin-right:0;margin-left:5px}
|
||||||
thead td,thead th,.odds tbody tr:nth-child(2n):not(.checked, :hover),tbody tr:hover td,tbody tr:hover th,.js .checkable .checked td,.js .checkable .checked th{background:transparent}
|
thead td,thead th,.odds tbody tr:nth-child(2n),tbody tr:hover td,tbody tr:hover th,.js .checkable .checked td,.js .checkable .checked th{background:transparent}
|
||||||
thead tr{background:#282b2f;border-bottom:1px solid rgba(255,255,255,0.1)}
|
thead tr{background:#282b2f;border-bottom:1px solid rgba(255,255,255,0.1)}
|
||||||
thead td,thead th{padding:7px 10px;background:transparent;text-align:left}
|
thead td,thead th{padding:7px 10px;background:transparent;text-align:left}
|
||||||
tbody th,tbody td{vertical-align:top}
|
tbody th,tbody td{vertical-align:top}
|
||||||
|
@@ -112,7 +112,7 @@ border-bottom: 1px #BBB solid;
|
|||||||
thead tr:hover td, thead tr:hover th {
|
thead tr:hover td, thead tr:hover th {
|
||||||
background-color: #DDD !important;
|
background-color: #DDD !important;
|
||||||
}
|
}
|
||||||
tr:nth-child(2n) td, tr:nth-child(2n) th, .odd td, .odd th, tr.odd {
|
tr:nth-child(2n) td, tr:nth-child(2n) th {
|
||||||
background-color: #F1F1F1;
|
background-color: #F1F1F1;
|
||||||
}
|
}
|
||||||
tr:hover td, tr:hover th {
|
tr:hover td, tr:hover th {
|
||||||
|
@@ -175,8 +175,7 @@
|
|||||||
background: var(--color-darkPurple);
|
background: var(--color-darkPurple);
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th,
|
.odds tbody tr:nth-child(2n) {
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
|
||||||
background: var(--color-darkDraculaVSCode);
|
background: var(--color-darkDraculaVSCode);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -133,7 +133,7 @@ th {
|
|||||||
background:white;
|
background:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background:#fcfaf5;
|
background:#fcfaf5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -347,11 +347,11 @@ td{
|
|||||||
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
border-bottom: 1px solid rgba(255, 255, 255, .1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th{
|
.odds tbody tr:nth-child(2n) th{
|
||||||
background: #222;
|
background: #222;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td{
|
.odds tbody tr:nth-child(2n) td{
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -72,7 +72,7 @@ tr:first-child th {padding-right: 30px;}
|
|||||||
td:first-child, th:first-child {border-left-width: 0;}
|
td:first-child, th:first-child {border-left-width: 0;}
|
||||||
thead td, thead th {background-color: #DFDFDF; border: none; border-bottom: 1px #BBB solid;}
|
thead td, thead th {background-color: #DFDFDF; border: none; border-bottom: 1px #BBB solid;}
|
||||||
thead tr:hover td, thead tr:hover th {background-color: #DDD !important;}
|
thead tr:hover td, thead tr:hover th {background-color: #DDD !important;}
|
||||||
tr:nth-child(2n) td, tr:nth-child(2n) th, .odds tbody tr:nth-child(2n):not(.checked, :hover) td, .odds tbody tr:nth-child(2n):not(.checked, :hover) th, .odds tbody tr:nth-child(2n):not(.checked, :hover) {background-color: #F1F1F1;}
|
tr:nth-child(2n) td, tr:nth-child(2n) th, .odds tbody tr:nth-child(2n), .odds tbody tr:nth-child(2n):not(.checked, :hover) {background-color: #F1F1F1;}
|
||||||
tr:hover td, tr:hover th {background-color: #BCD;}
|
tr:hover td, tr:hover th {background-color: #BCD;}
|
||||||
fieldset {display: inline; vertical-align: top; padding: 2px 12px; margin: 25px 12px 12px 0; border: none; background-color: #F1F1F1; border: 1px solid #E3E3E3; position: relative;}
|
fieldset {display: inline; vertical-align: top; padding: 2px 12px; margin: 25px 12px 12px 0; border: none; background-color: #F1F1F1; border: 1px solid #E3E3E3; position: relative;}
|
||||||
fieldset, x:-moz-any-link {padding-top: 4px;}
|
fieldset, x:-moz-any-link {padding-top: 4px;}
|
||||||
|
@@ -377,11 +377,11 @@ td{
|
|||||||
border-bottom: 1px solid #777;
|
border-bottom: 1px solid #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th{
|
.odds tbody tr:nth-child(2n) th{
|
||||||
background: #33394d;
|
background: #33394d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td{
|
.odds tbody tr:nth-child(2n) td{
|
||||||
background: #33394d;
|
background: #33394d;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -378,7 +378,7 @@ thead td abbr, thead td sup, thead th acronym, thead th sup {
|
|||||||
color: #cdf
|
color: #cdf
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background: #fcfaf5
|
background: #fcfaf5
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -153,7 +153,7 @@ th, td {
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th, .odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background: #FCFAF5;
|
background: #FCFAF5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -132,11 +132,11 @@ th {
|
|||||||
background:white;
|
background:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background:#fcfaf5;
|
background:#fcfaf5;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content tbody tr.checked td, .odds tbody tr:nth-child(2n):not(.checked, :hover).checked td {
|
#content tbody tr.checked td, .odds tbody tr:nth-child(2n).checked td {
|
||||||
background:#fbe2e2;
|
background:#fbe2e2;
|
||||||
color:red;
|
color:red;
|
||||||
}
|
}
|
||||||
|
@@ -187,7 +187,7 @@ td.nowrap {
|
|||||||
.binary {
|
.binary {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
.js .checkable .checked td,
|
.js .checkable .checked td,
|
||||||
|
@@ -169,7 +169,7 @@ th {
|
|||||||
background:white;
|
background:white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background:#fcfaf5;
|
background:#fcfaf5;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -748,7 +748,7 @@ input[type=submit] {
|
|||||||
label { margin: 0 8px;}
|
label { margin: 0 8px;}
|
||||||
thead td, thead th{color:#fff;}
|
thead td, thead th{color:#fff;}
|
||||||
|
|
||||||
#content tbody .odds tbody tr:nth-child(2n):not(:hover).checked td, .odds tbody tr:nth-child(2n):not(:hover).checked td {
|
#content tbody .odds tbody tr:nth-child(2n).checked td, .odds tbody tr:nth-child(2n).checked td {
|
||||||
background: #c8edff;
|
background: #c8edff;
|
||||||
color: #03A9F4;
|
color: #03A9F4;
|
||||||
}
|
}
|
||||||
|
@@ -65,7 +65,7 @@ thead td, thead th {
|
|||||||
border-bottom: 1px #DDD solid; }
|
border-bottom: 1px #DDD solid; }
|
||||||
.nowrap tr:nth-child(2n) td, .nowrap tr:nth-child(2n) th {
|
.nowrap tr:nth-child(2n) td, .nowrap tr:nth-child(2n) th {
|
||||||
background-color: #DEF; }
|
background-color: #DEF; }
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td, .odds tbody tr:nth-child(2n):not(.checked, :hover) th {
|
.odds tbody tr:nth-child(2n) {
|
||||||
background-color: #DEF; } /* IEx */
|
background-color: #DEF; } /* IEx */
|
||||||
tr.selected td, tr.selected th {
|
tr.selected td, tr.selected th {
|
||||||
background-color: #ABC !important; }
|
background-color: #ABC !important; }
|
||||||
|
@@ -136,8 +136,7 @@ table.checkable tbody tr:hover th {
|
|||||||
background: #bfb008;
|
background: #bfb008;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th,
|
.odds tbody tr:nth-child(2n) {
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td {
|
|
||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -58,7 +58,7 @@ table{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-ri
|
|||||||
td,th{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color #999 #999 -moz-use-text-color;border-image:none;border-style:none solid solid none;border-width:0 1px 1px 0;padding:.2em .3em}
|
td,th{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:-moz-use-text-color #999 #999 -moz-use-text-color;border-image:none;border-style:none solid solid none;border-width:0 1px 1px 0;padding:.2em .3em}
|
||||||
thead td,thead th{background:#eee;background:-moz-linear-gradient(top,#eee 0,#ccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#eee 0,#ccc 100%);background:-o-linear-gradient(top,#eee 0,#ccc 100%);background:-ms-linear-gradient(top,#eee 0,#ccc 100%);background:linear-gradient(to bottom,#eee 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0)}
|
thead td,thead th{background:#eee;background:-moz-linear-gradient(top,#eee 0,#ccc 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#eee),color-stop(100%,#ccc));background:-webkit-linear-gradient(top,#eee 0,#ccc 100%);background:-o-linear-gradient(top,#eee 0,#ccc 100%);background:-ms-linear-gradient(top,#eee 0,#ccc 100%);background:linear-gradient(to bottom,#eee 0,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0)}
|
||||||
td{background-color:#f4f8ff}
|
td{background-color:#f4f8ff}
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td{background-color:#fff}
|
.odds tbody tr:nth-child(2n){background-color:#fff}
|
||||||
tbody tr:hover td,tbody tr:hover th{background-color:#FFE}
|
tbody tr:hover td,tbody tr:hover th{background-color:#FFE}
|
||||||
p.tabs{margin:0 20px 0 0}
|
p.tabs{margin:0 20px 0 0}
|
||||||
.jush-sql{background:0}
|
.jush-sql{background:0}
|
||||||
|
@@ -140,8 +140,8 @@ thead th a{color:#b35a00}
|
|||||||
thead th a:link:hover,thead th a:visited:hover{color:#d00808}
|
thead th a:link:hover,thead th a:visited:hover{color:#d00808}
|
||||||
thead th a:visited{color:#844200}
|
thead th a:visited{color:#844200}
|
||||||
td{background:#ebebeb}
|
td{background:#ebebeb}
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) td{background:#e0e0e0}
|
.odds tbody tr:nth-child(2n) td{background:#e0e0e0}
|
||||||
.odds tbody tr:nth-child(2n):not(.checked, :hover) th{background:#ebebeb}
|
.odds tbody tr:nth-child(2n) th{background:#ebebeb}
|
||||||
tbody{font-size:90%}
|
tbody{font-size:90%}
|
||||||
tbody td{padding:.15em .3em}
|
tbody td{padding:.15em .3em}
|
||||||
pre[id^=sql]+table tbody td{padding:.2em .3em}
|
pre[id^=sql]+table tbody td{padding:.2em .3em}
|
||||||
|
Reference in New Issue
Block a user