vcs.maemo.org Git - mdictionary/blob - css/style.css

   1 body, td, th, caption {
   2         color: #000000;
   3         font-family: Verdana, Arial, Helvetica, sans-serif;
   4 }
   5
   6 body {
   7         background: #FFFFFF;
   8         margin: 0;
   9         padding: 0;
  10         text-align: center;
  11 }
  12
  13 table {
  14         border-collapse: collapse;
  15 }
  16
  17
  18 table#top {
  19         width: 780px;
  20         margin: 0 auto;
  21         text-align: left;
  22         background: #E0E0E0;
  23 }
  24
  25
  26 td#left_border {
  27         width: 10px;
  28         padding: 0;
  29         font-size: 10px;
  30 }
  31
  32 td#center {
  33         width: 760px;
  34         padding: 0;
  35 }
  36
  37 td#right_border {
  38         width: 10px;
  39         padding: 0;
  40         font-size: 10px;
  41 }
  42
  43
  44 table#body {
  45         width: 760px;
  46 }
  47
  48 /* <HEADER> */
  49 td#header {
  50         text-align: right;
  51         vertical-align: top;
  52         height: 100px;
  53         padding: 5px 10px;
  54 }
  55
  56 td#header #control {
  57         height: 22px;
  58 }
  59
  60 td#header #control img {
  61         width: 20px;
  62         height: 20px;
  63 }
  64
  65 td#header #banner {
  66         width: 400px;
  67         height: 50px;
  68         margin-top: 10px;
  69 }
  70 /* </HEADER> */
  71
  72 td#top_menu {
  73         background: #C0C0C0 url("top_menu.gif");
  74         color: #808080;
  75         text-align: center;
  76         vertical-align: middle;
  77         height: 30px;
  78         font-size: 12px;
  79         padding: 0;
  80 }
  81
  82 td#top_menu_border {
  83         background: url("top_menu_border.gif");
  84         height: 12px;
  85         padding: 0;
  86         font-size: 10px;
  87 }
  88
  89 td#left {
  90         width: 150px;
  91         text-align: center;
  92         vertical-align: top;
  93         padding: 0;
  94 }
  95
  96 td#content {
  97         text-align: left;
  98         vertical-align: top;
  99         padding: 0;
 100 }
 101
 102 td#footer_border {
 103         background: url("footer_border.gif");
 104         height: 12px;
 105         padding: 0;
 106         font-size: 10px;
 107 }
 108
 109 td#footer {
 110         background: #C0C0C0 url("footer.gif");
 111         color: #808080;
 112         font-size: 11px;
 113         height: 25px;
 114         text-align: center;
 115         vertical-align: middle;
 116         padding: 0;
 117 }
 118
 119
 120 /* <MENU> */
 121 table.menu {
 122         width: 100%;
 123 }
 124
 125 table.menu th {
 126         background: #C0C0C0 url("menu_header.gif");
 127         color: #808080;
 128         text-align: center;
 129         vertical-align: middle;
 130         font-weight: bold;
 131         font-size: 12px;
 132         height: 25px;
 133         padding: 0;
 134 }
 135
 136 table.menu td {
 137         background: #FFFFFF url("menu.gif");
 138         color: #808080;
 139         text-align: left;
 140         vertical-align: top;
 141         padding: 5px 7px;
 142         font-size: 11px;
 143 }
 144
 145 table.menu th.footer {
 146         background: #FFFFFF url("menu_footer.gif");
 147         padding: 0;
 148         font-size: 10px;
 149         height: 10px;
 150 }
 151 /* </MENU> */
 152
 153 /* <MENU card> */
 154 table.menu td.card {
 155         text-align: center;
 156         font-size: 11px;
 157 }
 158
 159 table.menu td.card img {
 160         margin: 2px;
 161 }
 162 /* </MENU card> */
 163
 164 /* <MENU left> */
 165 td#left table.menu {
 166         width: 140px;
 167         margin: 0 auto;
 168 }
 169 /* </MENU left> */
 170
 171 /* <MENU content> */
 172 td#content table.menu {
 173         width: 605px;
 174 }
 175
 176 td#content table.menu th {
 177         background-image: url("content_header.gif");
 178 }
 179 td#content table.menu td {
 180         background: #FFFFFF url("content.gif");
 181         color: #000000;
 182         font-size: 11px;
 183         text-align: justify;
 184         padding: 10px 10px 30px 10px;
 185 }
 186
 187 td#content table.menu th.footer {
 188         background: #FFFFFF url("content_footer.gif");
 189 }
 190 /* </MENU content> */
 191
 192 td#content table.menu td table th, td#content table.menu td table td {
 193         padding: 1px;
 194         background-color: transparent;
 195         background-image: none;
 196 }
 197
 198 .dot {
 199         color: #000080;
 200         font-weight: bold;
 201 }
 202
 203 /* <A> */
 204 /* <A top_menu> */
 205 td#top_menu a:link, td#top_menu a:visited {
 206         color: #808080;
 207         font-weight: bold;
 208         text-decoration: none;
 209 }
 210
 211 td#top_menu a:hover {
 212         color: #000080;
 213 }
 214 /* </A top_menu> */
 215
 216 /* <A menu> */
 217 table.menu a:link, table.menu a:visited {
 218         /*color: #808080;
 219         font-weight: normal;
 220         text-decoration: none;*/
 221         position:relative;
 222         text-decoration:none;
 223         text-align:center;
 224         background-color:#9ab;
 225         color:#fff;
 226         display:block;
 227         width:10em;
 228         border:2px solid #fff;
 229         border-color:#def #678 #345 #cde;
 230         padding:0.25em;
 231         margin:0.5em auto;
 232 }
 233
 234 table.menu a:hover {
 235         /*color: #000080;*/
 236         top:2px;
 237         left:2px;
 238         color:#fff;
 239         border-color:#345 #cde #def #678;
 240 }
 241 /* </A menu> */
 242
 243 /* <A content> */
 244 td#content a:link, td#content a:visited {
 245         color: #0040B0;
 246         font-weight: normal;
 247         text-decoration: none;
 248         border: none;
 249         display: inline;
 250         background-color: transparent;
 251 }
 252
 253 td#content a:hover {
 254         color: #0000FF;
 255         text-decoration: underline;
 256 }
 257 /* </A content> */
 258
 259 /* <A foter> */
 260 td#footer a:link, td#footer a:visited, td#footer a:hover {
 261         color: #808080;
 262         font-weight: normal;
 263         text-decoration: none;
 264 }
 265 /* </A foter> */
 266 /* </A> */
 267