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