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