common.css.php 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766
  1. <?php
  2. /* vim: set expandtab sw=4 ts=4 sts=4: */
  3. /**
  4. * Common 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. /******************************************************************************/
  15. /* general tags */
  16. html {
  17. font-size: <?php echo $_SESSION['PMA_Theme']->getFontSize(); ?>
  18. }
  19. input,
  20. select,
  21. textarea {
  22. font-size: 1em;
  23. }
  24. body {
  25. <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  26. font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  27. <?php } ?>
  28. padding: 0;
  29. margin: 0;
  30. margin-<?php echo $left; ?>: 240px;
  31. color: #444;
  32. background: #fff;
  33. }
  34. body#loginform {
  35. margin: 0;
  36. }
  37. #page_content {
  38. margin: 0 .5em;
  39. }
  40. <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  41. textarea,
  42. tt,
  43. pre,
  44. code {
  45. font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  46. }
  47. <?php } ?>
  48. h1 {
  49. font-size: 140%;
  50. font-weight: bold;
  51. }
  52. h2 {
  53. font-size: 2em;
  54. font-weight: normal;
  55. text-shadow: 0 1px 0 #fff;
  56. padding: 10px 0 10px;
  57. padding-<?php echo $left; ?>: 3px;
  58. color: #777;
  59. }
  60. /* Hiding icons in the page titles */
  61. h2 img {
  62. display: none;
  63. }
  64. h2 a img {
  65. display: inline;
  66. }
  67. .data,
  68. .data_full_width {
  69. margin: 0 0 12px;
  70. }
  71. .data_full_width {
  72. width: 100%;
  73. }
  74. #table_results td.data {
  75. border-right: 1px solid #bbb;
  76. }
  77. h3 {
  78. font-weight: bold;
  79. }
  80. a,
  81. a:link,
  82. a:visited,
  83. a:active {
  84. text-decoration: none;
  85. color: #235a81;
  86. cursor: pointer;
  87. outline: none;
  88. }
  89. a:hover {
  90. text-decoration: underline;
  91. color: #235a81;
  92. }
  93. #initials_table {
  94. background: #f3f3f3;
  95. border: 1px solid #aaa;
  96. margin-bottom: 10px;
  97. -moz-border-radius: 5px;
  98. -webkit-border-radius: 5px;
  99. border-radius: 5px;
  100. }
  101. #initials_table td {
  102. padding: 8px !important;
  103. }
  104. #initials_table a {
  105. border: 1px solid #aaa;
  106. background: #fff;
  107. padding: 4px 8px;
  108. -moz-border-radius: 5px;
  109. -webkit-border-radius: 5px;
  110. border-radius: 5px;
  111. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  112. }
  113. dfn {
  114. font-style: normal;
  115. }
  116. dfn:hover {
  117. font-style: normal;
  118. cursor: help;
  119. }
  120. th {
  121. font-weight: bold;
  122. color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  123. background: #f3f3f3;
  124. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  125. }
  126. a img {
  127. border: 0;
  128. }
  129. hr {
  130. color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  131. background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  132. border: 0;
  133. height: 1px;
  134. }
  135. form {
  136. padding: 0;
  137. margin: 0;
  138. display: inline;
  139. }
  140. input[type=text] {
  141. border-radius: 2px;
  142. -moz-border-radius: 2px;
  143. -webkit-border-radius: 2px;
  144. box-shadow: 0 1px 2px #ddd;
  145. -moz-box-shadow: 0 1px 2px #ddd;
  146. -webkit-box-shadow: 0 1px 2px #ddd;
  147. background: white;
  148. border: 1px solid #aaa;
  149. color: #555;
  150. padding: 4px;
  151. margin: 6px;
  152. }
  153. input[type=password] {
  154. border-radius: 2px;
  155. -moz-border-radius: 2px;
  156. -webkit-border-radius: 2px;
  157. box-shadow: 0 1px 2px #ddd;
  158. -moz-box-shadow: 0 1px 2px #ddd;
  159. -webkit-box-shadow: 0 1px 2px #ddd;
  160. background: white;
  161. border: 1px solid #aaa;
  162. color: #555;
  163. padding: 4px;
  164. margin: 6px;
  165. }
  166. input[type=submit],
  167. button[type=submit]:not(.mult_submit) {
  168. font-weight: bold !important;
  169. }
  170. input[type=submit],
  171. button[type=submit]:not(.mult_submit),
  172. input[type=reset],
  173. input[name=submit_reset],
  174. input.button {
  175. margin-left: 14px;
  176. border: 1px solid #aaa;
  177. padding: 3px 7px;
  178. color: #111;
  179. text-decoration: none;
  180. background: #ddd;
  181. border-radius: 12px;
  182. -webkit-border-radius: 12px;
  183. -moz-border-radius: 12px;
  184. text-shadow: 0 1px 0 #fff;
  185. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  186. }
  187. input[type=submit]:hover,
  188. button[type=submit]:not(.mult_submit):hover,
  189. input[type=reset]:hover,
  190. input[name=submit_reset]:hover,
  191. input.button:hover {
  192. position: relative;
  193. <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
  194. cursor: pointer;
  195. }
  196. input[type=submit]:active,
  197. button[type=submit]:not(.mult_submit):active,
  198. input[type=reset]:active,
  199. input[name=submit_reset]:active,
  200. input.button:active {
  201. position: relative;
  202. top: 1px;
  203. left: 1px;
  204. }
  205. textarea {
  206. overflow: visible;
  207. height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
  208. }
  209. textarea.char {
  210. height: <?php echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?>em;
  211. }
  212. fieldset {
  213. margin-top: 1em;
  214. border-radius: 4px 4px 0 0;
  215. -moz-border-radius: 4px 4px 0 0;
  216. -webkit-border-radius: 4px 4px 0 0;
  217. border: #aaa solid 1px;
  218. padding: 1.5em;
  219. background: #eee;
  220. text-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
  221. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
  222. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
  223. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
  224. }
  225. fieldset fieldset {
  226. margin: .8em;
  227. background: #fff;
  228. border: 1px solid #aaa;
  229. background: #E8E8E8;
  230. }
  231. fieldset legend {
  232. font-weight: bold;
  233. color: #444;
  234. padding: 5px 10px;
  235. border-radius: 2px;
  236. -moz-border-radius: 2px;
  237. -webkit-border-radius: 2px;
  238. border: 1px solid #aaa;
  239. background-color: #fff;
  240. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
  241. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
  242. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
  243. }
  244. .some-margin {
  245. margin: 1.5em;
  246. }
  247. /* buttons in some browsers (eg. Konqueror) are block elements,
  248. this breaks design */
  249. button {
  250. display: inline;
  251. }
  252. table caption,
  253. table th,
  254. table td {
  255. padding: .3em;
  256. margin: .1em;
  257. vertical-align: top;
  258. text-shadow: 0 1px 0 #fff;
  259. }
  260. /* 3.4 */
  261. table {
  262. border-collapse: collapse;
  263. }
  264. th {
  265. border-right: 1px solid #fff;
  266. text-align: left;
  267. }
  268. img,
  269. button {
  270. vertical-align: middle;
  271. }
  272. input[type="checkbox"],
  273. input[type="radio"] {
  274. vertical-align: -11%;
  275. }
  276. select {
  277. -moz-border-radius: 2px;
  278. -webkit-border-radius: 2px;
  279. border-radius: 2px;
  280. -moz-box-shadow: 0 1px 2px #ddd;
  281. -webkit-box-shadow: 0 1px 2px #ddd;
  282. box-shadow: 0 1px 2px #ddd;
  283. border: 1px solid #aaa;
  284. color: #333;
  285. padding: 3px;
  286. background: white;
  287. }
  288. select[multiple] {
  289. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'f2f2f2'); ?>
  290. }
  291. /******************************************************************************/
  292. /* classes */
  293. .clearfloat {
  294. clear: both;
  295. }
  296. .floatleft {
  297. float: <?php echo $left; ?>;
  298. margin-<?php echo $right; ?>: 1em;
  299. }
  300. .floatright {
  301. float: <?php echo $right; ?>;
  302. }
  303. .center {
  304. text-align: center;
  305. }
  306. table.nospacing {
  307. border-spacing: 0;
  308. }
  309. table.nopadding tr th, table.nopadding tr td {
  310. padding: 0;
  311. }
  312. th.left, td.left {
  313. text-align: left;
  314. }
  315. th.center, td.center {
  316. text-align: center;
  317. }
  318. th.right, td.right {
  319. text-align: right;
  320. }
  321. tr.vtop th, tr.vtop td, th.vtop, td.vtop {
  322. vertical-align: top;
  323. }
  324. tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle {
  325. vertical-align: middle;
  326. }
  327. tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom {
  328. vertical-align: bottom;
  329. }
  330. .paddingtop {
  331. padding-top: 1em;
  332. }
  333. .separator {
  334. color: #fff;
  335. text-shadow: 0 1px 0 #000;
  336. }
  337. div.tools {
  338. /* border: 1px solid #000; */
  339. padding: .2em;
  340. }
  341. div.tools a {
  342. color: #3a7ead !important;
  343. }
  344. div.tools,
  345. fieldset.tblFooters {
  346. margin-top: 0;
  347. margin-bottom: .5em;
  348. /* avoid a thick line since this should be used under another fieldset */
  349. border-top: 0;
  350. text-align: <?php echo $right; ?>;
  351. float: none;
  352. clear: both;
  353. -webkit-border-radius: 0 0 4px 4px;
  354. -moz-border-radius: 0 0 4px 4px;
  355. border-radius: 0 0 4px 5px;
  356. }
  357. div.null_div {
  358. height: 20px;
  359. text-align: center;
  360. font-style: normal;
  361. min-width: 50px;
  362. }
  363. fieldset .formelement {
  364. float: <?php echo $left; ?>;
  365. margin-<?php echo $right; ?>: .5em;
  366. /* IE */
  367. white-space: nowrap;
  368. }
  369. /* revert for Gecko */
  370. fieldset div[class=formelement] {
  371. white-space: normal;
  372. }
  373. button.mult_submit {
  374. border: none;
  375. background-color: transparent;
  376. }
  377. /* odd items 1,3,5,7,... */
  378. table tr.odd th,
  379. .odd {
  380. background: #fff;
  381. <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
  382. }
  383. /* even items 2,4,6,8,... */
  384. /* (tested on CRTs and ACLs) */
  385. table tr.even th,
  386. .even {
  387. background: #DFDFDF;
  388. <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
  389. }
  390. /* odd table rows 1,3,5,7,... */
  391. table tr.odd th,
  392. table tr.odd,
  393. table tr.even th,
  394. table tr.even {
  395. text-align: <?php echo $left; ?>;
  396. }
  397. <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
  398. /* marked table rows */
  399. td.marked,
  400. table tr.marked td,
  401. table tr.marked th,
  402. table tr.marked {
  403. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
  404. color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
  405. }
  406. <?php } ?>
  407. <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
  408. /* hovered items */
  409. .odd:hover,
  410. .even:hover,
  411. .hover {
  412. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
  413. color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
  414. }
  415. /* hovered table rows */
  416. table tr.odd:hover th,
  417. table tr.even:hover th,
  418. table tr.hover th {
  419. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
  420. color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
  421. }
  422. <?php } ?>
  423. /**
  424. * marks table rows/cells if the db field is in a where condition
  425. */
  426. .condition {
  427. border-color: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?> !important;
  428. }
  429. th.condition {
  430. border-width: 1px 1px 0 1px;
  431. border-style: solid;
  432. }
  433. td.condition {
  434. border-width: 0 1px 0 1px;
  435. border-style: solid;
  436. }
  437. tr:last-child td.condition {
  438. border-width: 0 1px 1px 1px;
  439. }
  440. <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
  441. /* for first th which must have right border set (ltr only) */
  442. .before-condition {
  443. border-right: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
  444. }
  445. <?php } ?>
  446. /**
  447. * cells with the value NULL
  448. */
  449. td.null {
  450. font-style: italic;
  451. text-align: <?php echo $right; ?>;
  452. }
  453. table .valueHeader {
  454. text-align: <?php echo $right; ?>;
  455. white-space: normal;
  456. }
  457. table .value {
  458. text-align: <?php echo $right; ?>;
  459. white-space: normal;
  460. }
  461. /* IE doesnt handles 'pre' right */
  462. table [class=value] {
  463. white-space: normal;
  464. }
  465. <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  466. .value {
  467. font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  468. }
  469. <?php } ?>
  470. .attention {
  471. color: red;
  472. font-weight: bold;
  473. }
  474. .allfine {
  475. color: green;
  476. }
  477. img.lightbulb {
  478. cursor: pointer;
  479. }
  480. .pdflayout {
  481. overflow: hidden;
  482. clip: inherit;
  483. background-color: #fff;
  484. display: none;
  485. border: 1px solid #000;
  486. position: relative;
  487. }
  488. .pdflayout_table {
  489. background: #D3DCE3;
  490. color: #000;
  491. overflow: hidden;
  492. clip: inherit;
  493. z-index: 2;
  494. display: inline;
  495. visibility: inherit;
  496. cursor: move;
  497. position: absolute;
  498. font-size: 80%;
  499. border: 1px dashed #000;
  500. }
  501. /* MySQL Parser */
  502. .syntax {
  503. font-family: Verdana, 'Segoe UI', Arial, Tahoma;
  504. font-size: 110%;
  505. }
  506. .syntax a {
  507. text-decoration: none;
  508. border-bottom: 1px dotted #000;
  509. }
  510. .syntax_comment {
  511. padding-left: 4pt;
  512. padding-right: 4pt;
  513. }
  514. .syntax_digit {
  515. }
  516. .syntax_digit_hex {
  517. }
  518. .syntax_digit_integer {
  519. }
  520. .syntax_digit_float {
  521. }
  522. .syntax_punct {
  523. }
  524. .syntax_alpha {
  525. }
  526. .syntax_alpha_columnType {
  527. text-transform: uppercase;
  528. }
  529. .syntax_alpha_columnAttrib {
  530. text-transform: uppercase;
  531. }
  532. .syntax_alpha_reservedWord {
  533. text-transform: uppercase;
  534. font-weight: bold;
  535. }
  536. .syntax_alpha_functionName {
  537. text-transform: uppercase;
  538. }
  539. .syntax_alpha_identifier {
  540. }
  541. .syntax_alpha_charset {
  542. }
  543. .syntax_alpha_variable {
  544. }
  545. .syntax_quote {
  546. white-space: pre;
  547. }
  548. .syntax_quote_backtick {
  549. }
  550. /* no extra space in table cells */
  551. td .icon {
  552. margin: 0;
  553. }
  554. .selectallarrow {
  555. margin-<?php echo $right; ?>: .3em;
  556. margin-<?php echo $left; ?>: .6em;
  557. }
  558. /* message boxes: error, confirmation */
  559. #pma_errors {
  560. padding: 0 0.5em;
  561. }
  562. .success h1,
  563. .notice h1,
  564. div.error h1 {
  565. border-bottom: 2px solid;
  566. font-weight: bold;
  567. text-align: <?php echo $left; ?>;
  568. margin: 0 0 .2em 0;
  569. }
  570. div.success,
  571. div.notice,
  572. div.error {
  573. margin: .5em 0 1.3em;
  574. border: 1px solid;
  575. background-repeat: no-repeat;
  576. <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
  577. background-position: 10px 50%;
  578. padding: 10px 10px 10px 10px;
  579. <?php } else { ?>
  580. background-position: 99% 50%;
  581. padding: 10px 35px 10px 10px;
  582. <?php } ?>
  583. -moz-border-radius: 5px;
  584. -webkit-border-radius: 5px;
  585. border-radius: 5px;
  586. -moz-box-shadow: 0 1px 1px #fff inset;
  587. -webkit-box-shadow: 0 1px 1px #fff inset;
  588. box-shadow: 0 1px 1px #fff inset;
  589. }
  590. .success a,
  591. .notice a,
  592. .error a {
  593. text-decoration: underline;
  594. }
  595. .success {
  596. color: #000;
  597. background-color: #ebf8a4;
  598. }
  599. h1.success,
  600. div.success {
  601. border-color: #a2d246;
  602. }
  603. .success h1 {
  604. border-color: #00FF00;
  605. }
  606. .notice {
  607. color: #000;
  608. background-color: #e8eef1;
  609. }
  610. h1.notice,
  611. div.notice {
  612. border-color: #3a6c7e;
  613. }
  614. .notice h1 {
  615. border-color: #ffb10a;
  616. }
  617. .error {
  618. border: 1px solid maroon !important;
  619. color: #000;
  620. background: pink;
  621. }
  622. h1.error,
  623. div.error {
  624. border-color: #333;
  625. }
  626. div.error h1 {
  627. border-color: #ff0000;
  628. }
  629. .confirmation {
  630. color: #000;
  631. background-color: pink;
  632. }
  633. fieldset.confirmation {
  634. }
  635. fieldset.confirmation legend {
  636. }
  637. /* end messageboxes */
  638. .tblcomment {
  639. font-size: 70%;
  640. font-weight: normal;
  641. color: #000099;
  642. }
  643. .tblHeaders {
  644. font-weight: bold;
  645. color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  646. background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
  647. }
  648. div.tools,
  649. .tblFooters {
  650. font-weight: normal;
  651. color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  652. background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
  653. }
  654. .tblHeaders a:link,
  655. .tblHeaders a:active,
  656. .tblHeaders a:visited,
  657. div.tools a:link,
  658. div.tools a:visited,
  659. div.tools a:active,
  660. .tblFooters a:link,
  661. .tblFooters a:active,
  662. .tblFooters a:visited {
  663. color: #0000FF;
  664. }
  665. .tblHeaders a:hover,
  666. div.tools a:hover,
  667. .tblFooters a:hover {
  668. color: #FF0000;
  669. }
  670. /* forbidden, no privileges */
  671. .noPrivileges {
  672. color: #FF0000;
  673. font-weight: bold;
  674. }
  675. /* disabled text */
  676. .disabled,
  677. .disabled a:link,
  678. .disabled a:active,
  679. .disabled a:visited {
  680. color: #666;
  681. }
  682. .disabled a:hover {
  683. color: #666;
  684. text-decoration: none;
  685. }
  686. tr.disabled td,
  687. td.disabled {
  688. background-color: #f3f3f3;
  689. color: #aaa;
  690. }
  691. .nowrap {
  692. white-space: nowrap;
  693. }
  694. /**
  695. * login form
  696. */
  697. body#loginform h1,
  698. body#loginform a.logo {
  699. display: block;
  700. text-align: center;
  701. }
  702. body#loginform {
  703. margin-top: 1em;
  704. text-align: center;
  705. }
  706. body#loginform div.container {
  707. text-align: <?php echo $left; ?>;
  708. width: 30em;
  709. margin: 0 auto;
  710. }
  711. form.login label {
  712. float: <?php echo $left; ?>;
  713. width: 10em;
  714. font-weight: bolder;
  715. }
  716. .commented_column {
  717. border-bottom: 1px dashed #000;
  718. }
  719. .column_attribute {
  720. font-size: 70%;
  721. }
  722. /******************************************************************************/
  723. /* specific elements */
  724. /* topmenu */
  725. #topmenu a {
  726. text-shadow: 0 1px 0 #fff;
  727. }
  728. #topmenu .error {
  729. background: #eee;border: 0 !important;color: #aaa;
  730. }
  731. ul#topmenu,
  732. ul#topmenu2,
  733. ul.tabs {
  734. font-weight: bold;
  735. list-style-type: none;
  736. margin: 0;
  737. padding: 0;
  738. }
  739. ul#topmenu2 {
  740. margin: .25em .5em 0;
  741. height: 2em;
  742. clear: both;
  743. }
  744. ul#topmenu li,
  745. ul#topmenu2 li {
  746. float: <?php echo $left; ?>;
  747. margin: 0;
  748. vertical-align: middle;
  749. }
  750. #topmenu img,
  751. #topmenu2 img {
  752. margin-right: .5em;
  753. vertical-align: -3px;
  754. }
  755. .menucontainer {
  756. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'dcdcdc'); ?>
  757. border-top: 1px solid #aaa;
  758. }
  759. /* default tab styles */
  760. .tabactive {
  761. background: #fff !important;
  762. }
  763. ul#topmenu2 a {
  764. display: block;
  765. margin: 7px 6px 7px;
  766. margin-<?php echo $left; ?>: 0;
  767. padding: 4px 10px;
  768. white-space: nowrap;
  769. border: 1px solid #ddd;
  770. border-radius: 20px;
  771. -moz-border-radius: 20px;
  772. -webkit-border-radius: 20px;
  773. background: #f2f2f2;
  774. }
  775. fieldset.caution a {
  776. color: #FF0000;
  777. }
  778. fieldset.caution a:hover {
  779. color: #fff;
  780. background-color: #FF0000;
  781. }
  782. #topmenu {
  783. margin-top: .5em;
  784. padding: .1em .3em;
  785. }
  786. ul#topmenu ul {
  787. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 6px #ddd;
  788. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
  789. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
  790. }
  791. ul#topmenu ul.only {
  792. <?php echo $left; ?>: 0;
  793. }
  794. ul#topmenu > li {
  795. border-right: 1px solid #fff;
  796. border-left: 1px solid #ccc;
  797. }
  798. /* default tab styles */
  799. ul#topmenu a,
  800. ul#topmenu span {
  801. padding: .6em;
  802. }
  803. ul#topmenu ul a {
  804. border-width: 1pt 0 0 0;
  805. -moz-border-radius: 0;
  806. -webkit-border-radius: 0;
  807. border-radius: 0;
  808. }
  809. ul#topmenu ul li:first-child a {
  810. border-width: 0;
  811. }
  812. /* enabled hover/active tabs */
  813. ul#topmenu > li > a:hover,
  814. ul#topmenu > li > .tabactive {
  815. text-decoration: none;
  816. }
  817. ul#topmenu ul a:hover,
  818. ul#topmenu ul .tabactive {
  819. text-decoration: none;
  820. }
  821. ul#topmenu a.tab:hover,
  822. ul#topmenu .tabactive {
  823. /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
  824. }
  825. ul#topmenu2 a.tab:hover,
  826. ul#topmenu2 a.tabactive {
  827. background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
  828. border-radius: .3em;
  829. -moz-border-radius: .3em;
  830. -webkit-border-radius: .3em;
  831. text-decoration: none;
  832. }
  833. /* to be able to cancel the bottom border, use <li class="active"> */
  834. ul#topmenu > li.active {
  835. /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
  836. border-right: 0;
  837. }
  838. /* end topmenu */
  839. /* zoom search */
  840. div#dataDisplay input,
  841. div#dataDisplay select {
  842. margin: 0;
  843. margin-<?php echo $right; ?>: .5em;
  844. }
  845. div#dataDisplay th {
  846. line-height: 2em;
  847. }
  848. /* Calendar */
  849. table.calendar {
  850. width: 100%;
  851. }
  852. table.calendar td {
  853. text-align: center;
  854. }
  855. table.calendar td a {
  856. display: block;
  857. }
  858. table.calendar td a:hover {
  859. background-color: #CCFFCC;
  860. }
  861. table.calendar th {
  862. background-color: #D3DCE3;
  863. }
  864. table.calendar td.selected {
  865. background-color: #FFCC99;
  866. }
  867. img.calendar {
  868. border: none;
  869. }
  870. form.clock {
  871. text-align: center;
  872. }
  873. /* end Calendar */
  874. /* table stats */
  875. div#tablestatistics table {
  876. float: <?php echo $left; ?>;
  877. margin-bottom: .5em;
  878. margin-<?php echo $right; ?>: 1.5em;
  879. margin-top: .5em;
  880. min-width: 16em;
  881. }
  882. /* END table stats */
  883. /* server privileges */
  884. #tableuserrights td,
  885. #tablespecificuserrights td,
  886. #tabledatabases td {
  887. vertical-align: middle;
  888. }
  889. /* END server privileges */
  890. /* Heading */
  891. #topmenucontainer {
  892. padding-<?php echo $right; ?>: 1em;
  893. width: 100%;
  894. }
  895. #serverinfo {
  896. border-bottom: 1px solid #fff;
  897. background: #888;
  898. padding: .3em .9em;
  899. padding-<?php echo $left; ?>: 2.2em;
  900. text-shadow: 0 1px 0 #000;
  901. width: 10000px;
  902. overflow: hidden;
  903. }
  904. #serverinfo .item {
  905. white-space: nowrap;
  906. color: #fff;
  907. float: <?php echo $left; ?>
  908. }
  909. #goto_pagetop {
  910. position: fixed;
  911. padding: .25em .25em .2em;
  912. top: 0;
  913. <?php echo $right; ?>: 0;
  914. z-index: 900;
  915. background: #888;
  916. }
  917. #span_table_comment {
  918. font-weight: normal;
  919. font-style: italic;
  920. white-space: nowrap;
  921. }
  922. #serverinfo img {
  923. margin: 0 .1em 0;
  924. margin-<?php echo $left; ?>: .2em;
  925. }
  926. #textSQLDUMP {
  927. width: 95%;
  928. height: 95%;
  929. font-family: Consolas, "Courier New", Courier, mono;
  930. font-size: 110%;
  931. }
  932. #TooltipContainer {
  933. position: absolute;
  934. z-index: 99;
  935. width: 20em;
  936. height: auto;
  937. overflow: visible;
  938. visibility: hidden;
  939. background-color: #ffffcc;
  940. color: #006600;
  941. border: .1em solid #000;
  942. padding: .5em;
  943. }
  944. /* user privileges */
  945. #fieldset_add_user_login div.item {
  946. border-bottom: 1px solid silver;
  947. padding-bottom: .3em;
  948. margin-bottom: .3em;
  949. }
  950. #fieldset_add_user_login label {
  951. float: <?php echo $left; ?>;
  952. display: block;
  953. width: 10em;
  954. max-width: 100%;
  955. text-align: <?php echo $right; ?>;
  956. padding-<?php echo $right; ?>: .5em;
  957. }
  958. #fieldset_add_user_login span.options #select_pred_username,
  959. #fieldset_add_user_login span.options #select_pred_hostname,
  960. #fieldset_add_user_login span.options #select_pred_password {
  961. width: 100%;
  962. max-width: 100%;
  963. }
  964. #fieldset_add_user_login span.options {
  965. float: <?php echo $left; ?>;
  966. display: block;
  967. width: 12em;
  968. max-width: 100%;
  969. padding-<?php echo $right; ?>: .5em;
  970. }
  971. #fieldset_add_user_login input {
  972. width: 12em;
  973. clear: <?php echo $right; ?>;
  974. max-width: 100%;
  975. }
  976. #fieldset_add_user_login span.options input {
  977. width: auto;
  978. }
  979. #fieldset_user_priv div.item {
  980. float: <?php echo $left; ?>;
  981. width: 9em;
  982. max-width: 100%;
  983. }
  984. #fieldset_user_priv div.item div.item {
  985. float: none;
  986. }
  987. #fieldset_user_priv div.item label {
  988. white-space: nowrap;
  989. }
  990. #fieldset_user_priv div.item select {
  991. width: 100%;
  992. }
  993. #fieldset_user_global_rights fieldset {
  994. float: <?php echo $left; ?>;
  995. }
  996. /* END user privileges */
  997. /* serverstatus */
  998. .linkElem:hover {
  999. text-decoration: underline;
  1000. color: #235a81;
  1001. cursor: pointer;
  1002. }
  1003. h3#serverstatusqueries span {
  1004. font-size: 60%;
  1005. display: inline;
  1006. }
  1007. img.sortableIcon {
  1008. float: <?php echo $right; ?>;
  1009. background-repeat: no-repeat;
  1010. margin: 0;
  1011. }
  1012. .buttonlinks {
  1013. float: <?php echo $right; ?>;
  1014. white-space: nowrap;
  1015. }
  1016. /* Also used for the variables page */
  1017. fieldset#tableFilter {
  1018. margin-bottom: 1em;
  1019. }
  1020. div#serverStatusTabs {
  1021. margin-top: 1em;
  1022. }
  1023. caption a.top {
  1024. float: <?php echo $right; ?>;
  1025. }
  1026. div#serverstatusquerieschart {
  1027. float: <?php echo $left; ?>;
  1028. width: 500px;
  1029. height: 350px;
  1030. padding-<?php echo $left; ?>: 30px;
  1031. }
  1032. table#serverstatusqueriesdetails,
  1033. table#serverstatustraffic {
  1034. float: <?php echo $left; ?>;
  1035. }
  1036. table#serverstatusqueriesdetails th {
  1037. min-width: 35px;
  1038. }
  1039. table#serverstatusvariables {
  1040. width: 100%;
  1041. margin-bottom: 1em;
  1042. }
  1043. table#serverstatusvariables .name {
  1044. width: 18em;
  1045. white-space: nowrap;
  1046. }
  1047. table#serverstatusvariables .value {
  1048. width: 6em;
  1049. }
  1050. table#serverstatusconnections {
  1051. float: <?php echo $left; ?>;
  1052. margin-<?php echo $left; ?>: 30px;
  1053. }
  1054. div#serverstatus table tbody td.descr a,
  1055. div#serverstatus table .tblFooters a {
  1056. white-space: nowrap;
  1057. }
  1058. div.liveChart {
  1059. clear: both;
  1060. min-width: 500px;
  1061. height: 400px;
  1062. padding-bottom: 80px;
  1063. }
  1064. #addChartDialog input[type="text"] {
  1065. margin: 0;
  1066. padding: 3px;
  1067. }
  1068. div#chartVariableSettings {
  1069. border: 1px solid #ddd;
  1070. background-color: #E6E6E6;
  1071. margin-left: 10px;
  1072. }
  1073. table#chartGrid div.monitorChart {
  1074. background: #EBEBEB;
  1075. }
  1076. div#serverstatus div.tabLinks {
  1077. float: <?php echo $left; ?>;
  1078. padding-bottom: 10px;
  1079. }
  1080. .popupContent {
  1081. display: none;
  1082. position: absolute;
  1083. border: 1px solid #CCC;
  1084. margin: 0;
  1085. padding: 3px;
  1086. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
  1087. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
  1088. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
  1089. background-color: #fff;
  1090. z-index: 2;
  1091. }
  1092. div#logTable {
  1093. padding-top: 10px;
  1094. clear: both;
  1095. }
  1096. div#logTable table {
  1097. width: 100%;
  1098. }
  1099. div#queryAnalyzerDialog {
  1100. min-width: 700px;
  1101. }
  1102. div#queryAnalyzerDialog div.CodeMirror-scroll {
  1103. height: auto;
  1104. }
  1105. div#queryAnalyzerDialog div#queryProfiling {
  1106. height: 300px;
  1107. }
  1108. div#queryAnalyzerDialog td.explain {
  1109. width: 250px;
  1110. }
  1111. div#queryAnalyzerDialog table.queryNums {
  1112. display: none;
  1113. border: 0;
  1114. text-align: left;
  1115. }
  1116. .smallIndent {
  1117. padding-<?php echo $left; ?>: 7px;
  1118. }
  1119. /* end serverstatus */
  1120. /* server variables */
  1121. #serverVariables {
  1122. min-width: 30em;
  1123. }
  1124. #serverVariables .var-row > div {
  1125. white-space: nowrap;
  1126. overflow: hidden;
  1127. text-overflow: ellipsis;
  1128. line-height: 2em;
  1129. }
  1130. #serverVariables .var-header {
  1131. color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  1132. background: #f3f3f3;
  1133. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  1134. font-weight: bold;
  1135. }
  1136. #serverVariables .var-header .var-value {
  1137. text-align: <?php echo $left; ?>;
  1138. }
  1139. #serverVariables .var-row {
  1140. padding: 0.5em;
  1141. min-height: 18px;
  1142. }
  1143. #serverVariables .var-name {
  1144. width: 45%;
  1145. float: <?php echo $left; ?>;
  1146. font-weight: bold;
  1147. }
  1148. #serverVariables .var-name.session {
  1149. font-weight: normal;
  1150. font-style: italic;
  1151. }
  1152. #serverVariables .var-value {
  1153. width: 50%;
  1154. float: <?php echo $right; ?>;
  1155. text-align: <?php echo $right; ?>;
  1156. }
  1157. #serverVariables .var-doc {
  1158. overflow:visible;
  1159. float: <?php echo $right; ?>;
  1160. }
  1161. /* server variables editor */
  1162. #serverVariables .editLink {
  1163. padding-<?php echo $right; ?>: 1em;
  1164. float: <?php echo $left; ?>;
  1165. font-family: sans-serif;
  1166. }
  1167. #serverVariables .serverVariableEditor {
  1168. width: 100%;
  1169. overflow: hidden;
  1170. }
  1171. #serverVariables .serverVariableEditor input {
  1172. width: 100%;
  1173. margin: 0 0.5em;
  1174. box-sizing: border-box;
  1175. -ms-box-sizing: border-box;
  1176. -moz-box-sizing: border-box;
  1177. -webkit-box-sizing: border-box;
  1178. height: 2.2em;
  1179. }
  1180. #serverVariables .serverVariableEditor div {
  1181. display: block;
  1182. overflow: hidden;
  1183. padding-<?php echo $right; ?>: 1em;
  1184. }
  1185. #serverVariables .serverVariableEditor a {
  1186. float: <?php echo $right; ?>;
  1187. margin: 0 0.5em;
  1188. line-height: 2em;
  1189. }
  1190. /* end server variables */
  1191. p.notice {
  1192. margin: 1.5em 0;
  1193. border: 1px solid #000;
  1194. background-repeat: no-repeat;
  1195. <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
  1196. background-position: 10px 50%;
  1197. padding: 10px 10px 10px 25px;
  1198. <?php } else { ?>
  1199. background-position: 99% 50%;
  1200. padding: 25px 10px 10px 10px
  1201. <?php } ?>
  1202. -moz-border-radius: 5px;
  1203. -webkit-border-radius: 5px;
  1204. border-radius: 5px;
  1205. -moz-box-shadow: 0 1px 2px #fff inset;
  1206. -webkit-box-shadow: 0 1px 2px #fff inset;
  1207. box-shadow: 0 1px 2px #fff; inset;
  1208. background: #555;
  1209. color: #d4fb6a;
  1210. }
  1211. p.notice a {
  1212. color: #fff;
  1213. text-decoration: underline;
  1214. }
  1215. /* querywindow */
  1216. body#bodyquerywindow {
  1217. margin: 0;
  1218. padding: 0;
  1219. background-image: none;
  1220. background-color: #F5F5F5;
  1221. }
  1222. div#querywindowcontainer {
  1223. margin: 0;
  1224. padding: 0;
  1225. width: 100%;
  1226. }
  1227. div#querywindowcontainer fieldset {
  1228. margin-top: 0;
  1229. }
  1230. /* END querywindow */
  1231. /* profiling */
  1232. div#profilingchart {
  1233. width: 550px;
  1234. height: 370px;
  1235. float: <?php echo $left; ?>;
  1236. }
  1237. /* END profiling */
  1238. /* table charting */
  1239. #resizer {
  1240. border: 1px solid silver;
  1241. }
  1242. #inner-resizer { /* make room for the resize handle */
  1243. padding: 10px;
  1244. }
  1245. /* END table charting */
  1246. /* querybox */
  1247. #togglequerybox {
  1248. margin: 0 10px;
  1249. }
  1250. #serverstatus h3
  1251. {
  1252. margin: 15px 0;
  1253. font-weight: normal;
  1254. color: #999;
  1255. font-size: 1.7em;
  1256. }
  1257. #sectionlinks {
  1258. padding: 16px;
  1259. background: #f3f3f3;
  1260. border: 1px solid #aaa;
  1261. border-radius: 5px;
  1262. -webkit-border-radius: 5px;
  1263. -moz-border-radius: 5px;
  1264. box-shadow: 0 1px 1px #fff inset;
  1265. -webkit-box-shadow: 0 1px 1px #fff inset;
  1266. -moz-box-shadow: 0 1px 1px #fff inset;
  1267. }
  1268. #sectionlinks a,
  1269. .buttonlinks a,
  1270. a.button {
  1271. font-size: .88em;
  1272. font-weight: bold;
  1273. text-shadow: 0 1px 0 #fff;
  1274. line-height: 35px;
  1275. margin-<?php echo $left; ?>: 7px;
  1276. border: 1px solid #aaa;
  1277. padding: 5px 10px;
  1278. color: #111;
  1279. text-decoration: none;
  1280. background: #ddd;
  1281. white-space: nowrap;
  1282. border-radius: 20px;
  1283. -webkit-border-radius: 20px;
  1284. -moz-border-radius: 20px;
  1285. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
  1286. /*
  1287. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
  1288. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
  1289. text-shadow: #fff 0 1px 0;
  1290. */
  1291. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  1292. }
  1293. #sectionlinks a:hover,
  1294. .buttonlinks a:hover,
  1295. a.button:hover {
  1296. <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
  1297. }
  1298. div#sqlquerycontainer {
  1299. float: <?php echo $left; ?>;
  1300. width: 69%;
  1301. /* height: 15em; */
  1302. }
  1303. div#tablefieldscontainer {
  1304. float: <?php echo $right; ?>;
  1305. width: 29%;
  1306. /* height: 15em; */
  1307. }
  1308. div#tablefieldscontainer select {
  1309. width: 100%;
  1310. background: #fff;
  1311. /* height: 12em; */
  1312. }
  1313. textarea#sqlquery {
  1314. width: 100%;
  1315. /* height: 100%; */
  1316. -moz-border-radius: 4px;
  1317. -webkit-border-radius: 4px;
  1318. border-radius: 4px;
  1319. border: 1px solid #aaa;
  1320. padding: 5px;
  1321. font-family: inherit;
  1322. }
  1323. textarea#sql_query_edit {
  1324. height: 7em;
  1325. width: 95%;
  1326. display: block;
  1327. }
  1328. div#queryboxcontainer div#bookmarkoptions {
  1329. margin-top: .5em;
  1330. }
  1331. /* end querybox */
  1332. /* main page */
  1333. #maincontainer {
  1334. /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('logo_right.png');?>); */
  1335. /* background-position: <?php echo $right; ?> bottom; */
  1336. /* background-repeat: no-repeat; */
  1337. }
  1338. #mysqlmaininformation,
  1339. #pmamaininformation {
  1340. float: <?php echo $left; ?>;
  1341. width: 49%;
  1342. }
  1343. #maincontainer ul {
  1344. list-style-type: disc;
  1345. vertical-align: middle;
  1346. }
  1347. #maincontainer li {
  1348. margin-bottom: .3em;
  1349. }
  1350. /* END main page */
  1351. /* iconic view for ul items */
  1352. li.no_bullets {
  1353. list-style-type:none !important;
  1354. margin-left: -25px !important; //align with other list items which have bullets
  1355. }
  1356. /* END iconic view for ul items */
  1357. #body_browse_foreigners {
  1358. background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
  1359. margin: .5em .5em 0 .5em;
  1360. }
  1361. #bodyquerywindow {
  1362. background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
  1363. }
  1364. #bodythemes {
  1365. width: 500px;
  1366. margin: auto;
  1367. text-align: center;
  1368. }
  1369. #bodythemes img {
  1370. border: .1em solid #000;
  1371. }
  1372. #bodythemes a:hover img {
  1373. border: .1em solid red;
  1374. }
  1375. #fieldset_select_fields {
  1376. float: <?php echo $left; ?>;
  1377. }
  1378. #selflink {
  1379. clear: both;
  1380. display: block;
  1381. margin-top: 1em;
  1382. margin-bottom: 1em;
  1383. width: 98%;
  1384. margin-<?php echo $left; ?>: 1%;
  1385. border-top: .1em solid silver;
  1386. text-align: <?php echo $right; ?>;
  1387. }
  1388. #table_innodb_bufferpool_usage,
  1389. #table_innodb_bufferpool_activity {
  1390. float: <?php echo $left; ?>;
  1391. }
  1392. #div_mysql_charset_collations table {
  1393. float: <?php echo $left; ?>;
  1394. }
  1395. .operations_half_width {
  1396. width: 48%;
  1397. float: <?php echo $left; ?>;
  1398. }
  1399. .operations_full_width {
  1400. width: 100%;
  1401. clear: both;
  1402. }
  1403. #qbe_div_table_list {
  1404. float: <?php echo $left; ?>;
  1405. }
  1406. #qbe_div_sql_query {
  1407. float: <?php echo $left; ?>;
  1408. }
  1409. label.desc {
  1410. width: 30em;
  1411. float: <?php echo $left; ?>;
  1412. }
  1413. label.desc sup {
  1414. position: absolute;
  1415. }
  1416. code.sql,
  1417. div.sqlvalidate {
  1418. display: block;
  1419. padding: 1em;
  1420. margin-top: 0;
  1421. margin-bottom: 0;
  1422. max-height: 10em;
  1423. overflow: auto;
  1424. background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
  1425. }
  1426. #main_pane_left {
  1427. width: 60%;
  1428. float: <?php echo $left; ?>;
  1429. padding-top: 1em;
  1430. }
  1431. #main_pane_right {
  1432. margin-<?php echo $left; ?>: 60%;
  1433. padding-top: 1em;
  1434. padding-<?php echo $left; ?>: 1em;
  1435. }
  1436. .group {
  1437. border: 1px solid #999;
  1438. background: #f3f3f3;
  1439. -moz-border-radius: 4px;
  1440. -webkit-border-radius: 4px;
  1441. border-radius: 4px;
  1442. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
  1443. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
  1444. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
  1445. margin-bottom: 1em;
  1446. padding-bottom: 1em;
  1447. }
  1448. .group h2 {
  1449. background-color: #bbb;
  1450. padding: .1em .3em;
  1451. margin-top: 0;
  1452. color: #fff;
  1453. font-size: 1.6em;
  1454. font-weight: normal;
  1455. text-shadow: 0 1px 0 #777;
  1456. -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
  1457. -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
  1458. box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
  1459. }
  1460. .group-cnt {
  1461. padding: 0;
  1462. padding-<?php echo $left; ?>: .5em;
  1463. display: inline-block;
  1464. width: 98%;
  1465. }
  1466. textarea#partitiondefinition {
  1467. height: 3em;
  1468. }
  1469. /* for elements that should be revealed only via js */
  1470. .hide {
  1471. display: none;
  1472. }
  1473. #list_server {
  1474. list-style-image: none;
  1475. }
  1476. /**
  1477. * Progress bar styles
  1478. */
  1479. div.upload_progress
  1480. {
  1481. width: 400px;
  1482. margin: 3em auto;
  1483. text-align: center;
  1484. }
  1485. div.upload_progress_bar_outer
  1486. {
  1487. border: 1px solid #000;
  1488. width: 202px;
  1489. position: relative;
  1490. margin: 0 auto 1em;
  1491. color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
  1492. }
  1493. div.upload_progress_bar_inner
  1494. {
  1495. background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
  1496. width: 0;
  1497. height: 12px;
  1498. margin: 1px;
  1499. overflow: hidden;
  1500. color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
  1501. position: relative;
  1502. }
  1503. div.upload_progress_bar_outer div.percentage
  1504. {
  1505. position: absolute;
  1506. top: 0;
  1507. <?php echo $left; ?>: 0;
  1508. width: 202px;
  1509. }
  1510. div.upload_progress_bar_inner div.percentage
  1511. {
  1512. top: -1px;
  1513. <?php echo $left; ?>: -1px;
  1514. }
  1515. div#statustext {
  1516. margin-top: .5em;
  1517. }
  1518. table#serverconnection_src_remote,
  1519. table#serverconnection_trg_remote,
  1520. table#serverconnection_src_local,
  1521. table#serverconnection_trg_local {
  1522. float: <?php echo $left; ?>;
  1523. }
  1524. /**
  1525. * Validation error message styles
  1526. */
  1527. input[type=text].invalid_value,
  1528. .invalid_value {
  1529. background: #FFCCCC;
  1530. }
  1531. /**
  1532. * Ajax notification styling
  1533. */
  1534. .ajax_notification {
  1535. top: 0; /** The notification needs to be shown on the top of the page */
  1536. position: fixed;
  1537. margin-top: 0;
  1538. margin-right: auto;
  1539. margin-bottom: 0;
  1540. margin-<?php echo $left; ?>: auto;
  1541. padding: 5px; /** Keep a little space on the sides of the text */
  1542. width: 350px;
  1543. z-index: 1100; /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index: 1000) might hide this */
  1544. text-align: center;
  1545. display: inline;
  1546. left: 0;
  1547. right: 0;
  1548. background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>);
  1549. background-repeat: no-repeat;
  1550. background-position: 2%;
  1551. border: 1px solid #e2b709;
  1552. }
  1553. /* additional styles */
  1554. .ajax_notification {
  1555. margin-top: 200px;
  1556. background: #ffe57e;
  1557. border-radius: 5px;
  1558. -moz-border-radius: 5px;
  1559. -webkit-border-radius: 5px;
  1560. box-shadow: 0 5px 90px #888;
  1561. -moz-box-shadow: 0 5px 90px #888;
  1562. -webkit-box-shadow: 0 5px 90px #888;
  1563. }
  1564. #loading_parent {
  1565. /** Need this parent to properly center the notification division */
  1566. position: relative;
  1567. width: 100%;
  1568. }
  1569. /**
  1570. * Export and Import styles
  1571. */
  1572. .exportoptions h3,
  1573. .importoptions h3 {
  1574. border-bottom: 1px #999 solid;
  1575. font-size: 110%;
  1576. }
  1577. .exportoptions ul,
  1578. .importoptions ul,
  1579. .format_specific_options ul {
  1580. list-style-type: none;
  1581. margin-bottom: 15px;
  1582. }
  1583. .exportoptions li,
  1584. .importoptions li {
  1585. margin: 7px;
  1586. }
  1587. .exportoptions label,
  1588. .importoptions label,
  1589. .exportoptions p,
  1590. .importoptions p {
  1591. margin: 5px;
  1592. float: none;
  1593. }
  1594. #csv_options label.desc,
  1595. #ldi_options label.desc,
  1596. #latex_options label.desc,
  1597. #output label.desc {
  1598. float: <?php echo $left; ?>;
  1599. width: 15em;
  1600. }
  1601. .exportoptions,
  1602. .importoptions {
  1603. margin: 20px 30px 30px;
  1604. margin-<?php echo $left; ?>: 10px;
  1605. }
  1606. .exportoptions #buttonGo,
  1607. .importoptions #buttonGo {
  1608. font-weight: bold;
  1609. margin-<?php echo $left; ?>: 14px;
  1610. border: 1px solid #aaa;
  1611. padding: 5px 12px;
  1612. color: #111;
  1613. text-decoration: none;
  1614. background: #ddd;
  1615. border-radius: 12px;
  1616. -webkit-border-radius: 12px;
  1617. -moz-border-radius: 12px;
  1618. text-shadow: 0 1px 0 #fff;
  1619. <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
  1620. cursor: pointer;
  1621. }
  1622. #buttonGo:hover {
  1623. <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
  1624. }
  1625. .format_specific_options h3 {
  1626. margin: 10px 0 0;
  1627. margin-<?php echo $left; ?>: 10px;
  1628. border: 0;
  1629. }
  1630. .format_specific_options {
  1631. border: 1px solid #999;
  1632. margin: 7px 0;
  1633. padding: 3px;
  1634. }
  1635. p.desc {
  1636. margin: 5px;
  1637. }
  1638. /**
  1639. * Export styles only
  1640. */
  1641. select#db_select,
  1642. select#table_select {
  1643. width: 400px;
  1644. }
  1645. .export_sub_options {
  1646. margin: 20px 0 0;
  1647. margin-<?php echo $left; ?>: 30px;
  1648. }
  1649. .export_sub_options h4 {
  1650. border-bottom: 1px #999 solid;
  1651. }
  1652. .export_sub_options li.subgroup {
  1653. display: inline-block;
  1654. margin-top: 0;
  1655. }
  1656. .export_sub_options li {
  1657. margin-bottom: 0;
  1658. }
  1659. #quick_or_custom,
  1660. #output_quick_export {
  1661. display: none;
  1662. }
  1663. /**
  1664. * Import styles only
  1665. */
  1666. .importoptions #import_notification {
  1667. margin: 10px 0;
  1668. font-style: italic;
  1669. }
  1670. input#input_import_file {
  1671. margin: 5px;
  1672. }
  1673. .formelementrow {
  1674. margin: 5px 0 5px 0;
  1675. }
  1676. #popup_background {
  1677. display: none;
  1678. position: fixed;
  1679. _position: absolute; /* hack for IE6 */
  1680. width: 100%;
  1681. height: 100%;
  1682. top: 0;
  1683. <?php echo $left; ?>: 0;
  1684. background: #000;
  1685. z-index: 1000;
  1686. overflow: hidden;
  1687. }
  1688. /**
  1689. * Table structure styles
  1690. */
  1691. #fieldsForm ul.table-structure-actions {
  1692. margin: 0;
  1693. padding: 0;
  1694. list-style: none;
  1695. }
  1696. #fieldsForm ul.table-structure-actions li {
  1697. float: <?php echo $left; ?>;
  1698. margin-<?php echo $right; ?>: 0.3em; /* same as padding of "table td" */
  1699. }
  1700. #fieldsForm ul.table-structure-actions .submenu li {
  1701. padding: 0;
  1702. margin: 0;
  1703. }
  1704. #fieldsForm ul.table-structure-actions .submenu li span {
  1705. padding: 0.3em;
  1706. margin: 0.1em;
  1707. }
  1708. /**
  1709. * Indexes
  1710. */
  1711. #index_frm .index_info input,
  1712. #index_frm .index_info select {
  1713. width: 14em;
  1714. box-sizing: border-box;
  1715. -ms-box-sizing: border-box;
  1716. -moz-box-sizing: border-box;
  1717. -webkit-box-sizing: border-box;
  1718. }
  1719. #index_frm .index_info div {
  1720. padding: .2em 0;
  1721. }
  1722. #index_frm .index_info .label {
  1723. float: <?php echo $left; ?>;
  1724. min-width: 12em;
  1725. }
  1726. #index_frm .slider {
  1727. width: 10em;
  1728. margin: .6em;
  1729. float: <?php echo $left; ?>;
  1730. }
  1731. #index_frm .add_fields {
  1732. float: <?php echo $left; ?>;
  1733. }
  1734. #index_frm .add_fields input {
  1735. margin-<?php echo $left; ?>: 1em;
  1736. }
  1737. #index_frm input {
  1738. margin: 0;
  1739. }
  1740. #index_frm td {
  1741. vertical-align: middle;
  1742. }
  1743. table#index_columns {
  1744. width: 100%;
  1745. }
  1746. table#index_columns select {
  1747. width: 100%;
  1748. }
  1749. #move_columns_dialog div {
  1750. padding: 1em;
  1751. }
  1752. #move_columns_dialog ul {
  1753. list-style: none;
  1754. margin: 0;
  1755. padding: 0;
  1756. }
  1757. #move_columns_dialog li {
  1758. background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
  1759. border: 1px solid #aaa;
  1760. color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
  1761. font-weight: bold;
  1762. margin: .4em;
  1763. padding: .2em;
  1764. -webkit-border-radius: 2px;
  1765. -moz-border-radius: 2px;
  1766. border-radius: 2px;
  1767. }
  1768. .margin#change_column_dialog {
  1769. margin: 0 .5em;
  1770. }
  1771. /* config forms */
  1772. .config-form ul.tabs {
  1773. margin: 1.1em .2em 0;
  1774. padding: 0 0 .3em 0;
  1775. list-style: none;
  1776. font-weight: bold;
  1777. }
  1778. .config-form ul.tabs li {
  1779. float: <?php echo $left; ?>;
  1780. margin-bottom: -1px;
  1781. }
  1782. .config-form ul.tabs li a {
  1783. display: block;
  1784. margin: .1em .2em 0;
  1785. white-space: nowrap;
  1786. text-decoration: none;
  1787. border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
  1788. border-bottom: 1px solid #aaa;
  1789. }
  1790. .config-form ul.tabs li a {
  1791. padding: 7px 10px;
  1792. -webkit-border-radius: 5px 5px 0 0;
  1793. -moz-border-radius: 5px 5px 0 0;
  1794. border-radius: 5px 5px 0 0;
  1795. background: #f2f2f2;
  1796. color: #555;
  1797. text-shadow: 0 1px 0 #fff;
  1798. }
  1799. .config-form ul.tabs li a:hover,
  1800. .config-form ul.tabs li a:active {
  1801. background: #e5e5e5;
  1802. }
  1803. .config-form ul.tabs li.active a {
  1804. background-color: #fff;
  1805. margin-top: 1px;
  1806. color: #000;
  1807. text-shadow: none;
  1808. border-color: #aaa;
  1809. border-bottom: 1px solid #fff;
  1810. }
  1811. .config-form fieldset {
  1812. margin-top: 0;
  1813. padding: 0;
  1814. clear: both;
  1815. -webkit-border-radius: 0;
  1816. -moz-border-radius: 0;
  1817. border-radius: 0;
  1818. }
  1819. .config-form legend {
  1820. display: none;
  1821. }
  1822. .config-form fieldset p {
  1823. margin: 0;
  1824. padding: .5em;
  1825. background: #fff;
  1826. border-top: 0;
  1827. }
  1828. .config-form fieldset .errors { /* form error list */
  1829. margin: 0 -2px 1em;
  1830. padding: .5em 1.5em;
  1831. background: #FBEAD9;
  1832. border: 0 #C83838 solid;
  1833. border-width: 1px 0;
  1834. list-style: none;
  1835. font-family: sans-serif;
  1836. font-size: small;
  1837. }
  1838. .config-form fieldset .inline_errors { /* field error list */
  1839. margin: .3em .3em .3em;
  1840. margin-<?php echo $left; ?>: 0;
  1841. padding: 0;
  1842. list-style: none;
  1843. color: #9A0000;
  1844. font-size: small;
  1845. }
  1846. .config-form fieldset th {
  1847. padding: .3em .3em .3em;
  1848. padding-<?php echo $left; ?>: .5em;
  1849. text-align: <?php echo $left; ?>;
  1850. vertical-align: top;
  1851. width: 40%;
  1852. background: transparent;
  1853. filter: none;
  1854. }
  1855. .config-form fieldset .doc,
  1856. .config-form fieldset .disabled-notice {
  1857. margin-<?php echo $left; ?>: 1em;
  1858. }
  1859. .config-form fieldset .disabled-notice {
  1860. font-size: 80%;
  1861. text-transform: uppercase;
  1862. color: #E00;
  1863. cursor: help;
  1864. }
  1865. .config-form fieldset td {
  1866. padding-top: .3em;
  1867. padding-bottom: .3em;
  1868. vertical-align: top;
  1869. }
  1870. .config-form fieldset th small {
  1871. display: block;
  1872. font-weight: normal;
  1873. font-family: sans-serif;
  1874. font-size: x-small;
  1875. color: #444;
  1876. }
  1877. .config-form fieldset th,
  1878. .config-form fieldset td {
  1879. border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
  1880. border-<?php echo $right; ?>: none;
  1881. }
  1882. fieldset .group-header th {
  1883. background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
  1884. }
  1885. fieldset .group-header + tr th {
  1886. padding-top: .6em;
  1887. }
  1888. fieldset .group-field-1 th,
  1889. fieldset .group-header-2 th {
  1890. padding-<?php echo $left; ?>: 1.5em;
  1891. }
  1892. fieldset .group-field-2 th,
  1893. fieldset .group-header-3 th {
  1894. padding-<?php echo $left; ?>: 3em;
  1895. }
  1896. fieldset .group-field-3 th {
  1897. padding-<?php echo $left; ?>: 4.5em;
  1898. }
  1899. fieldset .disabled-field th,
  1900. fieldset .disabled-field th small,
  1901. fieldset .disabled-field td {
  1902. color: #666;
  1903. background-color: #ddd;
  1904. }
  1905. .config-form .lastrow {
  1906. border-top: 1px #000 solid;
  1907. }
  1908. .config-form .lastrow {
  1909. background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
  1910. padding: .5em;
  1911. text-align: center;
  1912. }
  1913. .config-form .lastrow input {
  1914. font-weight: bold;
  1915. }
  1916. /* form elements */
  1917. .config-form span.checkbox {
  1918. padding: 2px;
  1919. display: inline-block;
  1920. }
  1921. .config-form .custom { /* customized field */
  1922. background: #FFC;
  1923. }
  1924. .config-form span.checkbox.custom {
  1925. padding: 1px;
  1926. border: 1px #EDEC90 solid;
  1927. background: #FFC;
  1928. }
  1929. .config-form .field-error {
  1930. border-color: #A11 !important;
  1931. }
  1932. .config-form input[type="text"],
  1933. .config-form select,
  1934. .config-form textarea {
  1935. border: 1px #A7A6AA solid;
  1936. height: auto;
  1937. }
  1938. .config-form input[type="text"]:focus,
  1939. .config-form select:focus,
  1940. .config-form textarea:focus {
  1941. border: 1px #6676FF solid;
  1942. background: #F7FBFF;
  1943. }
  1944. .config-form .field-comment-mark {
  1945. font-family: serif;
  1946. color: #007;
  1947. cursor: help;
  1948. padding: 0 .2em;
  1949. font-weight: bold;
  1950. font-style: italic;
  1951. }
  1952. .config-form .field-comment-warning {
  1953. color: #A00;
  1954. }
  1955. /* error list */
  1956. .config-form dd {
  1957. margin-<?php echo $left; ?>: .5em;
  1958. }
  1959. .config-form dd:before {
  1960. content: "\25B8 ";
  1961. }
  1962. .click-hide-message {
  1963. cursor: pointer;
  1964. }
  1965. .prefsmanage_opts {
  1966. margin-<?php echo $left; ?>: 2em;
  1967. }
  1968. #prefs_autoload {
  1969. margin-bottom: .5em;
  1970. }
  1971. #placeholder .button {
  1972. position: absolute;
  1973. cursor: pointer;
  1974. }
  1975. #placeholder div.button {
  1976. font-size: smaller;
  1977. color: #999;
  1978. background-color: #eee;
  1979. padding: 2px;
  1980. }
  1981. .wrapper {
  1982. float: <?php echo $left; ?>;
  1983. margin-bottom: 1.5em;
  1984. }
  1985. .toggleButton {
  1986. position: relative;
  1987. cursor: pointer;
  1988. font-size: .8em;
  1989. text-align: center;
  1990. line-height: 1.4em;
  1991. height: 1.55em;
  1992. overflow: hidden;
  1993. border-right: .1em solid #888;
  1994. border-left: .1em solid #888;
  1995. -webkit-border-radius: .3em;
  1996. -moz-border-radius: .3em;
  1997. border-radius: .3em;
  1998. }
  1999. .toggleButton table,
  2000. .toggleButton td,
  2001. .toggleButton img {
  2002. padding: 0;
  2003. position: relative;
  2004. }
  2005. .toggleButton .container {
  2006. position: absolute;
  2007. }
  2008. .toggleButton .toggleOn {
  2009. color: #fff;
  2010. padding: 0 1em;
  2011. text-shadow: 0 0 .2em #000;
  2012. }
  2013. .toggleButton .toggleOff {
  2014. padding: 0 1em;
  2015. }
  2016. .doubleFieldset fieldset {
  2017. width: 48%;
  2018. float: <?php echo $left; ?>;
  2019. padding: 0;
  2020. }
  2021. .doubleFieldset fieldset.left {
  2022. margin-<?php echo $right; ?>: 1%;
  2023. }
  2024. .doubleFieldset fieldset.right {
  2025. margin-<?php echo $left; ?>: 1%;
  2026. }
  2027. .doubleFieldset legend {
  2028. margin-<?php echo $left; ?>: 1.5em;
  2029. }
  2030. .doubleFieldset div.wrap {
  2031. padding: 1.5em;
  2032. }
  2033. #table_columns input[type="text"],
  2034. #table_columns select {
  2035. width: 10em;
  2036. box-sizing: border-box;
  2037. -ms-box-sizing: border-box;
  2038. -moz-box-sizing: border-box;
  2039. -webkit-box-sizing: border-box;
  2040. }
  2041. #table_columns select {
  2042. margin: 0 6px;
  2043. }
  2044. #placeholder {
  2045. position: relative;
  2046. border: 1px solid #aaa;
  2047. float: <?php echo $right; ?>;
  2048. overflow: hidden;
  2049. }
  2050. .placeholderDrag {
  2051. cursor: move;
  2052. }
  2053. #placeholder .button {
  2054. position: absolute;
  2055. }
  2056. #left_arrow {
  2057. left: 8px;
  2058. top: 26px;
  2059. }
  2060. #right_arrow {
  2061. left: 26px;
  2062. top: 26px;
  2063. }
  2064. #up_arrow {
  2065. left: 17px;
  2066. top: 8px;
  2067. }
  2068. #down_arrow {
  2069. left: 17px;
  2070. top: 44px;
  2071. }
  2072. #zoom_in {
  2073. left: 17px;
  2074. top: 67px;
  2075. }
  2076. #zoom_world {
  2077. left: 17px;
  2078. top: 85px;
  2079. }
  2080. #zoom_out {
  2081. left: 17px;
  2082. top: 103px;
  2083. }
  2084. .colborder {
  2085. cursor: col-resize;
  2086. height: 100%;
  2087. margin-<?php echo $left; ?>: -6px;
  2088. position: absolute;
  2089. width: 5px;
  2090. }
  2091. .colborder_active {
  2092. border-<?php echo $right; ?>: 2px solid #a44;
  2093. }
  2094. .pma_table td {
  2095. position: static;
  2096. }
  2097. .pma_table th.draggable span,
  2098. .pma_table tbody td span {
  2099. display: block;
  2100. overflow: hidden;
  2101. }
  2102. .modal-copy input {
  2103. display: block;
  2104. width: 100%;
  2105. margin-top: 1.5em;
  2106. padding: .3em 0;
  2107. }
  2108. .cRsz {
  2109. position: absolute;
  2110. }
  2111. .cCpy {
  2112. background: #333;
  2113. color: #FFF;
  2114. font-weight: bold;
  2115. margin: .1em;
  2116. padding: .3em;
  2117. position: absolute;
  2118. text-shadow: -1px -1px #000;
  2119. -moz-box-shadow: 0 0 .7em #000;
  2120. -webkit-box-shadow: 0 0 .7em #000;
  2121. box-shadow: 0 0 .7em #000;
  2122. -moz-border-radius: .3em;
  2123. -webkit-border-radius: .3em;
  2124. border-radius: .3em;
  2125. }
  2126. .cPointer {
  2127. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>);
  2128. height: 20px;
  2129. margin-<?php echo $left; ?>: -5px; /* must be minus half of its width */
  2130. margin-top: -10px;
  2131. position: absolute;
  2132. width: 10px;
  2133. }
  2134. .tooltip {
  2135. background: #333 !important;
  2136. opacity: .8 !important;
  2137. border: 1px solid #000 !important;
  2138. -moz-border-radius: .3em !important;
  2139. -webkit-border-radius: .3em !important;
  2140. border-radius: .3em !important;
  2141. text-shadow: -1px -1px #000 !important;
  2142. font-size: .8em !important;
  2143. font-weight: bold !important;
  2144. padding: 1px 3px !important;
  2145. }
  2146. .tooltip * {
  2147. background: none !important;
  2148. color: #FFF !important;
  2149. }
  2150. .cDrop {
  2151. left: 0;
  2152. position: absolute;
  2153. top: 0;
  2154. }
  2155. .coldrop {
  2156. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>);
  2157. cursor: pointer;
  2158. height: 16px;
  2159. margin-<?php echo $left; ?>: .3em;
  2160. margin-top: .3em;
  2161. position: absolute;
  2162. width: 16px;
  2163. }
  2164. .coldrop:hover,
  2165. .coldrop-hover {
  2166. background-color: #999;
  2167. }
  2168. .cList {
  2169. background: #EEE;
  2170. border: solid 1px #999;
  2171. position: absolute;
  2172. -moz-box-shadow: 0 .2em .5em #333;
  2173. -webkit-box-shadow: 0 .2em .5em #333;
  2174. box-shadow: 0 .2em .5em #333;
  2175. }
  2176. .cList .lDiv div {
  2177. padding: .2em .5em .2em;
  2178. padding-<?php echo $left; ?>: .2em;
  2179. }
  2180. .cList .lDiv div:hover {
  2181. background: #DDD;
  2182. cursor: pointer;
  2183. }
  2184. .cList .lDiv div input {
  2185. cursor: pointer;
  2186. }
  2187. .showAllColBtn {
  2188. border-bottom: solid 1px #999;
  2189. border-top: solid 1px #999;
  2190. cursor: pointer;
  2191. font-size: .9em;
  2192. font-weight: bold;
  2193. padding: .35em 1em;
  2194. text-align: center;
  2195. }
  2196. .showAllColBtn:hover {
  2197. background: #DDD;
  2198. }
  2199. #page_content {
  2200. background-color: white;
  2201. }
  2202. .navigation {
  2203. margin: .8em 0;
  2204. border-radius: 5px;
  2205. -webkit-border-radius: 5px;
  2206. -moz-border-radius: 5px;
  2207. <?php echo $_SESSION['PMA_Theme']->getCssGradient('eeeeee', 'cccccc'); ?>
  2208. }
  2209. .navigation td {
  2210. margin: 0;
  2211. padding: 0;
  2212. vertical-align: middle;
  2213. white-space: nowrap;
  2214. }
  2215. .navigation_separator {
  2216. color: #999;
  2217. display: inline-block;
  2218. font-size: 1.5em;
  2219. text-align: center;
  2220. height: 1.4em;
  2221. width: 1.2em;
  2222. text-shadow: 1px 0 #FFF;
  2223. }
  2224. .navigation input[type=submit] {
  2225. background: none;
  2226. border: 0;
  2227. filter: none;
  2228. margin: 0;
  2229. padding: .8em .5em;
  2230. border-radius: 0;
  2231. -webkit-border-radius: 0;
  2232. -moz-border-radius: 0;
  2233. }
  2234. .navigation input[type=submit]:hover,
  2235. .navigation input.edit_mode_active {
  2236. color: #fff;
  2237. cursor: pointer;
  2238. text-shadow: none;
  2239. <?php echo $_SESSION['PMA_Theme']->getCssGradient('333333', '555555'); ?>
  2240. }
  2241. .navigation select {
  2242. margin: 0 .8em;
  2243. }
  2244. .cEdit {
  2245. margin: 0;
  2246. padding: 0;
  2247. position: absolute;
  2248. }
  2249. .cEdit input[type=text] {
  2250. background: #FFF;
  2251. height: 100%;
  2252. margin: 0;
  2253. padding: 0;
  2254. }
  2255. .cEdit .edit_area {
  2256. background: #FFF;
  2257. border: 1px solid #999;
  2258. min-width: 10em;
  2259. padding: .3em .5em;
  2260. }
  2261. .cEdit .edit_area select,
  2262. .cEdit .edit_area textarea {
  2263. width: 97%;
  2264. }
  2265. .cEdit .cell_edit_hint {
  2266. color: #555;
  2267. font-size: .8em;
  2268. margin: .3em .2em;
  2269. }
  2270. .cEdit .edit_box {
  2271. overflow: hidden;
  2272. padding: 0;
  2273. }
  2274. .cEdit .edit_box_posting {
  2275. background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
  2276. padding-<?php echo $right; ?>: 1.5em;
  2277. }
  2278. .cEdit .edit_area_loading {
  2279. background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
  2280. height: 10em;
  2281. }
  2282. .cEdit .goto_link {
  2283. background: #EEE;
  2284. color: #555;
  2285. padding: .2em .3em;
  2286. }
  2287. .saving_edited_data {
  2288. background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
  2289. padding-<?php echo $left; ?>: 20px;
  2290. }
  2291. /* css for timepicker */
  2292. .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
  2293. .ui-timepicker-div dl { text-align: <?php echo $left; ?>; }
  2294. .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
  2295. .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
  2296. .ui-timepicker-div td { font-size: 90%; }
  2297. .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
  2298. .ui-timepicker-rtl { direction: rtl; }
  2299. .ui-timepicker-rtl dl { text-align: right; }
  2300. .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
  2301. input.btn {
  2302. color: #333;
  2303. background-color: #D0DCE0;
  2304. }
  2305. body .ui-widget {
  2306. font-size: 1em;
  2307. }
  2308. .ui-dialog fieldset legend a {
  2309. color: #235A81;
  2310. }
  2311. /* over-riding jqplot-yaxis class */
  2312. .jqplot-yaxis {
  2313. left:0px !important;
  2314. min-width:25px;
  2315. width:auto;
  2316. }
  2317. .jqplot-axis {
  2318. overflow:hidden;
  2319. }