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