PageRenderTime 67ms CodeModel.GetById 17ms app.highlight 42ms RepoModel.GetById 1ms app.codeStats 0ms

/www/static/css/screen.css

https://bitbucket.org/toni/pywbe
CSS | 1517 lines | 1176 code | 248 blank | 93 comment | 0 complexity | 7885aab3e7ec973ba96018e6b2d1058d MD5 | raw file
   1/* Basic styles */
   2* {
   3    margin:0;
   4    padding:0;
   5}
   6
   7body {
   8    font-family: Verdana, Arial, Helvetica, sans-serif;
   9    font-size: 9pt;
  10    line-height: 1.5;
  11    text-align: center;
  12    color: #222;
  13    background-color: white;
  14}
  15
  16a {
  17    color:#006699;
  18    text-decoration:none;
  19}
  20
  21a:hover {
  22    text-decoration:underline;
  23}
  24
  25p {
  26    margin: .4em 0 .4em 0;
  27}
  28
  29a img {
  30    border: none;
  31}
  32
  33var {
  34    font-style: normal;
  35    font-family: monospace;
  36}
  37
  38/* Misc */
  39a.feed {
  40    float:right;
  41    display:block;
  42    margin:0;
  43    padding:0;
  44    width: 20px;
  45    height: 20px;
  46    background: url(../images/feed-icon.gif) no-repeat center center;
  47    text-indent: -100em;
  48    overflow: hidden;
  49}
  50
  51div.loading {
  52    text-align: center;
  53}
  54
  55div.loading img {
  56    margin-right: .5em;
  57}
  58
  59#wiki_preview {
  60    padding: 1em;
  61    margin: 1em;
  62    border: 1px dotted silver;
  63}
  64
  65#sidebar2 {
  66    float: right;
  67    width: 20em;
  68    padding: 0.8em;
  69    background-color: #B7D285;
  70    -moz-border-radius: 10px;
  71}
  72
  73#sidebar2 h3 {
  74    margin: 0;
  75    font-weight: normal;
  76}
  77
  78#sidebar2 .section {
  79    margin-bottom: 1em;
  80}
  81
  82#sidebar2 ul {
  83    padding-left: 1.5em;
  84    margin: 0;
  85}
  86
  87#sidebar2 ul li {
  88    list-style-type: disc;
  89}
  90
  91/* block quotes */
  92blockquote {
  93    text-indent: 25px;
  94    background: url('../images/quotes1.png');
  95    background-position: 0 2px;
  96    background-repeat: no-repeat;
  97    margin: 1em 0 1em 0;
  98}
  99
 100blockquote p {
 101    line-height: 2em;
 102    display: inline;
 103    margin: 0;
 104    font-style: italic;
 105    padding-right: 24px;
 106    background: url('../images/quotes2.png');
 107    background-position: bottom right;
 108    background-repeat: no-repeat;
 109}
 110
 111/* Layout */
 112/*
 113The basic layout of the homepage is as follows:
 114
 115- #page
 116    - #header
 117    - #content
 118        - #sidebar
 119        - #main
 120            - h1
 121            - .wiki_text_block
 122                - h[2|3|4]
 123                - ul
 124                - ol
 125                - ...
 126            - .news
 127                .item
 128                    .date
 129                    h3
 130                    .wiki_text_block
 131    - #footer
 132*/
 133
 134#page {
 135    min-width: 750px;
 136    margin: 0;
 137    text-align: left;
 138}
 139
 140#content_small {
 141    clear: both;
 142    margin-left: 10px;
 143    background: url(../images/main_small.jpg) repeat-y ;
 144}
 145
 146#sidebar {
 147    width: 191px;
 148    float: left;
 149    border-right: 1px solid #d0d0d0;
 150}
 151
 152#sidebar .ad {
 153    padding: 1em 1em 1em 0;
 154    margin-top: 1em;
 155}
 156
 157#main {
 158    /*float:right;*/
 159    background: #fff url(../images/main_tile.jpg) repeat-x top;
 160    padding: 15px;
 161    margin-left: 191px;
 162    border-left: 1px solid #d0d0d0;
 163}
 164
 165#miscbox {
 166    width: 188px;
 167    float:right;
 168    /*border:1px solid #D3D1C6;*/
 169}
 170
 171#upcoming {
 172    margin-bottom: 10px;
 173}
 174
 175#upcoming, #newprobs {
 176    padding: 5px;
 177    background: #fc0 url(../images/upcoming.jpg) no-repeat bottom left;
 178    border: 1px solid #fc0;
 179}
 180
 181#upcoming ul, #newprobs ul {
 182    border: 1px solid #fc0;
 183    padding: 5px;
 184    background: #fff;
 185}
 186
 187#upcoming h2, #newprobs h2 {
 188    text-transform: uppercase;
 189    font-size: 14px;
 190    font-weight: bold;
 191    color: #840;
 192}
 193
 194#upcoming li, #newprobs li {
 195    border-bottom: 1px solid #cecece;
 196    display: block;
 197    background: #fff url(../images/misc_li.jpg) no-repeat center bottom;
 198}
 199
 200#upcoming a, #newprobs a {
 201    text-decoration: none;
 202    display: block;
 203    line-height: 1.1;
 204}
 205
 206#upcoming a, #newprobs a {
 207    padding: 5px;
 208    font-size: 11px;
 209}
 210
 211#upcoming a:hover, #newprobs a:hover {
 212    text-decoration: underline;
 213    background: #F8F8EF;
 214}
 215
 216#upcoming a span {
 217    display: block;
 218}
 219
 220/* Wikipage options (actions) */
 221#wikiOps {
 222    font-size: 8pt;
 223}
 224
 225#wikiOps ul {
 226    background: url(../images/wiki.jpg) repeat-x bottom left;
 227}
 228
 229#wikiOps ul {
 230    float: right;
 231}
 232
 233#wikiOps li {
 234    display: block;
 235    float: left;
 236}
 237
 238#wikiOps li a {
 239    display: block;
 240    padding: 3px 4px;
 241}
 242
 243#wikiOps li a: hover {
 244    background: #fff;
 245}
 246
 247#wikiOps li.current a {
 248    background: #fff;
 249    font-weight: bold;
 250}
 251
 252/* Sidebar :: Main menu */
 253#nav {
 254    margin-right: 2px;
 255}
 256
 257#nav li {
 258    display: block;
 259    font-size: 10pt;
 260}
 261
 262#nav li a {
 263    display: block;
 264    width: 80%;
 265    padding: 3px 15px;
 266    color: #6A6A6B;
 267    text-decoration: none;
 268    background: url(../images/bullet.gif) no-repeat 3px center ;
 269}
 270
 271#nav li a:hover {
 272    color: #333;
 273    background: #FFEFB1 url(../images/bullet.gif) no-repeat 3px center ;
 274}
 275
 276#nav li.separator {
 277    padding: 0;
 278    width: 97%;
 279    height: 1px;
 280    border: 0;
 281    background-color: silver;
 282    font-size: 0;
 283}
 284
 285#nav li.separator hr {
 286    display: none;
 287}
 288
 289/* sidebar :: login box */
 290#login {
 291    padding: 0;
 292    margin: 1em 1em 2em 0;
 293}
 294
 295#login fieldset {
 296    width: 150px;
 297    margin: 0;
 298    padding: .5em .5em 0 .5em;
 299    border-bottom: 0;
 300    border-left: 0;
 301    border-right: 0;
 302}
 303
 304#login p {
 305    padding-left: .7em;
 306    margin: 0;
 307}
 308
 309#login label {
 310    font-weight: normal;
 311}
 312
 313/* Sidebar :: search box */
 314#google-search {
 315    padding: 0;
 316    margin: .5em .5em .5em 0;
 317}
 318
 319#google-search fieldset {
 320    width: 150px;
 321    margin: 0;
 322    padding: .5em .5em 0 .5em;
 323    border-bottom: 0;
 324    border-left: 0;
 325    border-right: 0;
 326}
 327
 328#google-search p {
 329    padding-left: .7em;
 330    margin: 0;
 331}
 332
 333/* Headers */
 334#main h1, #main h2, #main h3 {
 335    font-family: Georgia, "Times New Roman", Times, serif;
 336    font-weight: normal;
 337}
 338
 339#main h1 {
 340    font-size: 19pt;
 341    margin: .2em 0 .7em 0;
 342    border-bottom: 1px solid #ddd;
 343}
 344
 345#main h2 {
 346    font-size: 16pt;
 347    margin: .2em 0 0 0;
 348    border-bottom: 1px solid #eee;
 349}
 350
 351#main h3 {
 352    font-size: 13pt;
 353    margin: .2em 0 0 0;
 354    border-bottom: none;
 355}
 356
 357/* Blog */
 358/* Blog headers are smaller. */
 359#main .blog .item  h1 {
 360    font-size: 13pt;
 361}
 362
 363.blog {
 364    width: 540px;
 365}
 366
 367.blog-list li {
 368    list-style-type: none;
 369    text-indent: -1em;
 370    font-size: 11px;
 371    line-height: 1.3em;
 372}
 373
 374.blog-list li:before {
 375    content: "\00BB \0020";
 376}
 377
 378.blog-list li a:hover {
 379}
 380
 381.blog .item {
 382    margin-bottom: 3em;
 383    width: 100%;
 384}
 385
 386.blog .item .wiki_text_block {
 387    line-height: 1.5em;
 388}
 389
 390.blog .item .date {
 391    float: right;
 392    font-family: Arial, Helvetica, sans-serif;
 393    font-size: 8.5pt;
 394    margin: 5px 0px 5px 0;
 395    color: #060;
 396}
 397
 398.blog-sidebar {
 399    border: 1px solid silver;
 400    width: 190px;
 401    position: relative;
 402    float: right;
 403    clear: right;
 404    padding-left: 0.5em;
 405    -moz-border-radius-bottomleft:8px;
 406    -moz-border-radius-bottomright:8px;
 407    -moz-border-radius-topleft:8px;
 408    -moz-border-radius-topright:8px;
 409}
 410
 411/* News */
 412.news {
 413    /*width:340px;
 414    float:left;*/
 415    width: 95%;
 416    margin-top: 1em;
 417}
 418
 419#main .news .item h1 {
 420    font-size: 13pt;
 421    margin-left: 55px;
 422    border: none;
 423}
 424
 425* html .news {
 426    height: 1%;
 427}
 428
 429.news .item {
 430    border-bottom: 1px solid #EBE9DC;
 431    margin-bottom: 1em;
 432    width: 100%;
 433    padding: 0 .5em 0 .5em;
 434}
 435
 436.news .item .wiki_text_block {
 437    line-height: 1.5em;
 438    margin-left: 55px;
 439}
 440
 441.news .item .date {
 442    float: left;
 443    width: 40px;
 444    padding: 2px;
 445    font-family: Arial, Helvetica, sans-serif;
 446    text-align: center;
 447    font-size: 8.5pt;
 448    margin: 5px 8px 5px 0;
 449    padding-top: 10px;
 450    color: #060;
 451    background: #D9E7BE url(../images/calendar.jpg) repeat-x top center;
 452    line-height: 1.2;
 453}
 454
 455/* Breadcrumbs */
 456#breadcrumbs {
 457    font-size:11px;
 458    line-height:2;
 459    margin: 0;
 460    margin-top: -10px;
 461    border-bottom: 1px solid #f0f0f0;
 462}
 463
 464#breadcrumbs a {
 465    font-style: italic;
 466}
 467
 468#breadcrumbs .separator {
 469    color: silver;
 470}
 471
 472/* Horizontal strap (i.e. "Vezi arhiva stiri") */
 473.strap {
 474    padding:5px 5px;
 475    padding-left: 25px;
 476    background: #f6f6f6 url(../images/documents_16.gif) no-repeat 5px center ;
 477    font-size:11px;
 478    -moz-border-radius-bottomleft:8px;
 479    -moz-border-radius-bottomright:8px;
 480    -moz-border-radius-topleft:8px;
 481    -moz-border-radius-topright:8px;
 482    color:#555;
 483    line-height: 1.5em;
 484}
 485
 486/* Macros */
 487div.macroError {
 488    background-color: red;
 489    font-weight: bold;
 490    color: white;
 491    display: inline;
 492    margin: 1em;
 493    padding: .5em;
 494}
 495
 496div.macroMessage {
 497    background-color: #f6f6f6;
 498    padding: 5px;
 499    font-weight: bold;
 500    margin: .5em;
 501}
 502
 503/* Flash */
 504div.flash {
 505    text-align: center;
 506    background-color: #ffa;
 507    color: black;
 508    margin: 1em auto 1em auto;
 509    padding: .5em .5em .5em 17px;
 510    border: 1px solid olive;
 511    width: 50%;
 512    background-image: url('../images/icons/notice.gif');
 513    background-position: 4px 50%;
 514    background-repeat: no-repeat;
 515}
 516
 517div.flashError {
 518    background-color: #cc0000;
 519    color: white;
 520    border: 1px solid pink;
 521    background-image: url('../images/icons/error.gif');
 522}
 523
 524div.warning {
 525    padding: 0.4em;
 526    border: 1px solid #CC0000;
 527    background-color: #FFDDDD;
 528    width: 55%;
 529    position: relative;
 530}
 531
 532div.notice {
 533    color: black;
 534    margin: 1em 0em 1em 0em;
 535    padding: .2em .2em .2em 20px;
 536    border: 1px dashed olive;
 537    width: 55%;
 538}
 539
 540/* Forms */
 541form {
 542    margin: 0;
 543    padding: 4px;
 544    font-size: 1em;
 545}
 546
 547input[type='text'], input[type='password'], select {
 548    width: 150px;
 549}
 550
 551#sidebar input[type='text'], #sidebar input[type='password'], #sidebar select {
 552    width: 150px;
 553}
 554
 555input, select, textarea {
 556    font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
 557    padding: .2em;
 558}
 559
 560select {
 561    cursor: pointer;
 562}
 563
 564input.button {
 565    cursor: pointer;
 566    border: 1px double #999999;
 567    border-top-color: #CCCCCC;
 568    border-left-color: #CCCCCC;
 569    background-color: #FFFFFF;
 570    background-image: url('../images/background_form_element.gif');
 571    background-repeat: repeat-x;
 572    color: black;
 573    margin: 0;
 574    font-weight: bold;
 575    font-size: .95em;
 576    padding: .2em;
 577}
 578
 579input.important {
 580    border-width: 3px;
 581    font-size: 1em;
 582}
 583
 584input.button:active {
 585    border-color: #CCCCCC;
 586    border-top-color: #999999;
 587    border-left-color: #999999;
 588}
 589
 590.fieldError, .fieldHelp {
 591    display: block;
 592    color: red;
 593    font-weight: bold;
 594    font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
 595}
 596
 597.fieldHelp {
 598    color: black;
 599    font-weight: normal;
 600}
 601
 602fieldset img {
 603    vertical-align: middle;
 604}
 605
 606fieldset {
 607    padding: 0 1em 1em 1em;
 608    margin: 0 1em 1em 1em;
 609    border-color: silver;
 610    border-collapse: collapse;
 611    width: 50%;
 612    display: block;
 613}
 614
 615legend {
 616    padding: 0 .5em 0 .5em;
 617}
 618
 619ul.form {
 620    list-style-type: none;
 621    margin: 0;
 622    padding: 0;
 623}
 624
 625ul.form li {
 626    margin: .5em 0 .5em 0;
 627    height: 1%;
 628}
 629
 630ul.form label {
 631    display: block;
 632    font-weight: bold;
 633}
 634
 635ul.form label.checkbox {
 636    display: inline;
 637    font-weight: normal;
 638    cursor: pointer;
 639}
 640
 641ul.form {
 642    margin-left: 1em;
 643}
 644
 645fieldset ul.form {
 646    margin-left: 0;
 647}
 648
 649.compare-radio {
 650    text-align: center;
 651}
 652
 653.compare-button-container {
 654    text-align: right;
 655}
 656
 657/* user profile form */
 658form.profile fieldset input {
 659    width: 20em;
 660}
 661
 662/* textblock editor */
 663form#form_wikiedit textarea#form_text {
 664    width: 100%;
 665    height: 25em;
 666    font-family: monospace;
 667    font-size: 1em;
 668}
 669
 670form#form_wikiedit input#form_title {
 671    width: 100%;
 672    font-size: 1.2em;
 673    padding: .2em;
 674}
 675
 676/* task editor */
 677/*form.task li#field_title, form.task li#field_author, form.task
 678li#field_source {
 679    float: left;
 680    margin-right: 1em;
 681}
 682
 683form.task li#field_content {
 684    clear: both;
 685}
 686
 687form.round li#field_tasks select {
 688    width: 20em;
 689}*/
 690
 691/* Diff */
 692.diff {
 693    font-family: monospace;
 694    border: #999988 solid 1px;
 695    margin-bottom: 1em;
 696}
 697
 698.diff .deleted {
 699    background-color: #FFDDDD;
 700    border: #CC0000 solid 1px;
 701    display: block;
 702}
 703
 704.diff .added {
 705    background-color: #DDFFDD;
 706    border: #00AA00 solid 1px;
 707    display: block;
 708}
 709
 710.diff .normal {
 711    display: block;
 712}
 713.diff pre {
 714    margin: .2em .2em;
 715    white-space: pre-wrap;       /* css-3 */
 716    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 717    white-space: -pre-wrap;      /* Opera 4-6 */
 718    white-space: -o-pre-wrap;    /* Opera 7 */
 719    word-wrap: break-word;       /* Internet Explorer 5.5+ */
 720}
 721
 722.diff del {
 723    background-color: #EE9999;
 724    text-decoration: none;
 725}
 726
 727.diff ins {
 728    background-color: #99EE99;
 729    text-decoration: none;
 730}
 731
 732.prev_diff {
 733    /*float: left;*/
 734}
 735
 736.next_diff {
 737    float: right;
 738}
 739
 740.swap_diff {
 741    float: right;
 742    margin: 0.5em;
 743}
 744
 745/* Wiki text block */
 746.wiki_text_block {
 747/*    max-width: 600px;*/
 748}
 749
 750.wiki_text_block a.wiki_link_external {
 751    color: #549DC6;
 752	background: transparent url(../images/external.png) no-repeat scroll center right;
 753    padding-right: 13px;
 754}
 755
 756.wiki_text_block a.wiki_link_missing {
 757    color: red;
 758}
 759
 760.wiki_text_block ul, .wiki_text_block ol {
 761    line-height: 1.5em;
 762    margin: 0 .5em .5em 2em;
 763}
 764
 765.wiki_text_block ul {
 766    list-style-type: square;
 767}
 768
 769.wiki_text_block ul li, .wiki_text_block ol li {
 770    margin: 0;
 771}
 772
 773.wiki_text_block p {
 774    margin-top: 0.85em;
 775    margin-bottom: 0.85em;
 776}
 777
 778.wiki_text_block ol {
 779    margin-top: 1em;
 780}
 781
 782.wiki_text_block table {
 783    margin: .5em;
 784    line-height: 2em;
 785    width: 95%; /* IE FIX */
 786}
 787
 788/* layout table */
 789.wiki_text_block table.layout th, .wiki_text_block table.layout td {
 790    width: 50%;
 791    vertical-align: top;
 792    border: none;
 793    padding: 0 .3em 0 .3em;
 794    padding-right: 5%;
 795    text-align: left;
 796}
 797
 798.wiki_text_block table.layout th {
 799    font-family: Georgia, "Times New Roman", Times, serif;
 800    font-size: 13pt;
 801    font-weight: normal;
 802    background-color: white;
 803}
 804
 805/* layout table with 3 columns */
 806.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 td {
 807    width: 30%;
 808    vertical-align: top;
 809    border: none;
 810    padding: 1em;
 811    text-align: left;
 812}
 813
 814.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 p.title {
 815    font-family: Arial, Tahoma, sans-serif;
 816    font-size: 1.3em;
 817    font-weight: normal;
 818    background-color: white;
 819}
 820
 821.wiki_text_block .compact {
 822    width: auto;
 823}
 824
 825.wiki_text_block .compact td, .wiki_text_block .compact th {
 826    padding: .2em;
 827}
 828
 829/* syntax highlighted code block */
 830.code textarea {
 831    font-family: "Courier New" , Courier, mono;
 832    font-size: 8pt;
 833    border: 1px solid #2B91AF;
 834    background-color: #fff;
 835    width: 99%;
 836    overflow: auto;
 837    margin: 18px 0px 18px 0px;
 838}
 839
 840/* table of contents */
 841.wiki_text_block ul.toc {
 842    width: 15em;
 843    margin-left: 0px;
 844    border: 1px solid #AAAAAA;
 845    background-color: #F9F9F9;
 846    padding: 0.5em;
 847}
 848
 849.wiki_was_modified {
 850    background-color: #ffa;
 851    color: black;
 852    margin: 1em auto 1em auto;
 853    padding: .5em .5em .5em 24px;
 854    border: 1px solid olive;
 855    background-image: url('../images/icons/notice.gif');
 856    background-position: 4px 50%;
 857    background-repeat: no-repeat;
 858}
 859
 860.toc li {
 861    list-style-type: none;
 862    font-size: 11px;
 863    line-height: 1.3em;
 864}
 865
 866/* vertical menu */
 867.vmenu {
 868    float: right;
 869    border: 1px solid silver;
 870    width: 13em;
 871    margin: .5em;
 872    padding: .5em;
 873    background-color: #f0f0f0;
 874    -moz-border-radius-bottomleft:8px;
 875    -moz-border-radius-bottomright:8px;
 876    -moz-border-radius-topleft:8px;
 877    -moz-border-radius-topright:8px;
 878}
 879
 880.vmenu li {
 881    margin-left: 1em;
 882    list-style-type: none;
 883}
 884
 885.vmenu li.section {
 886    margin-left: 0;
 887    font-weight: bold;
 888}
 889
 890.vmenu br {
 891    display: none;
 892}
 893
 894.vmenu li a {
 895    display: block;
 896    width: 95%;
 897    padding-left: .4em;
 898}
 899
 900.vmenu li a:hover {
 901    background-color: #006699;
 902    color: white;
 903    text-decoration: none;
 904}
 905
 906.vmenu li a:visited {
 907}
 908
 909/* horizontal tabs */
 910ul.htabs {
 911    padding: 0.9pt 3pt;
 912    margin: 1.5em 0 1em 0;
 913    border-bottom: 1px solid #778;
 914    font-weight: bold;
 915}
 916
 917.htabs li {
 918    list-style: none;
 919    margin: 0;
 920    display: inline;
 921}
 922
 923.htabs li a {
 924    padding: 3px 0.5em;
 925    border: 1px solid #778;
 926    border-bottom: none;
 927    background: #DED;
 928    text-decoration: none;
 929}
 930
 931.htabs li a:link { color: #484; }
 932.htabs li a:visited { color: #676; }
 933
 934.htabs li a:hover {
 935    color: #000;
 936    background: #AEA;
 937    border-color: #272;
 938}
 939
 940.htabs li.active a {
 941    background: white;
 942    border-bottom: 1px solid white;
 943    text-decoration: underline;
 944}
 945
 946/* horizontal tabs, level 2 */
 947ul.htabs-2 {
 948    padding: 0.9pt 3pt;
 949    margin: 1.5em 0 1em 0;
 950    border-bottom: 1px solid #778;
 951    font-weight: bold;
 952    font-size: .9em;
 953    width: 60%;
 954}
 955
 956.htabs-2 li {
 957    list-style: none;
 958    margin: 0;
 959    display: inline;
 960}
 961
 962.htabs-2 li a {
 963    padding: 3px 0.5em;
 964    border: 1px solid #778;
 965    border-bottom: none;
 966    background: #DDD;
 967    text-decoration: none;
 968}
 969
 970.htabs-2 li a:link { color: #000; }
 971.htabs-2 li a:visited { color: #333; }
 972
 973.htabs-2 li a:hover {
 974    color: #000;
 975    background: #AAA;
 976    border-color: #272;
 977}
 978
 979.htabs-2 li.active a {
 980    background: white;
 981    border-bottom: 1px solid white;
 982    text-decoration:underline;
 983}
 984
 985/* Job details */
 986.job {
 987    width: 100%;
 988}
 989
 990.job td, .job th {
 991    padding: .1em .3em .1em .3em;
 992    margin: 0;
 993    vertical-align: middle;
 994    height: 2.3em;
 995}
 996
 997.job th {
 998    width: 7em;
 999    font-weight: bold;
1000    background-color: lightgray;
1001}
1002
1003/* job eval tests */
1004.job-eval-tests {
1005    font-family: monospace;
1006}
1007
1008.job-eval-tests td, .job-eval-tests th {
1009    border: 1px solid silver;
1010    vertical-align: middle;
1011    padding: .1em;
1012}
1013
1014.job-eval-tests tr.odd td {
1015    background-color: white;
1016}
1017
1018.job-eval-tests tr.even td {
1019    background-color: #ddd;
1020}
1021
1022.job-eval-tests th {
1023    font-weight: bold;
1024    background-color: white;
1025    background-color: lightgray;
1026    padding: .1em;
1027}
1028
1029.total_score {
1030    font-weight: bold;
1031}
1032
1033/* job eval log */
1034.job-eval-log {
1035    display: block;
1036    font-family: monospace;
1037    font-size: 1.1em;
1038    white-space: pre;
1039}
1040
1041
1042/* Basic table css */
1043table {
1044    border-collapse: collapse;
1045}
1046
1047table td, table th {
1048    border: 1px solid #aaa;
1049    padding-left: 0.5ex;
1050    padding-right: 0.5ex;
1051}
1052
1053tr.odd td {
1054    background: #fff;
1055}
1056
1057tr.even td {
1058}
1059
1060th {
1061    background: #ddd;
1062}
1063
1064/* inline task submit form */
1065.inlineSubmit ul.form {
1066    background-color: #f6f6f6;
1067    padding: 5px;
1068    margin: 0;
1069    -moz-border-radius: 10px;
1070}
1071
1072.inlineSubmit .form li {
1073    display: inline;
1074    list-style-type: none;
1075    margin: 5px;
1076    padding: 0;
1077}
1078
1079.inlineSubmit .form input, .inlineSubmit .form label {
1080    display: inline;
1081}
1082
1083.inlineSubmit #form_compiler {
1084    width: 7em;
1085}
1086
1087.inlineSubmit #form_round {
1088    width: 9em;
1089}
1090
1091/* reeval form */
1092
1093.reeval {
1094    float: right;
1095}
1096
1097/* gallery macro */
1098.gallery {
1099}
1100
1101.gallery .images a {
1102    margin: 5px;
1103    display: block;
1104    width: 134px;
1105    height: 84px;
1106    float: left;
1107    text-align: center;
1108    border: 2px solid white;
1109    background-color: #f0f0f0;
1110}
1111
1112.gallery .images img {
1113    margin: 2px;
1114}
1115
1116.gallery .pager {
1117    display: block;
1118    clear: left;
1119}
1120
1121.gallery .images a:hover {
1122    border: 2px solid black;
1123    background-color: white;
1124}
1125
1126/* task statement example */
1127table.example td {
1128    font-size: 1em;
1129    font-family: monospace;
1130    line-height: 1.5em;
1131    vertical-align: top;
1132    padding: .5em;
1133    white-space: nowrap;
1134}
1135
1136/* wiki style sheets */
1137p.pre {
1138    white-space: pre;
1139    font-family: monospace;
1140    line-height: 1.5em;
1141    margin: 0;
1142}
1143
1144p.pre br {
1145    display: none;
1146}
1147
1148table.numbers td, table.numbers th {
1149    text-align: right;
1150}
1151
1152/* User badges */
1153div.tiny-user {
1154    height: 24px;
1155    display:inline;
1156}
1157
1158div.tiny-user a {
1159    text-decoration: none;
1160}
1161
1162div.tiny-user .username {
1163    font-weight:bold;
1164}
1165
1166div.tiny-user img {
1167    border:1px solid #D8D6CB;
1168    background:#fff;
1169    display:inline;
1170    vertical-align:middle;
1171    margin:3px;
1172}
1173
1174div.normal-user {
1175    height: 48px;
1176    line-height: 1.5em;
1177}
1178
1179div.normal-user .username {
1180    font-weight:bold;
1181}
1182
1183
1184div.normal-user img {
1185    border:1px solid #D8D6CB;
1186    background:#fff;
1187    display:block;
1188    float:left;
1189    margin:7px;
1190}
1191
1192/* monitor */
1193table.monitor {
1194    width: 95%; /* Fix IE */
1195    margin: .5em 0 2em 0;
1196}
1197
1198/* task list */
1199.tasks td.score, .tasks th.score {
1200    width: 10%;
1201    padding-right: 4pt;
1202}
1203.tasks td.score {
1204    font-size: .7em;
1205    color: gray;
1206}
1207.tasks td.task {
1208    padding-left: 23px;
1209    background-repeat: no-repeat;
1210    background-position: 3px center;
1211}
1212.tasks td.number {
1213    Width: 5%;
1214}
1215.tasks tr.solved td.task {
1216    background-image: url('../images/icons/task_solved.gif');
1217}
1218.tasks tr.tried td.task {
1219    background-image: url('../images/icons/task_tried.gif');
1220}
1221.tasks tr.tried td.score, .tasks tr.solved td.score {
1222    color: black;
1223    font-size: 1em;
1224}
1225
1226/* rankings */
1227td.rank, th.rank {
1228    width: 2em;
1229}
1230td.rating, th.rating {
1231    width: 2em;
1232}
1233
1234/* pager (paginator) */
1235.pager a, .pager strong {
1236    padding: .1em .3em .0em .3em;
1237}
1238.pager a:hover {
1239    background-color: silver;
1240}
1241.pager .count {
1242    font-size: small;
1243}
1244
1245.pager .entries-per-page {
1246    float: right;
1247    font-size: small;
1248    height: 15px;
1249}
1250
1251/* user count */
1252.user-count {
1253    margin-top: 1em;
1254    margin-left: 1.2em;
1255    text-align: left;
1256    color:#6A6A6B;
1257
1258}
1259
1260/* task enumeration */
1261.task_enum {
1262    font-size: .9em;
1263}
1264
1265/* round registration */
1266.round-register, .round-registered, .round-expired {
1267    width: 50%;
1268    padding: 0 1em;
1269    background-color: #fff;
1270}
1271
1272.round-registered {
1273    border: 2px solid silver;
1274}
1275
1276.round-register {
1277    background-color: #ffa;
1278    border: 2px solid red;
1279}
1280
1281.round-expired {
1282    border: 2px solid silver;
1283}
1284
1285.round-register a {
1286    margin: 0 .5em 0 .5em;
1287}
1288
1289table.registered-users {
1290    width: 95%;
1291}
1292
1293/* dataset filtering form */
1294
1295.dataset-filters {
1296    background: #efd;
1297    border: 1px solid olive;
1298    margin: 3pt;
1299    padding: 3pt;
1300    font-size: x-small;
1301}
1302
1303ul.filters {
1304    height: 150px;
1305    overflow: auto;
1306}
1307
1308ul.filters li.filter {
1309    width: 40%;
1310    float: left;
1311    list-style-type: none;
1312    vertical-align: middle;
1313    margin: .25em 0 .25em 2em;
1314    white-space: nowrap;
1315}
1316
1317ul.filters li.filter label {
1318    width: 8em;
1319    overflow: hidden;
1320    float: left;
1321}
1322
1323ul.filters li.filter select.op {
1324    width: 7em;
1325    text-align: center;
1326}
1327
1328ul.filters li.filter input {
1329    width: 14em;
1330}
1331
1332ul.filters li.submit {
1333    clear: left;
1334}
1335
1336/* calendar */
1337
1338.calendar {
1339    border: 1px solid #cccccc;
1340    background: url(../images/date.png) no-repeat top left;
1341    width: 180px;
1342    padding-left: 0.3ex;
1343    padding-right: 0.3ex;
1344    line-height: 1.2em;
1345    -moz-border-radius: 7px;
1346}
1347
1348.calendar .date {
1349    font-size: 8pt;
1350    font-weight: bold;
1351    margin-top: 4pt;
1352}
1353.calendar .header {
1354    text-align: center;
1355    font-weight: bold;
1356    padding-top: 2pt;
1357    padding-bottom: 3pt;
1358    border-bottom: 1px solid #cccccc;
1359}
1360
1361.calendar a {
1362    color: #6a6a6b;
1363}
1364
1365.calendar .header img {
1366    vertical-align: middle;
1367}
1368
1369.calendar .event {
1370    font-size: 8pt;
1371}
1372
1373/* quote */
1374.quote {
1375    border: 1px solid #000000;
1376    color: #000000;
1377    font-size: x-small;
1378    padding: 0.25em;
1379}
1380
1381/* comment thread */
1382.comments {
1383    padding: 1em;
1384}
1385
1386.comment {
1387    margin: 1em 0 1em 0;
1388    padding: 0.1em;
1389}
1390
1391.comment .timestamp {
1392    display: block;
1393    font-size: .85em;
1394    float: right;
1395}
1396
1397.comment .body {
1398    margin: .5em;
1399    padding: .5em;
1400}
1401
1402.comment .header {
1403    border-bottom: 1px solid #f0f0f0;
1404    background-color: #f6f6f6;
1405    padding: .2em;
1406    -moz-border-radius: 7px;
1407}
1408
1409.comments .comment-author {
1410    border: 2px solid green;
1411}
1412
1413.comments .comment-author .header {
1414    background-color: #e7ffe7;
1415    border-bottom: 1px solid green;
1416}
1417
1418.comments .toolbar {
1419    margin: 1em 0 1em 0;
1420    padding: .75em;
1421    background-color: #f6f6f6;
1422    -moz-border-radius: 5px;
1423}
1424
1425.comments .toolbar a {
1426    font-weight: bold;
1427}
1428
1429.banner {
1430    border: 0pt none;
1431    background-color: rgb(210, 244, 219);
1432    padding: 0.3em;
1433    display: table;
1434    width: 95%;
1435    margin: 0em auto;
1436    text-align: center;
1437    line-height: 2em;
1438    -moz-border-radius: 7px;
1439}
1440
1441.report {
1442    background: url(../images/report.png) no-repeat scroll center left;
1443    float: right;
1444    padding-left: 2em;
1445}
1446
1447.picture-box {
1448    font-size: .85em;
1449    padding: 5px;
1450    border: 1px solid gray;
1451    margin: 0 1em 1em 0;
1452    float: left;
1453}
1454
1455.picture-box img {
1456    border: 1px solid silver;
1457    display: block;
1458    margin-bottom: 5px;
1459}
1460
1461/* OKRs */
1462
1463ul.okr > li:before {
1464    content: "O: ";
1465    font-weight: bold;
1466}
1467
1468ul.okr > li li:before {
1469    content: "KR: ";
1470    font-weight: bold;
1471}
1472
1473ul.okr li {
1474    list-style: none;
1475}
1476
1477ul.okr .comment {
1478    display: block;
1479    margin: 0 0 0 2em;
1480    color: gray;
1481}
1482
1483/* newsletter preview */
1484
1485#newsletter_preview {
1486    width: 95%;
1487    height: 600px;
1488    border: none;
1489}
1490
1491/* Round status icons */
1492.round-complete, .round-waiting, .round-running {
1493    width: 16px;
1494    height: 16px;
1495    display: block;
1496}
1497
1498.round-complete {
1499    width: 14px;
1500    height: 11px;
1501    background: url("../images/complete.gif");
1502}
1503
1504.round-waiting {
1505    background: url("../images/hourglass.png");
1506}
1507
1508.round-running {
1509    background: url("../images/run.png");
1510}
1511
1512.submit-warning {
1513    color: red;
1514    text-align: center;
1515    margin: 0;
1516    padding: 0;
1517}