devel.css

Same filename in other branches
  1. 6.x-1.x devel.css
  2. 8.x-1.x css/devel.css
  3. 4.x css/devel.css
  4. 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. 

  6. .dev-query, .dev-timer, .dev-memory-usage {

  7.   padding: 1em;

  8. }

  9. 

  10. .devel-obj-output .field {

  11.   color: red;

  12. }

  13. 

  14. .devel-obj-output dd {

  15.   display: block;

  16. }

  17. 

  18. /**

  19.  * Query summary

  20.  */

  21. div.dev-query {

  22.   font-size:11px;

  23.   background:#fff;

  24.   border-top:3px solid #ccc;

  25.   color:#333;

  26.   /*padding:.5em;*/

  27.   }

  28. 

  29. div.dev-query .marker {

  30.   color: #f00;

  31.   font-weight: bold;

  32. }

  33. 

  34. /**

  35.  * Querylog

  36.  */

  37. div.devel-querylog {

  38.   color:#333;

  39.   border-bottom:1px solid #eee;

  40.   font-size:11px;

  41.   line-height:100%;

  42.   padding-left:30em;

  43.   padding-right:2em;

  44.   position:relative;

  45.   overflow:hidden;

  46.   }

  47. 

  48. div.devel-querylog .marker {

  49.   color: #f00;

  50.   font-weight: bold;

  51. }

  52. 

  53. div.devel-querylog-header {

  54.   border-top:3px solid #ccc;

  55.   background:#fff;

  56.   font-weight:bold;

  57.   }

  58. 

  59. div.devel-querylog-even {

  60.   background:#fff;

  61.   }

  62. 

  63. div.devel-querylog-odd {

  64.   background:#f8f8f8;

  65.   }

  66. 

  67. div.devel-querylog div.cell {

  68.   overflow:hidden;

  69.   padding: 1em .5em;

  70.   }

  71. 

  72.   div.devel-querylog div.cell-1 {

  73.     position:absolute;

  74.     left:0px;

  75.     width:4em;

  76.     }

  77. 

  78.   div.devel-querylog div.cell-2 {

  79.     position:absolute;

  80.     left:4em;

  81.     width:3em;

  82.     }

  83. 

  84.   div.devel-querylog div.cell-3 {

  85.     position:absolute;

  86.     left:6em;

  87.     width:19em;

  88.     }

  89. 

  90.   div.devel-querylog div.cell-4 {

  91.     position:absolute;

  92.     left:26em;

  93.     width:4em;

  94.     }

  95. 

  96.   div.devel-querylog-even div.cell-5,

  97.   div.devel-querylog-odd div.cell-5 {

  98.     /*max-height:18em;*/

  99.     font-family: 'Andale Mono', monospace;

  100.     }

  101. 

  102.   div.devel-querylog div.cell-6 {

  103.     position:absolute;

  104.     right:0em;

  105.     top:0em;

  106.     /*width:9em;*/

  107.     }

  108. 

  109. 

  110. /**

  111.  * Switch User block

  112.  */

  113. 

  114. div#content div#block-devel-switch-user ul.links,

  115. div#footer div#block-devel-switch-user ul.links {

  116.   margin-left: 0;

  117.   padding-left: 0;

  118. }

  119. 

  120. div#content div#block-devel-switch-user ul.links li,

  121. div#footer div#block-devel-switch-user ul.links li {

  122.   display: inline-block;

  123.   margin-left: 0;

  124.   margin-right: 1.5em;

  125.   padding-right: 0;

  126. }

  127. 

  128. div#footer div#block-devel-switch-user ul.links li a {

  129.   margin: 0;

  130.   padding: 0;

  131.   border: none;

  132. }

  133. 

  134. div#content div#block-devel-switch-user div.form-item-username,

  135. div#footer div#block-devel-switch-user div.form-item-username {

  136.   float: left;

  137.   margin-right: 2em;

  138. }

  139. 

  140. div#content div#block-devel-switch-user #edit-submit,

  141. div#footer div#block-devel-switch-user #edit-submit {

  142.   margin-top: 5px;

  143. }

  144. 

  145. #devel-execute-form textarea {

  146.   font-family: monospace;

  147. }