initialized kettu on gitorious
[kettu:kettu.git] / spec / jspec / jspec.css
1 body.jspec {
2   margin: 45px 0;
3   font: 12px "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;
4   background: #efefef url(images/bg.png) top left repeat-x;
5   text-align: center;
6 }
7 #jspec {
8   margin: 0 auto;
9   padding-top: 30px;
10   width: 1008px;
11   background: url(images/vr.png) top left repeat-y;
12   text-align: left;
13 }
14 #jspec-top {
15   position: relative;
16   margin: 0 auto;
17   width: 1008px;
18   height: 40px;
19   background: url(images/sprites.bg.png) top left no-repeat;
20 }
21 #jspec-bottom {
22   margin: 0 auto;
23   width: 1008px;
24   height: 15px;
25   background: url(images/sprites.bg.png) bottom left no-repeat;
26 }
27 #jspec .loading {
28   margin-top: -45px;
29   width: 1008px;
30   height: 80px;
31   background: url(images/loading.gif) 50% 50% no-repeat;
32 }
33 #jspec-title {
34   position: absolute;
35   top: 15px;
36   left: 20px;
37   width: 160px;
38   font-size: 22px;
39   font-weight: normal;
40   background: url(images/sprites.png) 0 -126px no-repeat;
41   text-align: center;
42 }
43 #jspec-title em {
44   font-size: 10px;
45   font-style: normal;
46   color: #BCC8D1;
47 }
48 #jspec-report * {
49         margin: 0;
50         padding: 0;
51         background: none;
52         border: none;
53 }
54 #jspec-report {
55   padding: 15px 40px;
56         font: 11px "Helvetica Neue Light", "Lucida Grande", "Calibri", "Arial", sans-serif;
57         color: #7B8D9B;
58 }
59 #jspec-report.has-failures {
60   padding-bottom: 30px;
61 }
62 #jspec-report .hidden {
63   display: none;
64 }
65 #jspec-report .heading {
66   margin-bottom: 15px;
67 }
68 #jspec-report .heading span {
69   padding-right: 10px;
70 }
71 #jspec-report .heading .passes em {
72   color: #0ea0eb;
73 }
74 #jspec-report .heading .failures em {
75   color: #FA1616;
76 }
77 #jspec-report table {
78   font-size: 11px;
79   border-collapse: collapse;
80 }
81 #jspec-report td {
82   padding: 8px;
83   text-indent: 30px;
84   color: #7B8D9B;
85 }
86 #jspec-report tr.body {
87   display: none;
88 }
89 #jspec-report tr.body pre {
90   margin: 0;
91   padding: 0 0 5px 25px;
92 }
93 #jspec-report tr.even:hover + tr.body, 
94 #jspec-report tr.odd:hover + tr.body {
95   display: block;
96 }
97 #jspec-report tr td:first-child em {
98   font-style: normal;
99   font-weight: normal;
100   color: #7B8D9B;
101 }
102 #jspec-report tr.even:hover, 
103 #jspec-report tr.odd:hover {
104   text-shadow: 1px 1px 1px #fff;
105   background: #F2F5F7;
106 }
107 #jspec-report td + td {
108   padding-right: 0;
109   width: 15px;
110 }
111 #jspec-report td.pass {
112   background: url(images/sprites.png) 3px -7px no-repeat;
113 }
114 #jspec-report td.fail {
115   background: url(images/sprites.png) 3px -47px no-repeat;
116   font-weight: bold;
117   color: #FC0D0D;
118 }
119 #jspec-report td.requires-implementation {
120   background: url(images/sprites.png) 3px -87px no-repeat;
121 }
122 #jspec-report tr.description td {
123   margin-top: 25px;
124   padding-top: 25px;
125   font-size: 12px;
126   font-weight: bold;
127   text-indent: 0;
128   color: #1a1a1a;
129 }
130 #jspec-report tr.description:first-child td {
131   border-top: none;  
132 }
133 #jspec-report .assertion {
134   display: block;
135   float: left;
136   margin: 0 0 0 1px;
137   padding: 0;
138   width: 1px;
139   height: 5px;
140   background: #7B8D9B;
141 }
142 #jspec-report .assertion.failed {
143   background: red;
144 }
145 .jspec-sandbox {
146   display: none;
147 }