| blob | 45bd562074dcd7a4de1209c338f1e5d5d8305486 |
1 <?php
2 /* vim: set expandtab sw=4 ts=4 sts=4: */
3 /**
4 * Common styles for the original theme
5 *
6 * @package PhpMyAdmin-theme
7 * @subpackage Original
8 */
10 // unplanned execution path
13 }
14 ?>
15 /******************************************************************************/
17 /* general tags */
18 html {
20 }
22 input,
23 select,
24 textarea {
26 }
29 body {
38 }
40 body#loginform {
42 }
44 #page_content {
46 }
51 }
53 h1 {
56 }
58 h2 {
61 }
63 h3 {
65 }
73 }
78 }
80 dfn {
82 }
87 }
89 th {
93 }
95 a img {
97 }
99 hr {
104 }
106 form {
110 }
112 textarea {
115 }
119 }
121 fieldset {
126 }
128 fieldset fieldset {
130 }
132 fieldset legend {
135 background-color: <?php echo 'OPERA' != PMA_USR_BROWSER_AGENT ? 'transparent' : $GLOBALS['cfg']['BgOne']; ?>;
136 }
141 }
143 /* buttons in some browsers (eg. Konqueror) are block elements,
144 this breaks design */
145 button {
147 }
149 table caption,
150 table th,
151 table td {
155 }
157 img,
158 input,
159 select,
160 button {
162 }
164 /******************************************************************************/
165 /* classes */
168 }
173 }
177 }
181 }
185 }
189 }
193 }
197 }
201 }
205 }
209 }
214 }
220 /* avoid a thick line since this should be used under another fieldset */
225 }
232 }
237 /* IE */
239 }
241 /* revert for Gecko */
244 }
249 }
251 /* odd items 1,3,5,7,... */
255 }
257 /* even items 2,4,6,8,... */
261 }
263 /* odd table rows 1,3,5,7,... */
269 }
272 /* marked table rows */
279 }
283 /* hovered items */
289 }
291 /* hovered table rows */
297 }
300 /**
301 * marks table rows/cells if the db field is in a where condition
302 */
306 }
308 /**
309 * cells with the value NULL
310 */
314 }
319 }
323 }
324 /* IE doesnt handles 'pre' right */
327 }
333 }
338 }
341 }
346 }
355 }
369 }
371 /* MySQL Parser */
374 }
379 }
384 }
387 }
390 }
393 }
396 }
399 }
402 }
406 }
410 }
415 }
419 }
422 }
425 }
428 }
432 }
435 }
437 /* leave some space between icons and text */
442 }
444 /* no extra space in table cells */
447 }
452 }
454 /* message boxes: error, confirmation */
455 #pma_errors {
457 }
466 }
481 }
486 }
490 }
493 }
498 }
502 }
505 }
510 }
515 }
518 }
522 }
525 }
539 }
540 /* end messageboxes */
547 }
553 }
560 }
572 }
578 }
580 /* forbidden, no privilegs */
584 }
586 /* disabled text */
592 }
597 }
602 }
606 }
608 /**
609 * zoom search
610 */
611 div#resizer {
614 }
615 div#querychart {
618 }
620 /**
621 * login form
622 */
623 body#loginform h1,
624 body#loginform a.logo {
627 }
629 body#loginform {
632 }
634 body#loginform div.container {
638 }
644 }
648 }
652 }
654 /******************************************************************************/
655 /* specific elements */
657 /* topmenu */
658 ul#topmenu, ul#topmenu2, ul.tabs {
663 }
665 ul#topmenu2 {
669 }
671 ul#topmenu li, ul#topmenu2 li {
676 }
678 #topmenu img, #topmenu2 img {
681 }
683 /* default tab styles */
684 ul#topmenu a, ul#topmenu span {
689 }
691 ul#topmenu2 a {
696 }
700 }
704 }
706 #topmenu {
709 }
711 ul#topmenu ul {
715 }
717 ul#topmenu > li {
719 }
721 /* default tab styles */
722 ul#topmenu a, ul#topmenu span {
728 }
730 ul#topmenu ul a {
734 }
736 ul#topmenu ul li:first-child a {
738 }
740 /* enabled hover/active tabs */
741 ul#topmenu > li > a:hover,
742 ul#topmenu > li > .tabactive {
746 }
748 ul#topmenu ul a:hover,
749 ul#topmenu ul .tabactive {
751 }
753 ul#topmenu a.tab:hover,
754 ul#topmenu .tabactive {
756 }
758 ul#topmenu2 a.tab:hover,
759 ul#topmenu2 a.tabactive {
764 }
766 /* to be able to cancel the bottom border, use <li class="active"> */
767 ul#topmenu > li.active {
769 }
770 /* end topmenu */
772 /* zoom search */
773 div#dataDisplay input, div#dataDisplay select {
776 }
777 div#dataDisplay th {
779 }
781 /* Calendar */
784 }
787 }
790 }
794 }
798 }
802 }
806 }
809 }
810 /* end Calendar */
813 /* table stats */
814 div#tablestatistics table {
819 }
820 /* END table stats */
823 /* server privileges */
824 #tableuserrights td,
825 #tablespecificuserrights td,
826 #tabledatabases td {
828 }
829 /* END server privileges */
833 /* Heading */
834 #topmenucontainer {
838 }
840 #serverinfo {
846 }
848 #serverinfo .item {
851 }
853 #goto_pagetop {
860 }
862 #span_table_comment {
866 }
868 #serverinfo img {
870 }
873 #textSQLDUMP {
878 }
880 #TooltipContainer {
891 }
893 /* user privileges */
894 #fieldset_add_user_login div.item {
898 }
900 #fieldset_add_user_login label {
907 }
909 #fieldset_add_user_login span.options #select_pred_username,
910 #fieldset_add_user_login span.options #select_pred_hostname,
911 #fieldset_add_user_login span.options #select_pred_password {
914 }
916 #fieldset_add_user_login span.options {
922 }
924 #fieldset_add_user_login input {
928 }
930 #fieldset_add_user_login span.options input {
932 }
934 #fieldset_user_priv div.item {
938 }
940 #fieldset_user_priv div.item div.item {
942 }
944 #fieldset_user_priv div.item label {
946 }
948 #fieldset_user_priv div.item select {
950 }
952 #fieldset_user_global_rights fieldset {
954 }
955 /* END user privileges */
958 /* serverstatus */
964 }
966 h3#serverstatusqueries span {
969 }
975 }
980 }
982 /* Also used for the variables page */
983 fieldset#tableFilter {
985 }
987 div#serverStatusTabs {
989 }
993 }
995 div#serverstatusquerieschart {
1000 }
1002 div#serverstatus table#serverstatusqueriesdetails {
1004 }
1006 table#serverstatustraffic {
1008 }
1009 table#serverstatusconnections {
1012 }
1014 table#serverstatusvariables {
1017 }
1018 table#serverstatusvariables .name {
1021 }
1022 table#serverstatusvariables .value {
1024 }
1025 table#serverstatusconnections {
1028 }
1030 div#serverstatus table tbody td.descr a,
1031 div#serverstatus table .tblFooters a {
1033 }
1040 }
1042 #addChartDialog input[type="text"] {
1045 }
1047 div#chartVariableSettings {
1051 }
1053 table#chartGrid div.monitorChart {
1055 }
1057 div#serverstatus div.tabLinks {
1060 }
1073 }
1075 div#logTable {
1078 }
1080 div#logTable table {
1082 }
1086 }
1088 /* end serverstatus */
1090 /* server variables */
1091 #serverVariables {
1093 }
1094 #serverVariables .var-row > div {
1099 }
1101 #serverVariables .var-header {
1105 }
1106 #serverVariables .var-header .var-value {
1108 }
1109 #serverVariables .var-row {
1112 }
1113 #serverVariables .var-name {
1117 }
1118 #serverVariables .var-name.session {
1121 }
1122 #serverVariables .var-value {
1126 }
1128 /* server variables editor */
1129 #serverVariables .editLink {
1133 }
1134 #serverVariables .serverVariableEditor {
1137 }
1138 #serverVariables .serverVariableEditor input {
1146 }
1147 #serverVariables .serverVariableEditor div {
1151 }
1152 #serverVariables .serverVariableEditor a {
1156 }
1157 /* end server variables */
1159 /* querywindow */
1160 body#bodyquerywindow {
1165 }
1167 div#querywindowcontainer {
1171 }
1173 div#querywindowcontainer fieldset {
1175 }
1176 /* END querywindow */
1178 /* profiling */
1180 div#profilingchart {
1184 }
1186 /* END profiling */
1188 /* querybox */
1190 div#sqlquerycontainer {
1193 /* height: 15em; */
1194 }
1196 div#tablefieldscontainer {
1199 /* height: 15em; */
1200 }
1202 div#tablefieldscontainer select {
1204 /* height: 12em; */
1205 }
1207 textarea#sqlquery {
1209 /* height: 100%; */
1210 }
1211 textarea#sql_query_edit {
1215 }
1216 div#queryboxcontainer div#bookmarkoptions {
1218 }
1219 /* end querybox */
1221 /* main page */
1222 #maincontainer {
1226 }
1228 #mysqlmaininformation,
1229 #pmamaininformation {
1232 }
1234 #maincontainer ul {
1237 }
1239 #maincontainer li {
1241 }
1242 /* END main page */
1244 /* iconic view for ul items */
1249 }
1251 /* END iconic view for ul items */
1253 #body_browse_foreigners {
1256 }
1258 #bodyquerywindow {
1260 }
1262 #bodythemes {
1266 }
1268 #bodythemes img {
1270 }
1272 #bodythemes a:hover img {
1274 }
1276 #fieldset_select_fields {
1278 }
1280 #selflink {
1289 }
1291 #table_innodb_bufferpool_usage,
1292 #table_innodb_bufferpool_activity {
1294 }
1296 #div_mysql_charset_collations table {
1298 }
1303 }
1308 }
1310 #qbe_div_table_list {
1312 }
1314 #qbe_div_sql_query {
1316 }
1321 }
1325 }
1339 }
1341 #main_pane_left {
1345 }
1347 #main_pane_right {
1351 }
1356 }
1362 }
1368 }
1370 textarea#partitiondefinition {
1372 }
1375 /* for elements that should be revealed only via js */
1378 }
1380 #list_server {
1382 }
1384 /**
1385 * Progress bar styles
1386 */
1387 div.upload_progress
1388 {
1392 }
1394 div.upload_progress_bar_outer
1395 {
1401 }
1403 div.upload_progress_bar_inner
1404 {
1412 }
1415 {
1420 }
1423 {
1426 }
1428 div#statustext {
1430 }
1432 table#serverconnection_src_remote,
1433 table#serverconnection_trg_remote,
1434 table#serverconnection_src_local,
1435 table#serverconnection_trg_local {
1437 }
1438 /**
1439 * Validation error message styles
1440 */
1444 }
1446 /**
1447 * Ajax notification styling
1448 */
1459 z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1464 background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>);
1467 }
1469 #loading_parent {
1470 /** Need this parent to properly center the notification division */
1473 }
1474 /**
1475 * Export and Import styles
1476 */
1481 }
1486 }
1490 }
1494 }
1496 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
1499 }
1503 }
1508 }
1514 }
1518 }
1520 /**
1521 * Export styles only
1522 */
1523 select#db_select,
1524 select#table_select {
1526 }
1530 }
1534 }
1539 }
1543 }
1545 #quick_or_custom,
1546 #output_quick_export {
1548 }
1549 /**
1550 * Import styles only
1551 */
1556 }
1558 input#input_import_file {
1560 }
1564 }
1566 #popup_background {
1577 }
1579 /**
1580 * Create table styles
1581 */
1582 #create_table_form table.table-name td {
1584 }
1586 /**
1587 * Table structure styles
1588 */
1589 #fieldsForm ul.table-structure-actions {
1593 }
1594 #fieldsForm ul.table-structure-actions li {
1597 }
1598 #fieldsForm ul.table-structure-actions .submenu li {
1601 }
1605 }
1607 /**
1608 * Indexes
1609 */
1610 #index_frm .index_info input,
1611 #index_frm .index_info select {
1617 }
1619 #index_frm .slider {
1623 }
1625 #index_frm .add_fields {
1627 }
1629 #index_frm .add_fields input {
1631 }
1633 #index_frm input {
1635 }
1637 #index_frm td {
1639 }
1641 table#index_columns {
1643 }
1645 table#index_columns select {
1647 }
1649 #move_columns_dialog div {
1651 }
1653 #move_columns_dialog ul {
1657 }
1659 #move_columns_dialog li {
1669 }
1671 /* config forms */
1677 }
1681 }
1691 }
1698 }
1702 }
1708 /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
1709 }
1713 }
1719 }
1730 }
1738 }
1746 }
1751 }
1758 }
1764 }
1772 }
1777 }
1781 }
1785 }
1790 }
1795 }
1799 }
1806 }
1810 }
1816 }
1820 }
1822 /* form elements */
1827 }
1831 }
1837 }
1841 }
1848 }
1855 }
1864 }
1868 }
1870 /* error list */
1873 }
1877 }
1881 }
1885 }
1887 #prefs_autoload {
1889 }
1891 #placeholder .button {
1894 }
1896 #placeholder div.button {
1901 }
1906 }
1917 }
1923 }
1926 }
1930 }
1933 }
1939 }
1942 }
1945 }
1948 }
1951 }
1953 #table_columns input[type="text"],
1954 #table_columns select {
1960 }
1962 #placeholder {
1967 }
1971 }
1973 #placeholder .button {
1975 }
1977 #left_arrow {
1980 }
1982 #right_arrow {
1985 }
1987 #up_arrow {
1990 }
1992 #down_arrow {
1995 }
1997 #zoom_in {
2000 }
2002 #zoom_world {
2005 }
2007 #zoom_out {
2010 }
2018 }
2022 }
2026 }
2032 }
2039 }
2043 }
2047 }
2056 }
2065 }
2078 }
2083 }
2088 }
2094 }
2104 }
2109 }
2115 }
2119 }
2124 }
2128 }
2138 }
2142 }
2148 }
2155 }
2163 }
2172 }
2178 }
2182 }
2188 }
2195 }
2202 }
2207 }
2213 }
2218 }
2221 background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
2223 }
2226 background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
2228 }
2234 }
2237 background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
2239 }
2241 /* css for timepicker */
2251 }
2255 }
2259 }
2261 /* jqPlot */
2263 /*rules for the plot target div. These will be cascaded down to all plot elements according to css rules*/
2269 /* height: 300px;
2270 width: 400px;*/
2271 }
2273 /*rules applied to all axes*/
2276 }
2280 }
2284 }
2288 }
2290 .jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
2293 }
2295 /*rules applied to all axis tick divs*/
2296 .jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
2299 }
2304 /* initial position untill tick is drawn in proper place */
2306 /* padding-top: 10px;*/
2308 }
2312 /* initial position untill tick is drawn in proper place */
2314 /* padding-bottom: 10px;*/
2316 }
2320 /* initial position untill tick is drawn in proper place */
2322 /* padding-right: 10px;*/
2324 }
2330 /* background-color: white;*/
2333 }
2335 .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
2337 /* initial position untill tick is drawn in proper place */
2339 /* padding-left: 10px;*/
2340 /* padding-right: 15px;*/
2342 }
2347 }
2353 }
2359 }
2363 /* text-align: center;*/
2366 }
2371 }
2373 .jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
2374 /* text-align: center;*/
2378 }
2383 }
2388 }
2395 }
2402 }
2406 }
2408 /*
2409 These rules could be used instead of assigning
2410 element styles and relying on js object properties.
2411 */
2413 /*
2414 td.jqplot-table-legend-swatch {
2415 padding-top: 0.5em;
2416 text-align: center;
2417 }
2419 tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
2420 padding-top: 0px;
2421 }
2422 */
2426 }
2430 }
2435 }
2448 }
2455 }
2460 }
2469 }
2477 }
2482 }
2487 }
2492 }
2495 /* Styles added to the plot target container when there is an error go here.*/
2497 }
2500 /* Styling of the custom error message div goes here.*/
2504 }
2508 /* background: rgba(90%, 90%, 90%, 0.15);*/
2512 }
2516 }
2521 }