www/demo/css/styles.css

   1 html {
   2 overflow-y: scroll;
   3 }
   4
   5 html, body {
   6 background-color: #5d82b7;
   7 color: #002863;
   8 font: 11px verdana, arial, sans-serif;
   9 }
  10
  11 div.container {
  12 position: relative;
  13 width: 995px;
  14 background-color: #ffffff;
  15 color: #002863;
  16 margin-left: auto;
  17 margin-right: auto;
  18 height: 100%;
  19 }
  20
  21 img {
  22 border: none;
  23 }
  24
  25 div.topbar {
  26 background-color: #002863;
  27 color: #ffffff;
  28 height: 105px;
  29 position: absolute;
  30 left: 0px;
  31 top: 0px;
  32 width: 100%;
  33 border-bottom: 5px solid #335382;
  34 }
  35
  36 #logo {
  37 position: relative;
  38 left: 71px;
  39 top: 44px;
  40 }
  41
  42 div.topmenu {
  43 position: absolute;
  44 right: 0px;
  45 top: 64px;
  46 text-align: right;
  47 width: 729px;
  48 padding-top: 4px;
  49 padding-right: 35px;
  50 border-top: 1px solid #335382;
  51 height: 25px;
  52 }
  53
  54 div.topmenu a {
  55 color: #ffffff;
  56 font: bold 11px verdana, arial, sans-serif;
  57 padding-left: 41px;
  58 }
  59
  60
  61 div.search {
  62 position: relative;
  63 top: 110px;
  64 left: 0px;
  65 width: 100%;
  66 height: 90px;
  67 background-color: #ffffff;
  68 color: #002863;
  69 font-weight: bold;
  70 }
  71
  72 div.search span {
  73 position: absolute;
  74 right: 788px;
  75 top: 30px;
  76 }
  77
  78 div.search div {
  79 position: absolute;
  80 left: 225px;
  81 top: 25px;
  82 }
  83
  84 input.search {
  85 background-color: #f0f0f0;
  86 color: #002863;
  87 border: 1px solid #a5acb2;
  88 height: 17px;
  89 line-height: 17px;
  90 width: 420px;
  91 }
  92
  93
  94 div.main {
  95 width: 100%;
  96 height: 100%;
  97 background-color: #ffffff;
  98 background-image: url(../gfx/background.gif);
  99 background-position: top left;
 100 background-repeat: repeat-y;
 101 color: #002863;
 102 position: relative;
 103 top: 100px;
 104 left: 0px;
 105 }
 106
 107 div.clear {
 108 clear: both;
 109 }
 110
 111 div.leftbar {
 112 float: left;
 113 width: 167px;
 114 padding-left: 23px;
 115 padding-top: 15px;
 116 padding-right: 20px;
 117 padding-bottom: 30px;
 118 margin-right: 17px;
 119 border-top: 1px solid #c5cedc;
 120 color: #000000;
 121 height: 100%;
 122 }
 123
 124 div.content {
 125 float: right;
 126 width: 733px;
 127 padding-right: 35px;
 128 padding-top: 15px;
 129 padding-bottom: 30px;
 130 background-color: #ffffff;
 131 color: #002863;
 132 border-top: 1px solid #c5cedc;
 133 height: 100%;
 134 }
 135
 136
 137 input.button {
 138 background-color: #5d82b7;
 139 color: #ffffff;
 140 border: none;
 141 line-height: 19px;
 142 height: 19px;
 143 font: bold 11px verdana;
 144 }
 145
 146
 147 a, a:visited {
 148 color: #5d82b7;
 149 text-decoration: none;
 150 }
 151
 152 a:hover {
 153 text-decoration: underline;
 154 }
 155
 156 a.record {
 157 padding-left: 27px;
 158 background-image: url(../gfx/arrow_right.gif);
 159 background-position: 7px 6px;
 160 background-repeat: no-repeat;
 161 display: block;
 162 line-height: 20px;
 163 margin-bottom: 5px;
 164 }
 165
 166 div.records a.select {
 167 padding-left: 27px;
 168 background-image: url(../gfx/arrow_down.gif);
 169 background-position: 7px 8px;
 170 background-repeat: no-repeat;
 171 font-weight: bold;
 172 line-height: 20px;
 173 background-color: #e7ecf4;
 174 display: block;
 175 }
 176
 177 div.results {
 178 float: left;
 179 font-weight: bold;
 180 color: #000000;
 181 }
 182
 183 div.detail {
 184 background-color: #e7ecf4;
 185 margin-top: 2px;
 186 width: 100%;
 187 padding-top: 5px;
 188 padding-bottom: 5px;
 189 }
 190
 191 table {
 192 padding: 0px;
 193 margin: 0px;
 194 border-collapse: collapse;
 195 }
 196
 197 td.item {
 198 width: 100px;
 199 color: #000000;
 200 font-weight: bold;
 201 }
 202
 203 div.detail a {
 204 background: none;
 205 padding: 0px;
 206 margin: 0px;
 207 }
 208
 209 div.detail table {
 210 margin-left: 40px;
 211 }
 212
 213 div.pages {
 214 float: right;
 215 }
 216
 217 div.pages a {
 218 text-decoration: underline;
 219 }
 220
 221 div.pages a.select {
 222 text-decoration: none;
 223 font-weight: bold;
 224 }
 225
 226 div.leftbar a {
 227 display: block;
 228 padding-left: 20px;
 229 }
 230
 231 a.unselected {
 232 background-image: url(../gfx/minus.gif);
 233 background-position: 0px 2px;
 234 background-repeat: no-repeat;
 235 }
 236
 237 a.selected {
 238 background-image: url(../gfx/plus.gif);
 239 background-position: 0px 2px;
 240 background-repeat: no-repeat;
 241 }
 242
 243 span.green {
 244 color: #63b05d;
 245 font-weight: bold;
 246 }
 247
 248
 249 div.facet {
 250 }