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