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