swat/style/common.css

   1 /* common.css */
   2
   3         /********* Basic elements across the site **********/
   4         /***************************************************/
   5
   6 body {
   7         margin:0;
   8         background-color:#E5E9F5;
   9         font-family:Lucidasans, Helvetica, Verdana, sans-serif;
  10         font-size:medium;
  11         color:#000;
  12 }
  13 h1 {
  14         font-size:x-large;
  15 }
  16 h2 {
  17         text-align:left;
  18         color:#FFFF64;
  19         font-size:large;
  20         background-color:#3878CD;
  21         margin-top:60px;
  22         margin-bottom:15px;
  23         padding:2px;
  24         padding-left:5px;
  25 }
  26 h3 {
  27         font-size:medium;
  28 }
  29 h5 {
  30         font-size:small;
  31         text-align:right;
  32         display:inline;
  33 }
  34 * html h5 {
  35         padding-right:4px;
  36 }
  37 h6 {
  38         font-size:small;
  39         text-align:right;
  40         text-align:right;
  41 }
  42 h6 a {
  43         margin-right:3px;
  44 }
  45 table.real thead {
  46         background-color: #E5E9F5;
  47 }
  48 table.real th,
  49 table.real td {
  50         border: 1px solid #3878CD;
  51         padding: 2px;
  52 }
  53 table.real {
  54         border: 2px solid #3878CD;
  55         background-color: #F5F8FF;
  56 }
  57 a:link:hover {
  58         color:#CC0033;
  59         background-color:#FFFF64;
  60 }
  61 ol li {
  62         margin-bottom:12px;
  63 }
  64 blockquote {
  65         margin:35px;
  66         padding:15px;
  67         border-left:2px groove #CCC;
  68         border-top:2px groove #CCC;
  69 }
  70 img {
  71         border:0;
  72 }
  73 .punch {                        /*creates a bold typeface */
  74         font-weight:bold;
  75 }
  76
  77         /********************* header styles *******************************/
  78         /******************************************************************/
  79 #banner {
  80         position:absolute;
  81         top:0;
  82         left:0;
  83         height:90px;
  84         width:100%;
  85         padding-top:4px;
  86         background-color:#FFFF64;
  87 }
  88 .logout {
  89         text-align:right;
  90
  91 }
  92 .logout form {
  93         display:inline;
  94 }
  95 .stripe {
  96         position:absolute;
  97         top:40px;
  98         left:0;
  99         height:55px;
 100         width:100%;
 101         background-color:#3878CD;
 102         border-top:2px solid #575756;
 103         border-bottom:2px solid #575756;
 104 }
 105 .slogan {
 106         position:absolute;
 107         left:187px;
 108         z-index:1;
 109 }
 110 html>body .slogan {     /**** Opera needs its own rule *********/
 111         top:100px;
 112 }
 113 :root .slogan {         /**** Undo the Opera rule for all other browsers ****/
 114         top:80px;
 115 }
 116 * html .slogan {        /** Then, give IE 5/6 its own rule ****** */
 117         top:100px;
 118 }
 119
 120                 /******** PNG logo with transparency across browsers  */
 121                 /******************************************************/
 122 #logo>.logo_hack {
 123         background-image:url(/images/logo.png);
 124         background-position:center;
 125         background-repeat:no-repeat;
 126 }
 127 .logo_hack {
 128         position:absolute;
 129         top:25px;
 130         left:0;
 131         width:250px;
 132         height:119px;
 133         padding:0;
 134         margin:0;
 135 }
 136 .logo_hack a:hover {
 137         background:transparent;
 138 }
 139
 140                 /******** Main nav menu styles ****************/
 141                 /**********************************************/
 142 .nav {
 143         position:absolute;
 144         top:152px;
 145         left:20px;
 146         width:180px;
 147         background-color:#F5F8FF;
 148         border:2px groove #3878CD;
 149         padding:0;
 150         padding-bottom:5px;
 151         margin:0;
 152         z-index:1;
 153 }
 154 .nav ul {
 155         list-style-type:none;
 156         text-align:center;
 157         padding:0;
 158         margin:0;
 159 }
 160 .nav a,
 161 .nav a:link,
 162 .nav a:visited {
 163         display:block;
 164         height:20px;
 165         font-size:small;
 166         color:#2B5C9F;
 167 }
 168 .nav a:hover {
 169         color:#FFF;
 170         background-color:#3878CD;
 171 }
 172 .nav a:active {
 173         color:#FFFF64;
 174         background-color:#3878CD;
 175         font-size:14px;
 176 }
 177 .nav img {
 178         padding:0;
 179         margin:0;
 180         width:180px;
 181         height:30px;
 182 }
 183 .colophon {
 184         margin-left:20px;
 185 }