crm.fsf.org/20131203/files/sites/all/modules-old/civicrm/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, tr.light 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 .crm-form-submit {
 116   border: 1px solid #369;
 117   font-size: 1.1em;
 118 }
 119 #search .form-text {
 120   width: 8em;
 121   height: 1.4em;
 122   padding: 0 0.5em 0 0.5em;
 123   margin: 0 0 0.5em 0;
 124 }
 125 #search .crm-form-submit {
 126   height: 1.5em;
 127 }
 128 #mission {
 129   background-color: #369;
 130   padding: 1.5em 2em;
 131   color: #fff;
 132 }
 133 #mission a, #mission a:visited {
 134   color: #9cf;
 135   font-weight: bold;
 136 }
 137 .site-name {
 138   margin: 0.6em 0em 0em 0em;
 139   padding: 0em;
 140   font-size: 2em;
 141 }
 142 .site-name a:link, .site-name a:visited {
 143   color: #fff;
 144 }
 145 .site-name a:hover {
 146   color: #369;
 147   text-decoration: none;
 148 }
 149 .site-slogan {
 150   font-size: 1em;
 151   color: #eee;
 152   display: block;
 153   margin: 0em 0em 0em 0em;
 154   font-style: italic;
 155   font-weight: bold;
 156 }
 157 #main {
 158   /* padding in px not ex because IE messes up 100% width tables otherwise */
 159   padding: 10px;
 160 }
 161 #mission, .node .content, .comment .content {
 162   line-height: 1.4;
 163 }
 164 #help {
 165   font-size: 0.9em;
 166   margin-bottom: 1em;
 167 }
 168 .breadcrumb {
 169   margin-bottom: .5em;
 170 }
 171 .messages {
 172   background-color: #eee;
 173   border: 1px solid #ccc;
 174   padding: 0.3em;
 175   margin-bottom: 1em;
 176 }
 177 .error {
 178   border-color: red;
 179 }
 180 #sidebar-left, #sidebar-right {
 181   background-color: #ddd;
 182   width: 16em;
 183   /* padding in px not ex because IE messes up 100% width tables otherwise */
 184   padding: 10px;
 185   vertical-align: top;
 186 }
 187 #footer {
 188   background-color: #eee;
 189   padding: 1em;
 190   font-size: 0.8em;
 191 }
 192
 193 /*
 194 ** Common declarations for child classes of node, comment, block, box, etc.
 195 ** If you want any of them styled differently for a specific parent, add
 196 ** additional rules /with only the differing properties!/ to .parent .class.
 197 ** See .comment .title for an example.
 198 */
 199 .title, .title a {
 200   font-weight: bold;
 201   font-size: 1.3em;
 202   color: #777;
 203   margin: 0 auto 0 auto;  /* decrease default margins for h<x>.title */
 204 }
 205 .submitted {
 206   color: #999;
 207   font-size: 0.8em;
 208 }
 209 .links {
 210   color: #999;
 211 }
 212 .links a {
 213   font-weight: bold;
 214 }
 215 .block, .box {
 216   padding: 0 0 1.5em 0;
 217 }
 218 .block {
 219   border-bottom: 1px solid #bbb;
 220   padding-bottom: 0.75em;
 221   margin-bottom: 1.5em;
 222 }
 223 .block .title {
 224   margin-bottom: .25em;
 225 }
 226 .box .title {
 227   font-size: 1.1em;
 228 }
 229 .node {
 230   margin: .5em 0 2em 0;
 231 }
 232 .sticky {
 233   padding: .5em;
 234   background-color: #eee;
 235   border: solid 1px #ddd;
 236 }
 237 .node .content, .comment .content {
 238   margin: .5em 0 .5em 0;
 239 }
 240 .node .taxonomy {
 241   color: #999;
 242   font-size: 0.8em;
 243   padding: 1.5em;
 244 }
 245 .node .picture {
 246   border: 1px solid #ddd;
 247   float: right;
 248   margin: 0.5em;
 249 }
 250 .comment {
 251   border: 1px solid #abc;
 252   padding: .5em;
 253   margin-bottom: 1em;
 254 }
 255 .comment .title a {
 256   font-size: 1.1em;
 257   font-weight: normal;
 258 }
 259 .comment .new {
 260   text-align: right;
 261   font-weight: bold;
 262   font-size: 0.8em;
 263   float: right;
 264   color: red;
 265 }
 266 .comment .picture {
 267   border: 1px solid #abc;
 268   float: right;
 269   margin: 0.5em;
 270 }
 271
 272 /*
 273 ** Module specific styles
 274 */
 275 #aggregator .feed {
 276   background-color: #eee;
 277   border: 1px solid #ccc;
 278   padding: 1em;
 279   margin: 1em 0 1em 0;
 280 }
 281 #aggregator .news-item .source, #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
 282   color: #999;
 283   font-style: italic;
 284   font-size: 0.9em;
 285 }
 286 #aggregator .title {
 287   margin-bottom: 0.5em;
 288   font-size: 1em;
 289 }
 290 #aggregator h3 {
 291   margin-top: 1em;
 292 }
 293 #forum table {
 294   width: 100%;
 295 }
 296 #forum td {
 297   padding: 0.5em 0.5em 0.5em 0.5em;
 298 }
 299 #forum td.forum, #forum td.posts {
 300   background-color: #eee;
 301 }
 302 #forum td.topics, #forum td.last-reply {
 303   background-color: #ddd;
 304 }
 305 #forum td.container {
 306   background-color: #ccc;
 307 }
 308 #forum td.container a {
 309   color: #555;
 310 }
 311 #forum td.statistics, #forum td.settings, #forum td.pager {
 312   height: 1.5em;
 313   border: 1px solid #bbb;
 314 }
 315 #forum td .name {
 316   color: #96c;
 317 }
 318 #forum td .links {
 319   padding-top: 0.7em;
 320   font-size: 0.9em;
 321 }
 322 #profile .profile {
 323   clear: both;
 324   border: 1px solid #abc;
 325   padding: .5em;
 326   margin: 1em 0em 1em 0em;
 327 }
 328 #profile .profile .name {
 329   padding-bottom: 0.5em;
 330 }
 331 .block-forum h3 {
 332   margin-bottom: .5em;
 333 }
 334 .calendar a {
 335   text-decoration: none;
 336 }
 337 .calendar td, .calendar th {
 338   padding: 0.4em 0;
 339   border-color: #888;
 340 }
 341 .calendar .day-today {
 342   background-color: #69c;
 343 }
 344 .calendar .day-today a {
 345   color: #fff;
 346 }
 347 .calendar .day-selected {
 348   background-color: #369;
 349   color: #fff;
 350 }
 351 .calendar .header-week {
 352   background-color: #ccc;
 353 }
 354 .calendar .day-blank {
 355   background-color: #ccc;
 356 }
 357 .calendar .row-week td a:hover {
 358   background-color: #fff; color: #000;
 359 }