Struggeling with relocating

css/msd/style.css

@@ -0,0 +1,906 @@
+/************************************************************************************************************************
+    @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;
+}