git.sesse.net Git - remoteglot/blob - 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 }