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 .theme {\r
 200         float: left;\r
 201         width: 268px;\r
 202         height: 235px;\r
 203         padding: 5px;\r
 204         text-align: center;\r
 205         color: #000;\r
 206         margin-right: 16px;\r
 207         margin-top: 10px;\r
 208         margin-bottom: 20px;\r
 209         background: url(../img/theme-background.png) no-repeat;\r
 210 }\r
 211 \r
 212 .theme img {\r
 213         width: 250px;\r
 214         height: 150px;\r
 215         border: 1px solid #bbb;\r
 216         margin-bottom: 5px;\r
 217         filter:alpha(opacity=80);\r
 218         -moz-opacity:0.8;\r
 219         -khtml-opacity: 0.8;\r
 220         opacity: 0.8;\r
 221 }\r
 222 \r
 223 .theme img, .theme a.download {\r
 224         filter:alpha(opacity=80);\r
 225         -moz-opacity:0.8;\r
 226         -khtml-opacity: 0.8;\r
 227         opacity: 0.8;\r
 228 }\r
 229 \r
 230 .theme div {\r
 231         font-weight: bold;\r
 232         margin-bottom: 4px;\r
 233         font-size: 15px;\r
 234 }\r
 235 \r
 236 .theme a:hover img, .theme a.download:hover {\r
 237         filter:alpha(opacity=100);\r
 238         -moz-opacity:1.0;\r
 239         -khtml-opacity: 1.0;\r
 240         opacity: 1.0;\r
 241 }\r
 242 \r
 243 .theme a.download {\r
 244         text-indent: -9999px;\r
 245         background: url(../img/download-button.png) no-repeat;\r
 246         display: block;\r
 247         margin: 0 auto;\r
 248         width: 119px;\r
 249         height: 34px;\r
 250 }\r
 251 \r
 252 .theme a.download:focus {\r
 253         outline: none;\r
 254 }\r
 255 \r
 256 .clear {\r
 257         clear: both;\r
 258 }\r
 259 \r
 260 pre.code {\r
 261         font-size: 12px;\r
 262         margin-top: 15px;\r
 263         margin-bottom: 15px;\r
 264         max-height: 350px;\r
 265         overflow: auto;\r
 266 }\r
 267 \r
 268 .spec {\r
 269         margin-top: 6px;\r
 270         margin-bottom: 14px;\r
 271         width: 100%;\r
 272         border: 1px solid #ccc;\r
 273 }\r
 274 \r
 275 .spec th {\r
 276         text-align: left;\r
 277         font-weight: bold;\r
 278         padding: 6px;\r
 279         white-space: nowrap;\r
 280 \r
 281 }\r
 282 \r
 283 .spec pre {\r
 284         font-size: 12px;\r
 285 }\r
 286 \r
 287 .spec td {\r
 288         padding: 2px 6px 2px 6px;\r
 289 }\r
 290 \r
 291 .spec .color, .spec .color td, .spec .color th {\r
 292         background-color: #e4eefa;\r
 293 }\r
 294 \r
 295 .spec .col1 {\r
 296         width: 90px;\r
 297 }\r
 298 \r
 299 .spec .col3 {\r
 300         width: 220px;\r
 301 }\r
 302 \r
 303 .contents, .contents ul {\r
 304         margin-left: 20px;\r
 305 }\r
 306 \r
 307 .contents {\r
 308         margin-bottom: 15px;\r
 309 }\r