git.maemo.org Git - jspeed/blob - www/css/style.css

   1 * {\r
   2         border: 0;\r
   3         padding: 0;\r
   4         margin: 0;\r
   5 }\r
   6 \r
   7 h1#top {\r
   8         position: absolute;\r
   9         text-indent: -9999px;\r
  10 }\r
  11 \r
  12 body {\r
  13         background: #fbfbfb url(../img/background.png) repeat-x;\r
  14         font-family: Calibri, Tahoma, Arial, sans-serif;\r
  15         font-size: 17px;\r
  16 }\r
  17 \r
  18 a:link, a:active {\r
  19         color: #296293;\r
  20         text-decoration: none;\r
  21 }\r
  22 \r
  23 a:visited {\r
  24         color: #486278;\r
  25         text-decoration: none;\r
  26 }\r
  27 \r
  28 a:hover {\r
  29         color: #7496b3;\r
  30         text-decoration: underline;\r
  31 }\r
  32 \r
  33 #mainmenu {\r
  34         background: url(../img/logo.png) no-repeat;\r
  35         padding-top: 93px;\r
  36         list-style: none;\r
  37         width: 950px;\r
  38         margin: 0 auto;\r
  39 }\r
  40 \r
  41 #mainmenu li {\r
  42         float: left;\r
  43         text-align: center;\r
  44         width: 165px;\r
  45         height: 37px;\r
  46         font-size: 14px;\r
  47         font-weight: bold;\r
  48 }\r
  49 \r
  50 #mainmenu li a {\r
  51         color: #fff;\r
  52         text-decoration: none;\r
  53         display: block;\r
  54         padding-top: 12px;\r
  55         width: 165px;\r
  56         height: 26px;\r
  57         background: url(../img/button.png) 0px -2px;\r
  58 }\r
  59 \r
  60 #mainmenu li a:focus {\r
  61         outline: none;\r
  62 }\r
  63 \r
  64 #mainmenu li a:hover, #mainmenu li.selected a{\r
  65         background: url(../img/button.png) 0px -43px;\r
  66 }\r
  67 \r
  68 #info {\r
  69         clear: both;\r
  70         background: #8fb1cf url(../img/info-background.png) repeat-x;\r
  71         height: 469px;\r
  72         width: 100%;\r
  73 }\r
  74 \r
  75 #info-content {\r
  76         width: 430px;\r
  77         margin: 0 auto;\r
  78         color: #fff;\r
  79         font-size: 26px;\r
  80         background: url(../img/screenshot.jpg) no-repeat 410px 30px;\r
  81         height: 469px;\r
  82         padding-top: 50px;\r
  83         padding-right: 520px;\r
  84         line-height: 1.3em;\r
  85 }\r
  86 \r
  87 #info-content ul {\r
  88         margin-left: 25px;\r
  89         margin-top: 20px;\r
  90 }\r
  91 \r
  92 #info-content ul li {\r
  93         margin-bottom: 14px;\r
  94         padding-left: 28px;\r
  95         list-style: none;\r
  96         background: url(../img/ball.png) 0px 10px no-repeat;\r
  97 }\r
  98 \r
  99 #bottom {\r
 100         background: url(../img/bottom-background.png) repeat-x;\r
 101         width: 100%;\r
 102         clear: both;\r
 103 }\r
 104 \r
 105 #bottom-content {\r
 106         width: 950px;\r
 107         margin: 0 auto;\r
 108         padding-top: 20px;\r
 109         padding-bottom: 10px;\r
 110 }\r
 111 \r
 112 .bottom-box {\r
 113         width: 250px;\r
 114         float: left;\r
 115         line-height: 1.5em;\r
 116         font-size: 18px;\r
 117         padding-right: 20px;\r
 118         border-left: 1px dotted #949494;\r
 119         padding-left: 25px;\r
 120         margin-bottom: 25px;\r
 121         height: 125px;\r
 122 }\r
 123 \r
 124 #bottom-content .bottom-box:first-child {\r
 125         border-left-width: 0;\r
 126 }\r
 127 \r
 128 .bottom-box h2, .bottom-box h3 {\r
 129         font-size: 20px;\r
 130         margin-bottom: 8px;\r
 131 }\r
 132 \r
 133 .bottom-box p, .bottom-box ul {\r
 134         color: #3c3c3c;\r
 135 }\r
 136 \r
 137 .bottom-box ul li {\r
 138         list-style: none;\r
 139 }\r
 140 \r
 141 #copyright {\r
 142         clear: both;\r
 143         border-top: 1px dotted #949494;\r
 144         margin-left: 20px;\r
 145         padding-top: 15px;\r
 146         width: 900px;\r
 147         color: #999;\r
 148         padding-bottom: 10px;\r
 149         font-size: 16px;\r
 150 }\r
 151 \r
 152 #copyright a {\r
 153         color: #999;\r
 154 }\r
 155 \r
 156 #main {\r
 157         background: #fff url(../img/content-background.png) repeat-x;\r
 158         clear: both;\r
 159         border-bottom: 1px solid #ccc;\r
 160 }\r
 161 \r
 162 #main-content {\r
 163         width: 910px;\r
 164         margin: 0 auto;\r
 165         padding: 30px 40px 10px 20px;\r
 166         line-height: 1.5em;\r
 167         font-family: Tahoma, sans-serif;\r
 168         font-size: 16px;\r
 169 }\r
 170 \r
 171 #main-content h1 {\r
 172         font-size: 24px;\r
 173         margin-bottom: 14px;\r
 174 }\r
 175 \r
 176 #main-content h2 {\r
 177         font-size: 22px;\r
 178         margin-bottom: 14px;\r
 179         margin-top: 25px;\r
 180 }\r
 181 \r
 182 #main-content h3 {\r
 183         font-size: 18px;\r
 184         margin-bottom: 8px;\r
 185         margin-top: 28px;\r
 186         border-bottom: 1px dotted #064070;\r
 187         padding-bottom: 8px;\r
 188 }\r
 189 \r
 190 #main-content h4 {\r
 191         font-size: 17px;\r
 192         margin-top: 8px;\r
 193 }\r
 194 \r
 195 #main-content p {\r
 196         margin-bottom: 0.8em;\r
 197 }\r
 198 \r
 199 #main-content ul {\r
 200         margin-left: 35px;\r
 201 }\r
 202 \r
 203 .theme {\r
 204         float: left;\r
 205         width: 268px;\r
 206         height: 235px;\r
 207         padding: 5px;\r
 208         text-align: center;\r
 209         color: #000;\r
 210         margin-right: 16px;\r
 211         margin-top: 10px;\r
 212         margin-bottom: 20px;\r
 213         background: url(../img/theme-background.png) no-repeat;\r
 214 }\r
 215 \r
 216 .theme img {\r
 217         width: 250px;\r
 218         height: 150px;\r
 219         border: 1px solid #bbb;\r
 220         margin-bottom: 5px;\r
 221         filter:alpha(opacity=80);\r
 222         -moz-opacity:0.8;\r
 223         -khtml-opacity: 0.8;\r
 224         opacity: 0.8;\r
 225 }\r
 226 \r
 227 .theme img, .theme a.download {\r
 228         filter:alpha(opacity=80);\r
 229         -moz-opacity:0.8;\r
 230         -khtml-opacity: 0.8;\r
 231         opacity: 0.8;\r
 232 }\r
 233 \r
 234 .theme div {\r
 235         font-weight: bold;\r
 236         margin-bottom: 4px;\r
 237         font-size: 15px;\r
 238 }\r
 239 \r
 240 .theme a:hover img, .theme a.download:hover {\r
 241         filter:alpha(opacity=100);\r
 242         -moz-opacity:1.0;\r
 243         -khtml-opacity: 1.0;\r
 244         opacity: 1.0;\r
 245 }\r
 246 \r
 247 .theme a.download {\r
 248         text-indent: -9999px;\r
 249         background: url(../img/download-button.png) no-repeat;\r
 250         display: block;\r
 251         margin: 0 auto;\r
 252         width: 119px;\r
 253         height: 34px;\r
 254 }\r
 255 \r
 256 .theme a.download:focus {\r
 257         outline: none;\r
 258 }\r
 259 \r
 260 .clear {\r
 261         clear: both;\r
 262 }\r
 263 \r
 264 pre.code {\r
 265         font-size: 12px;\r
 266         margin-top: 15px;\r
 267         margin-bottom: 15px;\r
 268         max-height: 350px;\r
 269         overflow: auto;\r
 270 }\r
 271 \r
 272 .spec {\r
 273         margin-top: 6px;\r
 274         margin-bottom: 14px;\r
 275         width: 100%;\r
 276         border: 1px solid #ccc;\r
 277         font-size: 14px;\r
 278 }\r
 279 \r
 280 .spec th {\r
 281         text-align: left;\r
 282         font-weight: bold;\r
 283         padding: 2px 6px;\r
 284         white-space: nowrap;\r
 285 \r
 286 }\r
 287 \r
 288 .spec pre {\r
 289         font-size: 12px;\r
 290 }\r
 291 \r
 292 .spec td {\r
 293         padding: 1px 6px 1px 6px;\r
 294         vertical-align: top;\r
 295 }\r
 296 \r
 297 .spec .color, .spec .color td, .spec .color th {\r
 298         background-color: #e4eefa;\r
 299 }\r
 300 \r
 301 .spec .col1 {\r
 302         width: 90px;\r
 303 }\r
 304 \r
 305 .spec .col3 {\r
 306         width: 220px;\r
 307 }\r
 308 \r
 309 .contents, .contents ul {\r
 310         margin-left: 20px;\r
 311 }\r
 312 \r
 313 .contents {\r
 314         margin-bottom: 15px;\r
 315 }\r
 316 \r
 317 .imageinfo {\r
 318         border: 1px solid #ccc;\r
 319         padding: 5px;\r
 320         float: left;\r
 321         margin: 10px 15px 30px 0;\r
 322         text-align: center;\r
 323 }\r
 324 \r
 325 .imageinfo p {\r
 326         margin: 0 !important;\r
 327         font-size: 13px;\r
 328         font-weight: bold;\r
 329 }