PageRenderTime 37ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 0ms

/debugger/style.css

http://azer.googlecode.com/
CSS | 109 lines | 92 code | 9 blank | 8 comment | 0 complexity | f53abff480750212fbef1d93c1ed9e40 MD5 | raw file
    

  1. /* */
    2. 

  2. #PIDebugger div, #PIDebugger h3, #PIDebugger span, #PIDebugger input, #PIDebugger textarea, #PIDebugger select, #PIDebugger option, #PIDebugger a, #PIDebugger strong, #PIDebugger em, #PIDebugger label, #PIDebugger center { 
    3. 

  3. 	text-align:left; border:0; overflow:visible; background:none; color:#111; font-size:1em; font-weight:normal; font-style:normal; font-family:sans-serif; margin:0; padding:0;
    4. 

  4. }
    5. 

  5. #PIDebugger input, #PIDebugger select, #PIDebugger textarea { background:#fff; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; border:1px outset #aaa; padding:2px }
    6. 

  6. #PIDebugger center { text-align:center; }
    7. 

  7. #PIDebugger strong { font-weight:bold; }
    8. 

  8. /* */
    9. 

  9. #PIDebugger { position:fixed !important; z-index:99999999; position:absolute; overflow:hidden; left:10px; bottom:10px; height:295px; background:#fff; border:1px solid #ddd; padding:1px; }
    10. 

  10. #PIDebugger .Content { overflow:hidden; height:245px; background:#eee; padding:40px 10px 10px 10px; }
    11. 

  11. #PIDebugger .Content .Frame { border:1px solid #ccc; background:#888; padding:1px;  }
    12. 

  12. #PIDebugger .Content .Content { color }
    13. 

  13. 

  14. #PIDebugger .About div { float:right; width:60%; font:14px Arial, Helvetica, sans-serif; color:#222; }
    15. 

  15. #PIDebugger .About h3 { font:28px Georgia,Times,'Times New Roman'; margin:20px 10px 20px 0px; }
    16. 

  16. #PIDebugger .About strong { padding-right:3px; }
    17. 

  17. #PIDebugger .About a {  color:#0000cc }
    18. 

  18. /* buttons */
    19. 

  19. #PIDebugger .ButtonSet { width:100%; position:absolute; top:15px; left:15px; height:23px; }
    20. 

  20. #PIDebugger .ButtonSet .Button { border:1px solid #ccc; float:left; width:auto; margin-right:3px;  }
    21. 

  21. #PIDebugger .ButtonSet .Button a { display:block; cursor:pointer; padding:5px; color:#666; font:12px Arial, Helvetica, sans-serif; border:1px solid #fff; background:#eee; }
    22. 

  22. #PIDebugger .ButtonSet .Selected a { background:#fff; color:#111; border-style:outset; }
    23. 

  23. #PIDebugger .ButtonSet .Button a:hover { text-decoration:underline; }
    24. 

  24. #PIDebugger .ButtonSet .WindowButton { position:absolute; right:25px; }
    25. 

  25. #PIDebugger .ButtonSet .WindowButton a { padding:1px 4px 1px 4px; font-weight:bolder;  }
    26. 

  26. #PIDebugger .ButtonSet .WindowButton a:hover { text-decoration:none; }
    27. 

  27. #PIDebugger .ButtonSet .CloseButton a { }
    28. 

  28. #PIDebugger .ButtonSet .MinimizeButton { right:47px }
    29. 

  29. #PIDebugger .ButtonSet .MaximizeButton { right:47px; display:none }
    30. 

  30. 

  31. /* query */
    32. 

  32. #PIDebugger .Content .QueryTitle { display:block; position:absolute; padding:3px; height:13px; top:80px; left:11px; background:#919733; border-bottom:0; font:bold 10px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#fff; }
    33. 

  33. #PIDebugger .Content .QueryInput { width:100%; border:2px solid #919733; background:#fff; padding:5px; margin:8px 0 20px 0; font:bold 16px "Courier New", Courier, monospace; color:#943c35; }
    34. 

  34. 

  35. /* console */
    36. 

  36. #PIDebugger .Content .ConsoleFrame { height:170px; margin-top:10px; }
    37. 

  37. #PIDebugger .Content .Console { height:170px; background:#fff; }
    38. 

  38. #PIDebugger .Content .Console .Arrow { font:13px Arial, Helvetica, sans-serif; color:#366cd4; padding:2px 5px 0 5px; }
    39. 

  39. #PIDebugger .Content .Console .ConsoleInput { height:15px; margin:0 0 0 0; padding:2px 0 0 0; overflow:hidden; border:0; color:#333; font:12px "Courier New", Courier, monospace; }
    40. 

  40. #PIDebugger .Content .Console .ConsoleOutput { height:150px; overflow:scroll; overflow-x:hidden; border-bottom:1px solid #ccc; }
    41. 

  41. #PIDebugger .Content .Console .ConsoleOutput .Error { background:#ffeff1; color:#ff0000; }
    42. 

  42. #PIDebugger .Content .Console .ConsoleOutput .Error strong { color:#ff0000; }
    43. 

  43. #PIDebugger .Content .Console .ConsoleOutput .Row { padding:2px 5px 2px 5px;  font:12px Arial, Helvetica, sans-serif; overflow:hidden; border-bottom:1px dotted #ddd; }
    44. 

  44. #PIDebugger .Content .Console .ConsoleOutput .Row span { font:12px Arial, Helvetica, sans-serif; }
    45. 

  45. #PIDebugger .Content .Console .ConsoleOutput .Arrow { color:rgb(0,0,255); white-space:nowrap; }
    46. 

  46. #PIDebugger .Content .Console .ConsoleOutput .Row span {  }
    47. 

  47. #PIDebugger .Content .Console .ConsoleOutput .Row span em { font-weight:normal; color:#111; }
    48. 

  48. #PIDebugger .Content .attributeName { color:#000088; }
    49. 

  49. #PIDebugger .Content .string { color:#ff0000; }
    50. 

  50. #PIDebugger .Content .Object { color:#008800; font-weight:bold; }
    51. 

  51. #PIDebugger .Content .Array { font-weight:bold; }
    52. 

  52. #PIDebugger .Content .Function { color:#008800 }
    53. 

  53. #PIDebugger .Content .Element { color:#000077; }
    54. 

  54. #PIDebugger .Content .Element .tagName { color:#0000cc; font-weight:bold; }
    55. 

  55. #PIDebugger .Content .Element .attributeValue { color:#ff0000; }
    56. 

  56. #PIDebugger .Content em span { font-weight:normal; font-style:normal; color:#111; }
    57. 

  57. #PIDebugger .Content .Object em span { font-style:italic; color:#666; }
    58. 

  58. 

  59. /* menu button */
    60. 

  60. #PIDebugger .MenuButton { padding:0 0 0 13px; cursor:pointer; background:url(arrow.png) center no-repeat; }
    61. 

  61. 

  62. /* navigation */
    63. 

  63. #PIDebugger .Content .MlToggleButton { position:absolute; top:265px; right:20px; cursor:pointer; font:bold 24px Arial, Helvetica, sans-serif; color:rgb(0,150,0); }
    64. 

  64. #PIDebugger .Content .MlToggleButton:hover { color:rgb(0,150,150); }
    65. 

  65. #PIDebugger .Navigation { position:absolute; display:none; width:150px; border:1px outset #666; background:#fff; color:#666; }
    66. 

  66. #PIDebugger .Navigation a { display:block; cursor:pointer; background:#fff 6px center no-repeat; border-bottom:1px solid #aaa; padding:3px 3px 3px 3px;  font:12px Arial, Helvetica, sans-serif; }
    67. 

  67. #PIDebugger .Navigation a:hover { background-color:#f2f2f2; }
    68. 

  68. #PIDebugger .Navigation .Selected { background-image:url(radio.png); }
    69. 

  69. 

  70. 

  71. /* html frame */
    72. 

  72. #PIDebugger .Content .HTMLFrame { height:230px; margin-top:10px;  }
    73. 

  73. #PIDebugger .Content .HTMLFrame .Tree { float:left; width:70%; height:220px; padding:10px 0 0 0px; background:#fff; overflow:scroll; }
    74. 

  74. #PIDebugger .Content .HTMLFrame .Tree .Block { border-left:1px solid #ccc; padding:2px 0 0 10px; white-space:nowrap; *white-space:normal; }
    75. 

  75. #PIDebugger .Content .HTMLFrame .Tree .Block A { font:12px Verdana; color:#333; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left:12px; cursor:pointer; }
    76. 

  76. #PIDebugger .Content .HTMLFrame .Tree .Block .ParentLink { background:url(tree_open.gif) no-repeat left center; font-weight:bold; color:#111; text-decoration:none; }
    77. 

  77. #PIDebugger .Content .HTMLFrame .Tree .Block .ParentLink:hover { text-decoration:underline; }
    78. 

  78. #PIDebugger .Content .HTMLFrame .Tree .Block .Open { background-image:url(tree_close.gif) }
    79. 

  79. #PIDebugger .Content .HTMLFrame .Tree .Block .Selected { background-color:rgb(255,255,120); }
    80. 

  80. #PIDebugger .Content .HTMLFrame .Tree .Block .SubContainer {  padding-left:20px; }
    81. 

  81. #PIDebugger .Content .HTMLFrame .RightFrame { float:left; padding:0px; width:30%; height:100%; background:#fff; } 
    82. 

  82. #PIDebugger .Content .HTMLFrame .RightFrame Select { width:100%; border-bottom:1px inset #aaa; } 
    83. 

  83. #PIDebugger .Content .HTMLFrame .RightFrame .RightContent { height:208px; overflow:auto; overflow-y:scroll; }
    84. 

  84. #PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Item { padding:5px; font:10px Verdana; color:#333;  height:6px }
    85. 

  85. #PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Property { width:45%; font-weight:bold; float:left; overflow:hidden; }
    86. 

  86. #PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Value { width:55%; float:left; white-space:nowrap; overflow:visible !important;  overflow:hidden;  }
    87. 

  87. #PIDebugger .Content .HTMLFrame .RightFrame .RightContent .Item center { color:rgb(0,150,0); padding:0 0 3px 0; font:bold 12px Arial, Helvetica, sans-serif; }
    88. 

  88. 

  89. #PIDebugger .Content .StylesheetSelectbox { margin-top:10px; }
    90. 

  90. #PIDebugger .Content .CSSFrame { height:210px; margin-top:0px; }
    91. 

  91. #PIDebugger .Content .CSSFrame .CSSContent { height:210px; padding:0 5px 0 10px; background:#fff; overflow:scroll; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
    92. 

  92. #PIDebugger .Content .CSSFrame .CSSContent .Selector {  }
    93. 

  93. #PIDebugger .Content .CSSFrame .CSSContent .CSSText { padding-left:20px; }
    94. 

  94. #PIDebugger .Content .CSSFrame .CSSContent .CSSProperty { color:#005500; }
    95. 

  95. #PIDebugger .Content .CSSFrame .CSSContent .CSSValue { padding-left:5px; color:#000088; }
    96. 

  96. 

  97. #PIDebugger .Content label { font:11px Arial, Helvetica, sans-serif; }
    98. 

  98. #PIDebugger .Content .DOMInput { margin-top:10px; font:11px Arial, Helvetica, sans-serif; padding:3px }
    99. 

  99. #PIDebugger .Content .DOMFrame { height:190px; margin-top:10px; }
    100. 

  100. #PIDebugger .Content .DOMFrame .DOMContent { height:170px; padding:10px; background:#fff; overflow:scroll; font:11px Verdana, Geneva, Arial, Helvetica, sans-serif; }
    101. 

  101. #PIDebugger .Content .DOMFrame .DOMContent .Left { float:left; width:30%; border-right:1px dotted #ddd; }
    102. 

  102. #PIDebugger .Content .DOMFrame .DOMContent .Left .Property { white-space:nowrap; color:#111; font-weight:normal; }
    103. 

  103. #PIDebugger .Content .DOMFrame .DOMContent .Left .Property a { padding-left:15px; }
    104. 

  104. #PIDebugger .Content .DOMFrame .DOMContent .Left .SubContainer { padding-left:15px; }
    105. 

  105. #PIDebugger .Content .DOMFrame .DOMContent .Left .Object {  background:url(tree_open.gif) no-repeat left center;  cursor:pointer; font-weight:bold; }
    106. 

  106. #PIDebugger .Content .DOMFrame .DOMContent .Left .Object:hover { text-decoration:underline; color:#0000ff; }
    107. 

  107. #PIDebugger .Content .DOMFrame .DOMContent .Left .Opened {  background-image:url(tree_close.gif) }
    108. 

  108. #PIDebugger .Content .DOMFrame .DOMContent .Right { float:left; width:67%;  overflow:visible !important; overflow:hidden;  }
    109. 

  109. #PIDebugger .Content .DOMFrame .DOMContent .Right .Value { white-space:nowrap; padding:0 15px 0 15px; }
    110.