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