wikipedia-game-solver/data/adminer/default-orange.css

1377 lines
20 KiB
CSS
Raw Normal View History

a,
abbr,
acronym,
address,
applet,
aside,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
menu,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
margin: 0;
padding: 0;
outline: 0;
border: none;
background: 0 0;
font-size: 10pt;
font-weight: 400;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
aside,
menu {
display: block;
}
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
input[type="file"],
label,
select {
cursor: pointer;
}
input[disabled=""] {
opacity: 0.5;
cursor: not-allowed;
color: #666 !important;
border-color: #aaa !important;
}
input[type="text"] {
-webkit-user-modify: read-write-plaintext-only;
}
@font-face {
font-family: entypo;
src: url(../fonts/entypo.eot);
src:
url(../fonts/entypo.eot?#iefix) format("embedded-opentype"),
url(../fonts/entypo.woff) format("woff"),
url(../fonts/entypo.ttf) format("truetype"),
url(../fonts/entypo.svg#entypo) format("svg");
font-weight: 400;
font-style: normal;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: none;
}
body {
font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
background: #fff;
color: #444;
}
a,
a:visited {
padding: 4px 0;
color: #d55d00;
transition:
color 0.1s ease 0s,
background-color 0.1s ease 0s;
}
a:link:hover,
a:visited:hover {
color: #aa4a00;
text-decoration: none;
}
a sup {
padding: 0 5px;
}
#logins a,
#tables a,
#tables span {
background: inherit;
}
.active:before {
font-weight: 400;
}
label {
padding: 3px 10px;
}
input::-webkit-input-placeholder {
color: #999;
}
input::-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
pre[contenteditable="true"],
select,
textarea {
padding: 4px 5px !important;
border: 1px solid #ccc !important;
border-radius: 2px;
font-size: 10pt;
background: #fff;
color: #444;
box-shadow: inset 0 2px 2px #ebebeb;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea {
-webkit-appearance: none;
}
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
select {
height: 28px;
}
input[type="submit"] {
display: inline-block;
padding: 7px 15px;
border: 1px solid #d55d00;
border-radius: 2px;
background: #d55d00;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 10pt;
transition: background-color 0.1s ease 0s;
-webkit-appearance: none;
}
input[type="submit"]:hover {
background: #aa4a00;
border-color: #aa4a00;
}
input[type="submit"][disabled=""]:hover {
background: #fff;
}
input[type="submit"].default {
box-shadow: none;
}
input[type="image"] {
border: 4px solid #fff;
outline: 1px solid #f2ceb3;
-moz-outline-radius: 2px;
margin-right: 5px;
}
input[type="image"]:last-child {
margin-right: 0;
}
input[type="image"]:hover {
border-color: #fbefe6;
}
input[type="checkbox"],
input[type="radio"] {
margin: 7px 5px 7px 0;
}
fieldset {
margin: 5px 5px 10px 0;
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 2px;
background: #f6f6f6;
min-height: 55px;
}
fieldset input[type="submit"] {
padding: 3px 10px;
border-color: #e69e66;
background: #fff;
color: #d55d00;
}
fieldset input[type="submit"]:hover {
background: #fbefe6;
color: #d55d00;
}
fieldset input[type="submit"].default {
border-color: #d55d00;
background: #d55d00;
color: #fff;
}
fieldset input[type="submit"].default:hover {
background: #aa4a00;
border-color: #aa4a00;
}
fieldset + table,
table + fieldset {
margin-top: 10px;
}
fieldset legend a {
position: relative;
padding-bottom: 50px;
}
fieldset > div > a,
fieldset > div > code,
fieldset > div > div,
fieldset > div > input,
fieldset > div > p,
fieldset > div > select {
position: relative;
}
legend {
margin-bottom: 3px;
}
fieldset input,
fieldset select,
p input,
p label,
p select {
margin: 0 5px 5px 0;
}
.js fieldset > .hidden {
display: block;
margin-top: 5px;
text-align: center;
}
.js fieldset > .hidden * {
display: none !important;
}
.js fieldset > .hidden:before {
content: "⏶";
font-family: entypo, sans-serif;
font-size: 40pt;
line-height: 0;
vertical-align: middle;
color: #e2e2e2;
}
#fieldset-select.hidden:before {
content: "⚏";
}
#fieldset-search.hidden:before {
content: "🔍";
}
#fieldset-sort.hidden:before {
content: "⏷";
}
#fieldset-export.hidden:before {
content: "📤";
}
#fieldset-import.hidden:before {
content: "📥";
}
#fieldset-history.hidden:before {
content: "";
}
#fieldset-history br {
display: block;
margin-bottom: 20px;
}
#fieldset-history.hidden br {
display: none;
}
#fieldset-partition.hidden:before {
content: "";
}
.size {
width: 8ex;
}
.sqlarea {
max-width: 100%;
width: auto !important;
height: 350px !important;
}
@media only screen and (max-width: 768px) {
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
pre[contenteditable="true"],
select,
textarea {
font-size: 12pt;
vertical-align: -1px;
}
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
select {
height: 32px;
}
fieldset input[type="submit"] {
padding: 6px 15px;
}
.sqlarea {
height: 250px !important;
}
}
@media only screen and (max-width: 360px) {
input:not([type]),
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
pre[contenteditable="true"],
select,
textarea {
width: 100%;
}
fieldset input[type="submit"],
input[type="submit"] {
padding-left: 10px;
padding-right: 10px;
}
}
#lang {
position: fixed;
right: 0;
top: 0;
left: auto;
border: none;
padding: 0 0 0 10px;
width: 190px;
height: 40px;
line-height: 30px;
font-size: 0;
z-index: 101;
background: #f6f6f6;
}
#lang select {
padding: 2px 3px;
margin: 6px 0;
width: 100px;
}
.logout {
position: fixed;
right: 10px;
margin: 0;
z-index: 101;
overflow: hidden;
}
.logout input[type="submit"] {
border: none;
margin: 0;
padding: 0 10px;
height: 40px;
background: 0 0;
color: #d55d00;
}
.logout input[type="submit"]:hover {
background: 0 0;
color: #aa4a00;
}
@media only screen and (max-width: 768px) {
#lang {
position: static;
left: 0;
top: 0;
width: auto;
border-top: 1px solid #ddd;
background: #f6f6f6;
}
#lang select {
margin: 4px 10px 0 10px;
}
.logout {
position: relative;
float: right;
margin-top: -40px;
}
}
@media only screen and (max-width: 360px) {
#lang select {
margin-left: 0;
}
}
#content {
position: relative;
margin: 0 0 0 261px;
padding: 41px 20px 80px 20px;
}
#content:before {
position: fixed;
left: 0;
top: 0;
content: "";
display: block;
width: 100%;
height: 40px;
background: #f6f6f6;
border-bottom: 1px solid #ddd;
}
#content .links + p {
color: #999;
}
#breadcrumb {
position: fixed;
left: 261px;
top: 0;
right: 0;
margin: 0;
padding: 0 0 0 20px;
border-right: 205px solid #f6f6f6;
background: #f6f6f6;
height: 40px;
line-height: 40px;
z-index: 100;
overflow: hidden;
text-overflow: ellipsis;
}
#breadcrumb a {
display: inline-block;
padding: 0;
height: 40px;
line-height: 40px;
}
h2 {
margin: 20px 0;
font-size: 20pt;
color: #444;
}
h3 {
margin: 30px 0 10px 0;
font-size: 16pt;
}
p {
margin: 10px 0;
}
code {
display: block;
padding: 10px;
margin: 5px 0;
border-left: 7px solid #cde;
border-radius: 2px;
background: #e8f0fa;
overflow: auto;
}
fieldset code:first-child,
td code,
th code {
display: inline;
margin: 0;
padding: 0;
background: 0 0;
border: none;
}
pre code {
margin: 0;
}
fieldset code + i {
display: none;
}
.time {
margin-left: 10px;
float: right;
font-size: 8pt;
color: #bbb;
}
.error,
.message {
margin: 20px 0;
padding: 10px;
border-left: 7px solid #cec;
}
.error {
color: #900;
border-color: #ecc;
}
.message pre {
margin: 15px 0 5px 0;
}
.message p {
margin: 0 0 5px 0;
}
pre + .error,
pre + .message {
margin-top: 0;
}
#help {
z-index: 200;
border: 1px solid #ddd;
border-radius: 2px;
background: #f6f6f6;
padding: 5px 7px;
}
.icon {
background-color: #d55d00;
}
.icon:hover {
background-color: #aa4a00;
}
@media only screen and (max-width: 768px) {
#content {
margin-left: 0;
}
#breadcrumb {
left: 0;
padding-left: 50px;
border-right-width: 0;
}
}
@media only screen and (max-width: 360px) {
#content {
padding: 41px 10px 20px;
}
h2 {
margin: 15px 0;
font-size: 16pt;
}
}
h1 {
height: 40px;
white-space: nowrap;
overflow: hidden;
}
h1 #h1 {
display: inline-block;
padding: 0;
background: url(logo.png) 10px center no-repeat;
background-size: 120px;
text-indent: -100px;
width: 135px;
height: 40px;
}
#version,
.version {
position: relative;
top: -7px;
vertical-align: bottom;
font-size: 8pt;
font-style: italic;
color: #bbb;
}
#version {
padding: 5px;
color: #d55d00;
}
#version:hover {
color: #aa4a00;
}
#menu {
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 260px;
margin: 0;
padding: 0;
border-right: 1px solid #ddd;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background: #fff;
z-index: 100;
}
#menu #dbs {
border-top: 1px solid #ddd;
border-bottom: none;
padding: 10px;
background: #f6f6f6;
color: #f6f6f6;
font-size: 0;
}
#menu #dbs span {
font-size: 0;
}
#menu #dbs select {
margin: 0;
width: 100%;
}
#menu .links {
background: #f6f6f6;
border-bottom: 1px solid #ddd;
padding: 0 10px 7px 10px;
}
#menu #logins,
#menu #tables {
border-bottom: 1px solid #ddd;
padding: 0;
margin-bottom: 25px;
}
#menu .message {
background: 0 0;
border: none;
border-bottom: 1px solid #ddd;
color: #bbb;
}
.menu-link {
display: block;
padding: 2px 10px;
width: auto;
height: 20px;
line-height: 20px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
}
.menu-link.active {
color: #d55d00;
font-weight: 700;
}
#tables a[href*="&table="] {
display: block;
padding: 2px 10px;
width: auto;
height: 20px;
line-height: 20px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0;
}
#tables a[href*="&table="].active {
color: #d55d00;
font-weight: 700;
}
#tables a[href*="&table="]:hover {
background: #eee;
}
#tables a[href*="&select="] {
float: right;
display: block;
padding: 2px 7px;
height: 20px;
line-height: 20px;
color: #999 !important;
overflow: hidden;
width: 16px;
}
#tables a[href*="&select="]:hover {
color: #444 !important;
}
#tables a[href*="&select="]:before {
content: "📄  ";
font-family: entypo, sans-serif;
font-size: 24pt;
line-height: 0;
vertical-align: -3px;
}
#tables li:first-of-type a {
padding-top: 7px;
}
#tables li:last-child a {
padding-bottom: 7px;
}
#tables a.active + a {
color: #d55d00;
font-weight: 700;
}
#tables br {
display: none;
}
#tables.simple a {
display: block;
padding: 2px 10px;
width: auto;
height: 20px;
line-height: 20px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
}
#tables.simple a.active {
color: #d55d00;
font-weight: 700;
}
#tables.simple a[href*="&select="] {
display: block;
padding: 2px 10px;
width: auto;
height: 20px;
line-height: 20px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
float: none;
color: #444 !important;
}
#tables.simple a[href*="&select="].active {
color: #d55d00;
font-weight: 700;
}
#tables.simple a[href*="&select="].active {
color: #d55d00 !important;
}
#tables.simple a[href*="&select="]:before {
content: "";
}
#tables.simple li:hover {
background: #eee;
}
#tables.simple li:first-child a {
padding-top: 7px;
}
#tables.simple li:last-child a {
padding-bottom: 7px;
}
#logins {
border-top: 1px solid #ddd;
}
#logins a {
display: block;
padding: 2px 10px;
width: auto;
height: 20px;
line-height: 20px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
}
#logins a.active {
color: #d55d00;
font-weight: 700;
}
#logins a:hover {
background: #eee;
}
#logins a:first-of-type {
padding-top: 7px;
}
#logins a:last-of-type {
padding-bottom: 7px;
}
#logins br {
display: none;
}
@media only screen and (max-width: 768px) {
h1:before {
float: left;
position: relative;
left: 4px;
top: 4px;
width: 30px;
height: 30px;
content: "☰";
font-family: entypo, sans-serif;
font-size: 32pt;
line-height: 30px;
border: 1px solid #e69e66;
border-radius: 2px;
text-align: center;
vertical-align: middle;
background: #fff;
cursor: pointer;
}
h1 #h1 {
margin-left: 10px;
}
#menu {
width: 40px;
height: 40px;
bottom: auto;
border: none;
overflow: hidden;
background: 0 0;
}
#menu form,
#menu p {
display: none;
}
#menu.open {
width: 260px;
height: auto;
max-width: 100%;
max-height: 100%;
border-right: 1px solid #ddd;
border-bottom: 5px solid #ddd;
background: #fff;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.03);
z-index: 200;
overflow-y: auto;
}
#menu.open form,
#menu.open p {
display: block;
}
}
@media only screen and (max-width: 270px) {
#menu.open {
border-right: none;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1 #h1 {
background-image: url(../images/logo-hres.png?3);
background-size: 120px;
}
}
a[href*="&sql="]:before {
content: "✎";
padding: 0 5px;
font-family: entypo, sans-serif;
font-size: 24pt;
line-height: 10pt;
vertical-align: -3px;
}
.links {
line-height: 22px;
}
.links a:before {
content: "⏴ ";
font-family: entypo, sans-serif;
font-size: 24pt;
line-height: 10pt;
vertical-align: -3px;
}
.links a[href*="&sql="]:before {
content: "";
margin-left: -4px;
margin-right: 3px;
}
.links a[href*="&import="]:before {
content: "📥 ";
}
.links a[href*="&dump="]:before {
content: "📤 ";
}
.links a[href*="&create="]:before,
.links a[href*="&db="][href*="&database="]:before,
.links a[href*="&indexes="]:before {
content: "✎ ";
}
.links a[href$="&create="]:before,
.links a[href$="&database="]:before,
.links a[href$="&indexes="]:before {
content: " ";
}
.links a[href*="&schema="]:before {
content: "🕪 ";
}
.links a[href*="&privileges="]:before {
content: "👥 ";
}
.links a[href*="&view="]:before {
content: " ";
}
.links a[href*="&procedure="]:before,
.links a[href*="&function="]:before {
content: " ";
}
.links a[href*="&event="]:before {
content: "🔁 ";
}
.links a[href*="&edit="]:before {
content: "⊕ ";
}
.links a[href*="&table="]:before {
content: "⚙ ";
}
.links a[href*="&select="]:before {
content: "📄 ";
}
.links a[href*="&processlist="]:before {
content: " ";
}
.links a[href*="&status="]:before {
content: "📿 ";
}
.links a[href*="&variables="]:before {
content: " ";
}
.links a[href*="&user="]:before {
content: " ";
}
.links a[href*="&foreign="]:before,
.links a[href*="&trigger="]:before {
content: " ";
}
table {
border: 1px solid #ddd;
margin: 20px 0 10px 0;
}
table label.block {
padding: 0;
}
tr {
border-bottom: 1px dotted #ddd;
}
td,
th {
padding: 4px 10px;
}
td[align="right"] input[type="checkbox"],
td[align="right"] input[type="radio"],
th[style="text-align: right;"] input[type="checkbox"],
th[style="text-align: right;"] input[type="radio"] {
margin-right: 0;
margin-left: 5px;
}
.js .checkable .checked td,
.js .checkable .checked th,
.odd td,
tbody tr:hover td,
tbody tr:hover th,
thead td,
thead th {
background: 0 0;
}
thead tr {
background: #f6f6f6;
border-bottom: 1px solid #ddd;
}
thead td,
thead th {
padding: 7px 10px;
background: 0 0;
text-align: left;
}
tbody td,
tbody th {
vertical-align: top;
}
tbody td[align="right"] {
text-align: right;
}
tbody td[align="right"] label.block {
text-align: right;
}
tbody th span {
padding-top: 4px;
}
table.checkable .checked {
background: #fbefe6;
}
table.checkable input[type="checkbox"],
table.checkable input[type="radio"] {
margin: 2px 5px 2px 0;
}
table.checkable > thead a {
padding: 7px 0;
}
table.checkable > thead input[type="checkbox"],
table.checkable > thead input[type="radio"] {
margin: 2px 5px 2px 0;
}
table.checkable > tbody > tr:hover {
background: #f5f5f5;
}
table.checkable > tbody > tr.checked:hover {
background: #f8e4d4;
}
.footer {
position: relative;
padding: 0;
}
.footer > p {
position: fixed;
left: 261px;
right: 0;
bottom: 0;
margin: 0;
padding: 0 10px;
border: none;
border-top: 1px solid #ddd;
background: #f6f6f6;
z-index: 102;
font-weight: 700;
}
.footer > p a,
.footer > p label {
display: inline-block;
margin: 0;
padding: 0 10px;
height: 40px;
line-height: 40px;
}
.js .column {
background: #fff;
padding: 0;
margin: -36px 0 0 -62px;
border: 1px solid #e49254;
border-radius: 2px;
z-index: 10;
}
.js .column a {
display: inline-block;
padding: 0;
width: 30px;
height: 30px;
overflow: hidden;
vertical-align: middle;
}
.js .column a:before {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
font-family: entypo, sans-serif;
font-size: 24pt;
text-align: center;
vertical-align: -3px;
}
.js .column a:hover:before {
background: #fbefe6;
}
.js .column a[href*="&select="]:before {
content: "⬇";
}
.js .column a[href="#fieldset-search"]:before {
content: "🔍";
}
@media only screen and (max-width: 768px) {
.footer > p {
position: static;
margin: -10px 0 10px 0;
border-top: none;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
a.jush-custom:hover,
a.jush-help:hover {
color: inherit;
text-decoration: underline;
}
.json {
border-color: #cde;
border-left: 7px solid #cde;
background: #e8f0fa;
margin: 5px 0 3px 0;
}
.json tr {
border-bottom: 1px solid #cde;
}
.json tr:last-child {
border-bottom: none;
}
.json th {
border-right: 1px solid #cde;
vertical-align: top;
}
.json code {
padding: 4px 10px;
}
.json + textarea {
margin-top: 6px;
}
a.json-icon {
background: 0 0;
text-indent: 0;
}
a.json-icon:hover {
background: 0 0;
}
a.json-icon:before {
display: inline-block;
width: 20px;
height: 18px;
line-height: 18px;
font-family: entypo, sans-serif;
font-size: 24pt;
vertical-align: -3px;
content: "▸";
}
a.json-icon.json-up {
background: 0 0;
text-indent: 0;
}
a.json-icon.json-up:before {
content: "▾";
}
a.json-link {
padding-left: 0;
}
a.json-link:before {
width: 10px;
}
a.json-link span {
color: inherit;
}