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-family: verdana, arial, sans-serif;
   9 font-size: small;
  10 }
  11
  12 div.container {
  13 position: relative;
  14 width: 972px;
  15 background-color: #ffffff;
  16 color: #002863;
  17 margin-left: auto;
  18 margin-right: auto;
  19 height: 100%;
  20 }
  21
  22 img {
  23 border: none;
  24 }
  25
  26 div.topbar {
  27 background-color: #002863;
  28 color: #ffffff;
  29 height: 7em;
  30 position: absolute;
  31 left: 0px;
  32 top: 0px;
  33 width: 100%;
  34 }
  35
  36 #logo {
  37 position: relative;
  38 left: 30px;
  39 top: 24px;
  40 }
  41
  42 div.topmenu {
  43 position: absolute;
  44 right: 0px;
  45 top: 40px;
  46 text-align: right;
  47 padding-top: 4px;
  48 padding-right: 35px;
  49 height: 25px;
  50 }
  51
  52 div.topmenu a {
  53 color: #ffffff;
  54 font-weight: bold;
  55 padding-left: 5px;
  56 }
  57
  58 div.search div {
  59 position: absolute;
  60 left: 224px;
  61 top: 18px;
  62 }
  63
  64 input.search {
  65 background-color: #f0f0f0;
  66 color: #002863;
  67 border: 1px solid #a5acb2;
  68 width: 420px;
  69 }
  70
  71
  72 input.button {
  73 background-color: #5d82b7;
  74 color: #ffffff;
  75 border: 2px solid #5d82b7;
  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: 7em;
  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 margin-top: 0px;
 136 text-indent: -2em;
 137 /*
 138 border-style: none;
 139 border-top-style: solid;
 140 border-width: 1px;
 141 border-color: #f0f0f0;
 142 */
 143 }
 144
 145 }
 146
 147 a.record {
 148 }
 149
 150 div.results {
 151 float: left;
 152 font-weight: bold;
 153 color: #000000;
 154 }
 155
 156 div.detail {
 157 background-color: #e7ecf4;
 158 margin-top: 2px;
 159 width: 100%;
 160 padding-top: 5px;
 161 padding-bottom: 5px;
 162 }
 163
 164 table {
 165 padding: 0px;
 166 margin: 0px;
 167 border-collapse: collapse;
 168 }
 169
 170 td.item {
 171 width: 100px;
 172 color: #000000;
 173 font-weight: bold;
 174 }
 175
 176 div.detail a {
 177 background: none;
 178 padding: 0px;
 179 margin: 0px;
 180 }
 181
 182 div.detail table {
 183 margin-left: 40px;
 184 }
 185
 186 div.pages {
 187 float: right;
 188 }
 189
 190 div.pages a {
 191 text-decoration: underline;
 192 }
 193
 194 div.pages a.select {
 195 text-decoration: none;
 196 font-weight: bold;
 197 }
 198
 199 div.leftbar a {
 200 display: block;
 201 padding-left: 2.2em;
 202 text-indent: -1em;
 203 }
 204
 205 a.unselected {
 206 background-image: url(../gfx/minus.gif);
 207 background-position: 0px 2px;
 208 background-repeat: no-repeat;
 209 cursor: pointer;
 210 }
 211
 212 a.selected {
 213 background-image: url(../gfx/plus.gif);
 214 background-position: 0px 2px;
 215 background-repeat: no-repeat;
 216 cursor: pointer;
 217 }
 218
 219 span.green {
 220 color: #63b05d;
 221 font-weight: bold;
 222 }
 223
 224
 225 div.facet {
 226 }