themes/democratica/modules.css

   1 /* $Id: modules.css,v 1.1 2005/03/25 01:06:43 kbahey Exp $ */
   2 /*<group=Poll>*/
   3
   4 #content .poll {
   5   margin: 0.5em;
   6   padding: 0.5em;
   7   border: #ccc solid 1px;
   8 }
   9 .block-poll .poll {
  10   background-color: #EBEFF2;
  11 }
  12 #sidebar-left .block-poll .links {
  13   display: none;
  14 }
  15 .poll .links {
  16   text-align: center;
  17 }
  18 .poll-title {
  19   padding-bottom: 0.3em;
  20   margin-bottom: 0.4em;
  21   border-bottom: #ccc solid 1px;
  22 }
  23 .poll .text {
  24   margin-bottom: 0.3em;
  25 }
  26 .poll .vote-form .choices {
  27   text-align: left;
  28   margin: 0 auto;
  29   display: table;
  30 }
  31 .poll .percent {
  32   text-align: right;
  33   padding-bottom: 0.3em;
  34   margin-bottom: 0.4em;
  35   border-bottom: #ccc dashed 1px;
  36 }
  37 .poll .total {
  38   text-align: center;
  39 }
  40 .poll .bar {
  41   height: 5px;
  42   margin: 1px 0;
  43   background-color: #ddd;
  44 }
  45 .poll .bar .foreground {
  46   float: left;
  47   height: 5px;
  48   background-color: #aaa;
  49 /*  border: #ccc solid 1px;*/ /* causes content dropping in IE */
  50 }
  51 .node-form .poll-form fieldset {
  52   display: block;
  53 }
  54 .poll .vote-form {
  55   text-align: center;
  56 }
  57
  58   /*</group>*/
  59 /*<group=Event Calendar & Archive Calendar>*/
  60
  61 /* Mini-Calendar Formatting */
  62 .sidebar .event-calendar th.heading, .sidebar .event-calendar th, .sidebar .calendar th, .sidebar .calendar .header-month {
  63   font-size: 1.0em;
  64  }
  65 .sidebar .event-calendar th, .sidebar .calendar th, .sidebar .event-calendar td, .sidebar .calendar td, #event .event-calendar .event .teaser {
  66   font-size: 0.9em;
  67  }
  68 .sidebar .event-calendar table, .sidebar .calendar table {
  69   border: 1px solid #BDCEE1;
  70   border-collapse: collapse;
  71   border-spacing: 0;
  72   background-color: #BDCEE1;
  73   width: 100%;
  74   margin-bottom: 6px;
  75  }
  76 .sidebar .event-calendar tr, .sidebar .calendar tr {
  77   padding: 0;
  78   margin: 0;
  79   background: transparent;
  80  }
  81 .sidebar .event-calendar th, .sidebar .calendar th, .sidebar .calendar td.header-month {
  82   background-color: transparent;
  83   background: url(images/calendar_sq_bg.png) top left no-repeat;
  84   text-align: center;
  85   border: 1px solid #BDCEE1;
  86   color: #C30;
  87   padding: 4px 2px;
  88  }
  89 .sidebar .event-calendar th.heading, .sidebar .event-calendar th.prev, .sidebar .event-calendar th.next, .sidebar .calendar th.header-month, .sidebar .calendar td.header-month {
  90   border-width: 1px 0;
  91   background-image: none;
  92   background-color: #BDCEE1;
  93  }
  94 .sidebar .event-calendar th.prev {
  95   text-align: left;
  96  }
  97 .sidebar .event-calendar th.next {
  98   text-align: right;
  99  }
 100 .sidebar .event-calendar th, .sidebar .calendar .header-month a, .sidebar .calendar .header-month {
 101   font-weight: bold;
 102   color: #C30;
 103  }
 104 .sidebar .event-calendar th a {
 105   display: block;
 106  }
 107 .sidebar .calendar .header-month a {
 108   display: inline;
 109  }
 110 .sidebar .calendar .header-week td {
 111   border: none;
 112   padding: 4px;
 113 }
 114 .sidebar .event-calendar td, .sidebar .calendar .row-week td {
 115   border: 1px solid #BDCEE1;
 116   color: #727664;
 117   text-align: center;
 118   vertical-align: middle;
 119   margin: 0;
 120   padding: 6px 2px;
 121   background: url(images/calendar_sq_bg.png) top left no-repeat;
 122  }
 123 .sidebar .calendar td div {
 124   margin: 0;
 125   padding: 0;
 126  }
 127 .sidebar .calendar .row-week td.day-selected {
 128   background-color: transparent;
 129   background: url(images/calendar_sq_selected.png) top left repeat;\r }
 130 .sidebar .calendar .row-week td.day-blank {
 131   background-color: transparent;
 132   background-image: none;
 133  }
 134 .sidebar .event-calendar td a, .sidebar .calendar .row-week td a {
 135   font-weight: bold;
 136   text-decoration: none;
 137   display: block;
 138   margin: 0;
 139   padding: 0;
 140  }
 141 .sidebar .event-calendar td a:hover, .sidebar .calendar .row-week td a:hover {
 142   color: #c30;
 143   background-color: transparent;
 144   text-decoration: underline;
 145  }
 146 .sidebar .event-calendar td.sat, .sidebar .event-calendar td.sun {
 147   background: url(images/calendar_sq_weekend.png) top left no-repeat;\r }
 148 .sidebar .event-calendar td.today, .sidebar .calendar td.day-today {
 149   color: #fff;
 150   background: #c30 url(images/calendar_sq_today_corner.png) bottom right no-repeat;\r }
 151 .sidebar .event-calendar td.today a, .sidebar .calendar td.day-today a {
 152   color: #fff;
 153   text-decoration: none;
 154   display: block;
 155  }
 156 .sidebar .event-calendar td.today a:hover, .sidebar .calendar td.day-today a:hover {
 157   color: #fff;
 158   background-color: transparent;
 159   text-decoration: underline;
 160  }
 161 .sidebar .event-calendar td.selected, .sidebar .calendar .day-selected {
 162   background: url(images/calendar_sq_selected.png) top left repeat;
 163  }
 164 .sidebar .event-calendar td.days, calendar td.day-normal, .sidebar .calendar .header-week {
 165   color: #798786;
 166   font-weight: normal;
 167   background: #fff;
 168   text-align: center;
 169   padding: 4px 2px;
 170  }
 171 .sidebar .event-calendar div.event {
 172   text-align: left;
 173   margin: 0.25em 0 1em 0.25em;
 174  }
 175 .sidebar .event-calendar td.days, .sidebar .calendar td.header-month {
 176   border: none;
 177  }
 178 .sidebar .event-calendar div.day {
 179   float: right;
 180   text-align: center;
 181   padding: 0.125em 0.25em 0 0.25em;
 182   margin: 0;
 183   border: none;
 184   background: #f3f3f3;
 185  }
 186 .sidebar .event-calendar div.event span {
 187   display: block;
 188   color: #000;
 189   padding: 0;
 190   margin: 0;
 191  }
 192 .sidebar .event-calendar div.event span.title a {
 193   font-weight: normal;
 194   font-size: 0.9em;
 195   color: #000;
 196  }
 197 .sidebar .event-calendar div.event span.time {
 198   font-weight: bold;
 199  }
 200 .sidebar .event-calendar div.event span.location {
 201   font-style: italic;
 202   color: #555;
 203  }
 204 .time {
 205   padding: 20px;
 206  }
 207
 208 /* Event Detail Page */
 209 \r
 210 #event {
 211   margin-top: 1.0em;
 212   padding-bottom: 1.0em;
 213   text-align: center;
 214 }
 215 #event .event-calendar {
 216 /*  border: 1px solid #BDCEE1; */
 217   margin-bottom: 0.5em;
 218   padding-bottom: 0;
 219   border: 0;
 220 }
 221 #event .event-calendar table {
 222   background-color: #BDCEE1;
 223   width: 99%;
 224   padding: 0 1px 1px 0;
 225   border-collapse: collapse;
 226  }
 227 #event .event-calendar th {
 228   text-align: center;
 229   border: 1px solid #BDCEE1;
 230   color: #C30;
 231   padding: 4px 2px;
 232   border-width: 1px 0;
 233   background-image: none;
 234   background-color: #BDCEE1;
 235 }
 236 #event .event-calendar th.prev {
 237   text-align: left;
 238   padding-left: 4px;
 239 }
 240 #event .event-calendar th.next {
 241   text-align: right;
 242   padding-right: 4px;
 243 }
 244 #event .event-calendar th a {
 245   color: #C30;
 246  }
 247 #event .event-calendar th a:hover {
 248   color: #C30;
 249   text-decoration: underline;
 250  }
 251 #event .event-calendar td {
 252   width: 14.3%;
 253   border: 0;
 254   color: #727664;
 255   text-align: left;
 256   vertical-align: top;
 257   margin: 0;
 258   padding: 0;
 259  }
 260 #event .event-calendar td.mon, #event .event-calendar td.tue, #event .event-calendar td.wed, #event .event-calendar td.thu, #event .event-calendar td.fri {
 261   border: 1px solid #BDCEE1;
 262   border-bottom: 1px solid #BDCEE1;
 263   background: #fff url(images/calendar_sq_bg.png) top left no-repeat;
 264 }
 265 #event .event-calendar td.sat, #event .event-calendar td.sun {
 266   border: 0;
 267   border-bottom: 1px solid #BDCEE1;
 268   border-top: 1px solid #BDCEE1;
 269   background: #fff url(images/calendar_sq_weekend.png) top left no-repeat;\r}
 270 #event .event-calendar td.sun {
 271   border-right: 0;
 272  }
 273 #event .event-calendar td.sat {
 274   border-left: 0;
 275  }
 276 #event .event-calendar td.days {
 277   border: 0;
 278   border-bottom: 1px solid #BDCEE1;
 279   background: #fff none;
 280 }
 281 #event .event-calendar td.lastweek {
 282   border-bottom: 0;
 283  }
 284 #event .event-calendar td.today a {
 285   color: #065285;
 286   text-decoration: underline;
 287 }
 288 #event .event-calendar td.today a:hover {
 289   color: #C20508;
 290   text-decoration: underline;
 291 }
 292 #event .event-calendar td.today {
 293   color: #c30;
 294   font-weight: bold;
 295  }
 296 #event .event-calendar td.today .day {
 297   color: #fff;
 298   font-weight: bold;
 299   background: #c30 url(images/calendar_sq_today_corner.png) bottom right no-repeat;\r }
 300 #event .event-calendar .days {
 301   background-image: none;
 302   background-color: #fff;
 303   border-bottom: 1px solid #BDCEE1;
 304   padding: 4px 2px;
 305   border: none;
 306   text-align: center;
 307 }
 308 #event .event-calendar .day {
 309   padding: 4px 4px 6px 6px;
 310   margin: 0 0 4px 2px;
 311 }
 312 #event .event-calendar .event {
 313   margin: 4px;
 314 }
 315 #event .event-calendar .event-empty {
 316   min-height: 6em;
 317   padding: 0;
 318   margin: 0;
 319 }
 320
 321 /* Event Formatting */
 322
 323 .event .details {
 324   padding: 0;
 325  }
 326 .event .content:before {
 327   content: "Event details: ";
 328   display: block;
 329  }
 330 .event .content:before, .event label {
 331   font-size: 0.9em;
 332   color: #004D81;
 333  }
 334 .node .event .content {
 335   border-left: 1.0em solid #CFE4F3;
 336   margin: 0 1.0em 2.0em 1.0em;
 337   padding-left: 1.5em;
 338   border-top: none;
 339   margin: 0;
 340 }
 341 .event .details .form-item, .node .event .details .form-item .title {
 342   color: #c60;
 343 }
 344 .event .details .form-item .title {
 345   display: inline;
 346   padding-right: 0.2em;
 347 }
 348
 349   /*</group>*/
 350 /*<group=Book>*/
 351 .book {
 352   margin: 1em 0 1em 0;
 353 }
 354 .book .title {
 355   margin-bottom:1em;
 356 }
 357 .book .tree {
 358   padding-top:1em;
 359   border-top: 1px solid #888;
 360   padding-bottom: 1em;
 361 }
 362 .book .name {
 363   padding-top:1em;
 364 }
 365 .book .nav {
 366   border-top: 1px solid #888;
 367   border-bottom: 1px solid #888;
 368   padding-bottom: 3em;
 369   padding-top: 1em;
 370 }
 371 .book .nav .prev {
 372   float: left;
 373   text-align: left;
 374   width: 45%;
 375 }
 376 .book .nav .next {
 377   float: right;
 378   text-align: right;
 379   width: 45%;
 380 }
 381 .book .nav .up {
 382   text-align: center;
 383 }
 384
 385 /*</group>*/
 386
 387 /*<group=Forum>*/
 388
 389 /*** FORUM STYLE ***/
 390 div#forum table {
 391   width: 100%;
 392   margin-bottom: 1em;
 393 }
 394 #forum td {
 395   padding: 0.5em 0.5em 0.5em 0.5em;
 396   line-height: 1.2em;
 397 }
 398 #forum td.statistics, #forum td.settings, #forum td.pager {
 399   height: 1.5em;
 400   border: 1px solid #bbb;
 401 }
 402 #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
 403   white-space: nowrap;
 404 }
 405 #forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
 406   white-space: nowrap;
 407 }
 408 #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
 409   text-align: center;
 410 }
 411 #forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
 412   text-align: center;
 413 }
 414 div#forum table .topics,
 415 div#forum table .posts,
 416 div#forum table .last-reply {
 417   width: 5%;
 418 }
 419 div#forum table .name,
 420 div#forum table .description,
 421 div#forum table .navigation,
 422 div#forum table .description {
 423   margin: 0;
 424 }
 425 div#forum table th {
 426   white-space: nowrap;
 427 }
 428 div#forum table .name {
 429   margin: 0.5em;
 430   margin: 0;
 431 }
 432 #forum .description, #forum .navigation, #forum .description {
 433   margin: 0.5em;
 434 }
 435 div#forum table .topic {
 436   width: 80%;
 437 }
 438 div#forum table .icon {
 439   width: 20px;
 440   text-align: center;
 441 }
 442 div#forum table .created,
 443 div#forum table .replies {
 444   width: 5%;
 445 }
 446
 447   /*</group>*/
 448 /*<group=HTMLArea>*/
 449 #main-content .htmlarea table {
 450   width: auto;
 451   border-width: 0;
 452   margin-bottom: 0;
 453 }
 454 #main-content .htmlarea tr td {
 455   border-width: 0;
 456   padding: 0;
 457 }
 458 /*</group>*/
 459 /*<group=Aggregator>*/
 460 #aggregator .aggregator-date {
 461   margin-bottom: 1em;
 462 }
 463 #aggregator .news-item {
 464   padding-bottom: 1em;
 465   margin-left: 2em;
 466 }
 467 #aggregator .news-item-body {
 468   margin-top: 1em;
 469   margin-left: 4em;
 470 }
 471 #aggregator td {
 472   vertical-align: bottom;
 473 }
 474 #aggregator td.categorize-item {
 475   white-space: nowrap;
 476 }
 477 #aggregator .categorize-item .news-item .body {
 478   margin-top: 0;
 479 }
 480 #aggregator .categorize-item h3 {
 481   margin-bottom: 1em;
 482   margin-top: 0;
 483 }
 484 /*</group>*/