themes/bluemarine/style.css

   1 /* $Id: style.css 144 2007-03-28 07:52:20Z thierry $ */
   2
   3 /*
   4 ** HTML elements
   5 */
   6 body {
   7   margin: 0;
   8   padding: 0;
   9   color: #000;
  10   background-color: #fff;
  11   font: 76% Verdana, Arial, Helvetica, sans-serif;
  12 }
  13 tr.odd td, tr.even td {
  14   padding: 0.3em;
  15 }
  16 h1, h2, h3, h4, h5, h6 {
  17   margin-bottom: 0.5em;
  18 }
  19 h1 {
  20   font-size: 1.3em;
  21 }
  22 h2 {
  23   font-size: 1.2em;
  24 }
  25 h3, h4, h5, h6 {
  26   font-size: 1.1em;
  27 }
  28 p {
  29   margin-top: 0.5em;
  30   margin-bottom: 0.9em;
  31 }
  32 a {
  33   text-decoration: none;
  34   font-weight: bold;
  35 }
  36 a:link {
  37   color: #39c;
  38 }
  39 a:visited {
  40   color: #369;
  41 }
  42 a:hover {
  43   color: #39c;
  44   text-decoration: underline;
  45 }
  46 fieldset {
  47   border: 1px solid #ccc;
  48 }
  49 pre {
  50   background-color: #eee;
  51   padding: 0.75em 1.5em;
  52   font-size: 12px;
  53   border: 1px solid #ddd;
  54 }
  55 table {
  56   /* make <td> sizes relative to body size! */
  57   font-size: 1em;
  58 }
  59 .form-item label {
  60   font-size: 1em;
  61   color: #222;
  62 }
  63 .item-list .title {
  64   font-size: 1em;
  65   color: #222;
  66 }
  67 .links {
  68   margin-bottom: 0em;
  69 }
  70 .comment .links {
  71   margin-bottom: 0em;
  72 }
  73
  74 /*
  75 ** Page layout blocks / IDs
  76 */
  77 #header, #content {
  78   width: 100%;
  79 }
  80 #header {
  81   background-color: #69c;
  82 }
  83 #logo {
  84   vertical-align: middle;
  85   border: 0;
  86 }
  87 #logo img {
  88   float: left;
  89   padding: 0em 1.0em 0em 1em;
  90   border: 0;
  91 }
  92 #menu {
  93   padding: 0.5em 0.5em 0 0.5em;
  94   text-align: right;
  95   vertical-align: middle;
  96 }
  97 #primary {
  98   font-size: 1.0em;
  99   padding: 0em 0.8em 0.5em 0;
 100   color: #9cf;
 101 }
 102 #primary a {
 103   font-weight: bold;
 104   color: #fff;
 105 }
 106 #secondary {
 107   padding: 0 1em 0.5em 0;
 108   font-size: 0.8em;
 109   color: #9cf;
 110 }
 111 #secondary a {
 112   font-weight: bold;
 113   color: #9cf;
 114 }
 115 #search .form-text, #search .form-submit {
 116   border: 1px solid #369;
 117   font-size: 1.1em;
 118   height: 1.5em;
 119   vertical-align: middle;
 120 }
 121 #search .form-text {
 122   width: 8em;
 123   padding: 0 0.5em 0 0.5em;
 124 }
 125 #mission {
 126   background-color: #369;
 127   padding: 1.5em 2em;
 128   color: #fff;
 129 }
 130 #mission a, #mission a:visited {
 131   color: #9cf;
 132   font-weight: bold;
 133 }
 134 .site-name {
 135   margin: 0.6em 0em 0em 0em;
 136   padding: 0em;
 137   font-size: 2em;
 138 }
 139 .site-name a:link, .site-name a:visited {
 140   color: #fff;
 141 }
 142 .site-name a:hover {
 143   color: #369;
 144   text-decoration: none;
 145 }
 146 .site-slogan {
 147   font-size: 1em;
 148   color: #eee;
 149   display: block;
 150   margin: 0em 0em 0em 0em;
 151   font-style: italic;
 152   font-weight: bold;
 153 }
 154 #main {
 155   /* padding in px not ex because IE messes up 100% width tables otherwise */
 156   padding: 10px;
 157 }
 158 #mission, .node .content, .comment .content {
 159   line-height: 1.4;
 160 }
 161 #help {
 162   font-size: 0.9em;
 163   margin-bottom: 1em;
 164 }
 165 .breadcrumb {
 166   margin-bottom: .5em;
 167 }
 168 .messages {
 169   background-color: #eee;
 170   border: 1px solid #ccc;
 171   padding: 0.3em;
 172   margin-bottom: 1em;
 173 }
 174 .error {
 175   border-color: red;
 176 }
 177 #sidebar-left, #sidebar-right {
 178   background-color: #ddd;
 179   width: 16em;
 180   /* padding in px not ex because IE messes up 100% width tables otherwise */
 181   padding: 10px;
 182   vertical-align: top;
 183 }
 184 #footer {
 185   background-color: #eee;
 186   padding: 1em;
 187   font-size: 0.8em;
 188 }
 189
 190 /*
 191 ** Common declarations for child classes of node, comment, block, box, etc.
 192 ** If you want any of them styled differently for a specific parent, add
 193 ** additional rules /with only the differing properties!/ to .parent .class.
 194 ** See .comment .title for an example.
 195 */
 196 .title, .title a {
 197   font-weight: bold;
 198   font-size: 1.3em;
 199   color: #777;
 200   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 201 }
 202 .submitted {
 203   color: #999;
 204   font-size: 0.8em;
 205 }
 206 .links {
 207   color: #999;
 208 }
 209 .links a {
 210   font-weight: bold;
 211 }
 212 .block, .box {
 213   padding: 0 0 1.5em 0;
 214 }
 215 .block {
 216   border-bottom: 1px solid #bbb;
 217   padding-bottom: 0.75em;
 218   margin-bottom: 1.5em;
 219 }
 220 .block .title {
 221   margin-bottom: .25em;
 222 }
 223 .box .title {
 224   font-size: 1.1em;
 225 }
 226 .node {
 227   margin: .5em 0 2em 0;
 228 }
 229 .sticky {
 230   padding: .5em;
 231   background-color: #eee;
 232   border: solid 1px #ddd;
 233 }
 234 .node .content, .comment .content {
 235   margin: .5em 0 .5em 0;
 236 }
 237 .node .taxonomy {
 238   color: #999;
 239   font-size: 0.8em;
 240   padding: 1.5em;
 241 }
 242 .node .picture {
 243   border: 1px solid #ddd;
 244   float: right;
 245   margin: 0.5em;
 246 }
 247 .comment {
 248   border: 1px solid #abc;
 249   padding: .5em;
 250   margin-bottom: 1em;
 251 }
 252 .comment .title a {
 253   font-size: 1.1em;
 254   font-weight: normal;
 255 }
 256 .comment .new {
 257   text-align: right;
 258   font-weight: bold;
 259   font-size: 0.8em;
 260   float: right;
 261   color: red;
 262 }
 263 .comment .picture {
 264   border: 1px solid #abc;
 265   float: right;
 266   margin: 0.5em;
 267 }
 268
 269 /*
 270 ** Module specific styles
 271 */
 272 #aggregator .feed-source {
 273   background-color: #eee;
 274   border: 1px solid #ccc;
 275   padding: 1em;
 276   margin: 1em 0 1em 0;
 277 }
 278 #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
 279   color: #999;
 280   font-style: italic;
 281   font-size: 0.9em;
 282 }
 283 #aggregator .title {
 284   margin-bottom: 0.5em;
 285   font-size: 1em;
 286 }
 287 #aggregator h3 {
 288   margin-top: 1em;
 289 }
 290 #forum table {
 291   width: 100%;
 292 }
 293 #forum td {
 294   padding: 0.5em 0.5em 0.5em 0.5em;
 295 }
 296 #forum td.forum, #forum td.posts {
 297   background-color: #eee;
 298 }
 299 #forum td.topics, #forum td.last-reply {
 300   background-color: #ddd;
 301 }
 302 #forum td.container {
 303   background-color: #ccc;
 304 }
 305 #forum td.container a {
 306   color: #555;
 307 }
 308 #forum td.statistics, #forum td.settings, #forum td.pager {
 309   height: 1.5em;
 310   border: 1px solid #bbb;
 311 }
 312 #forum td .name {
 313   color: #96c;
 314 }
 315 #forum td .links {
 316   padding-top: 0.7em;
 317   font-size: 0.9em;
 318 }
 319 #profile .profile {
 320   clear: both;
 321   border: 1px solid #abc;
 322   padding: .5em;
 323   margin: 1em 0em 1em 0em;
 324 }
 325 #profile .profile .name {
 326   padding-bottom: 0.5em;
 327 }
 328 .block-forum h3 {
 329   margin-bottom: .5em;
 330 }
 331 .calendar a {
 332   text-decoration: none;
 333 }
 334 .calendar td, .calendar th {
 335   padding: 0.4em 0;
 336   border-color: #888;
 337 }
 338 .calendar .day-today {
 339   background-color: #69c;
 340 }
 341 .calendar .day-today a {
 342   color: #fff;
 343 }
 344 .calendar .day-selected {
 345   background-color: #369;
 346   color: #fff;
 347 }
 348 .calendar .header-week {
 349   background-color: #ccc;
 350 }
 351 .calendar .day-blank {
 352   background-color: #ccc;
 353 }
 354 .calendar .row-week td a:hover {
 355   background-color: #fff; color: #000;
 356 }