css/default.css

   1 body
   2 {
   3         margin: 0;
   4         font-family: Arial, Helvetica, sans-serif;
   5         font-size: 75%;
   6         background: white url('/img/bg.png') repeat-x left 88px;
   7 }
   8
   9 a:link
  10 {
  11         color: rgb(0,90,192);
  12         text-decoration: none;
  13 }
  14 a:visited
  15 {
  16         color: rgb(0,56,112);
  17 }
  18 a:hover, a:active
  19 {
  20         text-decoration: underline;
  21 }
  22
  23 .ui-state-highlight a
  24 {
  25     color: rgb(0,90,192) !important;
  26 }
  27
  28 h1
  29 {
  30         margin-top: 8px;
  31         margin-bottom: 8px;
  32 }
  33
  34 table.form th
  35 {
  36         text-align: right;
  37         width: 24em;
  38 }
  39 table.form td
  40 {
  41         padding-left: 0.5em;
  42         vertical-align: top;
  43 }
  44
  45 fieldset
  46 {
  47         margin-bottom: 1em;
  48 }
  49
  50 label.strong
  51 {
  52         font-weight: bold;
  53 }
  54
  55 .error
  56 {
  57         color: red;
  58         font-weight:bold;
  59 }
  60 .required
  61 {
  62         color: red;
  63         font-weight:bold;
  64 }
  65
  66 .inline
  67 {
  68         vertical-align: middle;
  69 }
  70
  71 .container-install
  72 {
  73         width: 192px;
  74         margin: 0 auto;
  75         margin-top: 8px;
  76         margin-bottom: 8px;
  77 }
  78 .container-install-in-widget
  79 {
  80         width: 320px;
  81         margin: 0 auto;
  82         margin-top: 8px;
  83         margin-bottom: 8px;
  84 }
  85
  86 #nav-menu
  87 {/*
  88         left: 0;
  89         top: 0;
  90         width: 100%;*/
  91         height: 24px;
  92         margin: 0;
  93         /*border: 2px outset blue;*/
  94         padding: 0;
  95         background-color: rgb(0,90,192);
  96         list-style-type: none;
  97 }
  98 .menu-left
  99 {
 100         float: left;
 101 }
 102 .menu-right
 103 {
 104         float: right;
 105 }
 106 #nav-menu a:link, #nav-menu a:visited
 107 {
 108         display: block;
 109         height: 12px;
 110         color: white;
 111         text-align: center;
 112         line-height: 100%;
 113         font-size: 14px;
 114         padding-top: 5px;
 115         padding-bottom: 5px;
 116         padding-left: 16px;
 117         padding-right: 16px;
 118         border: 1px solid transparent;
 119         text-decoration: none;
 120 }
 121 #nav-menu a:hover
 122 {
 123         background-color: rgb(90,148,216);
 124         border: 1px outset rgb(0,90,192);
 125 }
 126 #nav-menu a:active
 127 {
 128         background-color: rgb(90,148,216);
 129         border: 1px inset rgb(60,128,208);
 130 }
 131 #nav-menu a.selected
 132 {
 133         background-color: rgb(60,128,208);
 134         border: 1px inset rgb(60,128,208);
 135         color: #FFE4B5;
 136         font-weight: bold;
 137 }
 138 .menu-greeting
 139 {
 140         display: block;
 141         height: 12px;
 142         color: #FFE4B5;
 143         text-align: center;
 144         line-height: 100%;
 145         font-size: 14px;
 146         padding-top: 5px;
 147         padding-bottom: 5px;
 148         padding-left: 16px;
 149         padding-right: 16px;
 150         border: 1px solid transparent;
 151         text-decoration: none;
 152 }
 153
 154 #header
 155 {
 156         clear: both;
 157         /*position: absolute;
 158         top: 24px;
 159         left: 0;
 160         width: 100%;*/
 161         height: 62px;
 162         background: #e5ecf5;
 163         border: 1px outset #e5ecf5;
 164 }
 165
 166 #logo
 167 {
 168         float: left;
 169         margin: 8px;
 170         border: none;
 171 }
 172 #logo > img
 173 {
 174         border: none;
 175 }
 176
 177 #quick-search
 178 {
 179         float: right;
 180         position: relative;
 181         height: 48px;
 182         margin: 8px;
 183 }
 184 #quick-search-box
 185 {
 186         top: 500px;
 187 }
 188
 189 #main
 190 {
 191         /*position: absolute;
 192         top: 90px;
 193         width: 100%;*/
 194         /* padding: 12px; */
 195         margin: 0 auto;
 196         width: 1056px;
 197         text-align: justify;
 198 }
 199
 200 #main h1
 201 {
 202         font-size:18px;
 203         font-weight: bold;
 204         color: #000D60;
 205         text-align: left;
 206         padding: 0px 0px 0px 8px;
 207         margin: 8px 0px 8px 0px;
 208         background: url(/img/header.png) center repeat-x;
 209         outline: 1px outset rgb(108,162,222);
 210         clear: both;
 211 }
 212
 213 #main table
 214 {
 215         width: 100%;
 216         border-collapse: collapse;
 217 }
 218 #main th, #main td
 219 {
 220         /* border: 1px solid rgb(108,162,222); */
 221         vertical-align: top;
 222 }
 223 #main table img
 224 {
 225         vertical-align: middle;
 226 }
 227
 228 #main dt
 229 {
 230         font-weight: bold;
 231         margin-top: 1em;
 232         margin-bottom: 0.5em;
 233 }
 234 #main dd
 235 {
 236         margin-left: 64px;
 237 }
 238
 239 #content
 240 {
 241         float: left;
 242         width: 752px;
 243         margin: 8px;
 244         /* outline: 2px outset gray; */
 245 }
 246
 247 #side
 248 {
 249         float: right;
 250         width: 240px;
 251         margin: 8px;
 252         /* outline: 2px outset gray; */
 253 }
 254
 255 #footer
 256 {
 257         clear: both;
 258         border: 1px outset #e5ecf5;
 259         padding-top: 0.5em;
 260         padding-bottom: 0.4em;
 261         background: #e5ecf5;
 262         font-size: 0.9em;
 263         text-align: center;
 264 }
 265
 266 .pagination
 267 {
 268         clear: both;
 269         word-spacing: 0.5em;
 270         margin-bottom: 0.5em;
 271 }
 272
 273 .ui-icon-google
 274 {
 275         background-image: url("/img/icon-google.png") !important;
 276 }
 277 .ui-icon-yahoo
 278 {
 279         background-image: url("/img/icon-yahoo.png") !important;
 280 }
 281 .ui-icon-myopenid
 282 {
 283         background-image: url("/img/icon-myopenid.png") !important;
 284 }