css/drupal.css

   1 /* $Id$ */
   2
   3 /*
   4 ** HTML elements
   5 */
   6 fieldset {
   7   margin-bottom: 1em;
   8   padding: .5em;
   9 }
  10 form {
  11   margin: 0;
  12   padding: 0;
  13 }
  14 hr {
  15   height: 1px;
  16   border: 1px solid gray;
  17 }
  18 img {
  19   border: 0;
  20 }
  21 table {
  22   border-collapse: collapse;
  23 }
  24 th {
  25   text-align: left;
  26   padding-right: 1em;
  27   border-bottom: 3px solid #ccc;
  28   white-space: nowrap;
  29 }
  30 th.active img {
  31   display: inline;
  32 }
  33 tr.dark, tr.light {
  34   background-color: #eee;
  35   border-bottom: 1px solid #ccc;
  36 }
  37 tr.dark, tr.light {
  38   padding: 0.1em 0.6em;
  39 }
  40 td.active {
  41   background-color: #ddd;
  42 }
  43
  44 /*
  45 ** Menu styles
  46 */
  47 .menu {
  48   padding: 0 0 0 0.5em;
  49 }
  50 .menu ul {
  51   list-style: none;
  52   border: none;
  53   text-align:left;
  54 }
  55 .menu li a {
  56   width: 100%;
  57   text-decoration: none;
  58 }
  59 li.expanded {
  60   list-style-type: circle;
  61   list-style-image: url(menu-expanded.png);
  62   padding: 0.2em 0.5em 0 0;
  63   margin: 0;
  64 }
  65 li.collapsed {
  66   list-style-type: disc;
  67   list-style-image: url(menu-collapsed.png);
  68   padding: 0.2em 0.5em 0 0;
  69   margin: 0;
  70 }
  71 li.leaf {
  72   list-style-type: square;
  73   list-style-image: url(menu-leaf.png);
  74   padding: 0.2em 0.5em 0 0;
  75   margin: 0;
  76 }
  77 li a.active {
  78   color: #000;
  79 }
  80 td.menu-disabled {
  81   background: #ccc;
  82 }
  83
  84 /*
  85 ** Other common styles
  86 */
  87 .breadcrumb {
  88   padding-bottom: .5em
  89 }
  90 .block ul {
  91   margin: 0;
  92   padding: 0 0 0.25em 1em;
  93 }
  94 br.clear {
  95   clear: both;
  96   height: 0px;
  97 }
  98 .container-inline div {
  99   display: inline;
 100 }
 101 .container-inline .crm-form-submit {
 102   margin: 0;
 103 }
 104 .error {
 105   color: red;
 106 }
 107 .item-list .icon {
 108   color: #555;
 109   float: right;
 110   padding-left: 0.25em;
 111   clear: right;
 112 }
 113 .item-list .icon a {
 114   color: #000;
 115   text-decoration: none;
 116 }
 117 .item-list .icon a:hover {
 118   color: #000;
 119   text-decoration: none;
 120 }
 121 .item-list .title {
 122   font-weight: bold;
 123 }
 124 .item-list ul {
 125   margin: 0 0 0.75em 0;
 126   padding: 0;
 127 }
 128 .item-list ul li {
 129   margin: 0 0 0.25em 1.5em;
 130   padding: 0;
 131   list-style: disc;
 132 }
 133 .form-item {
 134   margin-top: 1em;
 135   margin-bottom: 1em;
 136 }
 137 tr.light .form-item, tr.dark .form-item {
 138   margin-top: 0;
 139   margin-bottom: 0;
 140   white-space: nowrap;
 141 }
 142 .form-item input.error, .form-item textarea.error {
 143   border: 2px solid red;
 144 }
 145 .form-item .description {
 146   font-size: 0.85em;
 147 }
 148 .form-item label {
 149   font-weight: bold;
 150 }
 151 .form-item label.option {
 152   font-weight: normal;
 153 }
 154 .crm-form-submit {
 155   margin: 0.5em 0;
 156 }
 157 .marker, .form-required {
 158   color: #f00;
 159 }
 160 .more-link {
 161   text-align: right;
 162 }
 163 .node-form .form-text {
 164   display: block;
 165   width: 95%;
 166 }
 167 .node-form .standard {
 168   clear: both;
 169 }
 170 .node-form textarea {
 171   display: block;
 172   width: 95%;
 173 }
 174 .node-form fieldset {
 175   display: inline;
 176 }
 177 .node-form .admin .form-item .title {
 178   margin-top: 0;
 179 }
 180 .node-form .admin .authored .form-item {
 181   margin-bottom: 1.1em;
 182 }
 183 .node-form .admin .authored .form-text  {
 184   width: auto;
 185 }
 186 .node-form .admin .authored, .node-form .admin .options, .node-form .admin .extra {
 187   float: left;
 188   margin-right: 2em;
 189   margin-bottom: 1em;
 190 }
 191 .node-form .attachments fieldset {
 192   float: none;
 193   display: block;
 194 }
 195 .ok {
 196   color: #080;
 197 }
 198 #pager {
 199   clear: both;
 200   text-align: center;
 201 }
 202 #pager div {
 203   padding: 0.5em;
 204 }
 205 .path {
 206   padding-bottom: 0.7em;
 207   font-size: 1.1em;
 208 }
 209
 210 /*
 211 ** Module specific styles
 212 */
 213 #aggregator .feed img {
 214   float: right;
 215 }
 216 #aggregator .news-item {
 217   clear: both;
 218   padding-bottom: 1em;
 219 }
 220 #aggregator .news-item .date {
 221   float: left;
 222 }
 223 #aggregator .news-item .body {
 224   margin-top: 1em;
 225   margin-left: 4em;
 226 }
 227 #aggregator .news-item .body .feed {
 228   font-size: 0.9em;
 229 }
 230 #aggregator .news-item .title {
 231   float: left;
 232 }
 233 #aggregator .news-item .description {
 234   clear: both;
 235 }
 236 #aggregator td {
 237   vertical-align: bottom;
 238 }
 239 #aggregator td.categorize-item {
 240   white-space: nowrap;
 241 }
 242 #aggregator .categorize-item .news-item .body {
 243   margin-top: 0;
 244 }
 245 #aggregator .categorize-item h3 {
 246   margin-bottom: 1em;
 247   margin-top: 0;
 248 }
 249 .book {
 250   margin: 1em 0 1em 0;
 251 }
 252 .book .title {
 253   font-weight: bold;
 254   font-size: 1.3em;
 255   margin-bottom:1em;
 256 }
 257 .book .tree {
 258   padding-top:1em;
 259   border-top: 1px solid #888;
 260   padding-bottom: 1em;
 261 }
 262 .book .name {
 263   padding-top:1em;
 264   font-weight: bold;
 265   font-size: 1em;
 266 }
 267 .book .nav {
 268   border-top: 1px solid #888;
 269   border-bottom: 1px solid #888;
 270   padding-bottom: 3em;
 271   padding-top: 1em;
 272   clear: both;
 273 }
 274 .book .nav .links {
 275   clear: both;
 276 }
 277 .book .nav .titles {
 278   clear: both;
 279 }
 280 .book .nav .prev {
 281   float: left;
 282   text-align: left;
 283   width: 45%;
 284 }
 285 .book .nav .next {
 286   float: right;
 287   text-align: right;
 288   width: 45%;
 289 }
 290 .book .nav .up {
 291   text-align: center;
 292 }
 293 .calendar .row-week td a {
 294   display: block;
 295 }
 296 .calendar .row-week td a:hover {
 297   background-color: #888; color: #fff;
 298 }
 299 .calendar a {
 300   text-decoration: none;
 301 }
 302 .calendar a:hover {
 303   text-decoration: none;
 304 }
 305 .calendar table {
 306   border-collapse: collapse;
 307   width: 100%;
 308   border: 1px solid #000;
 309 }
 310 .calendar td, .calendar th {
 311   text-align: center;
 312   border: 1px solid #000;
 313   padding: 1px;
 314   margin: 0;
 315   font-size: 0.8em;
 316 }
 317 .calendar td.day-blank {
 318   border: 0;
 319 }
 320 .tips {
 321   margin-top: 0;
 322   margin-bottom: 0;
 323   padding-top: 0;
 324   padding-bottom: 0;
 325   font-size: 0.9em;
 326 }
 327 #forum .description {
 328   font-size: 0.9em;
 329   margin: 0.5em;
 330 }
 331 #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
 332   white-space: nowrap;
 333 }
 334 #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
 335   text-align: center;
 336 }
 337
 338 #node-admin-filter ul {
 339   list-style-type: none;
 340   padding: 0px;
 341   margin: 0px;
 342   width: 100%;
 343 }
 344 #node-admin-buttons {
 345   float: left;
 346   margin-left: 0.5em;
 347   clear: right;
 348 }
 349 dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
 350   font-family: inherit;
 351   font-size: inherit;
 352   width: 14em;
 353 }
 354 dl.multiselect dd.a, dl.multiselect dd.a .form-item {
 355   width: 8em;
 356 }
 357 dl.multiselect dt, dl.multiselect dd {
 358   float: left;
 359   line-height: 1.75em;
 360   padding: 0px;
 361   margin: 0px 1em 0px 0px;
 362 }
 363 dl.multiselect .form-item {
 364   height: 1.75em;
 365   margin: 0px;
 366 }
 367 #permissions td.module, #blocks td.region {
 368   font-weight: bold;
 369 }
 370 #permissions td.permission, #blocks td.block {
 371   padding-left: 2em;
 372 }
 373 #access-rules .access-type, #access-rules .rule-type {
 374   margin-right: 1em;
 375   float: left;
 376 }
 377 #access-rules .access-type .form-item, #access-rules .rule-type .form-item {
 378   margin-top: 0;
 379 }
 380 #access-rules .mask {
 381   clear: both;
 382 }
 383 .poll .bar {
 384   height: 1em;
 385   margin: 1px 0;
 386   background-color: #ddd;
 387 }
 388 .poll .bar .foreground {
 389   background-color: #000;
 390   height: 1em;
 391   clear: left;
 392   float: left;
 393 }
 394 .poll .links {
 395   text-align: center;
 396 }
 397 .poll .percent {
 398   text-align: right;
 399 }
 400 .poll .total {
 401   text-align: center;
 402 }
 403 .poll .vote-form {
 404   text-align: center;
 405 }
 406 .poll .vote-form .choices {
 407   text-align: left;
 408   margin: 0 auto;
 409   display: table;
 410 }
 411 .profile {
 412   clear: both;
 413   margin: 1em 0 1em 0;
 414 }
 415 .profile .picture {
 416   float: right;
 417   margin: 0 1em 1em 0;
 418 }
 419 .node-form .poll-form fieldset {
 420   display: block;
 421 }
 422 img.screenshot {
 423   border: 1px solid #808080;
 424   display: block;
 425   margin: 2px;
 426 }
 427 .search-form {
 428   margin-bottom: 1em;
 429 }
 430 .search-form p {
 431   margin-top: 0;
 432   margin-bottom: 0.2em;
 433   padding-top: 0;
 434   padding-bottom: 0;
 435 }
 436 .search-form input {
 437   margin-top: 0;
 438   margin-bottom: 0;
 439 }
 440 .search-results p {
 441   margin-top: 0;
 442 }
 443 .search-results dt {
 444   font-size: 1.1em;
 445 }
 446 .search-results dd {
 447   margin-bottom: 1em;
 448 }
 449 .search-results .search-info {
 450   font-size: 0.85em;
 451 }
 452 .tips table {
 453   margin-top: 1em;
 454   margin-bottom: 1em;
 455 }
 456 #tracker td.replies {
 457   text-align: center;
 458 }
 459 #tracker table {
 460   width: 100%;
 461 }
 462 .user-login-block {
 463   text-align: center;
 464 }
 465 .more-help-link {
 466   font-size: 0.85em;
 467   text-align: right;
 468 }
 469 tr.watchdog-user {
 470   background: #ffd;
 471 }
 472 tr.watchdog-user .active {
 473   background: #eed;
 474 }
 475 tr.watchdog-content {
 476   background: #ddf;
 477 }
 478 tr.watchdog-content .active {
 479   background: #cce;
 480 }
 481 tr.watchdog-page-not-found, tr.watchdog-access-denied {
 482   background: #dfd;
 483 }
 484 tr.watchdog-page-not-found .active, tr.watchdog-access-denied .active {
 485   background: #cec;
 486 }
 487 tr.watchdog-error {
 488   background: #ffc9c9;
 489 }
 490 tr.watchdog-error .active {
 491   background: #eeb9b9;
 492 }
 493 .comment .links .form-item {
 494   display: inline;
 495   white-space: nowrap;
 496 }
 497 .comment .links .form-item br {
 498   display: none;
 499 }
 500 #comment-moderation-button {
 501   text-align: center;
 502 }
 503
 504 /* Tab navigation */
 505 ul.primary {
 506   border-collapse: collapse;
 507   padding: 0 0 0 1em;
 508   white-space: nowrap;
 509   list-style: none;
 510   margin: 5px;
 511   height: auto;
 512   line-height: normal;
 513   border-bottom: 1px solid #bbb;
 514 }
 515 ul.primary li {
 516   display: inline;
 517 }
 518 ul.primary li a {
 519   background-color: #ddd;
 520   border-color: #bbb;
 521   border-width: 1px;
 522   border-style: solid solid none solid;
 523   height: auto;
 524   margin-right: 0.5em;
 525   padding: 0 1em;
 526   text-decoration: none;
 527 }
 528 ul.primary li.active a {
 529   background-color: #fff;
 530   border: 1px solid #bbb;
 531   border-bottom: #fff 1px solid;
 532 }
 533 ul.primary li a:hover {
 534   background-color: #eee;
 535   border-color: #ccc;
 536   border-bottom-color: #eee;
 537 }
 538 ul.secondary {
 539   border-bottom: 1px solid #bbb;
 540   padding: 0.5em 1em 0.5em 1em;
 541   margin: 5px;
 542 }
 543 ul.secondary li {
 544   display: inline;
 545   padding: 0 1em;
 546   border-right: 1px solid #ccc;
 547 }
 548 ul.secondary a {
 549   padding: 0;
 550   text-decoration: none;
 551 }
 552 ul.secondary a.active {
 553   border-bottom: 4px solid #999;
 554 }