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 }
 237
 238 div.fq:hover
 239 {
 240         border-color: #bb6622;
 241 }
 242
 243 div.tq
 244 {
 245         text-align: left;
 246         border: solid #0057af 4px;
 247 }
 248
 249 div.tq:hover
 250 {
 251         border-color: #bb6622;
 252 }
 253
 254 div.comment
 255 {
 256         text-align: left;
 257         border: solid #0057af 4px;
 258         background-color: #0057af;
 259 }
 260
 261 div.comment:hover
 262 {
 263         border-color: #bb6622;
 264         background-color: #bb6622;
 265 }
 266
 267 div.commentinfo
 268 {
 269         color: #ffffff!important;
 270         /* font-weight: bold; */
 271 }
 272
 273 div.commenttext
 274 {
 275         background-color: #ffffff;
 276         color: #000000;
 277 }
 278
 279 div.space
 280 {
 281         background-color: #46a3ff;
 282         height: 27px;
 283         margin-top: 27px;
 284         margin-bottom: 27px;
 285 }
 286
 287 div#command
 288 {
 289         text-align: left;
 290         margin: 0px;
 291         border: 0px;
 292         padding: 8px;
 293         font-family: monospace;
 294         font-size: 150%;
 295         /* font-weight: bold; */
 296 }
 297
 298 div#underlinks
 299 {
 300         text-align: left;
 301         padding: 8px;
 302         margin: 0px;
 303         border: 0px;
 304         font-family: monospace;
 305 }
 306
 307 span.inp
 308 {
 309         animation: inp 2380ms step-start infinite;
 310 }
 311
 312 @keyframes inp
 313 {
 314         50% { opacity: 0.0;}
 315 }
 316
 317 input.intx
 318 {
 319         border-color: #0057af;
 320         color: #000000;
 321         background-color: #ffffff;
 322         border-width: 2px;
 323         border-style: solid;
 324         margin: 2px;
 325         font-family: monospace;
 326         /* font-size: 150%; */
 327 }
 328
 329 input.intx:focus
 330 {
 331         border-color: #bb6622;
 332 }
 333
 334 input.intxc
 335 {
 336         border-color: #0057af;
 337         color: #000000;
 338         background-color: #ffffff;
 339         border-width: 2px;
 340         border-style: solid;
 341         margin: 2px;
 342         font-family: monospace;
 343         width: 100%;
 344         /* font-size: 150%; */
 345 }
 346
 347 input.intxc:focus
 348 {
 349         border-color: #bb6622;
 350 }
 351
 352 /* table.intxc
 353 {
 354         width=100%;
 355 } */
 356
 357 textarea.inta
 358 {
 359         border-color: #0057af;
 360         color: #000000;
 361         background-color: #ffffff;
 362         border-width: 2px;
 363         border-style: solid;
 364         width: 100%;
 365         margin: 2px;
 366         resize: none;
 367 }
 368
 369 textarea.inta:focus
 370 {
 371         border-color: #bb6622;
 372 }
 373
 374 input.inbt
 375 {
 376         border-color: #0057af;
 377         color: #000000;
 378         background-color: #ffffff;
 379         border-width: 2px;
 380         border-style: solid;
 381         margin: 2px;
 382         font-family: monospace;
 383         /* font-size: 150%; */
 384 }
 385
 386 input.inbt:focus
 387 {
 388         border-color: #bb6622;
 389 }
 390
 391 .br
 392 {
 393         border-color: #bb6622!important;
 394         color: #bb6622!important;
 395 }
 396 .po
 397 {
 398         border-color: #ff8800!important;
 399         color: #ff8800!important;
 400 }
 401 .ni
 402 {
 403         border-color: #0057af!important;
 404         color: #0057af!important;
 405 }
 406 .bi
 407 {
 408         border-color: #ffffff!important;
 409         color: #ffffff!important;
 410 }
 411 .cz
 412 {
 413         border-color: #000000!important;
 414         color: #000000!important;
 415 }
 416
 417 .hv.ni:hover
 418 {
 419         border-color: #bb6622!important;
 420         color: #bb6622!important;
 421 }
 422
 423 .hv.br:hover
 424 {
 425         border-color: #0057af!important;
 426         color: #0057af!important;
 427 }
 428
 429 div.le
 430 {
 431         float: left;
 432 }
 433 div.pr
 434 {
 435         float: right;
 436 }