sputnik/style.lua

   1
   2 fields         = [[      css_config = {}
   3
   4    ]]
   5 title          = "Color Configuration"
   6 category       = ""
   7 actions        = "css=\"css.fancy_css\""
   8 config         = ""
   9 markup_module  = ""
  10 templates      = ""
  11 translations   = ""
  12 prototype      = "@CSS"
  13 permissions    = "allow(all_users, \"css\")"
  14 html_main      = ""
  15 html_head      = ""
  16 html_menu      = ""
  17 html_logo      = ""
  18 html_search    = ""
  19 html_page      = ""
  20 html_content   = ""
  21 html_body      = ""
  22 html_header    = ""
  23 html_footer    = ""
  24 html_sidebar   = ""
  25 html_meta_keywords= ""
  26 html_meta_description= ""
  27 redirect_destination= ""
  28 xssfilter_allowed_tags= ""
  29 http_cache_control= ""
  30 http_expires   = ""
  31 content        = [[$reset_code
  32
  33
  34
  35 /* Note that the layout of the top level objects is largely determined by YUI.
  36
  37
  38
  39    The sequence of divs at the top level elemens:
  40
  41
  42
  43    html
  44
  45     head
  46
  47     body
  48
  49      div #doc3 (or doc2, doc, etc.)
  50
  51       div #hd      -- the navigation bar
  52
  53        div #login
  54
  55        div #logo
  56
  57        div #menu_bar
  58
  59         ul.menu #menu
  60
  61          li.front #Section_1
  62
  63          li.back  #Section_2
  64
  65          ul.submenu #submenu
  66
  67           li.front #Page_1
  68
  69           li.back  #Page_2
  70
  71      div #bd
  72
  73       div #yui-main
  74
  75        div.yui-b #page
  76
  77         span.toolbar
  78
  79         h1.title
  80
  81          a.local
  82
  83         div.content
  84
  85       div.yui-b #sidebar
  86
  87
  88
  89 margin/padding cheatsheet:  top right bottom left;
  90
  91
  92
  93 */
  94
  95
  96
  97 /* TOP LEVEL ELEMS    */
  98
  99 html {
 100
 101  overflow   : -moz-scrollbars-vertical;
 102
 103  overflow-y : scroll;
 104
 105  /* always use a vert. scroll bar. */
 106
 107 }
 108
 109
 110
 111 body {
 112
 113  min-width  : 800px;
 114
 115  text-align : left;
 116
 117  font-size:75%;color:#222;background:#fff;
 118 /* font-family: "Verdana", "Helvetica Neue", Helvetica, Arial, sans-serif; */
 119
 120 }
 121
 122 #bg > a {
 123   text-color: #ff6600;
 124   color : #ff6600;
 125 }
 126
 127
 128
 129
 130 /* THE HEADER */
 131
 132
 133
 134 #hd {
 135
 136  margin     :    0em   0em   0em   0em;
 137
 138  padding    :    0em   0em   0em   0em;
 139
 140 }
 141
 142
 143
 144 #login {
 145
 146  margin     :    0em   0em   0em   0em;
 147
 148  padding    :   .4em   0em   0em   0em;
 149
 150  float      : right;
 151
 152  text-align : right;
 153
 154  font-size  : 90%;
 155
 156  vertical-align: text-bottom;
 157
 158 }
 159
 160 #rss_icon {
 161
 162  margin     :    0em   0em   0em   0em;
 163
 164  padding    :    0em   0em   0em   0em;
 165
 166  position   : relative;
 167
 168  top        : 3px
 169
 170 }
 171
 172 #logo {
 173
 174 }
 175
 176
 177
 178 #menu_bar ul#menu {
 179
 180  margin     :  1.1em   0em   0em   0em;
 181
 182  padding    :    0em   0em   0em   0em;
 183
 184  width      : 100%;
 185
 186  text-align : left;
 187
 188  display    : block;
 189
 190  background-color : white;
 191 }
 192
 193 #menu_bar ul#menu li {
 194
 195  margin     :    0em  .5em   0em   0em;
 196
 197  padding    :    0em   0em   0em   0em;
 198
 199  display    : inline;
 200
 201  list-style-type: none;
 202
 203 }
 204
 205 #menu_bar ul#menu li a    {
 206
 207  padding    :   .3em   1em 0.3em   0em;
 208
 209  position   : relative;
 210
 211  text-decoration: none;
 212
 213 }
 214
 215
 216
 217 ul#menu li {
 218
 219  font-size  : 120%;
 220
 221 }
 222
 223
 224
 225 ul#menu li ul li {
 226
 227  font-size  : 75%;
 228
 229 }
 230
 231
 232
 233
 234
 235 #menu_bar ul#menu li ul {
 236
 237  margin     :    0em   0em   0em   0em;
 238
 239  padding    :   .0em   0em  .4em   0em;
 240
 241  position   : relative;
 242
 243  left       : 0em;
 244
 245  top        : 0em;
 246
 247  min-height : 20px;
 248
 249  text-align : left;
 250
 251  display    : block;
 252
 253 }
 254
 255
 256
 257 #menu_bar ul#menu li ul.back {
 258
 259  display    : none
 260
 261 }
 262
 263 #menu_bar ul#menu li ul.front{
 264
 265  float      : left;
 266
 267  width      : 100%;
 268
 269  z-index    : 1000
 270
 271 }
 272
 273 #menu_bar ul#menu li ul li{
 274
 275  margin     :    0em   0em   0em   0em;
 276
 277  padding    :    0em   0em   0em   0em;
 278
 279  display    : inline;
 280
 281  list-style-type: none;
 282
 283 }
 284
 285
 286
 287 #sidebar ul#menu {
 288
 289  margin: .3em 0 0 .3em ;
 290
 291  list-style-type: none;
 292
 293 }
 294
 295
 296
 297 #sidebar ul#menu ul.back {
 298
 299  display:none
 300
 301 }
 302
 303
 304
 305 #sidebar ul#menu, #sidebar ul#menu li {
 306
 307  padding: 0 0 0 0;
 308
 309 }
 310
 311
 312
 313 #sidebar ul#menu li a {
 314
 315  padding: 0.3em .2em .3em 1em;
 316
 317  margin: 0 0 0 0;
 318
 319  display: block;
 320
 321  width: 80%;
 322
 323 }
 324
 325
 326
 327 #sidebar ul#menu li ul {
 328
 329  padding: 0 0.5em 0 1em;
 330
 331 }
 332
 333
 334
 335 #menu_bar ul#menu li ul li a {
 336
 337  margin     :    0em  .5em   0em  .0em;
 338
 339  padding    :    0em  .2em   0em  .0em;
 340
 341  font-size  : 100%;
 342
 343  font-family: Verdana, sans-serif;
 344
 345  font-weight: bold;
 346
 347 }
 348
 349
 350
 351 ul#menu li a, ul#menu li ul li a {
 352
 353  text-decoration:none;
 354
 355 }
 356
 357
 358
 359 /* "BODY"           */
 360
 361 #bd {
 362
 363  margin:    0em   0em   0em   0em;
 364
 365  padding:   0em   0em   0em   0em;
 366
 367 }
 368
 369 #yui-main {
 370
 371 }
 372
 373 #page {
 374
 375  padding    :   5em   2em   0em   1em;
 376
 377  min-height : 450px;
 378
 379 }
 380
 381
 382
 383 /* MESSAGES       */
 384
 385 .error, .warning, .success, .notice {
 386
 387  margin     :    1em  auto  .5em  auto;
 388
 389  padding    :    1em   1em   1em   1em;
 390
 391  width      : 90%;
 392
 393 }
 394
 395 .error {
 396
 397  border     : medium solid #DF0101;
 398
 399  background-color: #F8E0E0;
 400
 401 }
 402
 403 .warning {
 404
 405  background-color: #F8F8D0;
 406
 407  border     : medium solid #DF0101;
 408
 409 }
 410
 411 .success {
 412
 413  background-color: #D0F8D0;
 414
 415  border     : medium solid #01DF01;
 416
 417 }
 418
 419 .notice {
 420
 421  background-color: #D0D0F8;
 422
 423  border     : medium solid #0101DF;
 424
 425 }
 426
 427
 428
 429 /* CONTENT = toolbar + actual content                                  */
 430
 431 .content       {
 432
 433  padding    :   1em   3em   1em   3em;
 434
 435  font-size  : 100%;
 436
 437 /* max-width  : 700px;
 438  */
 439 }
 440
 441 .crumbs_and_tools {
 442
 443  margin     :    0em   0em   0em   0em;
 444
 445  padding    :   .5em  .5em  .5em   2em; width      : 100%;
 446
 447 }
 448
 449 .toolbar {
 450
 451  margin     :    0em  .5em   0em   0em;
 452
 453  padding    :   .5em  .5em  .5em   2em;
 454
 455  float      : right;
 456
 457  /*position   : absolute;
 458
 459  right      : 0;*/
 460
 461 }
 462
 463
 464
 465 .toolbar a {
 466
 467  text-decoration: none;
 468
 469 }
 470
 471
 472
 473 /* ELEMENTS IN CONTENT --------------------------------------------------- */
 474
 475
 476
 477 h1 {
 478
 479  font-size  : 180%;
 480
 481 }
 482
 483 h2 {
 484
 485  font-size  : 140%;
 486
 487 }
 488
 489 h3 {
 490
 491  font-size  : 129%;
 492
 493 }
 494
 495 h4 {
 496
 497  font-size  : 107%;
 498
 499 }
 500
 501
 502
 503 .title a {
 504
 505  font-size: 270%;
 506
 507  text-decoration: none;
 508
 509 }
 510
 511
 512
 513 .title {
 514
 515  color: orange;
 516
 517  margin: 0 0 0 0;
 518
 519  padding: 0 0 1em 0em;
 520
 521 }
 522
 523
 524
 525 h1, h2, h3, h4, h5 {
 526
 527  margin     :    1.5em   0em    1em   0em;
 528
 529  padding     :    0em   0em   0em   0em;
 530
 531  font-weight: normal;
 532
 533  color:  #ff6600;
 534 }
 535
 536
 537
 538 ul {
 539
 540  margin:   10px   0em  10px  15px;
 541
 542  list-style-type: square
 543
 544 }
 545
 546 li {
 547
 548  line-height: 150%
 549
 550 }
 551
 552 ol {
 553
 554  margin:   10px   0em  10px  24px;
 555
 556  list-style-type: decimal
 557
 558 }
 559
 560 p  {
 561
 562  margin:   15px   0em  auto  auto;
 563
 564  line-height: 155%
 565
 566 }
 567
 568 blockquote {
 569
 570  margin:   15px   0em  auto   3em;
 571
 572  line-height: 120%
 573
 574 }
 575
 576 code {
 577
 578  padding:   2px   2px   2px   1em;
 579
 580  font-size  : 100%;
 581
 582  font-family: monospace
 583
 584 }
 585
 586 pre {
 587
 588  margin:   15px   0em  auto  auto;
 589
 590  padding:   8px  20px   8px   1em;
 591
 592  display    : block;
 593
 594  font-family: monospace;
 595
 596  font-size  : 90%;
 597
 598  overflow: auto;
 599
 600 }
 601
 602 pre code {
 603
 604  padding:   0em   0em   0em   0em;
 605
 606 }
 607
 608 th {
 609
 610  padding:   2px   5px   2px   5px;
 611
 612  vertical-align: top;
 613
 614  font-weight: bold
 615
 616 }
 617
 618 td {
 619
 620  padding:   2px   5px   2px   5px;
 621
 622  vertical-align: top;
 623
 624 }
 625
 626 em {
 627
 628  font-style : italic
 629
 630 }
 631
 632 strong {
 633
 634  font-weight: bold
 635
 636 }
 637
 638 a.local {
 639
 640  padding:  auto   3px  auto  auto;
 641
 642  background : none transparent scroll repeat 0% 0%;
 643
 644 }
 645
 646
 647
 648 span.preview {
 649
 650  margin:   auto   5px  10px  auto;
 651
 652  padding:   5px   5px   5px   5px;
 653
 654 }
 655
 656
 657
 658 form {
 659
 660  /*display    : inline*/
 661
 662 }
 663
 664 label {
 665
 666  margin     :   10px  .5em  1em  auto;
 667
 668  font-weight: bold
 669
 670 }
 671
 672 label.inline {
 673
 674  display    : inline-block;
 675
 676  width: 200px;
 677
 678 }
 679
 680 input, select {
 681
 682  margin:   .5em  .5em .5em  .5em;
 683
 684  padding:   3px   3px   3px   3px;
 685
 686  line-height: 20px;
 687
 688  min-height : 20px;
 689
 690  font-family: monospace
 691
 692 }
 693
 694 select {
 695
 696  min-width: 300px;
 697
 698 }
 699
 700 option {
 701
 702  margin:    0em   0em   0em   0em;
 703
 704  padding:   0em   0em   0em   0em; spacing    : 0em;
 705
 706 }
 707
 708 input.button {
 709
 710  margin:    5px   4px   5px   4px;
 711
 712 }
 713
 714
 715
 716 form.search {
 717
 718  margin-right: 0px;
 719
 720  padding-right: 0px;
 721
 722  display: inline;
 723
 724 }
 725
 726
 727
 728 input.search_box {
 729
 730  margin:    0em   0px  0px   0px;
 731
 732  padding:   2px  2px   2px  2px;
 733
 734  border: 1px solid #CCCCCC;
 735  background: #EEEEEE;
 736  display : inline;
 737
 738  line-height: 10px;
 739
 740  font-size  : 9pt;
 741
 742  vertical-align: text-bottom;
 743
 744  height: 22px;
 745
 746 }
 747
 748 input.search_button {
 749
 750  margin:    0em   0px  0px   0px;
 751
 752  padding:   2px  2px   2px  2px;
 753
 754  display : inline;
 755
 756  line-height: 10px;
 757
 758  font-size  : 9pt;
 759
 760  border: none;
 761
 762  background: none;
 763
 764  vertical-align: text-bottom;
 765
 766 }
 767
 768 input.submit {
 769
 770  margin:   .8em   0em  .8em  .4em;
 771
 772  padding:  .3em  .5em  .3em .5em;
 773
 774  display    : inline;
 775
 776  float: right;
 777
 778  font-size: 140%;
 779
 780  width: 180px;
 781
 782 }
 783
 784 a.button {
 785
 786  margin:   .8em    0em  .8em  .4em;
 787
 788  padding:  .3em  .5em  .3em .5em;
 789
 790  font-size: 140%;
 791
 792  width: 180px;
 793
 794 }
 795
 796 input.small_submit {
 797
 798  margin:   auto   0em  auto   1px;
 799
 800  padding:   1px   0em   1px  auto;
 801
 802  display    : inline;
 803
 804  line-height: 10px;
 805
 806  font-size: 90%;
 807
 808 }
 809
 810 input.diff_radio   {
 811
 812  margin:    0em   0em   0em   0em;
 813
 814  padding:   0em   0em   0em   0em;
 815
 816 }
 817
 818 textarea {
 819
 820  margin:   1em  1em   5px  1em;
 821
 822  padding:   4px   2px   1px   2px;
 823
 824  font-family: monospace;
 825
 826 }
 827
 828 input.textfield {
 829
 830  min-width: 300px;
 831
 832 }
 833
 834 #more_fields       {margin:   auto  auto  auto 200px;
 835
 836                     padding:  auto  auto  auto 200px; display: block;        }
 837
 838 input.hidden       {                                  display: none;         }
 839
 840 div.hidden         {                                  display: none;         }
 841
 842 div.honey          {                                  display: none;         }
 843
 844 div.advanced_field {                                  display: none;         }
 845
 846
 847
 848 ins                {                                  text-decoration: none  }
 849
 850
 851
 852 .history_dates     {                                  font-size  : 80%;      }
 853
 854 .error_message     {margin:   15px  15px  15px  15px;
 855
 856                     padding:  15px  15px  15px  15px;                        }
 857
 858 .teaser            {                                  font-size  : 120%;
 859
 860  font-weight: bold      }
 861
 862
 863
 864 #breadcrumbs       {margin:    0em   0em   0em   0em;
 865
 866                         padding:   0em   0em   0em  .0em; float      : left;
 867
 868 width: 100%;
 869  min-height : 3em;      }
 870
 871 #breadcrumbs ul    {margin:    0em   0em   0em   0em;
 872
 873                         padding:   0em   0em   0em   0em; display    : inline;
 874
 875  list-style : none;     }
 876
 877 #breadcrumbs li    {margin:    0em   0em   0em   0em;
 878
 879                         padding:   0em   0em   0em   0em; display    : inline;   }
 880
 881 #breadcrumbs a     {margin:    0em  .5em   0em   0em; text-decoration: none; color: #ff6600; }
 882
 883
 884
 885 textarea.resizeable{
 886
 887  height     : 20%;
 888
 889 }
 890
 891
 892
 893 div.field {
 894
 895  margin-bottom: 2px;
 896
 897  padding: .5em .2em .1em .5em ;
 898
 899  background-color: #ddd;
 900
 901
 902
 903 }
 904
 905
 906
 907 div.grippie {
 908
 909         background:#F3F3F3 url($icon_base_url{}sputnik/grippie.png) no-repeat scroll center 2px;
 910
 911         border-color:#DDDDDD;
 912
 913         border-style:solid;
 914
 915         border-width:0pt 1px 1px;
 916
 917         cursor:s-resize;
 918
 919         height:6px;
 920
 921         overflow:hidden;
 922
 923         margin-bottom: 10px;
 924
 925     width: 70px;
 926
 927     margin-left: 300px;
 928
 929 }
 930
 931
 932
 933 h2.ctrigger {
 934
 935   background: url($icon_base_url{}icons/minus.png) no-repeat right;
 936
 937 }
 938
 939 h2.ctrigger.closed {
 940
 941   background: url(data:image/png;base64,$icon_plus) no-repeat right;
 942
 943 }
 944
 945
 946
 947 .yui-t0 #sidebar {
 948
 949   display: none;
 950
 951 }
 952
 953 .yui-t0 #page {
 954
 955   /*margin-left: 3em;*/
 956
 957 }
 958
 959
 960
 961 /*.yui-u > * {
 962
 963   margin-right: .5em;
 964
 965   margin-left: 1em;
 966
 967 }
 968
 969
 970
 971 .yui-u h2, .yui-u h3, .yui-u h4, .yui-u h5 {
 972
 973   margin-right: .5em;
 974
 975   margin-left: .5em;
 976
 977 } */
 978
 979
 980
 981 .box {
 982
 983   /*margin-right: .5em;
 984
 985   margin-left: .5em;*/
 986
 987   border: 1px solid green;
 988
 989   background-color: #efe;
 990
 991 }
 992
 993
 994
 995
 996
 997 body                  {                          background: white;                                                     }
 998
 999
