| 1 | * { |
|---|
| 2 | margin: 0; |
|---|
| 3 | padding: 0; |
|---|
| 4 | } |
|---|
| 5 | |
|---|
| 6 | body { |
|---|
| 7 | background: #FFF; |
|---|
| 8 | padding: 18px; |
|---|
| 9 | } |
|---|
| 10 | |
|---|
| 11 | a { |
|---|
| 12 | color: #09719D; |
|---|
| 13 | cursor: pointer; |
|---|
| 14 | } |
|---|
| 15 | a:hover { |
|---|
| 16 | color: #0FB8FF; |
|---|
| 17 | } |
|---|
| 18 | a.kbd { |
|---|
| 19 | background-color: #E5E5E5; |
|---|
| 20 | border-color: #ECECEC #ACACAC #ACACAC #ECECEC; |
|---|
| 21 | border-style: solid; |
|---|
| 22 | border-width: 2px; |
|---|
| 23 | color: #858585; |
|---|
| 24 | font: normal 12px/18px Arial, sans-serif; |
|---|
| 25 | margin-right: 6px; |
|---|
| 26 | padding: 1px 3px; |
|---|
| 27 | } |
|---|
| 28 | a:hover.kbd { |
|---|
| 29 | background-color: #0FB8FF; |
|---|
| 30 | border-color: #0FB8FF; |
|---|
| 31 | color: #FFF; |
|---|
| 32 | } |
|---|
| 33 | |
|---|
| 34 | code { |
|---|
| 35 | background-color: #E5E5E5; |
|---|
| 36 | color: #666; |
|---|
| 37 | display: block; |
|---|
| 38 | font: normal 10px/14px "Lucida Console", Monaco, monospace; |
|---|
| 39 | float: left; |
|---|
| 40 | margin: 9px 0 18px 0; |
|---|
| 41 | width: 592px; |
|---|
| 42 | padding: 9px 18px; |
|---|
| 43 | } |
|---|
| 44 | |
|---|
| 45 | em { |
|---|
| 46 | color: #998000; |
|---|
| 47 | font-style: normal; |
|---|
| 48 | } |
|---|
| 49 | |
|---|
| 50 | form div { |
|---|
| 51 | clear: both; |
|---|
| 52 | margin-bottom: 18px; |
|---|
| 53 | overflow: hidden; |
|---|
| 54 | } |
|---|
| 55 | form fieldset { |
|---|
| 56 | border: #E5E5E5 2px solid; |
|---|
| 57 | clear: both; |
|---|
| 58 | margin-bottom: 9px; |
|---|
| 59 | overflow: hidden; |
|---|
| 60 | padding: 9px 18px; |
|---|
| 61 | } |
|---|
| 62 | form input, |
|---|
| 63 | form select { |
|---|
| 64 | border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC; |
|---|
| 65 | border-style: solid; |
|---|
| 66 | border-width: 2px; |
|---|
| 67 | float: left; |
|---|
| 68 | font: normal 12px Arial, sans-serif; |
|---|
| 69 | margin-right: 6px; |
|---|
| 70 | width: 125px; |
|---|
| 71 | } |
|---|
| 72 | |
|---|
| 73 | form.long input, |
|---|
| 74 | form.long select { |
|---|
| 75 | width: 175px; |
|---|
| 76 | } |
|---|
| 77 | |
|---|
| 78 | form.short input, |
|---|
| 79 | form.short select { |
|---|
| 80 | width: 75px; |
|---|
| 81 | } |
|---|
| 82 | |
|---|
| 83 | form.long input.alternate, |
|---|
| 84 | form.long select.alternate, |
|---|
| 85 | form.long input.calendar, |
|---|
| 86 | form.long select.calendar { |
|---|
| 87 | width: 149px; |
|---|
| 88 | } |
|---|
| 89 | |
|---|
| 90 | form.short input.alternate, |
|---|
| 91 | form.short select.alternate, |
|---|
| 92 | form.short input.calendar, |
|---|
| 93 | form.short select.calendar { |
|---|
| 94 | width: 49px; |
|---|
| 95 | } |
|---|
| 96 | |
|---|
| 97 | form input { |
|---|
| 98 | padding: 1px 3px; |
|---|
| 99 | } |
|---|
| 100 | |
|---|
| 101 | form label { |
|---|
| 102 | color: #262626; |
|---|
| 103 | font: normal 12px/18px Arial, sans-serif; |
|---|
| 104 | float: left; |
|---|
| 105 | margin-right: 6px; |
|---|
| 106 | text-align: right; |
|---|
| 107 | width: 50px; |
|---|
| 108 | } |
|---|
| 109 | form legend { |
|---|
| 110 | background: #E5E5E5; |
|---|
| 111 | color: #262626; |
|---|
| 112 | font: normal 12px/18px Arial, sans-serif; |
|---|
| 113 | margin-bottom: 9px; |
|---|
| 114 | padding: 2px 11px; |
|---|
| 115 | } |
|---|
| 116 | |
|---|
| 117 | h1 { |
|---|
| 118 | color: #262626; |
|---|
| 119 | font: normal 14px/18px Arial, sans-serif; |
|---|
| 120 | margin-bottom: 18px; |
|---|
| 121 | } |
|---|
| 122 | |
|---|
| 123 | p { |
|---|
| 124 | color: #666; |
|---|
| 125 | font: normal 12px/18px Arial, sans-serif; |
|---|
| 126 | margin-bottom: 9px; |
|---|
| 127 | } |
|---|
| 128 | |
|---|
| 129 | strong { |
|---|
| 130 | color: #262626; |
|---|
| 131 | font-weight: normal; |
|---|
| 132 | } |
|---|
