vcs.maemo.org Git - mdictionary/blob - www/styles/main.css

   1 html, body, html *, body * {
   2         padding         : 0px;
   3         margin          : 0px;
   4         color           : #666;
   5         font-size       : 12px;
   6         text-align      : justify;
   7         font-family     : Georgia, Tahoma, Arial, Helvetica, sans-serif;
   8 }
   9
  10 body {
  11         text-align      : center;
  12         background-image: url(images/bckgnd.png);
  13         background-repeat: repeat-x;
  14 }
  15
  16 #webContainer {
  17         display         : block;
  18         width           : 750px;
  19         margin-left     : auto;
  20         margin-right    : auto;
  21         background-color: transparent;
  22 }
  23
  24 #topBar {
  25         display         : block;
  26         width           : 850px;
  27         height          : 130px;
  28         text-align      : left;
  29         background-image: url(images/topBarBckgnd.png);
  30         overflow        : hidden;
  31 }
  32
  33 #topBar p {
  34         color           : black;
  35 }
  36
  37 #topBar p.title {
  38         display         : block;
  39         font-size       : 40px;
  40         padding-left    : 146px;
  41 }
  42
  43 #topBar div.installs {
  44         display         : block;
  45         float           : right;
  46         width           : 110px;
  47 /*      font-style      : italic; */
  48         font-size       : 12px;
  49         color           : #444;
  50         text-align      : center;
  51         font-weight     : bold;
  52
  53 }
  54
  55 #topBar a.install {
  56         display         : block;
  57         width           : 110px;
  58         float           : right;
  59         border          : 0px solid green;
  60         /*margin-top    : 0px;*/
  61         font-family     : sans-serif;
  62         font-size       : 20px;
  63         font-weight     : bold;
  64         text-align      : center;
  65         letter-spacing  : 4px;
  66 }
  67
  68 #topBar a.install span {
  69         display         : block;
  70         text-align      : center;
  71         font-family     : sans-serif;
  72         font-size       : 13px;
  73         letter-spacing  : 0px;
  74         text-decoration : none;
  75 }
  76
  77 #topBar a.install:hover {
  78         color           : black;
  79 }
  80 #topBar a.install:hover span {
  81         color           : #000;
  82 }
  83
  84 #topBar p.description {
  85         display                 : block;
  86         font-size               : 17px;
  87         padding-left    : 148px;
  88 }
  89
  90 #topBarLinks {
  91         display         : block;
  92         height          : 30px;
  93 }
  94
  95 #topBarLinks a {
  96         display         : block;
  97         float           : left;
  98         padding-top     : 5px;
  99         height          : 22px;
 100         padding-left    : 7px;
 101         padding-right   : 7px;
 102         border-bottom   : 3px solid #2936FF;
 103         font-size       : 12px;
 104         text-decoration : none;
 105         color           : #000;
 106         font-weight     : bold;
 107 }
 108 #topBarLinks a:hover {
 109         border-bottom   : 3px solid #f42;
 110         color           : #0D5F8D;
 111 }
 112
 113 #topBarLinks a.current {
 114         border-bottom   : 3px solid #f42;
 115         color           : #0D5F8D;
 116 }
 117
 118 #contentContainer {
 119         display         : block;
 120         width           : 500px;
 121         background-image: url(images/background.png);
 122         background-repeat: repeat-x;
 123         padding-top     : 20px;
 124         padding-bottom  : 20px;
 125         padding-left    : 140px;
 126 }
 127
 128 #contentContainer p {
 129         display         : block;
 130         text-align      : left;
 131         padding-right   : 20px;
 132         padding-left    : 6px;
 133         padding-bottom  : 15px;
 134         padding-top     : 5px;
 135         text-indent     : 20px;
 136 }
 137
 138 #contentContainer .centered {
 139         text-align      : center;
 140 }
 141 #contentContainer p.mails {
 142         color           : #33f;
 143 }
 144
 145 #contentContainer p.li {
 146         display         : block;
 147         border          : 1px solid red;
 148 }
 149
 150 #footer {
 151         display         : block;
 152         padding-top     : 30px;
 153         text-align      : center;
 154 }
 155 #footer p {
 156         text-align      : center;
 157         font-size       : 10px;
 158         padding         : 0px;
 159         padding-bottom  : 5px;
 160 }
 161 #footer img {
 162         font-size       : 10px;
 163         color           : #b22;
 164 }
 165
 166 #contentContainer h1 {
 167         display         : block;
 168         font-size       : 16px;
 169         padding-bottom  : 10px;
 170         padding-top     : 20px;
 171 }
 172
 173 #contentContainer a {
 174         text-decoration : none;
 175         color           : #55e;
 176 }
 177 #contentContainer a:hover {
 178         color           : #00f;
 179 }
 180 #contentContainer div.code {
 181         display         : block;
 182         margin          : 10px;
 183         padding         : 5px;
 184         border          : 1px solid silver;
 185         background-color: #f5f5f5;
 186         text-align      : left;
 187         white-space     : pre;
 188         color           : navy;
 189         font-family     : monospace;
 190 }
 191 #contentContainer span.code {
 192         padding-left    : 3px;
 193         padding-right   : 3px;
 194         white-space     : pre;
 195         color           : navy;
 196         font-family     : monospace;
 197 }
 198
 199 #contentContainer p.faq_question {
 200         display         : block;
 201         padding-top     : 20px;
 202         padding-bottom  : 5px;
 203         font-weight     : bold;
 204         font-size       : 14px;
 205         text-transform  : capitalize;
 206         color           : #33f;
 207 }
 208
 209 #gallery {
 210         display         : block;
 211         text-align      : center;
 212         border          : 1px solid silver;
 213         padding         : 10px;
 214 }
 215 #gallery img {
 216         border          : 2px solid #000;
 217         padding         : 1px;
 218         margin          : 2px;
 219 }
 220
 221 #gallery a:hover img {
 222         border          : 2px solid #33e;
 223 }
 224
 225 div.faq_switcher {
 226         display         : block;
 227         width           : 10px;
 228         height          : 10px;
 229         float           : left;
 230         border          : 1px solid silver;
 231         margin-right    : 6px;
 232         background-image: url(images/switcher.png);
 233         background-repeat: no-repeat;
 234 }
 235
 236 div.faq_question {
 237         font-family     : Arial;
 238         font-size       : 16px;
 239         padding         : 8px;
 240         font-weight     : bold;
 241         border-left     : 2px solid #A33;
 242         margin-bottom   : 4px;
 243 }
 244
 245 div.faq_answer {
 246         display         : none;
 247         font-size       : 12px;
 248         margin-left     : 10px;
 249         font-weight     : normal;
 250         border          : 1px solid silver;
 251         background-color: #efefef;
 252 }
 253
 254 div.qml_answer {
 255         display         : none;
 256         font-size       : 12px;
 257         margin-left     : 10px;
 258         font-weight     : normal;
 259         border          : 1px solid silver;
 260         /*background-color: #efefef;*/
 261 }
 262
 263 div.faq_answer li {
 264         margin-left     : 25px;
 265 }
 266
 267 .image {
 268         text-align      : center;
 269         font-size       : 12px;
 270         font-weight     : bold;
 271 }
 272 .image img {
 273         display         : block;
 274         width           : 440px;
 275         height          : 264px;
 276         margin-left     : auto;
 277         margin-right    : auto;
 278         padding         : 4px;
 279 }