css/bluemarine.css

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