jscripts/fluid-components/css/fluid.presentation.css

   1 /*
   2     THEMES:
   3     Themes are sets of visual properties that represent items both at rest and in action
   4     CSS allows for powerful blending and combinations of visual properties (Cascadence)
   5
   6     The themes are separated into roles:
   7     Layout
   8     Graphics
   9     Colors
  10     Fonts
  11
  12     Theme files will combine specific roles and custom declarations to make a single cohesive aesthetic
  13 */
  14
  15 /*
  16  *
  17  *Typography
  18  *Layout
  19  *    columns grids modules
  20  *Colors
  21  *    theme-red
  22  *    theme-blue
  23  *    theme-green
  24  *    theme-gold
  25  *    theme-contrast (basic setup for high contrast b/w )
  26  *Graphics
  27  *    Low Bandwidth (shallow depth bitmaps or no graphics)
  28  *    High Bandwidth (full graphics)
  29  *
  30  */
  31
  32
  33 #fluidproject{} /* Namespace */
  34
  35
  36
  37
  38
  39
  40
  41
  42
  43
  44
  45
  46
  47
  48
  49
  50
  51
  52
  53
  54
  55
  56 /* TYPOGRAPHY */
  57
  58
  59 /* LAYOUT */
  60 .floatContainerFix {
  61     /* makes a container with floating elements inside grow to reflect their height */
  62     /* see http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ */
  63     overflow: auto;
  64 }
  65 .floatMarginFix {
  66     display: inline; /* removes IE6 double margin on floated elelemnts bug, no effect on other browsers */
  67 }
  68
  69 /* COLOR */
  70
  71 /* GRAPHICS */
  72
  73 /*  HIGH CONTRAST: black and white */
  74 .-fluid-theme-highContrast h1 {
  75     font            : bold 3em "Times,serif";
  76     color           : #fff;
  77     background-color: #000;
  78 }
  79
  80 .-fluid-theme-highContrast h2 {
  81     font            : bold 2.0em "Times,serif";
  82     color           : #fff;
  83     background-color: #000;
  84 }
  85 .-fluid-theme-highContrast a:link {
  86     font-weight     : bold;
  87     color           : white;
  88     background-color: black;
  89 }
  90
  91 .-fluid-theme-highContrast a:visited {
  92     font-weight     : bold;
  93     color           : black;
  94     background-color: white;
  95 }
  96
  97 .-fluid-theme-highContrast a:hover {
  98     font-weight     : bold;
  99     color           : black;
 100     background-color: white;
 101     border-bottom   : 3px double black;
 102 }
 103
 104
 105 /*  BREEZE: white, blue, light gray */
 106 .-fluid-theme-breeze {
 107     background-color : white;
 108 }
 109
 110 /* GRAPHICS AND SPEED */
 111 .-fluid-high-bandwidth {}
 112
 113 .-fluid-low-bandwidth {}
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126
 127
 128