1 | @CHARSET 'UTF-8'; |
---|
2 | |
---|
3 | /* This CSS does not belong to the plugin. */ |
---|
4 | |
---|
5 | body { background: url('../img/background.gif'); font: normal 11px verdana; } |
---|
6 | |
---|
7 | a { color: #2C8CBD; text-decoration: none; } |
---|
8 | a:hover { color: #48A5D4; } |
---|
9 | |
---|
10 | hr { border-top: medium none; height: 1px; margin-bottom: 16px; margin-top: 15px; } |
---|
11 | |
---|
12 | #coffee { background: url('../img/coffee.png') 6px 2px no-repeat #DC5; border: 1px solid #D9C640; color: #FFF; display: block; float: right; font-size: 10px; font-weight: bold; letter-spacing: .9px; margin-right: 9px; padding: 4px 5px 4px 26px; text-decoration: none; -khtml-border-radius: 4px; -moz-border-radius: 4px; -opera-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } |
---|
13 | #coffee:hover { text-decoration: underline; } |
---|
14 | |
---|
15 | #content { background-color: #FFF; border: 1px solid #DEDEDE; box-shadow: 0 1px 3px rgba(100, 100, 100, 0.4); margin: 0 auto; padding: 15px; width: 1100px; min-height: 510px; } |
---|
16 | |
---|
17 | #menu-feature { color: #AAA; float: left; margin-bottom: 20px; } |
---|
18 | #menu-feature a { float: left; width: 120px } |
---|
19 | #menu-feature a.disabled { color: #999; cursor: default; } |
---|
20 | #menu-feature a.selected { color: #2C8CBD; cursor: default; font-weight: bold; } |
---|
21 | |
---|
22 | #footer { clear: both; height: 25px; margin-top: 5px; width: 100%; } |
---|
23 | #footer div { margin: 0 auto; text-align: center; width: 1100px; } |
---|
24 | |
---|
25 | #header { margin: 0 auto; padding-left: 20px; width: 1130px; } |
---|
26 | |
---|
27 | #menu { color: #AB9927; font: bold 14px 'Lucida Grande', 'Helvetica', 'Times New Roman', serif; text-shadow: 1px 1px 1px #FFF; text-transform: uppercase; } |
---|
28 | #menu a { color: #EA9C00; font: bold 10px verdana; letter-spacing: .9px; text-decoration: none; } |
---|
29 | #menu a:hover { color: #DC5; font-weight: bold; letter-spacing: .9px; text-decoration: underline; } |
---|
30 | |
---|
31 | #title { font: bold 17px verdana; color: #269; letter-spacing: .7px; margin-bottom: 10px; text-align: left; } |
---|
32 | #title span { color: #777; font: 10px verdana; } |
---|
33 | |
---|
34 | #version { color: #777; font: 10px verdana; } |
---|
35 | |
---|
36 | .action-field { border: 1px solid #CCC; height: 20px; padding-left: 3px; width: 80px; } |
---|
37 | .action-link { margin-left: 5px; } |
---|
38 | .action-wrapper { margin-top: 15px; } |
---|
39 | |
---|
40 | .comment { color: #444; font: 11px verdana; letter-spacing: 0.4px; line-height: 1.6; padding-bottom: 5px; text-align: left; } |
---|
41 | .comment-personal { color: #444; font: italic 11px verdana; letter-spacing: 0.4px; line-height: 1.6; text-align: left; } |
---|
42 | |
---|
43 | .description { color: #555; letter-spacing: .1px; margin-bottom: 15px; margin-top: 10px; text-align: left; } |
---|
44 | .description-code { color: #555; letter-spacing: .1px; margin-bottom: 10px; text-indent: 7px; } |
---|
45 | |
---|
46 | .highlight { color: #369; } |
---|
47 | |
---|
48 | .session { clear: both; font: bold 13px verdana; border-bottom: 1px solid #EFEFEF; color: #444; letter-spacing: .7px; margin-bottom: 18px; margin-top: 24px; text-align: left; } |
---|
49 | .session-first { clear: both; font: bold 13px verdana; border-bottom: 1px solid #EFEFEF; color: #444; letter-spacing: .7px; margin-bottom: 18px; text-align: left; } |
---|
50 | .session-image { display: block; margin: 5px auto 0; } |
---|
51 | .session-option { font: bold 10px verdana; color: #444; letter-spacing: .7px; } |
---|
52 | .session-option span { color: #BBB; font: 11px arial; } |
---|
53 | |
---|
54 | .source { background: #FFF7FF; border: 1px solid #EFEFEF; border-left: 3px solid #CCC; clear: both; color: #444; font: 12px monospace; border-radius: 2px; letter-spacing: .1px; margin-bottom: 7px; margin-top: 15px; padding: 7px; width: 1081px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -opera-border-radius: 2px; -webkit-border-radius: 2px; } |
---|
55 | |
---|
56 | /* custom */ |
---|
57 | |
---|
58 | .left { float: left; } |
---|
59 | |
---|
60 | #target, #target-out, #function, #format, #mouseover { float: left; } |
---|
61 | |
---|
62 | #target-number { float: left; } |
---|
63 | |
---|
64 | #hint, #hint-out, #hint-function, #hint-format, #mouseover-target { background-color: #F0F0F0; border-radius: 3px; float: left; height: 15px; margin-left: 5px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; text-align: center; width: 70px; } |
---|
65 | |
---|
66 | #hint-format { width: 120px; } |
---|
67 | |
---|
68 | #precision { float: left; } |
---|
69 | |
---|
70 | #precision-target { background-color: #F0F0F0; border-radius: 3px; float: left; height: 20px; margin-left: 5px; padding-left: 8px; padding-right: 8px; padding-top: 4px; text-align: center; width: 50px; } |
---|
71 | |
---|
72 | #score-target { float: left; margin-left: 5px } |
---|