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:hover
 133 {
 134         border-color: #bb6622;
 135 }
 136
 137 img.intf
 138 {
 139         border-width: 0px;
 140         padding: 0px;
 141         margin: 0px;
 142 }
 143
 144 tr.intf
 145 {
 146         border-width: 0px;
 147         padding: 0px;
 148         margin: 0px;
 149 }
 150
 151 td.intf
 152 {
 153         border-width: 0px;
 154         padding: 0px;
 155         margin: 0px;
 156 }
 157
 158 table#intftable
 159 {
 160         border: solid #0057af;
 161         border-width:27px 38px;
 162         padding: 0px;
 163         margin: 0px;
 164         background-color: #ffffff;
 165         border-collapse: collapse;
 166         border-spacing: 0px;
 167 }
 168
 169 div#undertext
 170 {
 171         text-align: left;
 172         padding: 8px;
 173         margin: 0px;
 174         border: 0px;
 175 }
 176
 177 div#chat
 178 {
 179         text-align: left;
 180         padding: 8px;
 181         margin: 0px;
 182         border: 0px;
 183         font-family: monospace;
 184 }
 185
 186 div.fq
 187 {
 188         text-align: left;
 189         border: solid #0057af 4px;
 190         font-family: monospace;
 191 }
 192
 193 div.fq:hover
 194 {
 195         border-color: #bb6622;
 196 }
 197
 198 div.tq
 199 {
 200         text-align: left;
 201         border: solid #0057af 4px;
 202 }
 203
 204 div.tq:hover
 205 {
 206         border-color: #bb6622;
 207 }
 208
 209 div#command
 210 {
 211         text-align: left;
 212         margin: 0px;
 213         border: 0px;
 214         padding: 8px;
 215         font-family: monospace;
 216         font-size: 150%;
 217         /* font-weight: bold; */
 218 }
 219
 220 div#underlinks
 221 {
 222         text-align: left;
 223         padding: 8px;
 224         margin: 0px;
 225         border: 0px;
 226         font-family: monospace;
 227 }
 228
 229 span.inp
 230 {
 231         animation: inp 2380ms step-start infinite;
 232 }
 233
 234 @keyframes inp
 235 {
 236         50% { opacity: 0.0;}
 237 }
 238
 239 input.intx
 240 {
 241         border-color: #0057af;
 242         color: #000000;
 243         background-color: #ffffff;
 244         border-width: 2px;
 245         border-style: solid;
 246         margin: 2px;
 247         font-family: monospace;
 248         /* font-size: 150%; */
 249 }
 250
 251 input.intx:focus
 252 {
 253         border-color: #bb6622;
 254 }
 255
 256 input.intxc
 257 {
 258         border-color: #0057af;
 259         color: #000000;
 260         background-color: #ffffff;
 261         border-width: 2px;
 262         border-style: solid;
 263         margin: 2px;
 264         font-family: monospace;
 265         width: 100%;
 266         /* font-size: 150%; */
 267 }
 268
 269 input.intxc:focus
 270 {
 271         border-color: #bb6622;
 272 }
 273
 274 /* table.intxc
 275 {
 276         width=100%;
 277 } */
 278
 279 textarea.inta
 280 {
 281         border-color: #0057af;
 282         color: #000000;
 283         background-color: #ffffff;
 284         border-width: 2px;
 285         border-style: solid;
 286         width: 100%;
 287         margin: 2px;
 288         resize: none;
 289 }
 290
 291 textarea.inta:focus
 292 {
 293         border-color: #bb6622;
 294 }
 295
 296 input.inbt
 297 {
 298         border-color: #0057af;
 299         color: #000000;
 300         background-color: #ffffff;
 301         border-width: 2px;
 302         border-style: solid;
 303         margin: 2px;
 304         font-family: monospace;
 305         /* font-size: 150%; */
 306 }
 307
 308 input.inbt:focus
 309 {
 310         border-color: #bb6622;
 311 }
 312
 313 .br
 314 {
 315         border-color: #bb6622!important;
 316         color: #bb6622!important;
 317 }
 318 .po
 319 {
 320         border-color: #ff8800!important;
 321         color: #ff8800!important;
 322 }
 323 .ni
 324 {
 325         border-color: #0057af!important;
 326         color: #0057af!important;
 327 }
 328 .bi
 329 {
 330         border-color: #ffffff!important;
 331         color: #ffffff!important;
 332 }
 333 .cz
 334 {
 335         border-color: #000000!important;
 336         color: #000000!important;
 337 }
 338
 339 div.le
 340 {
 341         float: left;
 342 }
 343 div.pr
 344 {
 345         float: right;
 346 }