debugbar.css 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. /* Hide debugbar when printing a page */
  2. @media print {
  3. div.phpdebugbar {
  4. display: none;
  5. }
  6. }
  7. div.phpdebugbar {
  8. position: fixed;
  9. bottom: 0;
  10. left: 0;
  11. width: 100%;
  12. border-top: 0;
  13. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  14. background: #fff;
  15. z-index: 10000;
  16. font-size: 14px;
  17. color: #000;
  18. text-align: left;
  19. line-height: 1;
  20. letter-spacing: normal;
  21. direction: ltr;
  22. }
  23. div.phpdebugbar a,
  24. div.phpdebugbar-openhandler {
  25. cursor: pointer;
  26. }
  27. div.phpdebugbar-drag-capture {
  28. position: fixed;
  29. top: 0;
  30. bottom: 0;
  31. left: 0;
  32. right: 0;
  33. z-index: 10001;
  34. background: none;
  35. display: none;
  36. cursor: ns-resize;
  37. }
  38. div.phpdebugbar-closed {
  39. width: auto;
  40. }
  41. div.phpdebugbar * {
  42. margin: 0;
  43. padding: 0;
  44. border: 0;
  45. font-weight: normal;
  46. text-decoration: none;
  47. clear: initial;
  48. width: auto;
  49. -moz-box-sizing: content-box;
  50. box-sizing: content-box;
  51. }
  52. div.phpdebugbar ol, div.phpdebugbar ul {
  53. list-style: none;
  54. }
  55. div.phpdebugbar table {
  56. border-collapse: collapse;
  57. border-spacing: 0;
  58. }
  59. div.phpdebugbar input[type='text'], div.phpdebugbar input[type='password'] {
  60. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  61. background: #fff;
  62. font-size: 14px;
  63. color: #000;
  64. border: 0;
  65. padding: 0;
  66. margin: 0;
  67. }
  68. div.phpdebugbar code, div.phpdebugbar pre, div.phpdebugbar samp {
  69. background: none;
  70. font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  71. font-size: 1em;
  72. border: 0;
  73. padding: 0;
  74. margin: 0;
  75. }
  76. div.phpdebugbar code, div.phpdebugbar pre {
  77. color: #000;
  78. }
  79. div.phpdebugbar pre.sf-dump {
  80. color: #a0a000;
  81. outline: 0;
  82. }
  83. a.phpdebugbar-restore-btn {
  84. float: left;
  85. padding: 5px 8px;
  86. font-size: 14px;
  87. color: #555;
  88. text-decoration: none;
  89. border-right: 1px solid #ddd;
  90. }
  91. div.phpdebugbar-resize-handle {
  92. display: none;
  93. height: 4px;
  94. margin-top: -4px;
  95. width: 100%;
  96. background: none;
  97. border-bottom: 1px solid #ccc;
  98. cursor: ns-resize;
  99. }
  100. div.phpdebugbar-closed, div.phpdebugbar-minimized{
  101. border-top: 1px solid #ccc;
  102. }
  103. /* -------------------------------------- */
  104. div.phpdebugbar-header, a.phpdebugbar-restore-btn {
  105. background: #efefef url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%23000%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M6.039%208.342c.463%200%20.772.084.927.251.154.168.191.455.11.862-.084.424-.247.727-.487.908-.241.182-.608.272-1.1.272h-.743l.456-2.293h.837zm-2.975%204.615h1.22l.29-1.457H5.62c.461%200%20.84-.047%201.139-.142.298-.095.569-.254.812-.477.205-.184.37-.387.497-.608.127-.222.217-.466.27-.734.13-.65.032-1.155-.292-1.518-.324-.362-.84-.543-1.545-.543H4.153l-1.089%205.479zM9.235%206.02h1.21l-.289%201.458h1.079c.679%200%201.147.115%201.405.347.258.231.335.607.232%201.125l-.507%202.55h-1.23l.481-2.424c.055-.276.035-.464-.06-.565-.095-.1-.298-.15-.608-.15H9.98L9.356%2011.5h-1.21l1.089-5.48M15.566%208.342c.464%200%20.773.084.928.251.154.168.19.455.11.862-.084.424-.247.727-.488.908-.24.182-.607.272-1.1.272h-.742l.456-2.293h.836zm-2.974%204.615h1.22l.29-1.457h1.046c.461%200%20.84-.047%201.139-.142.298-.095.569-.254.812-.477.205-.184.37-.387.497-.608.127-.222.217-.466.27-.734.129-.65.032-1.155-.292-1.518-.324-.362-.84-.543-1.545-.543H13.68l-1.089%205.479z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E) no-repeat 5px 4px / 20px 20px;
  106. }
  107. div.phpdebugbar-header {
  108. padding-left: 29px;
  109. min-height: 26px;
  110. line-height: 16px;
  111. }
  112. div.phpdebugbar-header:before, div.phpdebugbar-header:after {
  113. display: table;
  114. line-height: 0;
  115. content: "";
  116. }
  117. div.phpdebugbar-header:after {
  118. clear: both;
  119. }
  120. div.phpdebugbar-header-left {
  121. float: left;
  122. }
  123. div.phpdebugbar-header-right {
  124. float: right;
  125. }
  126. div.phpdebugbar-header > div > * {
  127. padding: 5px 5px;
  128. font-size: 14px;
  129. color: #555;
  130. text-decoration: none;
  131. }
  132. div.phpdebugbar-header-left > * {
  133. float: left;
  134. }
  135. div.phpdebugbar-header-right > * {
  136. float: right;
  137. }
  138. div.phpdebugbar-header-right > select {
  139. padding: 0;
  140. }
  141. /* -------------------------------------- */
  142. span.phpdebugbar-indicator,
  143. a.phpdebugbar-indicator,
  144. a.phpdebugbar-close-btn {
  145. border-right: 1px solid #ddd;
  146. }
  147. a.phpdebugbar-tab.phpdebugbar-active {
  148. background: #ccc;
  149. color: #444;
  150. background-image: linear-gradient(bottom, rgb(173,173,173) 41%, rgb(209,209,209) 71%);
  151. background-image: -o-linear-gradient(bottom, rgb(173,173,173) 41%, rgb(209,209,209) 71%);
  152. background-image: -moz-linear-gradient(bottom, rgb(173,173,173) 41%, rgb(209,209,209) 71%);
  153. background-image: -webkit-linear-gradient(bottom, rgb(173,173,173) 41%, rgb(209,209,209) 71%);
  154. background-image: -ms-linear-gradient(bottom, rgb(173,173,173) 41%, rgb(209,209,209) 71%);
  155. background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.41, rgb(173,173,173)), color-stop(0.71, rgb(209,209,209)));
  156. }
  157. a.phpdebugbar-tab span.phpdebugbar-badge {
  158. display: none;
  159. margin-left: 5px;
  160. font-size: 11px;
  161. line-height: 14px;
  162. padding: 0 6px;
  163. background: #ccc;
  164. border-radius: 4px;
  165. color: #555;
  166. font-weight: normal;
  167. text-shadow: none;
  168. vertical-align: middle;
  169. }
  170. a.phpdebugbar-tab i {
  171. display: none;
  172. vertical-align: middle;
  173. }
  174. a.phpdebugbar-tab span.phpdebugbar-badge.phpdebugbar-visible {
  175. display: inline;
  176. }
  177. a.phpdebugbar-tab span.phpdebugbar-badge.phpdebugbar-important {
  178. background: #ed6868;
  179. color: white;
  180. }
  181. a.phpdebugbar-close-btn, a.phpdebugbar-open-btn, a.phpdebugbar-restore-btn, a.phpdebugbar-minimize-btn , a.phpdebugbar-maximize-btn {
  182. width: 16px;
  183. height: 16px;
  184. }
  185. a.phpdebugbar-minimize-btn , a.phpdebugbar-maximize-btn {
  186. padding-right: 0 !important;
  187. }
  188. a.phpdebugbar-maximize-btn { display: none}
  189. a.phpdebugbar-minimize-btn { display: block}
  190. div.phpdebugbar-minimized a.phpdebugbar-maximize-btn { display: block}
  191. div.phpdebugbar-minimized a.phpdebugbar-minimize-btn { display: none}
  192. a.phpdebugbar-minimize-btn {
  193. background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201792%201792%22%20id%3D%22chevron-down%22%3E%3Cpath%20d%3D%22M1683%20808l-742%20741q-19%2019-45%2019t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19%2045-19t45%2019l531%20531%20531-531q19-19%2045-19t45%2019l166%20165q19%2019%2019%2045.5t-19%2045.5z%22%2F%3E%3C%2Fsvg%3E) no-repeat 6px 6px / 14px 14px;
  194. }
  195. a.phpdebugbar-maximize-btn {
  196. background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201792%201792%22%20id%3D%22chevron-up%22%3E%3Cpath%20d%3D%22M1683%201331l-166%20165q-19%2019-45%2019t-45-19l-531-531-531%20531q-19%2019-45%2019t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19%2045-19t45%2019l742%20741q19%2019%2019%2045.5t-19%2045.5z%22%2F%3E%3C%2Fsvg%3E) no-repeat 6px 6px / 14px 14px;
  197. }
  198. a.phpdebugbar-close-btn {
  199. background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201792%201792%22%20id%3D%22close%22%3E%3Cpath%20d%3D%22M1490%201322q0%2040-28%2068l-136%20136q-28%2028-68%2028t-68-28l-294-294-294%20294q-28%2028-68%2028t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28%2068-28t68%2028l294%20294%20294-294q28-28%2068-28t68%2028l136%20136q28%2028%2028%2068t-28%2068l-294%20294%20294%20294q28%2028%2028%2068z%22%2F%3E%3C%2Fsvg%3E) no-repeat 9px 6px / 14px 14px;
  200. }
  201. a.phpdebugbar-open-btn {
  202. background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201792%201792%22%20id%3D%22folder-open%22%3E%3Cpath%20d%3D%22M1815%20952q0%2031-31%2066l-336%20396q-43%2051-120.5%2086.5t-143.5%2035.5h-1088q-34%200-60.5-13t-26.5-43q0-31%2031-66l336-396q43-51%20120.5-86.5t143.5-35.5h1088q34%200%2060.5%2013t26.5%2043zm-343-344v160h-832q-94%200-197%2047.5t-164%20119.5l-337%20396-5%206q0-4-.5-12.5t-.5-12.5v-960q0-92%2066-158t158-66h320q92%200%20158%2066t66%20158v32h544q92%200%20158%2066t66%20158z%22%2F%3E%3C%2Fsvg%3E) no-repeat 8px 6px / 14px 14px;
  203. }
  204. .phpdebugbar-indicator {
  205. position: relative;
  206. cursor: pointer;
  207. }
  208. .phpdebugbar-indicator span.phpdebugbar-text {
  209. margin-left: 5px;
  210. }
  211. .phpdebugbar-indicator span.phpdebugbar-tooltip {
  212. display: none;
  213. position: absolute;
  214. top: -30px;
  215. background: #efefef;
  216. opacity: .7;
  217. border: 1px solid #ccc;
  218. color: #555;
  219. font-size: 11px;
  220. padding: 2px 3px;
  221. z-index: 1000;
  222. text-align: center;
  223. width: 200%;
  224. right: 0;
  225. }
  226. .phpdebugbar-indicator:hover span.phpdebugbar-tooltip:not(.phpdebugbar-disabled) {
  227. display: block;
  228. }
  229. select.phpdebugbar-datasets-switcher {
  230. float: right;
  231. display: none;
  232. margin: 2px 0 0 7px;
  233. max-width: 200px;
  234. max-height: 23px;
  235. padding: 0;
  236. }
  237. /* -------------------------------------- */
  238. div.phpdebugbar-body {
  239. border-top: 1px solid #ccc;
  240. display: none;
  241. position: relative;
  242. height: 300px;
  243. }
  244. /* -------------------------------------- */
  245. div.phpdebugbar-panel {
  246. display: none;
  247. height: 100%;
  248. overflow: auto;
  249. width: 100%;
  250. }
  251. div.phpdebugbar-panel.phpdebugbar-active {
  252. display: block;
  253. }
  254. /* -------------------------------------- */
  255. div.phpdebugbar-mini-design a.phpdebugbar-tab {
  256. position: relative;
  257. border-right: 1px solid #ddd;
  258. }
  259. div.phpdebugbar-mini-design a.phpdebugbar-tab span.phpdebugbar-text {
  260. display: none;
  261. }
  262. div.phpdebugbar-mini-design a.phpdebugbar-tab:hover span.phpdebugbar-text {
  263. display: block;
  264. position: absolute;
  265. top: -30px;
  266. background: #efefef;
  267. opacity: .7;
  268. border: 1px solid #ccc;
  269. color: #555;
  270. font-size: 11px;
  271. padding: 2px 3px;
  272. z-index: 1000;
  273. text-align: center;
  274. right: 0;
  275. }
  276. div.phpdebugbar-mini-design a.phpdebugbar-tab i {
  277. display:inline-block;
  278. }