style.css
66 lines
| 1 | |
| 2 | @import "http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic"; |
| 3 | |
| 4 | body {font-family:'PT Sans', Helvetica, Arial, sans-serif;font-size:12px;color:#222;padding:0;margin:0;overflow-x:hidden;background:#eee;} |
| 5 | p,div,table,tr,td,form,input { padding:0; margin:0; font-weight:normal; text-decoration:none; } |
| 6 | p { padding:8px 0; } |
| 7 | |
| 8 | /* Links */ |
| 9 | a { color:#1580AF; font-weight:bold; text-decoration:none; } |
| 10 | a:link { } |
| 11 | a:visited { } |
| 12 | a:active,a:focus { outline:0; } |
| 13 | a:hover { color:#F16529; font-weight:bold; text-decoration:none; } |
| 14 | |
| 15 | /* Headings */ |
| 16 | h1 { } |
| 17 | h2 { font-size: 28px; padding:16px 0 4px; margin:0; } |
| 18 | h3 { padding:0; margin:0; font-weight:normal; text-decoration:none; } |
| 19 | h4 { } |
| 20 | h5 { } |
| 21 | h6 { } |
| 22 | |
| 23 | /* Listings */ |
| 24 | ul { } |
| 25 | ul li { } |
| 26 | ol { } |
| 27 | ol li { } |
| 28 | |
| 29 | /* Forms */ |
| 30 | select,option { color:#111; font-weight:normal; text-decoration:none; font-size:12px; } |
| 31 | input { vertical-align:middle; font-size:12px; } |
| 32 | textarea { } |
| 33 | label { } |
| 34 | |
| 35 | /* Images */ |
| 36 | img { border:none; } |
| 37 | |
| 38 | /* Horizontal lines */ |
| 39 | hr { line-height:0; height:0; border:none; border-bottom:1px solid #ccc; padding:0; margin:8px 0; } |
| 40 | hr.separator { } |
| 41 | |
| 42 | /* Other */ |
| 43 | fieldset { } |
| 44 | legend { } |
| 45 | pre { font-family:monospace; } |
| 46 | |
| 47 | /* ----------------- Layout ----------------- */ |
| 48 | |
| 49 | #topContainer {background:#222;padding:80px 0 40px;border-bottom:1px solid #999;text-align:center;} |
| 50 | #topContainer h1 {color:#eee;padding:24px 0 16px;margin:0;font-size:52px;text-shadow: 0px 0px 4px #000;filter:dropshadow(color=#000, offx=0, offy=0);} |
| 51 | #topContainer a {color:#eee;font-size:18px;display:block;background:#37AFEB;width:200px;padding:8px 16px;margin:20px auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-box-shadow: 0 0 4px #000;-webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;} |
| 52 | #topContainer a:hover {background:#F16529;} |
| 53 | #topContainer p {color:#eee;} |
| 54 | #topContainer span#notice {font-style:italic;font-size:11px;color:#999;} |
| 55 | |
| 56 | #socialTools {padding:16px 0;margin:0 auto;width:580px;} |
| 57 | .stTwitter {float:left;width:130px;} |
| 58 | .stFacebook {float:left;width:450px;} |
| 59 | |
| 60 | #mainContainer { width:900px; margin:20px auto; padding:20px; background:#fff; border:1px solid #e0e0e0; } |
| 61 | |
| 62 | #releaseNotes { padding:8px; background:#f1f1f1; line-height:20px; border:1px solid #ddd; } |
| 63 | #releaseNotes ul { padding:4px 4px 4px 16px; margin:0; } |
| 64 | |
| 65 | #credits { text-align:right; /*border-top:1px solid #e0e0e0;*/ padding:8px; margin:8px 0 0; } |
| 66 |