/********************************************************* ** Description : Style Sheet for Bear SQL ** ** File Name : styles.css ** ** Version : 1.20 ** ** Modified : 1 March 2009 ** ** Author : Tony Aslett ** ** Website : http://bearsql.org ** ** Email : tony@appcreator.com ** **********************************************************/ /************************************************************************ PHP:MySQL Table Manager simplifies mysql table management. Copyright (C) 2003 Tony Aslett This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA ********************************************************************************/ body{ font-family: Arial, Verdana, Helvetica, sans-serif; background:#FFF;} #header{ height:195px; } #header #pageheading{ position:relative; top:-40px; left:162px; width:60%; } .logo{ position:relative; left:10px; top:-20px;} .bear{ margin-left:70px;} #skiplinks{position:absolute; size:7px; color:#CCC; top:0; right:.5em;} #skiplinks a{text-decoration:none; size:smaller; color:#CCC;} #skiplinks a:hover{text-decoration:underline; color:#1c748f;} div.info{color:#069; font-size:12px; font-weight:bold;} div.cb{margin-top:.25em;} .mesg{ text-align:left;} .mesg span{ color:#8b3e63;} .error{ color:purple;} .notice{ color:#666;} .warning{ color:#f19603; } .info{ color:#666;} form{ display:inline; margin:0;} label{ color:#000; margin-right:.5em; font-size:.9em;} label{ width:200px; text-align:right; float:left;} label.lng{ width:100px !important; } label.chkrdo{ width:auto; text-align:left; margin:0 1em 0 .5em; } label.required:after{ content:"*"; color:#f19603; font-weight:bold; font-size:1em;} label input{ margin-left:.5em; margin-right:1em;} div.fieldset{ position:relative; top:0px; left:0; background:url(images/fgrad.png) repeat-x top left; border:1px solid #1c748f; border-top:none; margin:2em 20px 0 20px; padding:1em; display:block; } fieldset{border:none; padding-top:1em; position:relative;} legend{ position:relative; top:0px; left:20px; border:none; color:#1c748f; font-weight:bold; padding:0; margin:0; width:80%; background:transparent; display:block; } legend span{ color:#2c5ca6;} h1, h2, h3{ color:#1c748f; margin:20px} .dbname, .tablename, .user, .db_engine{ display:inline; position:relative; left:162px; color:#1c748f; margin:20px} li{ list-style-type:none; margin:2px; padding-left:15px; background:url(images/bullet.gif) no-repeat 0 .4em; } ul{ list-style-type:none; clear:both; margin:1em; position:relative; width:100%; } ul.menu li{ background:none; margin-left:0; float:left;} ul.menu { margin:0; padding:0;} .pagecount{ width:100%; text-align:center; clear:both; } .bytes{ font-size:small;} #foot{ font-size:small; text-align:left; width:60%; padding:20px 0 5px 182px; clear:both;} #foot a{text-decoration:none; color:#f19603;} .lft{text-align:left;} /*choose your database */ div.db{width:270px; float:left; min-height:500px; clear:left;} div.dbfs{padding-top:1em; float:left; margin-right:-200px; clear:right;} .type{color:#666; font-size:small;} .pl{padding-left:205px;} /* tables */ #dblist{ float:left; clear:none; margin:0 20px;} /*#dblist td{border:solid #CCC 1px;}*/ caption{color:#f19603; font-weight:bold; margin:1em 0 0 .25em; text-align:left;} table{ clear:left; margin-left:20px; border-collapse:collapse; } fieldset table{ margin-left:0;} td{ font-size:.9em; padding:1px 2px;} #struc, .space{ margin-left:182px; } #struc table{ border:solid #CCC 1px; margin-left:0;} #saveq{margin-left:0;} #fieldsize{ width:100%;} #taddpk{ width:50%;} #addcolb{ border:none; width:80%; text-align:center;} thead, thead tr:hover{ background:url(images/thbg.jpg) #1c748f;} thead tr th{ border:none; border-collapse:collapse; height:28px;} table.result td, table.result, table.wyo td, table.wyo{border:solid #CCC 1px; border-collapse:collapse;} td.rst{ background-color:#B0C4DE;} th{ color:#FFF; font-weight:bold; font-size:.9em; } tr.odd{ background-color:#efefef;} #dblist tr:hover, .result tr:hover, .tables tr:hover{ background-color:#DEDEDE;} .result tr td:hover{ background-color:#abb7af;} .result .action, .result .action td{ background:#FFF !important;} .tables, .tables tr{ border:solid #CCC 1px; } .tables{ clear:both; margin:10px 20px;} tbody tr th{ background:#FFF; color:#1c748f; text-align:right;} .fieldset tbody tr th{background:transparent;} .odd input, .odd textarea, .even input, .even textarea{ border:none; background-color:transparent;} td.edited textarea{ border:solid #f19603 1px; background:#FFF;} #login{ margin-left:20px; display:block; width:300px;} #login label{ width:100px; float:left;} #login input{ display:inline;} #login div{ margin:5px 0;} input{ border-width:1px; font-family: Arial, Verdana, Helvetica, sans-serif;} #nav{ margin:1em 0; } .nav{ padding-left:18px; background-repeat:no-repeat; text-decoration:none; font-size:smaller; border:none; background-position:2px 2px;} .nav:hover{color:#f19603; background-position:2px -20px;} .first{ background-image:url(icons/resultset_first.png);} .back{ background-image:url(icons/resultset_previous.png);} .next{ background-image:url(icons/resultset_next.png);} .last{ background-image:url(icons/resultset_last.png);} .recspage { padding-left:20px; } .recspage .info{ font-size:.8em;} .recspage, .recspage input{ display:inline; margin:0;} .but, .org, .blu, .ser, .del, .sml, .smldel, .deltable, .icon{ margin:0; color:#1c748f; font-size:9pt; height:18px; cursor:pointer; background-repeat:no-repeat; background-position:2px 0px; padding:0 0 0 20px; border:none; text-align:left; width:150px; } .but:hover, .org:hover, .blu:hover, .ser:hover, .del:hover, .sml:hover, .smldel:hover, .deltable:hover, .icon:hover {background-position:2px -22px;} .ser{ width:100px;} .adv{ width:160px;} .sml{ width:100px;} .smldel{width:100px;} .icon{width:25px; height:18px; background-repeat:no-repeat;} .but, .org, .blu, .ser, .del, .sml, .smldel, .nav, .icon{background-color:transparent;} .saveButton{ background-image:url(icons/table_save.png);} .cancelButton{ background-image:url(icons/table_refresh.png);} .svq{ background-image:url(icons/table_save.png);} .svres{ background-image:url(icons/table_save.png);} .drdb{ background-image:url(icons/database_delete.png);} .restore{ background-image:url(icons/database_refresh.png);} .bkup{ background-image:url(icons/database_save.png);} .del{ background-image:url(icons/table_delete.png);} .multi{ background-image:url(icons/table_multiple.png);} .delrow{ background-image:url(icons/table_row_delete.png);} .deltable{ background-image:url(icons/table_delete.png);} .home{ background-image:url(icons/house_go.png);} .dbstart{ background-image:url(icons/database_go.png);} .tablestart{ background-image:url(icons/table_refresh.png);} .create{ background-image:url(icons/table_add.png);} .wyoq{ background-image:url(icons/page_edit.png);} .tablego{ background-image:url(icons/table_zoom.png);} .alter{ background-image:url(icons/table_gear.png);} .addrecord, .addrec{ background-image:url(icons/table_row_insert.png);} .ser, .adv{ background-image:url(icons/find.png);} .adduser{ background-image:url(icons/user_add.png);} .dropuser{ background-image:url(icons/user_delete.png);} .cname{ background-image:url(icons/user_edit.png);} .cpass{ background-image:url(icons/group_key.png);} .priv{ background-image:url(icons/group_gear.png);} .users{ background-image:url(icons/user.png);} .droppk{ background-image:url(icons/key_delete.png);} .addpk{ background-image:url(icons/key_add.png);} .dropidx{ background-image:url(icons/table_key_delete.png);} .addidx{ background-image:url(icons/table_key.png);} .changecol{ background-image:url(icons/table_gear.png);} .rename{ background-image:url(icons/table_edit.png);} .editrec{ background-image:url(icons/table_edit.png);} .addcol{ background-image:url(icons/table_col_add.png);} .dropcol{ background-image:url(icons/table_col_delete.png);} .createdb{ background-image:url(icons/database_add.png);} .logout{ background-image:url(icons/lock.png);} .logon{ background-image:url(icons/lock_go.png);} .clear, .reset{ background-image:url(icons/arrow_refresh.png);} .clear.disabled{background-position: bottom left;} .exec, .optimize{background-image:url(icons/table_lightning.png);} .nextstep{ background-image:url(icons/resultset_next.png);} .icon{color:#f19603; } .icon:hover{color:#f19603; } .disabled, .disabled:hover{color:#CCC; background-position: 2px -44px;} .current, .current:hover{color:#f19603; background-position: 2px -22px;} .current, .disabled{cursor:default;} #debug{clear:both;} /* http://csscreator.com/attributes/containedfloat.php */ .cb:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; } .cb{display: inline-block;} /* Hides from IE Mac \*/ * html .cb {height: 1%;} .cb{display:block;} /* End Hack */