674 Zeilen
9.7 KiB
CSS
674 Zeilen
9.7 KiB
CSS
/* MySQLDumper STYLESHEET
|
||
|
||
Name: msd_green
|
||
|
||
*/
|
||
*,.normargin {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
img {
|
||
border: 0;
|
||
}
|
||
|
||
body {
|
||
font: 12px/1.5 Verdana, Helvetica, sans-serif;
|
||
color: #4E5665;
|
||
background: #C7D1D0;
|
||
}
|
||
|
||
.menu-frame {
|
||
font: 12px/1.5 Verdana, Helvetica, sans-serif;
|
||
background-color: #738C88;
|
||
color: #eee;
|
||
}
|
||
|
||
/* LINKS */
|
||
a {
|
||
color: #4E5665;
|
||
text-decoration: underline;
|
||
font: 12px verdana, sans-serif
|
||
}
|
||
|
||
a:hover {
|
||
color: #E87B00;
|
||
text-decoration: none
|
||
}
|
||
|
||
a.ul {
|
||
text-decoration: underline;
|
||
}
|
||
|
||
/* general */
|
||
#pagetitle {
|
||
font-size: 1.5em;
|
||
font-weight: bold;
|
||
background: url(pics/pagetitle.gif);
|
||
background-repeat:repeat-x;
|
||
letter-spacing: 2px;
|
||
color:white;
|
||
padding: 2px 6px;
|
||
border-bottom:1px solid #A9AFBB;
|
||
height:26px;
|
||
overflow:hidden;
|
||
}
|
||
|
||
#server0 {
|
||
position: absolute;
|
||
bottom: 4px;
|
||
text-align: center;
|
||
left: 10px;
|
||
color: white;
|
||
}
|
||
|
||
#server1 {
|
||
position: absolute;
|
||
right: 16px;
|
||
text-align: center;
|
||
padding: 10px;
|
||
}
|
||
|
||
a.server {
|
||
color: #333333;
|
||
font-size: 10px;
|
||
}
|
||
|
||
a.server:hover {
|
||
text-decoration: underline;
|
||
color: white;
|
||
}
|
||
|
||
.version {
|
||
display: block;
|
||
position: absolute;
|
||
top: 32px;
|
||
left:0;
|
||
width:190px;
|
||
z-index: 5;
|
||
text-align: center;
|
||
font-size: 11px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.small {
|
||
font-size: 11px;
|
||
}
|
||
|
||
.ssmall {
|
||
font-size: 10px;
|
||
}
|
||
|
||
.success {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.error {
|
||
color: red;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.explain {
|
||
text-decoration: none;
|
||
border-bottom: 1px dotted;
|
||
}
|
||
|
||
.explain:hover {
|
||
cursor: help;
|
||
}
|
||
|
||
.active_db {
|
||
font-weight: bold;
|
||
border-bottom: 1px dotted;
|
||
color: #9AA2B1;
|
||
}
|
||
|
||
table td {
|
||
text-align: left;
|
||
vertical-align: top;
|
||
padding: 0 6px;
|
||
}
|
||
|
||
table th {
|
||
padding: 0 6px;
|
||
}
|
||
|
||
table.bdr,.bdr {
|
||
border: 1px solid #ddd !important;
|
||
border-collapse: collapse !important;
|
||
}
|
||
|
||
/* MENU */
|
||
#wrapmenu {
|
||
background: url(pics/pagetitle.gif) #A9AFBB;
|
||
background-repeat: repeat-x;
|
||
}
|
||
|
||
#db-select {
|
||
font: 12px Verdana, Helvetica, sans-serif;
|
||
color: #4E5665;
|
||
background: #A9AFBB;
|
||
}
|
||
|
||
#menu {
|
||
margin:0px;
|
||
top:0px;
|
||
border-top:1px solid #A9B0BD;
|
||
background: url(pics/navi_bg.jpg) no-repeat;
|
||
text-align: center;
|
||
background-color: #738C88;
|
||
height: 100%;
|
||
}
|
||
|
||
#menu ul {
|
||
margin-top: 174px;
|
||
padding: 0;
|
||
list-style: none;
|
||
border-top: 1px solid #9AA2B1
|
||
}
|
||
|
||
#menu ul li {
|
||
height: 20px;
|
||
}
|
||
|
||
#menu ul li a {
|
||
display: block;
|
||
position: relative; /*fuer den ie*/
|
||
font: 11px/20px verdana, sans-serif;
|
||
text-decoration: none;
|
||
color: #4E5665;
|
||
background: url(pics/mainnavi.gif) repeat-x 0 -20px;
|
||
padding: 0 15px;
|
||
height: 20px;
|
||
text-align: left;
|
||
}
|
||
|
||
#menu ul li a:hover {
|
||
color: #fff;
|
||
background: url(pics/mainnavi.gif) repeat-x 0 0px;
|
||
}
|
||
|
||
/*der aktive link in der navi*/
|
||
#menu ul li.active a {
|
||
font-weight: bold;
|
||
color: #fff;
|
||
background: url(pics/mainnavi.gif) repeat-x 0 -40px;
|
||
display: block;
|
||
}
|
||
|
||
#menu p,#menu p a {
|
||
color: #fff;
|
||
line-height: 1.5;
|
||
font-size: 11px;
|
||
}
|
||
|
||
table.bdr,.bdr {
|
||
border: 1px solid #4E5665 !important;
|
||
border-collapse: collapse !important;
|
||
}
|
||
|
||
#db-selectbox,#config-selectbox {
|
||
position: relative;
|
||
top: 0px;
|
||
width: 190px;
|
||
background: transparent;
|
||
text-align: center;
|
||
font: 11px/1.5 Verdana, Helvetica, sans-serif;
|
||
color: white;
|
||
}
|
||
|
||
#db-selectbox a,#config-selectbox a {
|
||
font: 11px/1.5 Verdana, Helvetica, sans-serif;
|
||
color: white;
|
||
text-decoration: underline;
|
||
}
|
||
|
||
#db-selectbox a:hover,#config-selectbox a:hover {
|
||
text-decoration: none
|
||
}
|
||
|
||
fieldset {
|
||
margin: 10px;
|
||
padding: 5px;
|
||
border: 1px solid #ddd;
|
||
color: #256777;
|
||
}
|
||
|
||
body.content legend {
|
||
font-weight: bold;
|
||
}
|
||
|
||
body.menu fieldset p {
|
||
margin: 5px 0 0;
|
||
text-align: center;
|
||
}
|
||
|
||
#configSelect legend,#dbSelect legend,#dbSelect a {
|
||
font: 11px/1.5 Verdana, Helvetica, sans-serif;
|
||
color: #eee;
|
||
}
|
||
|
||
/* MAIN */
|
||
#topnavi {
|
||
list-style: none;
|
||
margin: 10px 0 20px;
|
||
padding: 5px 0px;
|
||
}
|
||
|
||
#topnavi li {
|
||
float: left;
|
||
margin-right: 6px;
|
||
}
|
||
|
||
#topnavi li a {
|
||
float: left;
|
||
font: 0.8em verdana, arial, sans-serif;
|
||
border: 1px solid #4E5665;
|
||
background-color: #A9B2B1;
|
||
color: #4E5665;
|
||
margin: 3px;
|
||
padding: 3px 23px 4px 23px;
|
||
cursor: pointer;
|
||
text-decoration: none;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
#topnavi li a span {
|
||
display: none;
|
||
}
|
||
|
||
#content {
|
||
margin-left: 12px;
|
||
background-color:#C7D1D0;
|
||
}
|
||
|
||
#content p {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
/*Tabellen */
|
||
table tr.dbrow {
|
||
background: #E4E9E8;
|
||
}
|
||
|
||
table tr.dbrow1 {
|
||
background: #D5DDDC;
|
||
}
|
||
|
||
table tr.dbrowsel {
|
||
background: #fff;
|
||
}
|
||
|
||
table td.treffer {
|
||
background: #000;
|
||
}
|
||
|
||
/* Treffer bei der MySQL-Suche */
|
||
table tr.dbrow .treffer,table tr.dbrow1 .treffer {
|
||
color: yellow;
|
||
background-color: #738C88;
|
||
}
|
||
|
||
table.bordersmall,table.border {
|
||
border: 2px solid #738C88;
|
||
width: 84%;
|
||
}
|
||
|
||
table.border th,table.bordersmall th {
|
||
font-size: 11px;
|
||
color: #738C88;
|
||
}
|
||
|
||
table tr.thead th,table tr.thead td {
|
||
background-color: #A5B6B4;
|
||
color: #738C88;
|
||
border: 1px solid #738C88;
|
||
}
|
||
|
||
table.border tr.thead,table.bordersmall tr.thead {
|
||
height: 24px;
|
||
}
|
||
|
||
table td.sum {
|
||
background-color: red;
|
||
font-weight: bold;
|
||
text-align: right;
|
||
}
|
||
|
||
table
|
||
.bordersmall
|
||
|
||
input
|
||
,
|
||
table
|
||
.bordersmall
|
||
|
||
select
|
||
,
|
||
table
|
||
.bordersmall
|
||
|
||
td
|
||
,
|
||
#sqlheaderbox
|
||
|
||
select
|
||
,
|
||
{
|
||
border
|
||
:
|
||
|
||
1
|
||
px
|
||
|
||
solid
|
||
|
||
#738C88
|
||
;
|
||
|
||
|
||
font-size
|
||
:
|
||
|
||
11
|
||
px
|
||
;
|
||
|
||
|
||
}
|
||
.tdcompact {
|
||
width: 100px;
|
||
height: 16px;
|
||
overflow: hidden;
|
||
font-size: 11px;
|
||
}
|
||
|
||
.tdnormal {
|
||
white-space: nowrap;
|
||
padding: 4px;
|
||
}
|
||
|
||
.sqlheadmenu a {
|
||
|
||
}
|
||
|
||
/* FORM-Elements */
|
||
#content .Formbutton,#content .Formtext {
|
||
white-space: nowrap;
|
||
margin: 6px;
|
||
font: 10px verdana, sans-serif;
|
||
border: 1px solid #4E5665;
|
||
background: #A9B2B1;
|
||
color: #4E5665;
|
||
padding: 2px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#content .SQLbutton {
|
||
font-size: 11px;
|
||
background: #E4E9E8;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#content textarea #thta {
|
||
font-size: 11px;
|
||
color: blue;
|
||
width: 400px;
|
||
height: 300px;
|
||
overflow: scroll;
|
||
}
|
||
|
||
#content textarea {
|
||
width: 100%;
|
||
background: #B3C2C0;
|
||
}
|
||
|
||
input.radio,input.checkbox {
|
||
background-color: transparent;
|
||
}
|
||
|
||
/* Colors for Formelements */
|
||
input.text,input.small {
|
||
background: #B3C2C0;
|
||
color: #4E5665;
|
||
}
|
||
|
||
select {
|
||
background: #B3C2C0;
|
||
color: #4E5665;
|
||
}
|
||
|
||
textarea {
|
||
background: #B3C2C0;
|
||
color: #4E5665;
|
||
}
|
||
|
||
/* for Geckos */
|
||
input[disabled] {
|
||
color: #888;
|
||
}
|
||
|
||
/*horizontales Men<65> */
|
||
#hormenu {
|
||
|
||
}
|
||
|
||
#hormenu ul {
|
||
border-bottom: thin solid #D5DDDC;
|
||
margin-bottom: 8px;
|
||
width: 80%;
|
||
}
|
||
|
||
#hormenu ul li {
|
||
display: inline;
|
||
}
|
||
|
||
#hormenu ul li a {
|
||
font: 11px/20px verdana, sans-serif;
|
||
text-decoration: none;
|
||
color: #4E5665;
|
||
padding: 0 14px;
|
||
border: 0;
|
||
}
|
||
|
||
#hormenu ul li a:hover {
|
||
color: #E87B00;
|
||
}
|
||
|
||
#hormenu ul li#active a {
|
||
font: bold 11px/20px verdana, sans-serif;
|
||
text-decoration: none;
|
||
color: #E87B00;
|
||
float: left;
|
||
padding: 0 14px;
|
||
}
|
||
|
||
#hormenu ul li#active a:hover {
|
||
color: #E87B00;
|
||
}
|
||
|
||
/* spezielle Elemente */
|
||
.MySQLbox {
|
||
font-size: 10pt;
|
||
padding: 6px;
|
||
background: #000;
|
||
color: #fff;
|
||
border: thin solid #999999;
|
||
height: 200px;
|
||
width: 80%;
|
||
text-align: left;
|
||
overflow: auto;
|
||
}
|
||
|
||
#content #mysqlbox {
|
||
border: 1px solid #738C88;
|
||
background: #D5DDDC;
|
||
}
|
||
|
||
#content #sqlheaderbox,.sqlbox-warning {
|
||
white-space: nowrap;
|
||
vertical-align: top;
|
||
padding: 8px;
|
||
border: 1px solid #738C88;
|
||
color: #256777;
|
||
line-height: 22px;
|
||
}
|
||
|
||
#sqlheaderbox .Formbutton {
|
||
line-height: 12px;
|
||
padding: 2px;
|
||
margin: 0px;
|
||
}
|
||
|
||
#sqltextarea {
|
||
width: 100% !important;
|
||
overflow: auto;
|
||
background-color: #B3C2C0;
|
||
}
|
||
|
||
#content #sqlheaderbox {
|
||
white-space: nowrap;
|
||
height: 20px;
|
||
vertical-align: middle;
|
||
padding-top: 2px;
|
||
}
|
||
|
||
#content #sqleditbox {
|
||
border: 1px solid #738C88;
|
||
background: #E4E9E8;
|
||
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;
|
||
height: 240px;
|
||
}
|
||
|
||
#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: thin solid #738C88;
|
||
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;
|
||
}
|
||
|
||
/* TEXT */
|
||
h1 {
|
||
font-size: 16px;
|
||
}
|
||
|
||
h5 {
|
||
font-size: 14px;
|
||
margin: 12px 0;
|
||
}
|
||
|
||
h6 {
|
||
font-size: 11px;
|
||
background: #D1D4DC;
|
||
border: 1px solid #9AA2B1;
|
||
text-indent: 12px;
|
||
margin: 8px 0;
|
||
}
|
||
|
||
/* Config */
|
||
#configleft {
|
||
float: left;
|
||
width: 160px;
|
||
margin-top: 24px;
|
||
}
|
||
|
||
#configleft .Formbutton {
|
||
width: 130px;
|
||
margin: 8px 0;
|
||
}
|
||
|
||
#configleft .ConfigButton {
|
||
width: 130px;
|
||
font-size: 11px;
|
||
background: #E4E9E8;
|
||
}
|
||
|
||
#configleft .ConfigButtonSelected {
|
||
width: 130px;
|
||
font-size: 11px;
|
||
background: #D5DDDC;
|
||
}
|
||
|
||
#configright {
|
||
font-size: 11px;
|
||
margin-left: 160px;
|
||
}
|
||
|
||
#configright fieldset {
|
||
border: 1px solid #D5DDDC;
|
||
padding: 12px;
|
||
width: 90%;
|
||
}
|
||
|
||
#configright legend {
|
||
color: #646968;
|
||
margin: 8px 0;
|
||
}
|
||
|
||
#footer {
|
||
font-size: 11px;
|
||
text-align: center;
|
||
border-top: 1px dashed #eee;
|
||
margin-top: 36px;
|
||
}
|
||
|
||
#footer a {
|
||
font-size: 11px;
|
||
} |