pmd.css.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530
  1. <?php
  2. /* vim: set expandtab sw=4 ts=4 sts=4: */
  3. /**
  4. * Designer styles for the pmahomme theme
  5. *
  6. * @package PhpMyAdmin-theme
  7. * @subpackage PMAHomme
  8. */
  9. // unplanned execution path
  10. if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
  11. exit();
  12. }
  13. ?>
  14. /* Designer */
  15. .input_tab {
  16. background-color: #A6C7E1;
  17. color: #000;
  18. }
  19. .content_fullscreen {
  20. position: relative;
  21. overflow: auto;
  22. }
  23. #canvas_outer {
  24. position: relative;
  25. }
  26. #canvas {
  27. background-color: #fff;
  28. color: #000;
  29. }
  30. canvas.pmd {
  31. display: inline-block;
  32. overflow: hidden;
  33. text-align: left;
  34. }
  35. canvas.pmd * {
  36. behavior: url(#default#VML);
  37. }
  38. .pmd_tab {
  39. background-color: #fff;
  40. color: #000;
  41. border-collapse: collapse;
  42. border: 1px solid #aaa;
  43. z-index: 1;
  44. -moz-user-select: none;
  45. }
  46. .tab_zag {
  47. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  48. background-repeat: repeat-x;
  49. text-align: center;
  50. cursor: move;
  51. padding: 1px;
  52. font-weight: bold;
  53. }
  54. .tab_zag_2 {
  55. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header_Linked.png'); ?>);
  56. background-repeat: repeat-x;
  57. text-align: center;
  58. cursor: move;
  59. padding: 1px;
  60. font-weight: bold;
  61. }
  62. .tab_field {
  63. background: #fff;
  64. color: #000;
  65. cursor: default;
  66. }
  67. .tab_field_2 {
  68. background-color: #CCFFCC;
  69. color: #000;
  70. background-repeat: repeat-x;
  71. cursor: default;
  72. }
  73. .tab_field_3 {
  74. background-color: #FFE6E6; /*#DDEEFF*/
  75. color: #000;
  76. cursor: default;
  77. }
  78. #pmd_hint {
  79. white-space: nowrap;
  80. position: absolute;
  81. background-color: #99FF99;
  82. color: #000;
  83. <?php echo $left; ?>: 200px;
  84. top: 50px;
  85. z-index: 3;
  86. border: #00CC66 solid 1px;
  87. display: none;
  88. }
  89. .scroll_tab {
  90. overflow: auto;
  91. width: 100%;
  92. height: 500px;
  93. }
  94. .pmd_Tabs {
  95. cursor: default;
  96. color: #0055bb;
  97. white-space: nowrap;
  98. text-decoration: none;
  99. text-indent: 3px;
  100. font-weight: bold;
  101. margin-left: 2px;
  102. text-align: <?php echo $left; ?>;
  103. background-color: #fff;
  104. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/left_panel_butt.png'); ?>);
  105. border: #ccc solid 1px;
  106. }
  107. .pmd_Tabs2 {
  108. cursor: default;
  109. color: #0055bb;
  110. background: #FFEE99;
  111. text-indent: 3px;
  112. font-weight: bold;
  113. white-space: nowrap;
  114. text-decoration: none;
  115. border: #9999FF solid 1px;
  116. text-align: <?php echo $left; ?>;
  117. }
  118. .owner {
  119. font-weight: normal;
  120. color: #888;
  121. }
  122. .option_tab {
  123. padding-left: 2px;
  124. padding-right: 2px;
  125. width: 5px;
  126. }
  127. .select_all {
  128. vertical-align: top;
  129. padding-left: 2px;
  130. padding-right: 2px;
  131. cursor: default;
  132. width: 1px;
  133. color: #000;
  134. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  135. background-repeat: repeat-x;
  136. }
  137. .small_tab {
  138. vertical-align: top;
  139. background-color: #0064ea;
  140. color: #fff;
  141. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/small_tab.png'); ?>);
  142. cursor: default;
  143. text-align: center;
  144. font-weight: bold;
  145. padding-left: 2px;
  146. padding-right: 2px;
  147. width: 1px;
  148. text-decoration: none;
  149. }
  150. .small_tab2 {
  151. vertical-align: top;
  152. color: #fff;
  153. background-color: #FF9966;
  154. cursor: default;
  155. padding-left: 2px;
  156. padding-right: 2px;
  157. text-align: center;
  158. font-weight: bold;
  159. width: 1px;
  160. text-decoration: none;
  161. }
  162. .small_tab_pref {
  163. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  164. background-repeat: repeat-x;
  165. text-align: center;
  166. width: 1px;
  167. }
  168. .small_tab_pref2 {
  169. vertical-align: top;
  170. color: #fff;
  171. background-color: #FF9966;
  172. cursor: default;
  173. text-align: center;
  174. font-weight: bold;
  175. width: 1px;
  176. text-decoration: none;
  177. }
  178. .butt {
  179. border: #4477aa solid 1px;
  180. font-weight: bold;
  181. height: 19px;
  182. width: 70px;
  183. background-color: #fff;
  184. color: #000;
  185. vertical-align: baseline;
  186. }
  187. .L_butt2_1 {
  188. padding: 1px;
  189. text-decoration: none;
  190. vertical-align: middle;
  191. cursor: default;
  192. }
  193. .L_butt2_2 {
  194. padding: 0;
  195. border: #0099CC solid 1px;
  196. background: #FFEE99;
  197. color: #000;
  198. text-decoration: none;
  199. vertical-align: middle;
  200. cursor: default;
  201. }
  202. /* ---------------------------------------------------------------------------*/
  203. .bor {
  204. width: 10px;
  205. height: 10px;
  206. }
  207. .frams1 {
  208. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/1.png'); ?>) no-repeat right bottom;
  209. }
  210. .frams2 {
  211. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/2.png'); ?>) no-repeat left bottom;
  212. }
  213. .frams3 {
  214. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/3.png'); ?>) no-repeat left top;
  215. }
  216. .frams4 {
  217. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/4.png'); ?>) no-repeat right top;
  218. }
  219. .frams5 {
  220. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/5.png'); ?>) repeat-x center bottom;
  221. }
  222. .frams6 {
  223. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/6.png'); ?>) repeat-y left;
  224. }
  225. .frams7 {
  226. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/7.png'); ?>) repeat-x top;
  227. }
  228. .frams8 {
  229. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/8.png'); ?>) repeat-y right;
  230. }
  231. #osn_tab {
  232. background-color: #fff;
  233. color: #000;
  234. border: #A9A9A9 solid 1px;
  235. }
  236. .pmd_header {
  237. background-color: #EAEEF0;
  238. color: #000;
  239. text-align: center;
  240. font-weight: bold;
  241. margin: 0;
  242. padding: 0;
  243. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/top_panel.png'); ?>);
  244. background-position: top;
  245. background-repeat: repeat-x;
  246. border-right: #999 solid 1px;
  247. border-left: #999 solid 1px;
  248. height: 28px;
  249. z-index: 101;
  250. width: 100%;
  251. position: fixed;
  252. }
  253. .pmd_header a {
  254. display: block;
  255. float: <?php echo $left; ?>;
  256. margin: 3px 1px 4px;
  257. height: 20px;
  258. border: 1px dotted #fff;
  259. }
  260. .pmd_header .M_bord {
  261. display: block;
  262. float: <?php echo $left; ?>;
  263. margin: 4px;
  264. height: 20px;
  265. width: 2px;
  266. }
  267. .pmd_header a.first {
  268. margin-right: 1em;
  269. }
  270. .pmd_header a.last {
  271. margin-left: 1em;
  272. }
  273. a.M_butt_Selected_down_IE,
  274. a.M_butt_Selected_down {
  275. border: 1px solid #C0C0BB;
  276. background-color: #99FF99;
  277. color: #000;
  278. }
  279. a.M_butt_Selected_down_IE:hover,
  280. a.M_butt_Selected_down:hover,
  281. a.M_butt:hover {
  282. border: 1px solid #0099CC;
  283. background-color: #FFEE99;
  284. color: #000;
  285. }
  286. #layer_menu {
  287. z-index: 100;
  288. position: absolute;
  289. <?php echo $left; ?>: 0;
  290. background-color: #EAEEF0;
  291. border: #999 solid 1px;
  292. }
  293. #layer_upd_relation {
  294. position: absolute;
  295. <?php echo $left; ?>: 637px;
  296. top: 224px;
  297. z-index: 100;
  298. }
  299. #layer_new_relation {
  300. position: absolute;
  301. <?php echo $left; ?>: 636px;
  302. top: 85px;
  303. z-index: 100;
  304. width: 153px;
  305. }
  306. #pmd_optionse {
  307. position: absolute;
  308. <?php echo $left; ?>: 636px;
  309. top: 85px;
  310. z-index: 100;
  311. width: 153px;
  312. }
  313. #layer_menu_sizer {
  314. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/resize.png'); ?>);
  315. cursor: nw-resize;
  316. width: 16px;
  317. height: 16px;
  318. }
  319. .panel {
  320. position: fixed;
  321. top: 60px;
  322. <?php echo $right; ?>: 0;
  323. display: none;
  324. background: #FFF;
  325. border: 1px solid gray;
  326. width: 350 px;
  327. height: auto;
  328. padding: 30px 170px 30px;
  329. padding-<?php echo $left; ?>: 30px;
  330. color: #FFF;
  331. z-index: 102;
  332. }
  333. a.trigger {
  334. position: fixed;
  335. text-decoration: none;
  336. top: 60px;
  337. <?php echo $right; ?>: 0;
  338. color: #fff;
  339. padding: 10px 40px 10px 15px;
  340. background: #333 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
  341. border: 1px solid #444;
  342. display: block;
  343. z-index: 102;
  344. }
  345. a.trigger:hover {
  346. color: #080808;
  347. background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/plus.png'); ?>) 85% 55% no-repeat;
  348. border: 1px solid #999;
  349. }
  350. a.active.trigger {
  351. background: #222 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/minus.png'); ?>) 85% 55% no-repeat;
  352. z-index: 999;
  353. }
  354. a.active.trigger:hover {
  355. background: #fff696 url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/minus.png'); ?>) 85% 55% no-repeat;
  356. }
  357. h2.tiger {
  358. background-repeat: repeat-x;
  359. padding: 1px;
  360. font-weight: bold;
  361. padding: 50px 20px 50px;
  362. margin: 0 0 5px 0;
  363. width: 250px;
  364. float: <?php echo $left; ?>;
  365. color : #333;
  366. text-align: center;
  367. }
  368. h2.tiger a {
  369. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  370. text-align: center;
  371. text-decoration: none;
  372. color : #333;
  373. display: block;
  374. }
  375. h2.tiger a:hover {
  376. color: #000;
  377. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header_Linked.png'); ?>);
  378. }
  379. h2.active {
  380. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('pmd/Header.png'); ?>);
  381. background-repeat: repeat-x;
  382. padding: 1px;
  383. background-position: left bottom;
  384. }
  385. .toggle_container {
  386. margin: 0 0 5px;
  387. padding: 0;
  388. border-top: 1px solid #d6d6d6;
  389. background: #FFF;
  390. width: 250px;
  391. overflow: hidden;
  392. font-size: 1.2em;
  393. clear: both;
  394. }
  395. .toggle_container .block {
  396. background-color: #DBE4E8;
  397. padding: 40px 15px 40px 15px; /*--Padding of Container--*/
  398. border:1px solid #999;
  399. color: #000;
  400. }
  401. .history_table {
  402. text-align: center;
  403. background-color: #9999CC;
  404. }
  405. .history_table2 {
  406. text-align: center;
  407. background-color: #DBE4E8;
  408. }
  409. #filter {
  410. display: none;
  411. position: absolute;
  412. top: 0%;
  413. left: 0%;
  414. width: 100%;
  415. height: 100%;
  416. background-color: #CCA;
  417. z-index: 10;
  418. opacity: .5;
  419. filter: alpha(opacity=50);
  420. }
  421. #box {
  422. display: none;
  423. position: absolute;
  424. top: 20%;
  425. <?php echo $left; ?>: 30%;
  426. width: 500px;
  427. height: 220px;
  428. padding: 48px;
  429. margin: 0;
  430. border: 1px solid #000;
  431. background-color: #fff;
  432. z-index: 101;
  433. overflow: visible;
  434. }
  435. #boxtitle {
  436. position: absolute;
  437. float: center;
  438. top: 0;
  439. <?php echo $left; ?>: 0;
  440. width: 593px;
  441. height: 20px;
  442. padding: 0;
  443. padding-top: 4px;
  444. margin: 0;
  445. border-bottom: 4px solid #3CF;
  446. background-color: #D0DCE0;
  447. color: black;
  448. font-weight: bold;
  449. padding-<?php echo $left; ?>: 2px;
  450. text-align: <?php echo $left; ?>;
  451. }
  452. #tblfooter {
  453. background-color: #D3DCE3;
  454. float: <?php echo $right; ?>;
  455. padding-top: 10px;
  456. color: black;
  457. font-weight: normal;
  458. }
  459. #foreignkeychk {
  460. text-align: <?php echo $left; ?>;
  461. position: absolute;
  462. cursor: pointer;
  463. }