public/stylesheets/admin/.svn/text-base/main.css.svn-base

   1 body {
   2   font-size: 95%;
   3   font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
   4   margin: 0;
   5   padding: 0;
   6 }
   7 img {
   8   border: none;
   9   vertical-align: middle;
  10 }
  11 /* because of IE6 this should be a separate block from the previous one */
  12 input[type='image'] {
  13   border: none;
  14   vertical-align: middle;
  15 }
  16 h3 {
  17   font-size: 130%;
  18   margin-top: 1.25em;
  19   margin-bottom: .5em;
  20 }
  21 .hidden {
  22   display: none;
  23 }
  24 .clear {
  25   font-size: 1px;
  26   clear: both;
  27 }
  28 .warning {
  29   color: red;
  30 }
  31
  32 table {
  33   border-collapse: collapse;
  34 }
  35
  36 /* main layout */
  37
  38 #header {
  39   background-color: #c00;
  40   color: white;
  41   width: 100%;
  42   padding-top: 1px;
  43   padding-bottom: 20px;
  44 }
  45 #header a, #header a:visited {
  46   color: white;
  47   text-decoration: none;
  48 }
  49 #header a:hover, #header a:visited:hover {
  50   text-decoration: underline;
  51 }
  52 #site-title {
  53   font-size: 150%;
  54   font-weight: bold;
  55   margin-top: 19px;
  56   margin-left: 20px;
  57 }
  58 #site-subtitle {
  59   color: #fc6;
  60   font-size: 90%;
  61   font-style: italic;
  62   margin-left: 20px;
  63 }
  64 #navigation {
  65   font-size: 90%;
  66   margin-top: -5px;
  67   margin-bottom: -20px;
  68   line-height: 100%;
  69   padding: .5em;
  70   padding-right: 20px;
  71   border-bottom: 2px solid #c00;
  72   _border-bottom: 0; /* IE only */
  73   text-align: right;
  74 }
  75 #navigation a, #navigation a:visited {
  76   background-color: #eae3c5;
  77   color: black;
  78   display: inline;
  79   padding: .5em;
  80   padding-left: .9em;
  81   padding-right: .9em;
  82   text-decoration: none;
  83 }
  84 #navigation a:hover, #navigation a:visited:hover {
  85   text-decoration: underline;
  86 }
  87 #navigation strong a, #navigation strong a:visited {
  88   background-color: white;
  89 }
  90 #navigation .separator {
  91   display: none;
  92 }
  93 #main {
  94   float: left;
  95   width: 100%;
  96 }
  97 #content {
  98   font-size: 95%;
  99   padding: 20px;
 100 }
 101 #footer {
 102   color: #999;
 103   background-color: #f7f7f7;
 104   border-top: 1px solid #eaeaea;
 105   font-size: 80%;
 106   float: left;
 107   padding-top: 20px;
 108   padding-bottom: 20px;
 109   width: 100%;
 110 }
 111 #footer p {
 112   padding-left: 20px;
 113   padding-right: 20px;
 114 }
 115 #site-links {
 116   color: #f5cbcb;
 117   font-size: 90%;
 118   margin: 0;
 119   position: absolute;
 120   right: 0;
 121   top: 20px;
 122 }
 123 #site-links a, #site-links a:visited {
 124   color: white;
 125 }
 126 #site-links a:hover, #site-links a:visited:hover {
 127   text-decoration: none;
 128 }
 129 #site-links strong a, #site-links strong a:visited {
 130   text-decoration: none;
 131 }
 132
 133
 134 /* messages */
 135
 136 #notice, #error {
 137   color: white;
 138   margin-top: 25px;
 139   margin-left: 20px;
 140   margin-right: 20px;
 141   padding: .75em;
 142   padding-top: 0;
 143   padding-bottom: 0;
 144 }
 145 #notice {
 146   background-color: #0c3;
 147   border: 3px solid #7FE699;
 148 }
 149 #error {
 150   background-color: #c00;
 151   border: 3px solid #e67f00;
 152 }
 153 h1 {
 154   margin-top: 0;
 155 }
 156
 157
 158 /* index table */
 159
 160 #content table.index {
 161   font-size: 90%;
 162   width: 100%;
 163   margin-bottom: 2em;
 164   border-bottom: 1px solid #eaeaea;
 165 }
 166 #content table.index td, table.index th {
 167   text-align: left;
 168 }
 169 #content table.index th {
 170   background-color: #f5f5f5;
 171   font-size: 90%;
 172   font-weight: normal;
 173   padding: 4px;
 174   padding-top: 2px;
 175   padding-bottom: 2px;
 176 }
 177 #content table.index td {
 178   border-top: 1px solid #eaeaea;
 179   padding: 4px;
 180 }
 181 #content table.index .status {
 182   width: 8em;
 183 }
 184 #content table.index td.status {
 185   color: #9eb3bf;
 186 }
 187 #content table.index td.status.draft-status {
 188   color: #c00;
 189 }
 190 #content table.index td.status.published-status {
 191   color: black;
 192 }
 193 #content table.index td.status.hidden-stats {
 194   color: #0c0;
 195 }
 196 #content table.index .add-child {
 197   width: 100px;
 198   padding-left: 0;
 199 }
 200 #content table.index .remove {
 201   width: 100px;
 202   padding-left: 0;
 203 }
 204 #content table.index .node .layout,
 205 #content table.index .node .snippet,
 206 #content table.index .node .user {
 207   font-size: 115%;
 208   font-weight: bold;
 209 }
 210 #content table.index .node .user small {
 211   color: #666;
 212   font-size: 90%;
 213   font-style: italic;
 214   font-weight: normal;
 215   margin-left: .5em;
 216 }
 217 #content table.index .node.level-0 .page {
 218   font-size: 120%;
 219   font-weight: bold;
 220 }
 221 #content table.index .node.level-1 .page{
 222   font-size: 115%;
 223   font-weight: bold;
 224 }
 225 #content table.index .node.level-2 .page {
 226   font-size: 115%;
 227 }
 228 #content table.index .node.level-3 .page{
 229   font-size: 105%;
 230 }
 231 #content table.index .node .page a {
 232   text-decoration: none;
 233 }
 234 #content table.index .node .page a .title, #content table.index .node .page a:visited .title,
 235 #content table.index .node .snippet a, #content table.index .node .snippet a:visited,
 236 #content table.index .node .layout a, #content table.index .node .layout a:visited,
 237 #content table.index .node .user a, #content table.index .node .user a:visited {
 238   color: black;
 239   text-decoration: none;
 240 }
 241 #content table.index .node.virtual .page a .title, #content table.index .node.virtual .page a:visited .title {
 242   color: #9eb3bf;
 243 }
 244 #content table.index .node .page a:hover .title, #content table.index .node .page a:visited:hover .title,
 245 #content table.index .node .snippet a:hover, #content table.index .node .snippet a:visited:hover,
 246 #content table.index .node .layout a:hover, #content table.index .node .layout a:visited:hover,
 247 #content table.index .node .user a:hover, #content table.index .node .user a:visited:hover {
 248   color: blue;
 249   text-decoration: underline;
 250 }
 251 #content table.index td.note {
 252   color: silver;
 253   font-size: 85%;
 254   font-style: italic;
 255   padding: 3em;
 256   text-align: center;
 257 }
 258 #content table.index .node .page .info {
 259   color: #9eb3bf;
 260   font-style: italic;
 261   font-weight: normal;
 262 }
 263 #content table.index tr.highlight,
 264 #content table.index tr:hover {
 265   background-color: #ffffb3;
 266 }
 267 #content table.index .no-children .w1 {
 268   padding-left: 23px;
 269 }
 270 #content table.index .page .title,
 271 #content table.index .page .info {
 272   position: relative;
 273   top: 2px;
 274 }
 275 #content table.index .page img.expander {
 276   padding: 3px;
 277   padding-top: 6px;
 278   padding-bottom: 6px;
 279 }
 280
 281
 282 /* form elements */
 283
 284 #content .form-area {
 285   background-color: #f5f1e2;
 286   margin-left: -20px;
 287   margin-right: -20px;
 288   padding: 20px;
 289   padding-top: 15px;
 290   padding-bottom: 10px;
 291   width:100%;
 292 }
 293 #content .form-area h3 {
 294   font-size: 100%;
 295   margin-bottom: 0;
 296 }
 297 #content .form-area p {
 298   margin-top: 0;
 299 }
 300 #content .form-area small {
 301   font-size: 75%;
 302 }
 303 #content .form-area label {
 304   font-weight: bold;
 305 }
 306 #content .form-area .textbox {
 307   font-size: 100%;
 308 }
 309 #content .form-area .title {
 310   margin-bottom: 0;
 311   width:100%;
 312 }
 313 #content .form-area .title label {
 314   display: block;
 315   position: relative;
 316 }
 317 #content .form-area .title .textbox {
 318   font-family: Georgia, Palatino, "Times New Roman", Times, serif;
 319   font-size: 200%;
 320   width: 100%;
 321 }
 322 #content .form-area .content {
 323   margin-top: 1em;
 324   margin-bottom: 1em;
 325 }
 326 #content .form-area .row {
 327   clear: both;
 328   margin: 1em 0;
 329   width: 100%;
 330 }
 331 #content .form-area .row p {
 332   float: left;
 333   margin-right: 2em;
 334   margin-bottom: 1em;
 335 }
 336 #content .form-area .more-or-less {
 337   float: left;
 338   margin-top: 0;
 339   margin-bottom: 1em;
 340   width: 100%;
 341 }
 342 #content .form-area .fieldset {
 343   margin-right: .5em;
 344 }
 345 #content .form-area .error-with-field .error {
 346   color: #f00;
 347   display: block;
 348   padding: 2px;
 349   padding-top: 0;
 350 }
 351 #content .buttons {
 352   font-size: 80%;
 353   margin-top: 2.5em;
 354 }
 355 #content .button {
 356   font-size: 150%;
 357 }
 358 #content table.fieldset {
 359   border-bottom: 1px solid #DFD3C3;
 360   margin-bottom: .3em;
 361   width: 100%;
 362 }
 363 #content table.fieldset td {
 364   background-color: white;
 365   border-top: 1px solid #DFD3C3;
 366   padding: 6px;
 367 }
 368 #content table.fieldset td.label {
 369   padding-top: 10px;
 370   padding-right: 8px;
 371   vertical-align: top;
 372   whitespace: nowrap;
 373   width: 1%;
 374   text-align: left;
 375 }
 376 #content .fieldset label {
 377   font-weight: normal;
 378 }
 379 #content table.fieldset td.label .optional {
 380   color: #929488;
 381 }
 382 #content table.fieldset td.field {
 383   padding-left: 0px;
 384   padding-right: 10px;
 385   text-align: right;
 386 }
 387 #content #extended-metadata .fieldset td.field {
 388   width: 100%;
 389 }
 390 #content table.fieldset td.field .textbox,
 391 #content table.fieldset td.field textarea {
 392   width: 99.5%;
 393   margin-right: -5px;
 394 }
 395 #content table.fieldset td.help {
 396   background-color: #F5F1E2;
 397   font-size: 80%;
 398   padding: 0 10px;
 399   width: 31%;
 400 }
 401 #content table.fieldset input {
 402   font-size: 100%;
 403 }
 404 #content table.fieldset .checkbox {
 405   display: block;
 406   float: left;
 407   padding-top: 4px;
 408   padding-left: 10px;
 409   width: 10em;
 410   text-align: left;
 411 }
 412 #content table.fieldset textarea {
 413   font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
 414   font-size: 100%;
 415   width: 100%;
 416   height: 3.75em;
 417   margin-top: 4px;
 418   margin-bottom: 4px;
 419 }
 420 #content table.fieldset .error-with-field small {
 421   color: red;
 422 }
 423
 424
 425 /* tabs */
 426
 427 #content #tabs {
 428   background-image: url(/images/admin/brown-bottom-line.gif);
 429   background-position: bottom;
 430   background-repeat: repeat-x;
 431   float: left;
 432   width: 100%;
 433   margin-right: -4px;
 434 }
 435 #content #tabs .tab {
 436   background-color: #eae3c5;
 437   border-bottom: 1px solid #cdc295;
 438   color: black;
 439   display: inline-block;
 440   font-size: 100%;
 441   text-align: left;
 442   margin-right: 3px;
 443   padding: 15px;
 444   padding-top: 7px;
 445   padding-bottom: 4px;
 446   text-decoration: none;
 447   text-transform: titlecase;
 448 }
 449 #content #tabs .tab.here {
 450   background-color: white;
 451   border: 1px solid #cdc295;
 452   border-bottom: 1px solid white;
 453   font-weight: bold;
 454   padding-left: 13px;
 455   padding-right: 13px;
 456   padding-top: 6px;
 457 }
 458 #content #tab-toolbar {
 459   float: right;
 460   margin-top: .35em;
 461 }
 462 #content #pages {
 463   background: white;
 464   width: 100%;
 465   clear: both;
 466 }
 467 #content #pages .page {
 468   padding: 20px;
 469   border: 1px solid #cdc295;
 470   border-top-width: 0;
 471 }
 472 #content .textarea {
 473   height: 280px;
 474   border: 1px solid #cdc295;
 475   font-family: Monaco, "Courier New", Courier, monospace;
 476   font-size: 95%;
 477 }
 478 #content #pages label {
 479   font-size: 85%;
 480   font-weight: normal !important;
 481 }
 482
 483
 484 /* popups */
 485
 486 #popups .popup {
 487   background-color: white;
 488   border: 5px solid silver;
 489   padding: 2em;
 490   padding-top: 1em;
 491   padding-bottom: .5em;
 492 }
 493 #popups .popup .busy {
 494   float: right;
 495 }
 496 #popups .popup h3 {
 497   margin-top: 0;
 498 }
 499 #popups .popup .close-link {
 500   font-size: 85%;
 501 }
 502 #add-part-popup {
 503   width: 17em;
 504 }
 505
 506 /* tag reference */
 507
 508 #tag-reference-popup {
 509   width: 75%;
 510 }
 511 #tag-reference {
 512   border: 1px solid silver;
 513   height: 300px;
 514   overflow: auto;
 515   margin-left: -15px;
 516   margin-right: -15px;
 517   padding: 3px;
 518 }
 519 .tag-description {
 520   border-bottom: 1px dotted silver;
 521   font-size: 90%;
 522   padding: 12px;
 523 }
 524 .tag-description h4 {
 525   color: green;
 526   font-size: 120%;
 527   margin-top: 0;
 528   margin-bottom: 8px;
 529 }
 530 .tag-description code {
 531   background-color: #f5f5f5;
 532   color: #666;
 533   font-family: Monaco, "Courier New", Courier, monospace;
 534   padding-top: 1px;
 535   padding-bottom: 1px;
 536 }
 537 .tag-description pre {
 538   background-color: #f5f5f5;
 539   border: 1px solid #ddd;
 540   color: #666;
 541   font-family: Monaco, "Courier New", Courier, monospace;
 542   overflow: hidden;
 543   padding: 10px;
 544 }
 545 #reference-links {
 546   margin-left: 2em;
 547   font-size: 85%;
 548 }
 549 #tag-reference-link {
 550   margin: 0 0.5em;
 551 }
 552
 553
 554 /* filter reference */
 555
 556 #filter-reference-popup {
 557   width: 75%;
 558 }
 559 #filter-reference {
 560   border: 1px solid silver;
 561   height: 300px;
 562   overflow: auto;
 563   margin-left: -15px;
 564   margin-right: -15px;
 565   padding: 15px;
 566   padding-top: 1px;
 567 }
 568 #filter-reference code {
 569   background-color: #f5f5f5;
 570   color: #666;
 571   font-family: Monaco, "Courier New", Courier, monospace;
 572   padding-top: 1px;
 573   padding-bottom: 1px;
 574 }
 575 #filter-reference pre {
 576   background-color: #f5f5f5;
 577   border: 1px solid #ddd;
 578   color: #666;
 579   font-family: Monaco, "Courier New", Courier, monospace;
 580   overflow: hidden;
 581   padding: 10px;
 582 }
 583 #filter-reference h4 {
 584   color: green;
 585   font-size: 120%;
 586   margin-top: 0;
 587   margin-bottom: 8px;
 588 }
 589 table#filter-reference-table {
 590   width: 100%;
 591 }
 592 table#filter-reference-table th {
 593   color: green;
 594   font-size: 120%;
 595   padding: 5px;
 596   padding-left: 0;
 597   padding-right: 0;
 598 }
 599 table#filter-reference-table td,
 600 table#filter-reference-table th {
 601   border-bottom: 1px dotted silver;
 602   padding-top: 8px;
 603   padding-bottom: 8px;
 604   text-align: left;
 605 }
 606 table#filter-reference-table h1,
 607 table#filter-reference-table h2,
 608 table#filter-reference-table h3,
 609 table#filter-reference-table h4 {
 610   color: black;
 611   margin: 0;
 612   margin-bottom: .5em;
 613 }
 614 table#filter-reference-table acronym {
 615   border-bottom: 1px dotted silver;
 616 }
 617 table#filter-reference-table blockquote {
 618   border-left: 4px solid silver;
 619   padding-left: 1em;
 620   padding-right: 1em;
 621   margin: 0;
 622   margin-top: 1em;
 623   margin-bottom: 1em;
 624 }