annotate forum/Themes/default/style.css @ 89:c27a792883cb website

Update rdf
author Chris Cannam
date Tue, 10 Jun 2014 20:35:42 +0100
parents e3e11437ecea
children
rev   line source
Chris@76 1 /* Normal, standard links. */
Chris@76 2 a:link
Chris@76 3 {
Chris@76 4 color: #476C8E;
Chris@76 5 text-decoration: none;
Chris@76 6 }
Chris@76 7 a:visited
Chris@76 8 {
Chris@76 9 color: #476C8E;
Chris@76 10 text-decoration: none;
Chris@76 11 }
Chris@76 12 a:hover
Chris@76 13 {
Chris@76 14 text-decoration: underline;
Chris@76 15 }
Chris@76 16
Chris@76 17 /* Navigation links - for the link tree. */
Chris@76 18 .nav, .nav:link, .nav:visited
Chris@76 19 {
Chris@76 20 color: #000000;
Chris@76 21 text-decoration: none;
Chris@76 22 }
Chris@76 23 a.nav:hover
Chris@76 24 {
Chris@76 25 color: #cc3333;
Chris@76 26 text-decoration: underline;
Chris@76 27 }
Chris@76 28
Chris@76 29 /* Tables should show empty cells. */
Chris@76 30 table
Chris@76 31 {
Chris@76 32 empty-cells: show;
Chris@76 33 }
Chris@76 34
Chris@76 35 /* By default (td, body..) use verdana in black. */
Chris@76 36 body, td, th , tr
Chris@76 37 {
Chris@76 38 color: #000000;
Chris@76 39 font-size: small;
Chris@76 40 font-family: verdana, sans-serif;
Chris@76 41 }
Chris@76 42
Chris@76 43 /* The main body of the entire forum. */
Chris@76 44 body
Chris@76 45 {
Chris@76 46 background-color: #E5E5E8;
Chris@76 47 margin: 0px;
Chris@76 48 padding: 12px 30px 4px 30px;
Chris@76 49 }
Chris@76 50
Chris@76 51 /* Input boxes - just a bit smaller than normal so they align well. */
Chris@76 52 input, textarea, button
Chris@76 53 {
Chris@76 54 color: #000000;
Chris@76 55 font-family: verdana, sans-serif;
Chris@76 56 }
Chris@76 57 input, button
Chris@76 58 {
Chris@76 59 font-size: 90%;
Chris@76 60 }
Chris@76 61
Chris@76 62 textarea
Chris@76 63 {
Chris@76 64 font-size: 100%;
Chris@76 65 color: #000000;
Chris@76 66 font-family: verdana, sans-serif;
Chris@76 67 }
Chris@76 68
Chris@76 69 /* All input elements that are checkboxes or radio buttons. */
Chris@76 70 input.check
Chris@76 71 {
Chris@76 72 }
Chris@76 73
Chris@76 74 /* Selects are a bit smaller, because it makes them look even better 8). */
Chris@76 75 select
Chris@76 76 {
Chris@76 77 font-size: 90%;
Chris@76 78 font-weight: normal;
Chris@76 79 color: #000000;
Chris@76 80 font-family: verdana, sans-serif;
Chris@76 81 }
Chris@76 82
Chris@76 83 /* Standard horizontal rule.. ([hr], etc.) */
Chris@76 84 hr, .hrcolor
Chris@76 85 {
Chris@76 86 height: 1px;
Chris@76 87 border: 0;
Chris@76 88 color: #666666;
Chris@76 89 background-color: #666666;
Chris@76 90 }
Chris@76 91
Chris@76 92 /* No image should have a border when linked */
Chris@76 93 a img
Chris@76 94 {
Chris@76 95 border: 0;
Chris@76 96 }
Chris@76 97 /* A quote, perhaps from another post. */
Chris@76 98 .quote
Chris@76 99 {
Chris@76 100 color: #000000;
Chris@76 101 background-color: #D7DAEC;
Chris@76 102 border: 1px solid #000000;
Chris@76 103 margin: 1px;
Chris@76 104 padding: 1px;
Chris@76 105 font-size: x-small;
Chris@76 106 line-height: 1.4em;
Chris@76 107 }
Chris@76 108
Chris@76 109 /* A code block - maybe even PHP ;). */
Chris@76 110 .code
Chris@76 111 {
Chris@76 112 color: #000000;
Chris@76 113 background-color: #dddddd;
Chris@76 114 font-family: "courier new", "times new roman", monospace;
Chris@76 115 font-size: x-small;
Chris@76 116 line-height: 1.3em;
Chris@76 117 /* Put a nice border around it. */
Chris@76 118 border: 1px solid #000000;
Chris@76 119 margin: 1px auto 1px auto;
Chris@76 120 padding: 1px;
Chris@76 121 width: 99%;
Chris@76 122 /* Don't wrap its contents, and show scrollbars. */
Chris@76 123 white-space: nowrap;
Chris@76 124 overflow: auto;
Chris@76 125 /* Stop after about 24 lines, and just show a scrollbar. */
Chris@76 126 max-height: 24em;
Chris@76 127 }
Chris@76 128
Chris@76 129 /* The "Quote:" and "Code:" header parts... */
Chris@76 130 .quoteheader, .codeheader
Chris@76 131 {
Chris@76 132 color: #000000;
Chris@76 133 text-decoration: none;
Chris@76 134 font-style: normal;
Chris@76 135 font-weight: bold;
Chris@76 136 font-size: x-small;
Chris@76 137 line-height: 1.2em;
Chris@76 138 }
Chris@76 139
Chris@76 140 /* Generally, those [?] icons. This makes your cursor a help icon. */
Chris@76 141 .help
Chris@76 142 {
Chris@76 143 cursor: help;
Chris@76 144 }
Chris@76 145
Chris@76 146 /* /me uses this a lot. (emote, try typing /me in a post.) */
Chris@76 147 .meaction
Chris@76 148 {
Chris@76 149 color: red;
Chris@76 150 }
Chris@76 151
Chris@76 152 /* The main post box - this makes it as wide as possible. */
Chris@76 153 .editor
Chris@76 154 {
Chris@76 155 width: 96%;
Chris@76 156 }
Chris@76 157
Chris@76 158 /* Highlighted text - such as search results. */
Chris@76 159 .highlight
Chris@76 160 {
Chris@76 161 background-color: yellow;
Chris@76 162 font-weight: bold;
Chris@76 163 color: black;
Chris@76 164 }
Chris@76 165
Chris@76 166 /* Alternating backgrounds for posts, and several other sections of the forum. */
Chris@76 167 .windowbg, #preview_body
Chris@76 168 {
Chris@76 169 color: #000000;
Chris@76 170 background-color: #ECEDF3;
Chris@76 171 }
Chris@76 172 .windowbg2
Chris@76 173 {
Chris@76 174 color: #000000;
Chris@76 175 background-color: #F6F6F6;
Chris@76 176 }
Chris@76 177 .windowbg3
Chris@76 178 {
Chris@76 179 color: #000000;
Chris@76 180 background-color: #E0E1E8;
Chris@76 181 }
Chris@76 182 /* the today container in calendar */
Chris@76 183 .calendar_today
Chris@76 184 {
Chris@76 185 background-color: #FFFFFF;
Chris@76 186 }
Chris@76 187
Chris@76 188 /* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
Chris@76 189 .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
Chris@76 190 {
Chris@76 191 color: black;
Chris@76 192 font-style: normal;
Chris@76 193 background: url(images/titlebg.jpg) #E9F0F6 repeat-x;
Chris@76 194 border-bottom: solid 1px #9BAEBF;
Chris@76 195 border-top: solid 1px #FFFFFF;
Chris@76 196 padding-left: 10px;
Chris@76 197 padding-right: 10px;
Chris@76 198 }
Chris@76 199 .titlebg, .titlebg a:link, .titlebg a:visited
Chris@76 200 {
Chris@76 201 font-weight: bold;
Chris@76 202 color: black;
Chris@76 203 font-style: normal;
Chris@76 204 }
Chris@76 205
Chris@76 206 .titlebg a:hover
Chris@76 207 {
Chris@76 208 color: #404040;
Chris@76 209 }
Chris@76 210 /* same as titlebg, but used where bold text is not needed */
Chris@76 211 .titlebg2 a:link, .titlebg2 a:visited
Chris@76 212 {
Chris@76 213 color: black;
Chris@76 214 font-style: normal;
Chris@76 215 text-decoration: underline;
Chris@76 216 }
Chris@76 217
Chris@76 218 .titlebg2 a:hover
Chris@76 219 {
Chris@76 220 text-decoration: underline;
Chris@76 221 }
Chris@76 222
Chris@76 223 /* This is used for categories, page indexes, and several other areas in the forum.
Chris@76 224 .catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
Chris@76 225 .catbg , tr.catbg td , .catbg3 , tr.catbg3 td
Chris@76 226 {
Chris@76 227 background: url(images/catbg.jpg) #88A6C0 repeat-x;
Chris@76 228 color: #ffffff;
Chris@76 229 padding-left: 10px;
Chris@76 230 padding-right: 10px;
Chris@76 231 }
Chris@76 232 .catbg2 , tr.catbg2 td
Chris@76 233 {
Chris@76 234 background: url(images/catbg2.jpg) #A1BFD9 repeat-x;
Chris@76 235 color: #ffffff;
Chris@76 236 padding-left: 10px;
Chris@76 237 padding-right: 10px;
Chris@76 238 }
Chris@76 239 .catbg, .catbg2, .catbg3
Chris@76 240 {
Chris@76 241 border-bottom: solid 1px #375576;
Chris@76 242 }
Chris@76 243 .catbg, .catbg2
Chris@76 244 {
Chris@76 245 font-weight: bold;
Chris@76 246 }
Chris@76 247 .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
Chris@76 248 {
Chris@76 249 font-size: 95%;
Chris@76 250 color: white;
Chris@76 251 text-decoration: none;
Chris@76 252 }
Chris@76 253 .catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
Chris@76 254 {
Chris@76 255 color: white;
Chris@76 256 text-decoration: none;
Chris@76 257 }
Chris@76 258 .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
Chris@76 259 {
Chris@76 260 color: #e0e0ff;
Chris@76 261 }
Chris@76 262 /* This is used for tables that have a grid/border background color (such as the topic listing.) */
Chris@76 263 .bordercolor
Chris@76 264 {
Chris@76 265 background-color: #ADADAD;
Chris@76 266 padding: 0px;
Chris@76 267 }
Chris@76 268
Chris@76 269 /* This is used on tables that should just have a border around them. */
Chris@76 270 .tborder
Chris@76 271 {
Chris@76 272 padding: 1px;
Chris@76 273 border: 1px solid #696969;
Chris@76 274 background-color: #FFFFFF;
Chris@76 275 }
Chris@76 276
Chris@76 277 /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
Chris@76 278 .smalltext
Chris@76 279 {
Chris@76 280 font-size: x-small;
Chris@76 281 font-family: verdana, sans-serif;
Chris@76 282 }
Chris@76 283 .middletext
Chris@76 284 {
Chris@76 285 font-size: 90%;
Chris@76 286 }
Chris@76 287 .normaltext
Chris@76 288 {
Chris@76 289 font-size: small;
Chris@76 290 }
Chris@76 291 .largetext
Chris@76 292 {
Chris@76 293 font-size: large;
Chris@76 294 }
Chris@76 295
Chris@76 296
Chris@76 297 /* Posts and personal messages displayed throughout the forum. */
Chris@76 298 .post, .personalmessage
Chris@76 299 {
Chris@76 300 width: 100%;
Chris@76 301 overflow: auto;
Chris@76 302 line-height: 1.3em;
Chris@76 303 }
Chris@76 304
Chris@76 305 /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
Chris@76 306 .signature
Chris@76 307 {
Chris@76 308 width: 100%;
Chris@76 309 overflow: auto;
Chris@76 310 padding-bottom: 3px;
Chris@76 311 line-height: 1.3em;
Chris@76 312 }
Chris@76 313
Chris@76 314 /* Sometimes there will be an error when you post */
Chris@76 315 .error
Chris@76 316 {
Chris@76 317 color: red;
Chris@76 318 }
Chris@76 319
Chris@76 320
Chris@76 321 /* definitions for the main tab, active means the tab reflects which page is displayed */
Chris@76 322 .maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
Chris@76 323 {
Chris@76 324 color: white;
Chris@76 325 text-transform: uppercase;
Chris@76 326 vertical-align: top;
Chris@76 327 }
Chris@76 328 .maintab_back, .maintab_active_back
Chris@76 329 {
Chris@76 330 color: white;
Chris@76 331 text-decoration: none;
Chris@76 332 font-size: 9px;
Chris@76 333 vertical-align: top;
Chris@76 334 padding: 2px 6px 6px 6px;
Chris@76 335 font-family: tahoma, sans-serif;
Chris@76 336 }
Chris@76 337
Chris@76 338 .maintab_first
Chris@76 339 {
Chris@76 340 background: url(images/maintab_first.gif) left bottom no-repeat;
Chris@76 341 width: 10px;
Chris@76 342 }
Chris@76 343 .maintab_back
Chris@76 344 {
Chris@76 345 background: url(images/maintab_back.gif) left bottom repeat-x;
Chris@76 346 }
Chris@76 347 .maintab_last
Chris@76 348 {
Chris@76 349 background: url(images/maintab_last.gif) left bottom no-repeat;
Chris@76 350 width: 8px;
Chris@76 351 }
Chris@76 352 .maintab_active_first
Chris@76 353 {
Chris@76 354 background: url(images/maintab_active_first.gif) left bottom no-repeat;
Chris@76 355 width: 6px;
Chris@76 356 }
Chris@76 357 .maintab_active_back
Chris@76 358 {
Chris@76 359 background: url(images/maintab_active_back.gif) left bottom repeat-x;
Chris@76 360 }
Chris@76 361 .maintab_active_last
Chris@76 362 {
Chris@76 363 background: url(images/maintab_active_last.gif) left bottom no-repeat;
Chris@76 364 width: 8px;
Chris@76 365 }
Chris@76 366
Chris@76 367 /* how links behave in main tab. */
Chris@76 368 .maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
Chris@76 369 {
Chris@76 370 color: white;
Chris@76 371 text-decoration: none;
Chris@76 372 }
Chris@76 373
Chris@76 374 .maintab_back a:hover, .maintab_active_back a:hover
Chris@76 375 {
Chris@76 376 color: #e0e0ff;
Chris@76 377 text-decoration: none;
Chris@76 378 }
Chris@76 379 /* definitions for the mirror tab */
Chris@76 380 .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
Chris@76 381 {
Chris@76 382 color: white;
Chris@76 383 text-transform: uppercase;
Chris@76 384 vertical-align: top;
Chris@76 385 }
Chris@76 386 .mirrortab_back, .mirrortab_active_back
Chris@76 387 {
Chris@76 388 color: white;
Chris@76 389 text-decoration: none;
Chris@76 390 font-size: 9px;
Chris@76 391 vertical-align: bottom;
Chris@76 392 padding: 6px 6px 2px 6px;
Chris@76 393 font-family: tahoma, sans-serif;
Chris@76 394 }
Chris@76 395
Chris@76 396 .mirrortab_first
Chris@76 397 {
Chris@76 398 background: url(images/mirrortab_first.gif) no-repeat;
Chris@76 399 width: 10px;
Chris@76 400 }
Chris@76 401 .mirrortab_back
Chris@76 402 {
Chris@76 403 background: url(images/mirrortab_back.gif) repeat-x;
Chris@76 404 }
Chris@76 405 .mirrortab_last
Chris@76 406 {
Chris@76 407 background: url(images/mirrortab_last.gif) no-repeat;
Chris@76 408 width: 6px;
Chris@76 409 }
Chris@76 410 .mirrortab_active_first
Chris@76 411 {
Chris@76 412 background: url(images/mirrortab_active_first.gif) no-repeat;
Chris@76 413 width: 6px;
Chris@76 414 }
Chris@76 415 .mirrortab_active_back
Chris@76 416 {
Chris@76 417 background: url(images/mirrortab_active_back.gif) repeat-x;
Chris@76 418 }
Chris@76 419 .mirrortab_active_last
Chris@76 420 {
Chris@76 421 background: url(images/mirrortab_active_last.gif) no-repeat;
Chris@76 422 width: 8px;
Chris@76 423 }
Chris@76 424
Chris@76 425 /* how links behave in mirror tab. */
Chris@76 426 .mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
Chris@76 427 {
Chris@76 428 color: white;
Chris@76 429 text-decoration: none;
Chris@76 430 }
Chris@76 431
Chris@76 432 .mirrortab_back a:hover, .mirrortab_active_back a:hover
Chris@76 433 {
Chris@76 434 color: #e0e0ff;
Chris@76 435 text-decoration: none;
Chris@76 436 }
Chris@76 437
Chris@76 438 /* The AJAX notifier */
Chris@76 439 #ajax_in_progress
Chris@76 440 {
Chris@76 441 background: #32CD32;
Chris@76 442 color: white;
Chris@76 443 text-align: center;
Chris@76 444 font-weight: bold;
Chris@76 445 font-size: 18pt;
Chris@76 446 padding: 3px;
Chris@76 447 width: 100%;
Chris@76 448 position: fixed;
Chris@76 449 top: 0;
Chris@76 450 left: 0;
Chris@76 451 }