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

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