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