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