1body { 2 background-color: #FFF; 3 color: Black; 4 font: 14px Verdana, sans-serif; 5 margin: 0; 6 padding: 0; 7} 8h1, 9h2, 10h3, 11h4, 12h5 { 13 background-color: transparent; 14 border-bottom: none; 15 clear: left; 16 color: Black; 17 font-family: Helvetica, "Bitstream Vera Sans", "Nimbus Sans L", sans-serif; 18 font-size: 100%; 19 font-weight: bold; 20 margin: 0; 21 padding: 1em 0 0 0; 22 a { 23 color: __black__; 24 text-decoration: none; 25 &:hover { 26 color: __black__; 27 text-decoration: none; 28 } 29 } 30} 31h1 { 32 font-size: 15pt; 33} 34h2 { 35 border-bottom: 1px solid __dark__; 36 font-size: 14pt; 37} 38h3 { 39 font-size: 13pt; 40} 41h4 { 42 font-size: 11pt; 43} 44h5 { 45 font-size: 10pt; 46} 47table { 48 border: 0; 49 border-spacing: 0; 50 font-size: 100%; 51 margin: 0; 52 padding: 0; 53 tr, 54 td, 55 th { 56 margin: 0; 57 padding: 0; 58 } 59 &.inline { 60 background-color: __white__; 61 border-collapse: collapse; 62 border-spacing: 0; 63 th { 64 background-color: __medium__; 65 font-weight: normal; 66 } 67 td, 68 th { 69 border: 1px solid __dark__; 70 font: 85% Verdana, "Bitstream Vera Sans", "Nimbus Sans L", sans-serif; 71 padding: 3px; 72 width: auto; 73 } 74 } 75 &.newpage { 76 /*border: solid 1px #f5f5f5; 77 border-radius: 5px;*/ 78 td { 79 border-right: solid 1px #ddd; 80 padding: 0 10px !important; 81 &:nth-last-of-type(1) { 82 border-right: 0; 83 text-align: center; 84 } 85 &:nth-last-of-type(2) { 86 text-align: center; 87 } 88 img.medialeft { 89 margin: 5px 5px 0 0; 90 } 91 .vyleft { 92 margin-top: 0; 93 } 94 } 95 } 96} 97div { 98 &.level1, 99 &.level2, 100 &.level3, 101 &.level4, 102 &.level5 { 103 margin: 1em 0 0 0; 104 } 105 &.error, 106 &.info, 107 &.success, 108 &.notify { 109 background-repeat: no-repeat; 110 border: 1px solid; 111 border-radius: 5px; 112 color: #000; 113 font-size: 110%; 114 overflow: hidden; 115 margin: 0 35px; 116 padding: .4em 32px; 117 position: relative; 118 z-index: 2; 119 [dir=ltr] & { 120 background-position: 8px 50%; 121 } 122 [dir=rtl] & { 123 background-position: right 8px top 50%; 124 } 125 } 126 &.error { 127 background-color: #fcc; 128 background-image: url(../../images/error.png); 129 border-color: #ebb; 130 } 131 132 &.info { 133 background-color: #ccf; 134 background-image: url(../../images/info.png); 135 border-color: #bbe; 136 } 137 138 &.success { 139 background-color: #cfc; 140 background-image: url(../../images/success.png); 141 border-color: #beb; 142 } 143 144 &.notify { 145 background-color: #ffc; 146 background-image: url(../../images/notify.png); 147 border-color: #eeb; 148 } 149 &.nothing { 150 margin: 2em; 151 text-align: center; 152 } 153 &#size__ctl { 154 float: right; 155 height: 2.7em; 156 width: 40px; 157 img { 158 cursor: pointer; 159 } 160 } 161 &.secedit { 162 button { 163 background-color: __white__; 164 border: 0 solid __dark__; 165 color: __darkgray__; 166 cursor: pointer; 167 display: inline; 168 float: right; 169 font-size: 10px; 170 margin: 0; 171 padding: 0; 172 text-decoration: none; 173 vertical-align: middle; 174 } 175 } 176 &.preview { 177 background: __lighter__; 178 border: 1px dashed __black__; 179 margin-left: 2em; 180 padding: 4px; 181 } 182 &.insitu-footnote { 183 background: __light__; 184 border: 1px solid __dark__; 185 font-size: 80%; 186 line-height: 1.2em; 187 max-width: 40%; /* IE's width is handled in javascript */ 188 padding: 4px; 189 text-align: left; 190 } 191 &.picker { 192 background: __light__; 193 border: 1px solid __dark__; 194 width: auto; 195 } 196 &#spell__suggest { 197 background-color: __white__; 198 border: 1px solid __black__; 199 display: none; 200 font-size: 80%; 201 padding: 2px; 202 } 203 &#spell__result { 204 background-color: __lighter__; 205 border: 1px solid __dark__; 206 color: Black; 207 display: none; 208 font-size: 14px; 209 padding: 3px; 210 } 211 &.mediaedit { 212 div.data { 213 label { 214 display: block; 215 float: left; 216 margin-right: .5em; 217 text-align: right; 218 width: 20%; 219 } 220 input, 221 textarea { 222 margin: .1em; 223 padding: .1em; 224 width: 75%; 225 } 226 input.button { 227 display: block; 228 margin-left: auto; 229 margin-right: auto; 230 width: 10em; 231 } 232 } 233 } 234 &.areamenu { 235 color: __extern__; 236 font-size: 8pt; 237 text-decoration: none; 238 div#cloud { 239 text-align: center; 240 a { 241 &.cloud1_tag1, 242 &.cloud1_tag2 { 243 font-size: 10px; 244 } 245 &.cloud2_tag1, 246 &.cloud2_tag2 { 247 font-size: 12px; 248 } 249 &.cloud3_tag1, 250 &.cloud3_tag2 { 251 font-size: 14px; 252 } 253 &.cloud4_tag1, 254 &.cloud4_tag2 { 255 font-size: 16px; 256 } 257 &.cloud5_tag1, 258 &.cloud5_tag2 { 259 font-size: 18px; 260 } 261 } 262 } 263 p { 264 color: __black__; 265 } 266 a { 267 &.wikilink1 { 268 color: #080; 269 } 270 &:hover { 271 color: #F55; 272 text-decoration: underline; 273 } 274 } 275 } 276 &.taglist { 277 th, 278 td { 279 border: 1px #eee solid; 280 padding: 0 5px; 281 } 282 th { 283 text-align: center; 284 } 285 td { 286 ul { 287 list-style-type: none; 288 margin: 0; 289 } 290 } 291 } 292 &.mediaselect-right li, 293 &.uploadform { 294 clear: both; 295 } 296 &.comment_buttons { 297 padding-top: 12px; 298 } 299} 300form { 301 border: none; 302 display: inline; 303 font: 80% Verdana, sans-serif; 304 margin: 0; 305 &#subscribe__form { 306 display: block; 307 text-align: center; 308 width: 400px; 309 fieldset { 310 text-align: left; 311 margin: .5em 0; 312 legend { 313 background-color: white; 314 border: 1px solid __dark__; 315 border-radius: 5px; 316 box-shadow: 0 0 3px 1px __dark__; 317 padding: 2px 5px; 318 } 319 label { 320 display: block; 321 margin: 0 .5em .5em; 322 input { 323 vertical-align: middle; 324 } 325 span { 326 vertical-align: middle; 327 } 328 } 329 } 330 button { 331 background-image: linear-gradient(to bottom, #CCFFBB, #AADD99); 332 border-radius: 5px; 333 padding: 3px 5px; 334 &:hover { 335 background-image: linear-gradient(to bottom, #CCFFBB, #88BB77); 336 } 337 } 338 } 339} 340label { 341 &.block { 342 display: block; 343 font-weight: bold; 344 text-align: right; 345 input.edit { 346 width: 50%; 347 } 348 } 349 &.simple { 350 display: block; 351 font-weight: normal; 352 text-align: left; 353 } 354} 355fieldset { 356 border: 1px solid __dark__; 357 border-radius: 5px; 358 box-shadow: 0 0 3px 1px __dark__; 359 margin: auto; 360 padding: .5em; 361 text-align: center; 362 width: 400px; 363 legend { 364 color: black; 365 font-weight: bold; 366 } 367} 368textarea.edit { 369 background-color: __white__; 370 border: 1px solid __dark__; 371 border-radius: 5px; 372 box-shadow: 0 0 3px 1px __dark__; 373 color: Black; 374 font-family: monospace; 375 font-size: 14px; 376 padding: 3px 0 5px 3px; 377 width: 100%; 378} 379.lang-he textarea.edit { 380 text-align: right; 381} 382input.edit, 383select.edit { 384 background-color: __white__; 385 border: 1px solid __dark__; 386 border-radius: 5px; 387 box-shadow: 0 0 3px 1px __dark__; 388 color: __darkgray__; 389 display: inline; 390 font-size: 100%; 391 margin: 1px; 392 vertical-align: middle; 393} 394input.edit { 395 padding: .2em .3em; 396} 397select.edit { 398 padding: .1em 0; 399} 400input.missing { 401 background-color: #FCC; 402 border: 1px solid __dark__; 403 border-radius: 5px; 404 box-shadow: 0 0 3px 1px __dark__; 405 color: __darkgray__; 406 display: inline; 407 font-size: 100%; 408 margin: 1px; 409 padding: .2em .3em; 410 vertical-align: middle; 411} 412input.button, 413button.button { 414 background-color: __white__; 415 border: 1px solid __dark__; 416 box-shadow: 0 0 2px 0 __black__; 417 color: __black__; 418 cursor: pointer; 419 margin: 1px; 420 padding: .125em .4em; 421 text-decoration: none; 422 vertical-align: middle; 423} 424ul { 425 line-height: 1.5em; 426 list-style-image: none; 427 list-style-type: square; 428 padding: 0; 429 [dir=ltr] & { margin: 0 0 .5em 1.5em; } 430 [dir=rtl] & { margin: 0 1.5em .5em 0; } 431} 432ul + ul { 433 margin-top: 1.5em; 434} 435ul.tabs { 436 margin: 0; 437 overflow: hidden; 438 padding: 0; 439 li { 440 list-style: none; 441 margin: 0; 442 padding: 0; 443 [dir=ltr] & { float: left; } 444 [dir=rtl] & { float: right; } 445 a { 446 background-color: __background_neu__; 447 } 448 a, strong { 449 border-radius: .5em .5em 0 0; 450 color: __text__; 451 padding: .3em .8em; 452 [dir=ltr] & { 453 float: left; 454 margin: 0 .3em 0 0; 455 } 456 [dir=rtl] & { 457 float: right; 458 margin: 0 0 0 .3em; 459 } 460 } 461 a:hover, 462 a:active, 463 a:focus, 464 strong { 465 background-color: __background_alt__; 466 text-decoration: none; 467 } 468 } 469} 470ol { 471 font-weight: normal; 472 line-height: 1.5em; 473 list-style-image: none; 474 list-style-type: decimal; 475 margin: 0 0 .5em 1.5em; 476 padding: 0; 477 ol { 478 list-style-type: upper-roman; 479 ol { 480 list-style-type: lower-alpha; 481 ol { 482 list-style-type: lower-greek; 483 } 484 } 485 } 486} 487li { 488 &.level1, 489 &.level2, 490 &.level3, 491 &.level4, 492 &.level5 { 493 margin: 0; 494 } 495 &.open, &.closed { 496 list-style: none; 497 &::before { 498 border-bottom:2px solid black; 499 border-right:2px solid black; 500 content: ''; 501 height:5px; 502 position: absolute; 503 width:5px; 504 } 505 } 506 &.open::before { 507 [dir=ltr] & { transform: translateX(-200%) translateY(100%) rotate(45deg); } 508 [dir=rtl] & { transform: translateX(200%) translateY(100%) rotate(45deg); } 509 } 510 &.closed::before { 511 [dir=ltr] & { transform: translateX(-200%) translateY(100%) rotate(-45deg); } 512 [dir=rtl] & { transform: translateX(200%) translateY(100%) rotate(135deg); } 513 } 514} 515pre { 516 &.pre, 517 &.code { 518 background-color: __lighter__; 519 border: 1px dashed __dark__; 520 color: Black; 521 font-size: 10pt; 522 overflow: auto; 523 padding: .5em; 524 } 525 &.file { 526 background-color: __medium__; 527 border: 1px dashed __dark__; 528 color: Black; 529 font-size: 10pt; 530 overflow: auto; 531 padding: .5em; 532 } 533} 534code { 535 background-color: inherit; 536 box-shadow: inset 0 0 .3em #999; 537 color: #333; 538 font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace; 539 padding: 0 2px; 540} 541button { 542 &.toolbutton { 543 background-color: inherit; 544 border: 0; 545 cursor: pointer; 546 margin: 0 1px 0 0; 547 padding: 3px; 548 } 549 &.pickerbutton { 550 background-color: transparent; 551 border: 0; 552 cursor: pointer; 553 font-size: 80%; 554 margin: 0 1px 1px 0; 555 padding: 0; 556 } 557} 558hr { 559 border: 0; 560 border-top: 1px solid __dark__; 561 height: 0; 562 text-align: center; 563} 564blockquote { 565 border-left: 2px solid __dark__; 566 margin-left: 0; 567 padding-left: 3px; 568} 569p { 570 margin: .5em 0; 571 padding: 0; 572} 573span { 574 &.spell_noerr { 575 color: #093; 576 } 577 &.spell_wait { 578 color: #06c; 579 } 580} 581a { 582 color: __extern__; 583 text-decoration: none; 584 &:hover { 585 color: __black__; 586 } 587 &.urlextern { 588 color: __extern__; 589 &:visited { 590 color: Purple; 591 } 592 } 593 &.interwiki { 594 color: __extern__; 595 &:visited { 596 color: Purple; 597 } 598 } 599 &.media { 600 color: __extern__; 601 } 602 &.mail { 603 background: transparent url(data:image/gif;base64,R0lGODlhEAAQAPcAAE5OTmSh5e43IPBEL/JhT6Ojo4Kz6o298LHQ8rbT87nV873X9L7Y9MLa9cXc9cne9srf9tDj99Hj99bm+Nrp+dzq+d3q+d/s+uHt+uTu+ujx++ny++vz/O30/PD2/PL3/fX5/fn7/vz9/v7+/+0XF////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACQALAAAAAAQABAAAAhzAEkIHEiwoMGDCBMSLMCwocOGAAQWKEGRoggQHTJUiHAgIomJFUeE8KDhAoEBHSWWCGAggEsOGCYMEJDyY8WLGSlEcLCg5kSWLg1YkPCAQQKfJUR+2HBhAoQGChD4PEC1qlWqHgsA2Mq1K1eFYMOKHVswIAA7) 0 1px no-repeat; 604 color: __extern__; 605 padding: 1px 0 1px 16px; 606 } 607 &.wikilink1 { 608 color: __existing__; 609 text-shadow: 0 -15px 2.5px transparent,0 15px 2.5px transparent; 610 &:hover { 611 text-shadow: 0 0 2.5px #0f0,0 0 2.5px #0f0; 612 transition: all .4s linear 0s; 613 } 614 } 615 &.wikilink2 { 616 color: __missing__; 617 text-shadow: 0 -5px 2.5px transparent,0 5px 2.5px transparent; 618 &:hover { 619 text-shadow: 0 0 1px #f00,0 0 1px #f00; 620 transition: all .4s linear 0s; 621 } 622 } 623 &.spell_error { 624 color: #f00; 625 text-decoration: underline; 626 } 627} 628acronym { 629 border-bottom: 1px dotted __black__; 630 cursor: help; 631} 632img { 633 border: 0; 634 &.media { 635 margin: 3px; 636 } 637 &.medialeft { 638 margin: 0 1.5em 0 0; 639 } 640 &.mediaright { 641 margin: 0 0 0 1.5em; 642 } 643} 644audio { 645 padding: 5px 0; 646 vertical-align: middle; 647} 648