runner.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. /* reset.css */
  2. html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
  3. body {line-height:1.5;}
  4. table {border-collapse:separate;border-spacing:0;}
  5. caption, th, td {text-align:left;font-weight:normal;}
  6. table, td, th {vertical-align:middle;}
  7. blockquote:before, blockquote:after, q:before, q:after {content:"";}
  8. blockquote, q {quotes:"" "";}
  9. a img {border:none;}
  10. /* typography.css */
  11. html {font-size:100.01%;}
  12. body {font-size:80%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
  13. h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
  14. h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
  15. h2 {font-size:2em;margin-bottom:0.75em;}
  16. h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
  17. h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
  18. h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
  19. h6 {font-size:1em;font-weight:bold;}
  20. h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
  21. p {margin:0 0 1.5em;}
  22. p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
  23. p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
  24. a:focus, a:hover {color:#000;}
  25. a {color:#009;text-decoration:underline;}
  26. blockquote {margin:1.5em;color:#666;font-style:italic;}
  27. strong {font-weight:bold;}
  28. em, dfn {font-style:italic;}
  29. dfn {font-weight:bold;}
  30. sup, sub {line-height:0;}
  31. abbr, acronym {border-bottom:1px dotted #666;}
  32. address {margin:0 0 1.5em;font-style:italic;}
  33. del {color:#666;}
  34. pre {margin:1.5em 0;white-space:pre;}
  35. pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
  36. li ul, li ol {margin:0;}
  37. ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
  38. ul {list-style-type:disc;}
  39. ol {list-style-type:decimal;}
  40. /* UI */
  41. body {
  42. overflow-y: scroll;
  43. }
  44. #framework_name {
  45. position: fixed;
  46. bottom: 0;
  47. right: 0;
  48. z-index: 1000;
  49. font-size: 10px;
  50. padding:0.5em 0.75em;
  51. background-color: #fff;
  52. background-color: rgba(255,255,255,0.9);
  53. -webkit-border-top-left-radius: 6px;
  54. }
  55. * html #framework_name {
  56. position: absolute;
  57. bottom: auto;
  58. top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight));
  59. }
  60. /* Suites */
  61. .suite.passed, .runner.passed {
  62. background-color: #6C6;
  63. }
  64. .suite.failed, .runner.failed {
  65. background-color: #C30;
  66. }
  67. .spec.failed, .spec.passed, .spec.skipped {
  68. padding-bottom: 0;
  69. }
  70. .spec.failed {
  71. background-color: #FFC;
  72. }
  73. .spec.passed {
  74. background-color: #CFC;
  75. }
  76. .suite a {
  77. text-decoration: none;
  78. }
  79. .suite a.description {
  80. color: #fff;
  81. }
  82. .runner a.description {
  83. color: #fff;
  84. font-weight: bold;
  85. }
  86. .spec.passed a.description {
  87. color: #363;
  88. }
  89. .spec.failed a.description {
  90. color: #C30;
  91. }
  92. /* CODE */
  93. .messages {
  94. border: 0;
  95. }
  96. pre.examples-code {
  97. background: #FFFFFF;
  98. border: solid 1px #CCC;
  99. margin: 0.5em 0;
  100. }
  101. pre.examples-code code {
  102. display:block;
  103. padding: 0.5em;
  104. _padding-right: 0;
  105. _padding-left: 0;
  106. white-space: pre;
  107. _width:100%;
  108. font-size: 10px;
  109. font-family: "Panic Sans", "Monaco", monospace !important;
  110. overflow-x: auto;
  111. scrollbar-base-color: #FFF;
  112. scrollbar-arrow-color: #FFF;
  113. scrollbar-track-color: #FFF;
  114. scrollbar-3dlight-color: #eee;
  115. scrollbar-highlight-color: #eee;
  116. scrollbar-face-color: #eee;
  117. scrollbar-shadow-color: #eee;
  118. scrollbar-darkshadow-color: #FFF;
  119. }
  120. /* INDEX PAGE */
  121. .container {
  122. padding:3em;
  123. width: auto;
  124. }
  125. #select {
  126. text-align:right;
  127. }
  128. #select fieldset {
  129. text-align:left;
  130. }
  131. #select label {
  132. text-align:right;
  133. }
  134. #select div input {
  135. line-height: 2em;
  136. }
  137. ul#prebuilt {
  138. padding-left:0;
  139. list-style:none;
  140. }
  141. ul#prebuilt li a {
  142. font-size: 1.5em;
  143. text-decoration: none;
  144. padding: 0.5em;
  145. }
  146. ul#prebuilt li a:hover {
  147. background-color: #eee;
  148. }