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 div.title
  97 {
  98         text-align: center;
  99         padding-top: 21px;
 100         padding-bottom: 21px;
 101         padding-left: 0px;
 102         padding-right: 0px;
 103         border: 0px;
 104         margin: 0px;
 105 }
 106
 107 h1#titletext
 108 {
 109         margin: 0px;
 110         border: 0px;
 111         padding: 0px;
 112 }
 113
 114 h1.titletext
 115 {
 116         margin: 0px;
 117         border: 0px;
 118         padding: 0px;
 119 }
 120
 121 div#storypuzzle
 122 {
 123         text-align: left;
 124         padding: 8px;
 125         margin: 0px;
 126         border: 0px;
 127         font-weight: bold;
 128 }
 129
 130 div#framespace
 131 {
 132         background-color: #ffffff;
 133         margin-left: auto;
 134         margin-right: auto;
 135         margin-top: 0px;
 136         margin-bottom: 0px;
 137         padding: 0px;
 138         border: 0px;
 139         width: 656px;
 140 }
 141
 142 img#frame
 143 {
 144         border: solid #0057af;
 145         border-width: 27px 38px;
 146         padding: 0px;
 147         margin: 0px;
 148 }
 149
 150 img#frame.double
 151 {
 152         border-width: 54px 38px;
 153 }
 154
 155 img#frame.full
 156 {
 157         border-width: 0px;
 158 }
 159
 160 img#frame.bftf
 161 {
 162         padding-top: 60px;
 163         padding-bottom: 60px;
 164         padding-left: 85px;
 165         padding-right: 85px;
 166         background-color: #d9ecff;
 167 }
 168
 169 img#frame:hover
 170 {
 171         border-color: #bb6622;
 172 }
 173
 174 img.intf
 175 {
 176         border-width: 0px;
 177         padding: 0px;
 178         margin: 0px;
 179 }
 180
 181 tr.intf
 182 {
 183         border-width: 0px;
 184         padding: 0px;
 185         margin: 0px;
 186 }
 187
 188 td.intf
 189 {
 190         border-width: 0px;
 191         padding: 0px;
 192         margin: 0px;
 193 }
 194
 195 table#intftable
 196 {
 197         border: solid #0057af;
 198         border-width:27px 38px;
 199         padding: 0px;
 200         margin: 0px;
 201         background-color: #ffffff;
 202         border-collapse: collapse;
 203         border-spacing: 0px;
 204 }
 205
 206 div#undertext
 207 {
 208         text-align: left;
 209         padding: 8px;
 210         margin: 0px;
 211         border: 0px;
 212 }
 213
 214 div.undertext
 215 {
 216         text-align: left;
 217         padding: 8px;
 218         margin: 0px;
 219         border: 0px;
 220 }
 221
 222 div#chat
 223 {
 224         text-align: left;
 225         padding: 8px;
 226         margin: 0px;
 227         border: 0px;
 228         font-family: monospace;
 229 }
 230
 231 div.fq
 232 {
 233         text-align: left;
 234         border: solid #0057af 4px;
 235         font-family: monospace;
 236         padding: 2px;
 237 }
 238
 239 div.fq:hover
 240 {
 241         border-color: #bb6622;
 242 }
 243
 244 div.tq
 245 {
 246         text-align: left;
 247         border: solid #0057af 4px;
 248         padding: 2px;
 249 }
 250
 251 div.tq:hover
 252 {
 253         border-color: #bb6622;
 254 }
 255
 256 div.opomba
 257 {
 258         text-align: left;
 259         border: solid #0057af 4px;
 260         background-color: #0057af;
 261 }
 262
 263 div.opomba:hover
 264 {
 265         border-color: #bb6622;
 266         background-color: #bb6622;
 267 }
 268
 269 div.opomba:target
 270 {
 271         border-color: #bb6622;
 272         background-color: #bb6622;
 273 }
 274
 275 div.opomba:target:hover
 276 {
 277         border-color: #bb6622;
 278         background-color: #bb6622;
 279 }
 280
 281 div.opomba_info
 282 {
 283         color: #ffffff!important;
 284         /* font-weight: bold; */
 285 }
 286
 287 div.opomba_text
 288 {
 289         background-color: #ffffff;
 290         color: #000000;
 291         clear: both;
 292         padding: 4px;
 293 }
 294
 295 div.space
 296 {
 297         background-color: #46a3ff;
 298         height: 27px;
 299         margin-top: 27px;
 300         margin-bottom: 27px;
 301 }
 302
 303 div#command
 304 {
 305         text-align: left;
 306         margin: 0px;
 307         border: 0px;
 308         padding: 8px;
 309         font-family: monospace;
 310         font-size: 150%;
 311         /* font-weight: bold; */
 312 }
 313
 314 div#underlinks
 315 {
 316         text-align: left;
 317         padding: 8px;
 318         margin: 0px;
 319         border: 0px;
 320         font-family: monospace;
 321 }
 322
 323 div.underlinks
 324 {
 325         text-align: left;
 326         padding: 8px;
 327         margin: 0px;
 328         border: 0px;
 329         font-family: monospace;
 330 }
 331
 332 span.inp
 333 {
 334         animation: inp 2380ms step-start infinite;
 335 }
 336
 337 @keyframes inp
 338 {
 339         50% { opacity: 0.0;}
 340 }
 341
 342 input.intx
 343 {
 344         border-color: #0057af;
 345         color: #000000;
 346         background-color: #ffffff;
 347         border-width: 2px;
 348         border-style: solid;
 349         margin: 2px;
 350         font-family: monospace;
 351         /* font-size: 150%; */
 352 }
 353
 354 input.intx:focus
 355 {
 356         border-color: #bb6622;
 357 }
 358
 359 input.intxc
 360 {
 361         border-color: #0057af;
 362         color: #000000;
 363         background-color: #ffffff;
 364         border-width: 2px;
 365         border-style: solid;
 366         margin: 2px;
 367         font-family: monospace;
 368         width: 100%;
 369         /* font-size: 150%; */
 370 }
 371
 372 input.intxc:focus
 373 {
 374         border-color: #bb6622;
 375 }
 376
 377 /* table.intxc
 378 {
 379         width=100%;
 380 } */
 381
 382 textarea.inta
 383 {
 384         border-color: #0057af;
 385         color: #000000;
 386         background-color: #ffffff;
 387         border-width: 2px;
 388         border-style: solid;
 389         width: 100%;
 390         margin: 2px;
 391         resize: none;
 392 }
 393
 394 textarea.inta:focus
 395 {
 396         border-color: #bb6622;
 397 }
 398
 399 input.inbt
 400 {
 401         border-color: #0057af;
 402         color: #000000;
 403         background-color: #ffffff;
 404         border-width: 2px;
 405         border-style: solid;
 406         margin: 2px;
 407         font-family: monospace;
 408         /* font-size: 150%; */
 409 }
 410
 411 input.inbt:focus
 412 {
 413         border-color: #bb6622;
 414 }
 415
 416 input.hl {
 417         background:none!important;
 418         border:none!important;
 419         padding:0!important;
 420 /*      font-family:inherit;
 421         font-size:inherit; */
 422         font: inherit;
 423         text-decoration:underline;
 424         border-color: #0057af;
 425         color: #0057af;
 426 }
 427 input.hl:hover {
 428         border-color: #bb6622;
 429         color: #bb6622;
 430 }
 431
 432 .br
 433 {
 434         border-color: #bb6622!important;
 435         color: #bb6622!important;
 436 }
 437 .po
 438 {
 439         border-color: #ff8800!important;
 440         color: #ff8800!important;
 441 }
 442 .ni
 443 {
 444         border-color: #0057af!important;
 445         color: #0057af!important;
 446 }
 447 .bi
 448 {
 449         border-color: #ffffff!important;
 450         color: #ffffff!important;
 451 }
 452 .cz
 453 {
 454         border-color: #000000!important;
 455         color: #000000!important;
 456 }
 457
 458 .hv.ni:hover
 459 {
 460         border-color: #bb6622!important;
 461         color: #bb6622!important;
 462 }
 463
 464 .hv.br:hover
 465 {
 466         border-color: #0057af!important;
 467         color: #0057af!important;
 468 }
 469
 470 .hu
 471 {
 472         text-decoration:none!important;
 473 }
 474 .hu:hover
 475 {
 476         text-decoration:underline!important;
 477 }
 478
 479 div.le
 480 {
 481         float: left;
 482 }
 483 div.pr
 484 {
 485         float: right;
 486 }