Verify that JSON_delta does not have any strangeness.
[remoteglot] / www / css / remoteglot.css
1 body {
2         font-family: sans-serif;
3 }
4 h1 {
5         margin-top: 0em;
6 }
7 h3 {
8         margin-top: 1em;
9         margin-bottom: 0;
10 }
11 #scorecontainer {
12         font-size: x-large;
13         margin-top: 0;
14 }
15 #score {
16         float: left;
17 }
18 #scoresparkcontainer {
19         overflow: hidden;
20 }
21 #scorespark {
22         margin-left: 0.5em;
23         margin-right: 0.5em;
24 }
25 #pvcontainer {
26         clear: left;
27         margin-top: 1em;
28 }
29 .window {
30         position: absolute;    
31         width: 0px;
32         height: 0px;
33         opacity: 0.0; 
34 }
35 .c1 {
36         opacity: 0.75;
37 }
38 .l1arrow {
39         opacity: 1.0;
40 }
41 .hidden {
42         display: none;
43 }
44 .vir path {
45         opacity: 0.0;
46 }
47 .vir path.l1arrow {
48         opacity: 1.0;
49 }
50 #news {
51         font-size: smaller;
52 }
53 #credits {
54         font-size: smaller;
55 }
56 td {
57         vertical-align: top;
58 }
59 p {
60         margin-top: 0;
61 }
62 #sortbyscoreholder {
63         font-size: smaller;
64         margin: 0;
65         font-style: italic;
66 }
67 #refutationlines {
68         font-size: smaller;
69 }
70 #refutationlines .move {
71         width: 3.5em;
72 }
73 #refutationlines .score {
74         width: 3em;
75         text-align: right;
76         padding-right: 0.5em;
77 }
78 #refutationlines .depth {
79         width: 2em;
80         text-align: right;
81         padding-right: 0.7em;
82 }
83 .white-1e1d7.nonuglyhighlight {
84         background-color: #cce5cf;
85 }
86 .black-3c85d.nonuglyhighlight {
87         background-color: #9ab6a6;
88 }
89 #boardcontainer {
90         width: 400px;
91         margin-right: 1em;
92         margin-bottom: 1em;
93         float: left;
94 }
95 #board {
96         display: block;
97         width: 100%;
98         padding: 0;
99 }
100 #hiddenboard {
101         display: none;
102 }
103 #bottompanel {
104         display: block;
105         width: 100%;
106         font-size: smaller;
107         margin-top: 0.5em;
108         margin-bottom: 0;
109 }
110 #numviewers {
111         width: auto;
112         text-align: center;
113 }
114 #whiteinfo {
115         float: left;
116         text-align: left;
117         min-width: 20%;
118 }
119 #blackinfo {
120         float: right;
121         text-align: right;
122         min-width: 20%;
123         margin-right: 5px;
124 }
125 #whiteimbalance img, #blackimbalance img {
126         vertical-align: text-top;
127 }
128 #whiteimbalance {
129         margin-left: 5px;
130 }
131 #blackimbalance {
132         margin-right: 5px;
133 }
134 .running-clock {
135         font-weight: bold;
136 }
137 #analysis {
138         display: block;
139         min-width: 400px;
140         overflow: hidden;
141 }
142
143 /* If the board is too wide for the screen, shrink it to fit,
144  * and then put the analysis below. */
145 @media all and (max-width: 400px) {
146         #boardcontainer {
147                 width: 100%;
148                 float: none;
149         }
150         #analysis {
151                 min-width: 0;
152         }
153 }
154
155 /* If there is almost space for the analysis, shrink the board a bit, too. */
156 @media all and (min-width: 500px) and (max-width: 810px) {
157         #boardcontainer {
158                 float: left;
159                 width: 50%;
160         }
161         #analysis {
162                 min-width: 0;
163         }
164 }
165 a.move {
166         color: black;
167         text-decoration: none;
168 }
169 a.move.highlight {
170         color: red;
171         font-weight: bold;
172 }
173 a.move:hover {
174         font-weight: bold;
175         text-decoration: underline;
176 }
177
178 #linenav {
179         display: none;
180 }
181 #lomonosov {
182         display: none;
183 }
184
185 #games {
186         font-size: smaller;
187         margin-bottom: 0.5em;
188 }
189 .game {
190         padding: 0.25em 1em 0.25em 1em;
191         margin: 0;
192         background: #eee;
193         border-right: 1px solid #bbb;
194 }
195 .game:last-of-type {
196         border-right: none;
197 }