bicyclesonthemoon.info Git - ott/bsta/blob - bsta.css

   1 html
   2 {
   3         background-color: #46a3ff;
   4         /* background-color: #d9ecff; */
   5         border-color: #000000;
   6         color: #000000;
   7         text-align: center;
   8 }
   9 a
  10 {
  11         border-color: #0057af;
  12         color: #0057af;
  13         text-decoration:underline;
  14 }
  15 a:visited
  16 {
  17         border-color: #bb6622;
  18         color: #bb6622;
  19 }
  20 a:hover
  21 {
  22         border-color: #bb6622;
  23         color: #bb6622;
  24 }
  25 a:hover:visited
  26 {
  27         border-color: #0057af;
  28         color: #0057af;
  29 }
  30 ::selection
  31 {
  32         color: #ffffff;
  33         background-color: #bb6622;
  34 }
  35
  36 div#all
  37 {
  38         background-color: #d9ecff;
  39         /* background-color: #ffffff; */
  40         margin-left: auto;
  41         margin-right: auto;
  42         margin-top: 0px;
  43         margin-bottom: 0px;
  44         width: 656px;
  45         padding-top: 27px;
  46         padding-bottom: 27px;
  47         text-align: center;
  48 }
  49 div.all
  50 {
  51         background-color: #d9ecff;
  52         /* background-color: #ffffff; */
  53         margin-left: auto;
  54         margin-right: auto;
  55         margin-top: 0px;
  56         margin-bottom: 0px;
  57         width: 656px;
  58         padding-top: 27px;
  59         padding-bottom: 27px;
  60         text-align: center;
  61 }
  62
  63 div.ins
  64 {
  65         background-color: #ffffff;
  66         margin-left: auto;
  67         margin-right: auto;
  68         margin-top: 0px;
  69         margin-bottom: 0px;
  70         padding: 0px;
  71         border: 0px;
  72         width: 580px;
  73 }
  74 div#inst
  75 {
  76         /* margin-top: 27px; */
  77         /* margin-bottom: 0px; */
  78 }
  79 div#insb
  80 {
  81         /* margin-top: 0px; */
  82         /* margin-bottom: 27px; */
  83 }
  84
  85 div#title
  86 {
  87         text-align: center;
  88         padding-top: 21px;
  89         padding-bottom: 21px;
  90         padding-left: 0px;
  91         padding-right: 0px;
  92         border: 0px;
  93         margin: 0px;
  94 }
  95
  96 h1#titletext
  97 {
  98         margin: 0px;
  99         border: 0px;
 100         padding: 0px;
 101 }
 102
 103 div#storypuzzle
 104 {
 105         text-align: left;
 106         padding: 8px;
 107         margin: 0px;
 108         border: 0px;
 109         font-weight: bold;
 110 }
 111
 112 div#framespace
 113 {
 114         background-color: #ffffff;
 115         margin-left: auto;
 116         margin-right: auto;
 117         margin-top: 0px;
 118         margin-bottom: 0px;
 119         padding: 0px;
 120         border: 0px;
 121         width: 656px;
 122 }
 123
 124 img#frame
 125 {
 126         border: solid #0057af;
 127         border-width: 27px 38px;
 128         padding: 0px;
 129         margin: 0px;
 130 }
 131
 132 img#frame.double
 133 {
 134         border-width: 54px 38px;
 135 }
 136
 137 img#frame.full
 138 {
 139         border-width: 0px;
 140 }
 141
 142 img#frame.bftf
 143 {
 144         padding-top: 60px;
 145         padding-bottom: 60px;
 146         padding-left: 85px;
 147         padding-right: 85px;
 148         background-color: #d9ecff;
 149 }
 150
 151 img#frame:hover
 152 {
 153         border-color: #bb6622;
 154 }
 155
 156 img.intf
 157 {
 158         border-width: 0px;
 159         padding: 0px;
 160         margin: 0px;
 161 }
 162
 163 tr.intf
 164 {
 165         border-width: 0px;
 166         padding: 0px;
 167         margin: 0px;
 168 }
 169
 170 td.intf
 171 {
 172         border-width: 0px;
 173         padding: 0px;
 174         margin: 0px;
 175 }
 176
 177 table#intftable
 178 {
 179         border: solid #0057af;
 180         border-width:27px 38px;
 181         padding: 0px;
 182         margin: 0px;
 183         background-color: #ffffff;
 184         border-collapse: collapse;
 185         border-spacing: 0px;
 186 }
 187
 188 div#undertext
 189 {
 190         text-align: left;
 191         padding: 8px;
 192         margin: 0px;
 193         border: 0px;
 194 }
 195
 196 div#chat
 197 {
 198         text-align: left;
 199         padding: 8px;
 200         margin: 0px;
 201         border: 0px;
 202         font-family: monospace;
 203 }
 204
 205 div.fq
 206 {
 207         text-align: left;
 208         border: solid #0057af 4px;
 209         font-family: monospace;
 210 }
 211
 212 div.fq:hover
 213 {
 214         border-color: #bb6622;
 215 }
 216
 217 div.tq
 218 {
 219         text-align: left;
 220         border: solid #0057af 4px;
 221 }
 222
 223 div.tq:hover
 224 {
 225         border-color: #bb6622;
 226 }
 227
 228 div#command
 229 {
 230         text-align: left;
 231         margin: 0px;
 232         border: 0px;
 233         padding: 8px;
 234         font-family: monospace;
 235         font-size: 150%;
 236         /* font-weight: bold; */
 237 }
 238
 239 div#underlinks
 240 {
 241         text-align: left;
 242         padding: 8px;
 243         margin: 0px;
 244         border: 0px;
 245         font-family: monospace;
 246 }
 247
 248 span.inp
 249 {
 250         animation: inp 2380ms step-start infinite;
 251 }
 252
 253 @keyframes inp
 254 {
 255         50% { opacity: 0.0;}
 256 }
 257
 258 input.intx
 259 {
 260         border-color: #0057af;
 261         color: #000000;
 262         background-color: #ffffff;
 263         border-width: 2px;
 264         border-style: solid;
 265         margin: 2px;
 266         font-family: monospace;
 267         /* font-size: 150%; */
 268 }
 269
 270 input.intx:focus
 271 {
 272         border-color: #bb6622;
 273 }
 274
 275 input.intxc
 276 {
 277         border-color: #0057af;
 278         color: #000000;
 279         background-color: #ffffff;
 280         border-width: 2px;
 281         border-style: solid;
 282         margin: 2px;
 283         font-family: monospace;
 284         width: 100%;
 285         /* font-size: 150%; */
 286 }
 287
 288 input.intxc:focus
 289 {
 290         border-color: #bb6622;
 291 }
 292
 293 /* table.intxc
 294 {
 295         width=100%;
 296 } */
 297
 298 textarea.inta
 299 {
 300         border-color: #0057af;
 301         color: #000000;
 302         background-color: #ffffff;
 303         border-width: 2px;
 304         border-style: solid;
 305         width: 100%;
 306         margin: 2px;
 307         resize: none;
 308 }
 309
 310 textarea.inta:focus
 311 {
 312         border-color: #bb6622;
 313 }
 314
 315 input.inbt
 316 {
 317         border-color: #0057af;
 318         color: #000000;
 319         background-color: #ffffff;
 320         border-width: 2px;
 321         border-style: solid;
 322         margin: 2px;
 323         font-family: monospace;
 324         /* font-size: 150%; */
 325 }
 326
 327 input.inbt:focus
 328 {
 329         border-color: #bb6622;
 330 }
 331
 332 .br
 333 {
 334         border-color: #bb6622!important;
 335         color: #bb6622!important;
 336 }
 337 .po
 338 {
 339         border-color: #ff8800!important;
 340         color: #ff8800!important;
 341 }
 342 .ni
 343 {
 344         border-color: #0057af!important;
 345         color: #0057af!important;
 346 }
 347 .bi
 348 {
 349         border-color: #ffffff!important;
 350         color: #ffffff!important;
 351 }
 352 .cz
 353 {
 354         border-color: #000000!important;
 355         color: #000000!important;
 356 }
 357
 358 div.le
 359 {
 360         float: left;
 361 }
 362 div.pr
 363 {
 364         float: right;
 365 }