1+ html {
2+ position : relative;
3+ min-height : 100% ;
4+ }
5+ body {
6+ margin-bottom : 60px ;
7+ }
8+ .footer {
9+ position : absolute;
10+ bottom : 0 ;
11+ width : 100% ;
12+ height : 60px ;
13+ line-height : 60px ; /* Vertically center the text there */
14+ background-color : # f5f5f5 ;
15+ }
16+
17+ body > .container {
18+ padding : 60px 15px 0 ;
19+ }
20+
21+ .footer > .container {
22+ padding-right : 15px ;
23+ padding-left : 15px ;
24+ }
25+
26+ code {
27+ font-size : 80% ;
28+ }
29+
30+ .text-white-50 { color : rgba (255 , 255 , 255 , .5 ); }
31+
32+ .bg-green { background-color : var (--green ); }
33+
34+ .border-bottom { border-bottom : 1px solid # e5e5e5 ; }
35+
36+ .box-shadow { box-shadow : 0 .25rem .75rem rgba (0 , 0 , 0 , .05 ); }
37+
38+ .overflow-auto { overflow : auto; /* Fixes long line breaking flow */ }
39+
40+ .lh-100 { line-height : 1 ; }
41+ .lh-125 { line-height : 1.25 ; }
42+ .lh-150 { line-height : 1.5 ; }
43+
44+ .onoff-switch {
45+ position : relative; width : 120px ;
46+ -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none;
47+ }
48+ .onoff-switch-label {
49+ display : block; overflow : hidden; cursor : pointer;
50+ border : 2px solid # 999999 ; border-radius : 20px ;
51+ }
52+
53+ /* need to reuse more of this */
54+ .off-switch-checkbox {
55+ display : none;
56+ }
57+ .off-switch-inner {
58+ display : block; width : 200% ; margin-left : -100% ;
59+ transition : margin 0.3s ease-in 0s ;
60+ }
61+ .off-switch-inner : before , .off-switch-inner : after {
62+ display : block; float : left; width : 50% ; height : 30px ; padding : 0 ; line-height : 30px ;
63+ font-size : 14px ; color : white; font-family : Trebuchet, Arial, sans-serif; font-weight : bold;
64+ box-sizing : border-box;
65+ }
66+
67+ .off-switch-switch {
68+ display : block; width : 18px ; margin : 6px ;
69+ background : # FFFFFF ;
70+ position : absolute; top : 0 ; bottom : 0 ;
71+ right : 86px ;
72+ border : 2px solid # 999999 ; border-radius : 20px ;
73+ transition : all 0.3s ease-in 0s ;
74+ }
75+ .off-switch-checkbox : checked + .onoff-switch-label .off-switch-inner {
76+ margin-left : 0 ;
77+ }
78+ .off-switch-checkbox : checked + .onoff-switch-label .off-switch-switch {
79+ right : 0px ;
80+ }
81+
82+ .pass .off-switch-inner : before {
83+ content : "PASS" ;
84+ padding-left : 10px ;
85+ background-color : # 28a745 ; color : # FFFFFF ;
86+ }
87+ .pass .off-switch-inner : after {
88+ content : "PASS" ;
89+ padding-right : 10px ;
90+ background-color : # EEEEEE ; color : # 999999 ;
91+ text-align : right;
92+ }
93+ .fail .off-switch-inner : before {
94+ content : "FAIL" ;
95+ padding-left : 10px ;
96+ background-color : # dc3545 ; color : # FFFFFF ;
97+ }
98+ .fail .off-switch-inner : after {
99+ content : "FAIL" ;
100+ padding-right : 10px ;
101+ background-color : # EEEEEE ; color : # 999999 ;
102+ text-align : right;
103+ }
104+
105+ .pending .off-switch-inner : before {
106+ content : "PENDING" ;
107+ padding-left : 10px ;
108+ background-color : # ffc107 ; color : # FFFFFF ;
109+ }
110+ .pending .off-switch-inner : after {
111+ content : "PENDING" ;
112+ padding-right : 10px ;
113+ background-color : # EEEEEE ; color : # 999999 ;
114+ text-align : right;
115+ }
116+
117+ .todo .off-switch-inner : before {
118+ content : "TODO" ;
119+ padding-left : 10px ;
120+ background-color : # 17a2b8 ; color : # FFFFFF ;
121+ }
122+ .todo .off-switch-inner : after {
123+ content : "TODO" ;
124+ padding-right : 10px ;
125+ background-color : # EEEEEE ; color : # 999999 ;
126+ text-align : right;
127+ }
128+
129+ .summary a {
130+
131+ }
132+
133+ .summary a : link {
134+ color : black;
135+ }
136+
137+ /* visited link */
138+ .summary a : visited {
139+ color : black;
140+ }
141+
142+ /* mouse over link */
143+ .summary a : hover {
144+ color : black;
145+ }
146+
147+ /* selected link */
148+ .summary a : active {
149+ color : black;
150+ }
151+
152+ .summary-test-suite {
153+ margin-top : 10px ;
154+ }
155+ .summary-test-count {
156+ display : inline-block;
157+ width : 8% ;
158+ text-align : right;
159+ }
160+
161+ .summary-test-label {
162+ display : inline-block;
163+ width : 8% ;
164+ }
165+
166+ .summary-test-label .test {
167+ text-align : right;
168+ margin : 0 10px 0 0 ;
169+ }
170+
171+ .summary-test-label .path {
172+ align-self : left;
173+ width : 74% ;
174+ display : inline-block;
175+ }
176+
177+ .summary-test-label .pass {
178+ color : # 28a745 ;
179+ }
180+
181+ .summary-test-label .fail {
182+ color : # dc3545 ;
183+ }
184+
185+ .summary-test-label .pending {
186+ color : # ffc107 ;
187+ }
188+
189+ .summary-test-label .todo {
190+ color : # 17a2b8 ;
191+ }
192+
193+ .image-snapshot-diff {
194+ border : 1px solid # ddd ;
195+ background-color : # f7f7f7 ;
196+ padding : 5px 10px ;
197+ }
198+ .image-snapshot-diff span {
199+ display : block;
200+ margin-bottom : 10px ;
201+ font-size : 15px ;
202+ }
203+
204+ .image-snapshot-diff img {
205+ max-width : 100% ;
206+ max-height : 300px ;
207+ }
0 commit comments