1
0
Fork 0
MySQLDumper/public/css/msd/style.css
JanRei 65bfb9743b - No hover effects for disabled elements
- Use full table width for notice about empty database
2011-07-15 17:23:08 +00:00

1063 Zeilen
17 KiB
CSS

/**************************/ /*Basics, Colors & Typography*/ /**************************/
* {
margin: 0px;
padding: 0px;
border: 0px;
}
html {
text-align: left;
overflow: auto;
height: 101%;
}
body {
min-width: 782px;
min-height: 100%;
font-size: 62.5%; /*Resets 1em to 10px*/
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: normal;
color: #000;
text-align: left;
padding:0;
margin:0;
}
#page-loader {
position: absolute;
left: 50%;
top: 50%;
display:none;
}
.hidden {
display:none;
}
h1 {
margin: 0 0 20px 0;
font-size: 2.4em;
font-weight: normal;
color: #256777;
}
h2 {
margin: 0 0 0.92em 0;
padding: 4px 0px 3px 0px;
font-size: 2.2em;
font-weight: normal;
color: #256777;
border-bottom: 1px solid #c7c7c7;
}
h3 {
margin: 0 0 12px 0;
padding: 3px 0px 0px 4px;
font-size: 1.8em;
font-weight: normal;
color: #256777;
background: url(pics/bg-headings.gif) repeat-x;
}
h4 {
margin: 0 0 0.8em 0;
padding: 0px 4px;
font-size: 1.5em;
color: #256777;
}
p {
margin-bottom: 1.5em;
padding-left: 4px;
font-size: 1.2em;
/* line-height: 0.5em; */
}
a {
color: #256777;
text-decoration: none;
}
a:hover {
color: #e87b00;
text-decoration: none;
}
a[disabled] {
cursor: default;
}
img {
display: inline;
border: 0px;
}
/*IE4, IE5, IE5.5, IE6 PNG-Fix
* html img {
behavior: url(pngfix/iepngfix.htc);
}
*/ /*IE7 PNG-Fix
* + html img {
behavior: url(pngfix/iepngfix.htc);
}
*/ /**********/ /*Container*/ /**********/
#container {
float: left;
min-width: 100%;
width: auto;
padding-bottom: 10px;
border-top: 5px solid #256777;
background: #fff url(pics/bg-body.gif) repeat-x 0 0;
}
#header {
width: auto;
margin: 0px auto;
padding: 0px 18px;
text-align: center;
}
#sidebar {
float: left;
min-width: 190px;
width: 19em;
}
#content {
clear: right;
width: auto;
margin-left: 19em;
padding: 0px 18px;
}
* html #content {
float: left;
margin-left: 0px;
}
*+html #content {
float: left;
margin-left: 0px;
}
*+html #content h2 {
min-width: 100%;
}
#fullcontent {
width: auto;
margin: 0px auto;
padding: 0px 18px;
text-align: center;
}
#footer {
clear: both;
width: auto;
margin: 0px auto;
text-align: center;
}
#footer h4 {
margin: 0px;
}
/*******/ /*Menu*/ /*******/
ul.menu {
margin: 0px;
padding: 0px;
font-size: 1em;
list-style: none;
}
ul.menu li {
border-bottom: 1px solid #ddd;
}
ul.menu a {
padding: 0.35em 0.85em;
font-size: 1.2em;
line-height: 2.0em;
outline: none;
display: block;
}
ul.menu img { padding:2px 8px 0 0;float:left;}
#tabs ul li a img,
#breadcrumb ul li a img,
#headnavi ul li a img {
padding:0px 6px 0px 0px;float:left;
}
ul.menu a:hover {
background: #eee;
}
ul.menu li.active {
border-bottom: 1px solid #256777;
}
ul.menu li.active a,ul.menu li.active a:hover {
font-weight: bold;
color: #e87b00;
background: transparent;
}
/******/ /*Lists*/ /******/
ul {
margin-bottom: 1.5em;
padding-left: 18px;
font-size: 1.2em;
line-height: 1.5em;
list-style-type: disc;
}
/********/ /*Tables*/ /********/
table {
/* margin-bottom: 1.5em; */
color: #000;
}
.row-even {
background-color: #fcfdfd;
}
.row-odd {
background-color: #f8fafb;
}
.row-highlight {
background-color: #f9f3ed;
}
.row-even:hover,
.row-odd:hover,
.row-highlight:hover {
background-color:#EEE;
}
/************/ /*Formbuttons*/ /************/
a.Formbutton {
display: inline-block;
width: auto;
height: 16px;
margin: 0px 6px 20px 0px;
padding: 3px 6px;
font: 13px verdana, arial, sans-serif;
color: #e87b00;
border: 1px solid #ddd;
background: url(pics/bg-buttons.gif) repeat-x;
white-space: nowrap;
text-decoration: none;
}
button.Formbutton {
width: auto;
height: 24px;
/* margin: 0px 6px 20px 0px; */
padding: 0px 6px;
font: 13px verdana, arial, sans-serif;
color: #e87b00;
border: 1px solid #ddd;
background: url(pics/bg-buttons.gif) repeat-x;
vertical-align: top;
overflow: visible;
white-space: nowrap;
cursor: pointer;
}
input.Formbutton {
width: auto;
height: 24px;
margin: 0px 6px 20px 0px;
padding: 0px 6px;
font: 13px verdana, arial, sans-serif;
color: #e87b00;
border: 1px solid #ddd;
background: url(pics/bg-buttons.gif) repeat-x;
vertical-align: top;
overflow: visible;
white-space: nowrap;
cursor: pointer;
}
ul.Formbutton {
margin: 0px;
padding: 0px;
font-size: 1em;
list-style: none;
}
ul.Formbutton li {
display: inline;
}
select.Formbutton {
width: auto;
margin: 0px 6px 0px 0px;
}
td .Formbutton {
margin: 0px 6px 0px 0px;
}
th .Formbutton {
margin: 6px;
}
.buttonBar {
height: 20px;
margin: 5px 0px 10px 0px;
}
.buttonBar .Formbutton {
margin: 0px !important;
}
div.toggleBar {
width: 25px;
}
/*Firefox , Safari , not IE8*/
#html#body,a.Formbutton {
margin: 0px 6px 1.5em 0px;
}
/*IE7*/
*+html a.Formbutton {
margin: 0px 6px 20px 0px;
}
/*Firefox , Safari , not IE8*/
#html#body,button.Formbutton {
/* margin: 0px 6px 1.5em 0px; */
padding: 0px 3px 2px 3px;
}
/*IE4 , IE5 , IE5.5 , IE6*/
* html button.Formbutton {
padding: 0px 5px;
}
/*IE7*/
*+html button.Formbutton {
margin: 0px 6px 20px 0px;
padding: 0px 5px;
}
/*Firefox , Safari , not IE8*/
#html#body,input.Formbutton {
margin: 0px 6px 1.5em 0px;
padding: 0px 3px 2px 3px;
}
/*IE4 , IE5 , IE5.5 , IE6*/
* html input.Formbutton {
padding: 0px 5px;
}
/*IE7*/
*+html input.Formbutton {
margin: 0px 6px 20px 0px;
padding: 0px 5px;
}
.Formbutton img {
margin: 0px 6px 0px 2px;
padding: 0px 0px 3px 0px;
border: 0px;
vertical-align: middle;
display: inline;
}
button.Formbutton img {
padding: 0px 0px 1px 0px;
}
/*IE4 , IE5 , IE5.5 , IE6*/
* html .Formbutton img {
padding: 0px;
}
/*IE7*/
*+html .Formbutton img {
padding: 0px;
}
a.Formbutton:hover,button.Formbutton:hover,input.Formbutton:hover {
color: #256777 !important;
}
.Formbutton:disabled,.Formbutton:disabled:hover {
color: #888 !important;
cursor: default;
}
/********** breadcrumb *******/
#breadcrumb ul {
list-style: none;
padding: 0 0 12px 0;
margin: 0;
}
#breadcrumb ul li,
#breadcrumb ul li a {
float: left;
padding: 0 6px 0 0;
margin: 0;
vertical-align: middle;
}
/**********/ /*Messages*/ /**********/
.message {
display: inline-block;
padding: 6px;
font-size: 1.2em;
border: 1px solid #ff0000;
background: #ffff00 url(pics/truck_bg.png) no-repeat;
background-position: right;
z-index: 1;
}
.message div.Growler-notice-exit {
float: right;
cursor: pointer;
margin: 0px;
background: transparent;
}
.message div.Growler-notice-body {
padding: 6px 82px 6px 6px;
}
.message div.Growler-notice-head {
padding: 6px;
}
/*------------------*/ /*old CSS Build*/ /*-----------------*/
#version {
font-size: 1.1em;
color: #4E5665;
text-align: center;
}
#version a:hover {
color: #4E5665;
}
#menu {
margin: 1px 0px 23px 0px;
}
#server0 {
position: fixed;
bottom: 4px;
text-align: center;
left: 10px;
color: #000;
}
#server1 {
position: absolute;
right: 16px;
text-align: center;
top: 10px;
z-index: 1;
}
label {
cursor: pointer;
}
a.ul {
text-decoration: underline;
}
.small {
font-size: 0.9em !important;
}
.ssmall {
font-size: 0.8em !important;
}
td.small {
font-size: 11px !important;
}
td.ssmall {
font-size: 10px !important;
}
.vmiddle {
vertical-align: middle;
}
.success {
color: green;
font-weight: bold;
}
.error {
color: #E87B00;
background-color: yellow;
font-weight: bold;
}
.inputError {
border: 2px solid #E87B00 !important;
}
.explain {
text-decoration: none;
border-bottom: 1px dotted;
}
.explain:hover {
cursor: help;
}
.active_db {
font-weight: bold;
border-bottom: 1px dotted;
color: #9AA2B1;
}
table {
color: #000;
}
table.bdr,.bdr {
border: 1px solid #ddd !important;
/* border-collapse: collapse !important; */
}
#fullcontent table.bdr {
margin: 0px auto;
}
table td {
text-align: left;
vertical-align: top;
padding: 0 6px;
font-size: 12px;
}
table .center {
text-align: center;
}
table th {
padding: 4px 6px;
}
table th.toggle {
padding: 4px 6px;
text-align: center;
}
fieldset {
margin: 0px;
margin-bottom: 12px;
padding: 5px;
border: 1px solid #ddd;
color: #256777;
}
body.content legend {
font-weight: bold;
color: #256777;
}
body.menu fieldset p {
margin: 5px 0 0;
text-align: center;
}
/* MAIN */
#topnavi {
list-style: none;
margin: 10px 0 20px;
}
#topnavi li {
float: left;
margin-right: 6px;
}
#topnavi li a {
float: left;
font: 1.1em verdana, arial, sans-serif;
border: 1px solid #ddd;
background: url(pics/bg-buttons.gif) repeat-x;
color: #E87B00;
padding: 3px 6px;
vertical-align: bottom;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
#topnavi li a span {
color: #256777;
}
#topnavi li a:hover {
color: #256777;
}
#topnavi li a:hover span {
color: #E87B00;
}
/*Tabellen */
.row-even {
background: #FCFDFD;
}
.row-odd {
background: #F8FAFB;
}
table tr.row-even a,table tr.row-odd a,table tr.row-highlight a {
margin: 0px 3px 0px 0px;
}
.row-highlight {
background: #F9F3ED;
color: #000;
}
.row-highlight a:hover {
color: #E87B00;
}
.treffer {
background: #000;
}
/* Treffer bei der MySQL-Suche */
table tr.row-even .treffer,table tr.row-odd .treffer {
color: yellow;
background-color: #E87B00;
}
table.border {
border: 1px solid #738C88;
}
table td.sum {
border-top: 1px solid #CCC;
font-weight: bold;
}
table tr.thead th,table tr.thead td {
background: url(pics/bg-buttons.gif) repeat-x;
border: 1px solid #ddd;
color: #256777;
vertical-align:middle;
}
.tdcompact {
width: 100px;
height: 16px;
overflow: hidden;
font-size: 11px;
}
.tdnormal {
white-space: nowrap;
padding: 1px;
}
.sqlheadmenu a {
}
td a.Formbutton,td button.Formbutton,td input.Formbutton {
float: none;
margin: 0px 6px 0px 0px;
display: inline-block;
}
input.Formtext {
background: url(pics/bg-buttons.gif) repeat-x;
float: left;
width: auto;
margin: 2px 6px 0px 0px;
padding: 1px 2px;
border: 1px solid #ddd;
color: #000;
overflow: hidden;
cursor: text;
}
#content .SQLbutton {
font-size: 11px;
background: #E4E9E8;
cursor: pointer;
}
/* htaccess edit area */
#content textarea {
width: 100%;
background: #FFF;
border: 1px solid #ddd;
overflow: auto;
}
#content textarea.hta_content {
border: 0px;
}
input.radio,input.checkbox {
background-color: transparent;
}
/* margins and paddings for input elements */
.radio,.checkbox,.text,.select,.margin {
margin: 2px 4px 2px 4px;
}
.noleftmargin {
margin-left: 0px !important;
}
/* options in select lists */
option {
padding: 0px 6px 0 6px;
border-bottom: 1px solid #eee;
}
/* save button at left site in configuration screen */
.save-button {
float: left;
padding-top: 12px;
}
/* Colors for Formelements */
input.text,input.small {
padding: 1px 2px;
border: 1px solid #256777;
background: #fff;
color: #000;
}
input.text:disabled {
border-color: #cccccc;
}
select {
padding: 1px;
border: 1px solid #7F9DB9;
background: #FFF;
color: #000;
font-size: 11px;
}
textarea {
background: #B3C2C0;
color: #4E5665;
}
/* disabled textarea when editign rows in SQLBrowser */
.off {
background-color: #ccc !important;
}
/* for Geckos */
input[disabled] {
color: #888 !important;
}
/* special elements */
.MySQLbox {
font-size: 10pt;
padding: 0px;
background: #000;
color: #fff;
border: thin solid #999999;
height: 200px;
width: 100%;
text-align: left;
overflow: auto;
}
#content #sqlheaderbox,.sqlbox-warning {
width: 100%;
padding: 6px 0px;
background: url(pics/bg-buttons.gif) repeat-x;
border: 1px solid #ddd;
color: #256777;
white-space: nowrap;
vertical-align: top;
}
#sqlheaderbox .Formbutton {
line-height: 14px;
margin: 0px 6px 0px 0px;
}
#sqltextarea {
width: 100% !important;
margin-right: 30px !important;
border: 1px solid #ddd;
overflow: auto;
}
#content #sqleditbox {
border: 1px solid #738C88;
background: #EEEEEE;
margin-bottom: 10px;
}
#content #sqleditbox form {
margin: 10px;
}
#content #sqleditbox p {
background: #A5B6B4;
font-weight: bold;
text-align: center;
}
#content #sqlnewbox {
border: 1px solid #738C88;
background: #E4E9E8;
}
#content #sqlnewbox p {
background: #A5B6B4;
font-weight: bold;
text-align: center;
}
#content #sqloutbox {
font-size: 11px;
width: 700px;
padding: 6px;
background: #D5DDDC;
border: 1px solid #738C88;
overflow: auto;
}
#content p.autodel {
font-size: 11px;
border-bottom: 1px dashed #fff;
margin-bottom: 12px;
}
#content .Logbox {
font: 12px/ 1.2 "Courier New", Courier, monospace;
padding: 6px;
border: 1px solid #ddd;
height: 320px;
width: 90%;
text-align: left;
overflow: auto;
}
#content .Logbox span {
color: #738C88;
}
#content .backupmsg {
padding-left: 20px;
font-size: 11px;
}
#content .backupmsg .success,#content .backupmsg a {
color: #999;
font-size: 11px;
}
#content .backupmsg .error {
color: red;
}
.panel, .block {
display: block;
}
#selectConfig {
margin: 0px 6px;
width: 180px;
height: 196px;
}
pre { font-size:12px; color:#000; }
#ilog {
border: 1px solid #ddd !important;
padding: 12px;
background-color: #fcfcfc;
}
.center {
margin: 0px auto;
text-align: center;
}
.left {
text-align: left;
}
.floatLeft {
float:left;
}
.right {
text-align: right;
}
.middle {
vertical-align: middle;
}
.inputsize-middle {
width: 90px;
}
.nowrap {
white-space: nowrap;
}
.nodisplay {
display: none;
}
/* Installation */
#fullcontent .bdr td {
border: 1px solid #ddd;
vertical-align: middle;
}
#close_button {
position: absolute;
width: 100px;
left: 230px;
bottom: 4px;
}
.paginationPages {
float: right;
font-size: 13px;
margin-top: 3px;
width: 88%;
}
#logout {
position: absolute;
top: 10px;
right: 20px;
height: 20px;
width:300px;
vertical-align: middle;
}
#icon {
position: relative;
float:right;
padding:3px 2px 0 0;
margin:0;
}
#username {
position:relative;
padding: 0;
margin: 0;
top: 4px;
float:right;
}
/* used for invisble elements */
.invisible {
display:none;
}
#fadeMenuOut {
display:none;
position:absolute;
width:25px;
float:left;
top:126px;
left:0px;
z-index:0;
cursor:pointer;
}
#fadeMenuIn {
display:none;
position:absolute;
width:25px;
top:126px;
left:0px;
z-index:0;
cursor:pointer;
}
/* Tooltips that are generated from title tag */
span.tooltip {
cursor:default;
}
span.tooltip-text {
display:none;
position:absolute;
font-size:11px;
font-weight:bold;
padding:6px;
margin: 0;
color:#256777;
border:1px solid #e87b00;
background:#FFF url(pics/bg-buttons.gif) repeat-x;
}
/* used for styling of phpinfo output */
#phpinfo * { font-family: arial, sans-serif; font-size:14px; }
#phpinfo pre {margin: 0px; font-family: monospace;}
#phpinfo a { color:#000;}
#phpinfo a:link {color: #000000; text-decoration: none; background-color: #ffffff;}
#phpinfo a:hover {text-decoration: underline;}
#phpinfo table {border-collapse: collapse;}
#phpinfo .center {text-align: center;}
#phpinfo .center table { margin-left: auto; margin-right: auto; text-align: left;}
#phpinfo .center th { text-align: center !important; }
#phpinfo td, th { border: 1px solid #000000; padding:4px; vertical-align: baseline;}
#phpinfo th { background: url(../msd/pics/bg-body.gif) repeat-x;}
#phpinfo h1 {font-size: 150%;width:800px;}
#phpinfo h2 { border:0;width:800px;background: url(../msd/pics/bg-headings.gif) repeat-x;}
#phpinfo h2 a {font-size: 22px; color:#00618B;}
#phpinfo .p {text-align: left; color:#000; font-weight:bold; font-size:26px;}
#phpinfo .e {background-color: #DDD; font-weight: normal; color: #B84B00;
background: url(../msd/pics/bg-body.gif) repeat-x; white-space: nowrap;}
#phpinfo .h {background-color: #00618B; font-weight: bold; color: #000000;}
#phpinfo .v {background-color: #EEEEEE; color: #000000;background: url(../msd/pics/bg-headings.gif) repeat-x;}
#phpinfo .vr {background-color: #EEEEEE; text-align: right; color: #000000;}
#phpinfo img {float: right; border: 0px;}
#phpinfo hr {width: 800px; background-color: #EEEEEE; border: 0px; height: 1px; color: #000000;}
/* used for password strength */
#scorebar {
background-image: url(../msd/pics/bg_strength_gradient.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 100px;
height: 18px;
padding: 0px;
border: 0px;
margin: 0px;
}
#scorebardiv {
width: 100px;
border: 1px solid #cccccc;
background: #fff;
height: 18px;
margin: 2px 4px 2px 4px;
color: #000;
}
.pointer {
cursor:pointer;
}
/*
* jQuery UI overrides.
*/
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; }
.ui-autocomplete-input { width: 30px; margin: 0; padding: 0.48em 0 0.47em 0.45em; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; background-color: white; border: 1px solid #E8E8E8; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }