devel.css

Same filename in other branches
  1. 4.x css/devel.css
  2. 5.x css/devel.css

Styles for elements created by Devel.

File

./devel.css

View source
  1. /**
  2. * @file
  3. * Styles for elements created by Devel.
  4. */
  5. .dev-query, .dev-timer, .dev-memory-usage {
  6. padding: 1em;
  7. }
  8. .devel-obj-output .field {
  9. color: red;
  10. }
  11. .devel-obj-output dd {
  12. display: block;
  13. }
  14. /**
  15. * Query summary
  16. */
  17. div.dev-query {
  18. font-size:11px;
  19. background:#fff;
  20. border-top:3px solid #ccc;
  21. color:#333;
  22. /*padding:.5em;*/
  23. }
  24. div.dev-query .marker {
  25. color: #f00;
  26. font-weight: bold;
  27. }
  28. /**
  29. * Querylog
  30. */
  31. div.devel-querylog {
  32. color:#333;
  33. border-bottom:1px solid #eee;
  34. font-size:11px;
  35. line-height:100%;
  36. padding-left:30em;
  37. padding-right:2em;
  38. position:relative;
  39. overflow:hidden;
  40. }
  41. div.devel-querylog .marker {
  42. color: #f00;
  43. font-weight: bold;
  44. }
  45. div.devel-querylog-header {
  46. border-top:3px solid #ccc;
  47. background:#fff;
  48. font-weight:bold;
  49. }
  50. div.devel-querylog-even {
  51. background:#fff;
  52. }
  53. div.devel-querylog-odd {
  54. background:#f8f8f8;
  55. }
  56. div.devel-querylog div.cell {
  57. overflow:hidden;
  58. padding: 1em .5em;
  59. }
  60. div.devel-querylog div.cell-1 {
  61. position:absolute;
  62. left:0px;
  63. width:4em;
  64. }
  65. div.devel-querylog div.cell-2 {
  66. position:absolute;
  67. left:4em;
  68. width:3em;
  69. }
  70. div.devel-querylog div.cell-3 {
  71. position:absolute;
  72. left:6em;
  73. width:19em;
  74. }
  75. div.devel-querylog div.cell-4 {
  76. position:absolute;
  77. left:26em;
  78. width:4em;
  79. }
  80. div.devel-querylog-even div.cell-5,
  81. div.devel-querylog-odd div.cell-5 {
  82. /*max-height:18em;*/
  83. font-family: 'Andale Mono', monospace;
  84. }
  85. div.devel-querylog div.cell-6 {
  86. position:absolute;
  87. right:0em;
  88. top:0em;
  89. /*width:9em;*/
  90. }
  91. /**
  92. * Switch User block
  93. */
  94. div#content div#block-devel-switch-user ul.links,
  95. div#footer div#block-devel-switch-user ul.links {
  96. margin-left: 0;
  97. padding-left: 0;
  98. }
  99. div#content div#block-devel-switch-user ul.links li,
  100. div#footer div#block-devel-switch-user ul.links li {
  101. display: inline-block;
  102. margin-left: 0;
  103. margin-right: 1.5em;
  104. padding-right: 0;
  105. }
  106. div#footer div#block-devel-switch-user ul.links li a {
  107. margin: 0;
  108. padding: 0;
  109. border: none;
  110. }
  111. div#content div#block-devel-switch-user div.form-item-username,
  112. div#footer div#block-devel-switch-user div.form-item-username {
  113. float: left;
  114. margin-right: 2em;
  115. }
  116. div#content div#block-devel-switch-user #edit-submit,
  117. div#footer div#block-devel-switch-user #edit-submit {
  118. margin-top: 5px;
  119. }
  120. #devel-execute-form textarea {
  121. font-family: monospace;
  122. }