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 a.record {
 146 }
 147
 148 div.results {
 149 float: left;
 150 font-weight: bold;
 151 color: #000000;
 152 }
 153
 154 div.detail {
 155 background-color: #e7ecf4;
 156 margin-top: 2px;
 157 width: 100%;
 158 padding-top: 5px;
 159 padding-bottom: 5px;
 160 }
 161
 162 table {
 163 padding: 0px;
 164 margin: 0px;
 165 border-collapse: collapse;
 166 }
 167
 168 td.item {
 169 width: 100px;
 170 color: #000000;
 171 font-weight: bold;
 172 }
 173
 174 div.detail a {
 175 background: none;
 176 padding: 0px;
 177 margin: 0px;
 178 }
 179
 180 div.detail table {
 181 margin-left: 40px;
 182 }
 183
 184 div.pages {
 185 float: right;
 186 }
 187
 188 div.pages a {
 189 text-decoration: underline;
 190 }
 191
 192 div.pages a.select {
 193 text-decoration: none;
 194 font-weight: bold;
 195 }
 196
 197 div.leftbar a {
 198 display: block;
 199 padding-left: 2.2em;
 200 text-indent: -1em;
 201 }
 202
 203 a.unselected {
 204 background-image: url(../gfx/minus.gif);
 205 background-position: 0px 2px;
 206 background-repeat: no-repeat;
 207 cursor: pointer;
 208 }
 209
 210 a.selected {
 211 background-image: url(../gfx/plus.gif);
 212 background-position: 0px 2px;
 213 background-repeat: no-repeat;
 214 cursor: pointer;
 215 }
 216
 217 span.green {
 218 color: #63b05d;
 219 font-weight: bold;
 220 }
 221
 222
 223 div.facet {
 224 }