290 lines
No EOL
3.9 KiB
CSS
290 lines
No EOL
3.9 KiB
CSS
/*
|
|
Ok, it's a mess. You don't have to read it!
|
|
*/
|
|
|
|
body {
|
|
font-family: "Segoe UI", Tahoma, sans-serif;
|
|
}
|
|
|
|
body a[href^="#"] {
|
|
color:#000; text-decoration: none; border-bottom: 1px dotted #999;
|
|
}
|
|
|
|
h3 {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.jush-bac {
|
|
color:#22c !important;
|
|
}
|
|
|
|
a:hover {
|
|
color:#000; text-decoration: none;
|
|
}
|
|
|
|
/*
|
|
@group Headers (visually)
|
|
*/
|
|
|
|
#menu .logout {
|
|
border-bottom:0; height:auto; padding: 0;
|
|
}
|
|
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
/*
|
|
@group Sidebar (visually)
|
|
*/
|
|
|
|
#menu {
|
|
margin:0; padding:0;
|
|
position:static; float:left; margin-left:-100%;
|
|
width:25%; padding-top:80px;
|
|
line-height:1.4;
|
|
}
|
|
|
|
/* header "adminer 2.3.2" */
|
|
h1 {
|
|
margin:0; padding:0;
|
|
position: fixed; left:0; top:0;
|
|
width:25%; height:60px;
|
|
border-bottom: 1px solid #bbb;
|
|
background-color:#efefef; background-color:rgba(240,240,240,0.9);
|
|
line-height:60px; text-indent:20px;
|
|
}
|
|
|
|
#h1 {
|
|
font-weight:bold; color:#666; font-style:normal;
|
|
}
|
|
|
|
#menu a {
|
|
padding:1px; margin-right:4px;
|
|
color:#000; font-size:small; text-decoration: none;
|
|
}
|
|
|
|
#menu a:hover {
|
|
font-weight:bold;
|
|
}
|
|
|
|
#menu #tables + p a {
|
|
color:green;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
#menu form+form, #menu #tables {
|
|
position: fixed; left:0; top:100px; width:25%;
|
|
}
|
|
|
|
#menu #tables {
|
|
max-height:100%; padding-top:130px; overflow-y:auto;
|
|
}
|
|
*/
|
|
/* @todo ev. position fixed for whole sidebar (not simple) */
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
/*
|
|
@group Sidebar (based on HTML position, not visual)
|
|
*/
|
|
|
|
|
|
|
|
/* languages */
|
|
#lang {
|
|
position: absolute; left:auto; left:120px; top:0px; z-index:3;
|
|
font-size:11px; line-height:60px; text-decoration: underline; text-transform:lowercase;
|
|
opacity:0.5;
|
|
}
|
|
|
|
#lang:hover {
|
|
opacity:1;
|
|
}
|
|
|
|
#lang select {
|
|
display:none;
|
|
}
|
|
|
|
#lang:hover select {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* logout */
|
|
input[name="logout"] {
|
|
position:fixed; right:15px; top:22px;
|
|
}
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
/*
|
|
@group Content: main
|
|
*/
|
|
|
|
|
|
#content {
|
|
margin:0; padding:155px 0 50px 0;
|
|
position: static; float:left; margin-left:25%;
|
|
width:75%;
|
|
}
|
|
|
|
#content > * {
|
|
margin-left:20px; margin-right:20px;
|
|
}
|
|
|
|
|
|
#content h2 {
|
|
margin:0; padding:0;
|
|
position:fixed; left:25%; top:0; margin-left:-1px;
|
|
width:75%;
|
|
border-bottom: 1px solid #bbb;
|
|
background-color:#efefef; background-color:rgba(240,240,240,0.9);
|
|
font-weight:bold; line-height:60px; text-indent:20px;
|
|
}
|
|
|
|
/* breadcrumbs */
|
|
#breadcrumb {
|
|
margin:0; padding:0;
|
|
position:absolute; top:75px; left:25%;
|
|
background:url() no-repeat;
|
|
text-indent: 20px;
|
|
}
|
|
|
|
/* Dump link */
|
|
#menu .logout a {
|
|
margin:0; padding:2px 4px;
|
|
position:absolute; left:25%; top:110px;
|
|
border-radius:3px;
|
|
background-color:#053AC0; color:#fff; margin-left:120px; text-transform: uppercase; font-size:11px; text-decoration: none;
|
|
}
|
|
|
|
/* SQL command link */
|
|
body #menu .logout a[href$="sql="] {
|
|
margin-left: 20px;
|
|
background-color:green;
|
|
}
|
|
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
/*
|
|
@group Content: details
|
|
*/
|
|
|
|
|
|
|
|
#content p > a {
|
|
margin-right:1ex;
|
|
color: #333;
|
|
}
|
|
|
|
#content p > a[href$="&database="],
|
|
#content p > a[href*="&edit="] {
|
|
color:green !important;
|
|
|
|
}
|
|
|
|
/*
|
|
@group Messages
|
|
*/
|
|
|
|
.message {
|
|
background-color:#D0EE76;
|
|
color:#000;
|
|
}
|
|
|
|
.error {
|
|
background-color:#fbb;
|
|
color: #000;
|
|
}
|
|
|
|
.message a,
|
|
.error a {
|
|
margin-left:1em;
|
|
color:#000; opacity:0.5; font-size:smaller;
|
|
}
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
|
|
|
|
#menu p {
|
|
padding:20px; /* wtf? */
|
|
}
|
|
|
|
#menu form + form p:before {
|
|
content:'DB:'; font-size:11px;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
@group Tables
|
|
*/
|
|
|
|
table {
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
table thead tr > * {
|
|
padding:5px;
|
|
border-color:#ccc;
|
|
border-bottom:2px solid #ccc;
|
|
background-color:#f2f2f2;
|
|
text-align: left; font-weight:bold;
|
|
}
|
|
|
|
thead a {
|
|
color:#333; text-decoration: none;
|
|
}
|
|
|
|
body thead tr:hover > * {
|
|
background-color:#f2f2f2;
|
|
}
|
|
|
|
body tbody tr:hover > * {
|
|
background-color:#f2f7ff;
|
|
}
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
|
|
/*
|
|
@group Pagination
|
|
*/
|
|
|
|
#content .pages {
|
|
margin:1em 0 2em;
|
|
}
|
|
|
|
#content .pages a {
|
|
padding:3px 5px; margin:0 1px;
|
|
border:1px solid #eee;
|
|
text-decoration:none; color: #000;
|
|
}
|
|
|
|
#content .pages a:hover {
|
|
background-color:#eee;
|
|
border-color: #fff;
|
|
}
|
|
|
|
|
|
/*
|
|
@end
|
|
*/
|
|
/*
|
|
@end
|
|
*/ |