| 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 } |
|---|