1000
1001 #sidebar              {
1002
1003  /*border-right:  1px solid  $NAVBAR;      */
1004
1005 }
1006
1007
1008
1009 .title a:visited              { color: black;   }
1010
1011 /*
1012 H1                    { COLOR: $HEADER;                                            BORDER-BOTTOM: 3px solid  $NAVBAR;      }
1013
1014 H2                    { COLOR: $HEADER;                                            BORDER-BOTTOM: 2px solid  $H_LINE;      }
1015
1016 H3                    { COLOR: $HEADER;                                            BORDER-BOTTOM: 1px dotted $H_LINE;      }
1017
1018 ul#menu li a             { color: $MENU_TEXT;       background: $MENU_BG;                                                  }
1019
1020 */
1021
1022
1023 #sidebar ul#menu li.level1 > a:hover    {
1024
1025  color: $MENU_TEXT_HOVER;
1026
1027 }
1028
1029 #menu_bar ul#menu li a:hover    {
1030
1031  color: $MENU_TEXT_HOVER;
1032
1033 }
1034
1035 ul#menu li.front a    {                          background: $NAVBAR;                                                      }
1036
1037
1038
1039 ul#menu li ul li a {
1040
1041  background: white;
1042
1043  color: black;
1044
1045 }
1046
1047 ul#menu li.front ul li a {
1048
1049  background: white;
1050
1051  color: black;
1052
1053 }
1054
1055
1056
1057 #menu_bar ul#menu li ul            {                          background: $NAVBAR;                                                      }
1058
1059 #menu_bar ul#menu li ul li.front a { color: $WHITE;           background: $SUBMENU_CURRENT_BG;  BORDER:        2px solid  $SUBMENU_CURRENT_BORDER; }
1060
1061 #menu_bar ul#menu li ul li.back a  { color: $SUBMENU_FG;      background: $SUBMENU_BG;          BORDER:        1px solid  $SUBMENU_BORDER; }
1062
1063 #menu_bar ul#menu li ul li a:hover { color: $MENU_TEXT_HOVER;                                                                           }
1064
1065
1066
1067 #sidebar ul#menu li ul li.front a {
1068
1069  font-weight: bold;
1070
1071 }
1072
1073
1074
1075
1076
1077 DEL                   { COLOR: $BLACK;           background: $LIGHT_GRAY;                                                  }
1078
1079 INS                   { COLOR: $TEXT;            background: $INS;                                                         }
1080
1081 A:link                { COLOR: $LINK;                                                                                      }
1082
1083 A:visited             { COLOR: $LINK;                                                                                      }
1084
1085 A:hover               { COLOR: $LINK;                                                                                      }
1086
1087 A.no_such_node        {                          background: #fffacd;                                                      }
1088
1089
1090
1091 CODE                  {                          background: $LIGHTEST_GRAY;                                               }
1092
1093 PRE                   {                          background: $LIGHTEST_GRAY;       BORDER:        1px solid  $LIGHT_GRAY;  }
1094
1095 TH                    {                          background: $LIGHTEST_GRAY;       BORDER:        1px solid  $LIGHT_GRAY;  }
1096
1097 TD                    {                                                            BORDER:        1px solid  $LIGHT_GRAY;  }
1098
1099 .preview              {                                                            BORDER:        4px solid  #666;         }
1100
1101 .missing_page         {                          background: $LIGHT_GRAY                                                   }
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111 input, select, textarea {
1112
1113  background: $FORM_BG;
1114
1115  border:        2px solid  $GRAY;
1116
1117 }
1118
1119 input.readonly {
1120
1121  background: $FORM_BG_READONLY;
1122
1123 }
1124
1125
1126
1127 input.submit {
1128
1129  background: $FORM_BG_SUBMIT;
1130
1131 }
1132
1133
1134
1135 .active_input {
1136
1137   border: 2px solid $NAVBAR;
1138
1139   background: #ffffd6;
1140
1141 }
1142
1143
1144
1145
1146
1147
1148
1149 A.button              {                          background: $FORM_BG_SUBMIT;      BORDER:        1px outset $FORM_BORDER;
1150
1151     color: black; text-decoration: none;
1152
1153 }
1154
1155 INPUT.small_submit    {                          background: $FORM_BG_SUBMIT;      BORDER:        1px outset $FORM_BORDER; }
1156
1157 .save input           {                          background: #ffa20f;              border:        2px outset #d7b9c9       }
1158
1159
1160
1161 .error_message        {                                                            BORDER:        2px solid  red;          }
1162
1163 .content .preview     {                                                            BORDER:        3px dashed $NAV_BAR;     }
1164
1165
1166
1167
1168
1169
1170
1171 div.popup_form div.transparency {
1172
1173   background: black;
1174
1175   height: 100%;  width: 100%;
1176
1177   position: absolute;
1178
1179   top: 0px;
1180
1181   left: 0px;
1182
1183   z-index: 10000;
1184
1185   opacity: .7;
1186
1187 }
1188
1189
1190
1191 div.popup_form div.popup_frame {
1192
1193   margin: 100px;
1194
1195   padding: .3em;
1196
1197   border: 5px solid $NAVBAR;
1198
1199   background: white;
1200
1201   position: absolute;
1202
1203   width: 700px;
1204
1205   opacity: 2;
1206
1207   z-index: 10001;
1208
1209 }
1210
1211
1212
1213 div.popup_form div.actual_form {
1214
1215   padding: 2em;
1216
1217 }
1218
1219
1220
1221 div.close_popup {
1222
1223   width: 100%;
1224
1225   text-align: right;
1226
1227 }
1228
1229
1230
1231 /* Comments Styles */
1232
1233
1234
1235 ol.discussion {
1236
1237     margin: 0;
1238
1239     list-style-type: none;
1240
1241 }
1242
1243
1244
1245 ol.discussion li {
1246
1247    padding-bottom: 10px;
1248
1249 }
1250
1251
1252
1253 ol.discussion div.content {
1254
1255     clear: both;
1256
1257     padding: 5px 20px;
1258
1259     margin: 0;
1260
1261 }
1262
1263
1264
1265 ol.discussion div.header {
1266
1267     border-bottom-color: black;
1268
1269     border-bottom-style: solid;
1270
1271     border-bottom-width: 2px;
1272
1273     padding-bottom: 5px;
1274
1275 }
1276
1277
1278
1279 ol.discussion ul.toolbar {
1280
1281     float:right;
1282
1283     list-style: none;
1284
1285     margin: 0;
1286
1287     padding: 0;
1288
1289     padding-top: 1em;
1290
1291 }
1292
1293
1294
1295 ol.discussion ul.toolbar li {
1296
1297     float: left;
1298
1299     margin: 0;
1300
1301     padding: 0;
1302
1303     padding-left: 8px;
1304
1305 }
1306
1307
1308
1309 @media print {
1310
1311  #menu_bar, #login, #ft, .toolbar {
1312
1313    display: none; !important;
1314
1315  }
1316
1317  body {
1318
1319    background-color: white;
1320
1321  }
1322
1323  #bd {
1324
1325    margin: 0px;
1326
1327    padding: 0px;
1328
1329  }
1330
1331 }
1332
1333
1334
1335
1336
1337
1338 ul#menu li a             { color: black;       background: white;                                                  }
1339
1340 #ft { padding-top: 3em; text-align: center }
1341
1342 #sidebar ul#menu li.level1 > a:hover    {
1343  color: #C3D9FF;
1344 }
1345
1346 /* Menus */
1347
1348 #menu_bar ul#menu li a:hover    {
1349    border-top: 1px solid black;
1350    color: #ff6600;
1351 }
1352
1353 ul#menu li.front a    {
1354         background: white;
1355         color:  #FF6600;
1356 }
1357
1358 ul#menu li ul li a {
1359  background: white;
1360  color: black;
1361 }
1362 ul#menu li.front ul li a {
1363  background: white;
1364  color: black;
1365 }
1366
1367 /* Submenu */
1368 #menu_bar ul#menu li ul { background: white; }
1369 #menu_bar ul#menu li ul li a { font-weight: normal; }
1370 #menu_bar ul#menu li ul li.front a { color: #FF6600; background: white; }
1371 #menu_bar ul#menu li ul li.back a  { color: black;  background: white;  BORDER: none; }
1372
1373 #menu_bar ul#menu li ul li a:hover { border-top: 1px solid black; }
1374
1375 #sidebar ul#menu li ul li.front a {
1376  font-weight: bold;
1377 }
1378
1379 a:link {
1380   color : #ff6600;
1381 }
1382
1383 a:visited {
1384   color: #ff6600;
1385 }
1386
1387
1388
1389
1390
1391
1392
1393 ]]
1394 edit_ui        = ""
1395 admin_edit_ui  = [[      css_config = {0.0, "textarea"}
1396
1397    ]]
1398 breadcrumb     = ""
1399 save_hook      = ""
1400 css_config     = [[MAIN_HUE             = 320  -- pick a number between 0 and 360
1401
1402 STARTING_SATURATION  =  .7  -- pick a number between 0 and 1
1403
1404 MAIN                 = colors.new(MAIN_HUE, STARTING_SATURATION, .50)
1405
1406
1407
1408 SECOND, THIRD        = MAIN:neighbors()      -- MAIN:terciary() for more contrast
1409
1410 THIRD                = SECOND                -- stick with just one color
1411
1412
1413
1414 GRAY                 = MAIN:desaturate_to(0) -- set value > 0 to make your "grays" lightly colored
1415
1416 LIGHT_GRAY           = GRAY:tint(.7)         -- higher number = lighter
1417
1418 LIGHTEST_GRAY        = GRAY:tint(.9)         -- higher number = lighter
1419
1420 DARK_GRAY            = GRAY:shade(.7)        -- higher nu mber = darker
1421
1422 WHITE                = "white"
1423
1424 BLACK                = "black"
1425
1426
1427
1428 BODY_BG              = BODY_BG_COLOR or MAIN:desaturate_to(0):tint(.3)
1429
1430 LINK                 = "#0000cc" -- darker blue
1431
1432 TEXT                 = BLACK
1433
1434
1435
1436 NAVBAR               = SECOND:desaturate_to(.7):shade(.1)
1437
1438
1439
1440 MENU_TEXT         = BLACK
1441
1442 MENU_TEXT_HOVER   = "yellow"
1443
1444 MENU_BG           = WHITE
1445
1446 MENU_BG_HOVER     = BLACK
1447
1448
1449
1450 SUBMENU_CURRENT_BG     = THIRD:shade(.2)
1451
1452 SUBMENU_CURRENT_BORDER = WHITE
1453
1454 SUBMENU_CURRENT_FG     = WHITE
1455
1456 SUBMENU_BG           = THIRD:shade(.2)
1457
1458 SUBMENU_BORDER  = THIRD:tint(.3)
1459
1460 SUBMENU_FG      = WHITE
1461
1462
1463
1464 HEADER               = THIRD:shade(.1)
1465
1466 H_LINE               = THIRD:shade(.1)
1467
1468
1469
1470 FORM_BG              = WHITE --SECOND:desaturate_to(.6):tint(.9)
1471
1472 FORM_BG_SUBMIT       = SECOND:desaturate_to(.8):tint(.3)
1473
1474 FORM_BG_READONLY     = SECOND:desaturate_to(.2):tint(.7)
1475
1476 FORM_BORDER          = SECOND
1477
1478 INS                  = "#cfc"
1479
1480
1481
1482 icon_plus_wrapped = [=[
1483
1484 iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/
1485
1486 wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9gMFBUUKV7DN4kAAAAZdEVYdENvbW
1487
1488 1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAKUlEQVQ4y2NgoAJgJCD/nxi1TNRwyaghuGPnPyV
1489
1490 mDD7vjCa2wWgIVQAA4ZoDHFUwDWsAAAAASUVORK5CYII=
1491
1492 ]=]
1493
1494
1495
1496 icon_plus = icon_plus_wrapped:gsub("%s", "")
1497
1498
1499
1500 ]]