/************************************************************************************************************************ @MySQLDumper STYLESHEET @name msd @author Ingo Wagener , Daniel Schlichtholz, Christian Gresshoener @copyright MySQLDumper - Daniel Schlichtholz @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; }