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