906 Zeilen
13 KiB
CSS
906 Zeilen
13 KiB
CSS
|
/************************************************************************************************************************
|
||
|
|
@MySQLDumper STYLESHEET
|
||
|
|
@name msd
|
||
|
|
@author Ingo Wagener <http://www.vorderdeck.de>, Daniel Schlichtholz, Christian Gresshoener <http://www.gresshoener.de>
|
||
|
|
@copyright MySQLDumper - Daniel Schlichtholz <http://www.mysqldumper.de>
|
||
|
|
@media screen and projection
|
||
|
|
************************************************************************************************************************/
|
||
|
|
/**************************/ /*Basics, Colors & Typography*/
|
||
|
|
/**************************/
|
||
|
|
* {
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
border: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
text-align: left;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
font-size: 2.4em;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #256777;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
margin-bottom: 0.92em;
|
||
|
|
padding: 4px 0px 3px 0px;
|
||
|
|
font-size: 2.2em;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #256777;
|
||
|
|
border-bottom: 1px solid #c7c7c7;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
margin-bottom: 12px;
|
||
|
|
padding: 3px 0px 0px 4px;
|
||
|
|
font-size: 1.8em;
|
||
|
|
font-weight: normal;
|
||
|
|
color: #256777;
|
||
|
|
background: url(pics/bg-headings.gif) repeat-x;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4 {
|
||
|
|
margin-bottom: 0.8em;
|
||
|
|
padding: 0px 4px;
|
||
|
|
font-size: 1.5em;
|
||
|
|
color: #256777;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
padding-left: 4px;
|
||
|
|
font-size: 1.2em;
|
||
|
|
line-height: 1.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #256777;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #e87b00;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*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: 0px 0.85em;
|
||
|
|
font-size: 1.2em;
|
||
|
|
line-height: 2.0em;
|
||
|
|
outline: none;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr.dbrow {
|
||
|
|
background-color: #fcfdfd;
|
||
|
|
}
|
||
|
|
|
||
|
|
tr.dbrow1 {
|
||
|
|
background-color: #f8fafb;
|
||
|
|
}
|
||
|
|
|
||
|
|
/************/ /*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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*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 {
|
||
|
|
max-height: 1.2em;
|
||
|
|
margin: 0px 6px 0px 1px;
|
||
|
|
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 {
|
||
|
|
color: #888 !important;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**********/ /*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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.success {
|
||
|
|
color: green;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error {
|
||
|
|
color: #E87B00;
|
||
|
|
background-color: yellow;
|
||
|
|
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 {
|
||
|
|
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 th {
|
||
|
|
padding: 0 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
margin: 0px;
|
||
|
|
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 */
|
||
|
|
table tr.dbrow {
|
||
|
|
background: #FCFDFD;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr.dbrow1 {
|
||
|
|
background: #F8FAFB;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr.dbrow a,table tr.dbrow1 a,table tr.dbrowsel a {
|
||
|
|
margin: 0px 3px 0px 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr.dbrowsel {
|
||
|
|
background: #F9F3ED;
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr.dbrowsel a:hover {
|
||
|
|
color: #E87B00;
|
||
|
|
}
|
||
|
|
|
||
|
|
table td.treffer {
|
||
|
|
background: #000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Treffer bei der MySQL-Suche */
|
||
|
|
table tr.dbrow .treffer,table tr.dbrow1 .treffer {
|
||
|
|
color: yellow;
|
||
|
|
background-color: #E87B00;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.border {
|
||
|
|
border: 1px solid #738C88;
|
||
|
|
}
|
||
|
|
|
||
|
|
table td.sum {
|
||
|
|
background-color: red;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
table tr.thead th,table tr.thead td {
|
||
|
|
background: url(pics/bg-buttons.gif) repeat-x;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
color: #256777;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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-right: 4px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
}
|
||
|
|
|
||
|
|
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 {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#selectConfig {
|
||
|
|
margin: 0px 6px;
|
||
|
|
width: 180px;
|
||
|
|
height: 196px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ilog {
|
||
|
|
border: 1px solid #ddd !important;
|
||
|
|
padding: 12px;
|
||
|
|
background-color: #fcfcfc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.center {
|
||
|
|
margin: 0px auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.left {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.middle {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inputsize-middle {
|
||
|
|
width: 90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nowrap {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.nodisplay {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blend-in {
|
||
|
|
border: 3px outset #DDD;
|
||
|
|
padding: 6px;
|
||
|
|
z-index: 1;
|
||
|
|
background: #FFF url(pics/bg-buttons.gif) repeat-x;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* creaet directory protection */
|
||
|
|
#psContainer {
|
||
|
|
height: 18px;
|
||
|
|
width: 100px;
|
||
|
|
border: none;
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
background: url(pics/bg-buttons.gif) repeat-x;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
#psStrength {
|
||
|
|
background-image: url('./../../js/strength.jpg');
|
||
|
|
height: 18px;
|
||
|
|
width: 0px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Installation */
|
||
|
|
#fullcontent .bdr td {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
#download {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
width: 500px;
|
||
|
|
height: 300px;
|
||
|
|
margin-top: -150px;
|
||
|
|
margin-left: -250px;
|
||
|
|
border: 4px outset #E29126;
|
||
|
|
background-color: #EEEEEE;
|
||
|
|
padding: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#download-messages {
|
||
|
|
width: 480px;
|
||
|
|
height: 220px;
|
||
|
|
overflow: auto;
|
||
|
|
top: 6px;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border: 1px inset #cccccc;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#close_button {
|
||
|
|
position: absolute;
|
||
|
|
width: 100px;
|
||
|
|
left: 230px;
|
||
|
|
bottom: 4px;
|
||
|
|
}
|