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