1 | html { background: #f7f7f7; }
|
---|
2 |
|
---|
3 | body {
|
---|
4 | background: #fff;
|
---|
5 | color: #333;
|
---|
6 | font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
|
---|
7 | margin: 2em auto 0 auto;
|
---|
8 | width: 700px;
|
---|
9 | padding: 1em 2em;
|
---|
10 | -moz-border-radius: 11px;
|
---|
11 | -khtml-border-radius: 11px;
|
---|
12 | -webkit-border-radius: 11px;
|
---|
13 | border-radius: 11px;
|
---|
14 | border: 1px solid #dfdfdf;
|
---|
15 | }
|
---|
16 |
|
---|
17 | a { color: #2583ad; text-decoration: none; }
|
---|
18 |
|
---|
19 | a:hover { color: #d54e21; }
|
---|
20 |
|
---|
21 | h1 {
|
---|
22 | border-bottom: 1px solid #dadada;
|
---|
23 | clear: both;
|
---|
24 | color: #666;
|
---|
25 | font: 24px Georgia, "Times New Roman", Times, serif;
|
---|
26 | margin: 5px 0 0 -4px;
|
---|
27 | padding: 0;
|
---|
28 | padding-bottom: 7px;
|
---|
29 | }
|
---|
30 |
|
---|
31 | h2 { font-size: 16px; }
|
---|
32 |
|
---|
33 | p, li {
|
---|
34 | padding-bottom: 2px;
|
---|
35 | font-size: 12px;
|
---|
36 | line-height: 18px;
|
---|
37 | }
|
---|
38 |
|
---|
39 | code { font-size: 13px; }
|
---|
40 |
|
---|
41 | ul, ol { padding: 5px 5px 5px 22px; }
|
---|
42 |
|
---|
43 | #logo { margin: 6px 0 14px 0; border-bottom: none;}
|
---|
44 |
|
---|
45 | .step {
|
---|
46 | margin: 20px 0 15px;
|
---|
47 | }
|
---|
48 |
|
---|
49 | .step, th { text-align: left; padding: 0; }
|
---|
50 |
|
---|
51 | .submit input, .button, .button-secondary {
|
---|
52 | font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
|
---|
53 | text-decoration: none;
|
---|
54 | font-size: 14px !important;
|
---|
55 | line-height: 16px;
|
---|
56 | padding: 6px 12px;
|
---|
57 | cursor: pointer;
|
---|
58 | border: 1px solid #bbb;
|
---|
59 | color: #464646;
|
---|
60 | -moz-border-radius: 15px;
|
---|
61 | -khtml-border-radius: 15px;
|
---|
62 | -webkit-border-radius: 15px;
|
---|
63 | border-radius: 15px;
|
---|
64 | -moz-box-sizing: content-box;
|
---|
65 | -webkit-box-sizing: content-box;
|
---|
66 | -khtml-box-sizing: content-box;
|
---|
67 | box-sizing: content-box;
|
---|
68 | }
|
---|
69 |
|
---|
70 | .button:hover, .button-secondary:hover, .submit input:hover {
|
---|
71 | color: #000;
|
---|
72 | border-color: #666;
|
---|
73 | }
|
---|
74 |
|
---|
75 | .button, .submit input, .button-secondary {
|
---|
76 | background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
|
---|
77 | }
|
---|
78 |
|
---|
79 | .button:active, .submit input:active, .button-secondary:active {
|
---|
80 | background: #eee url(../images/white-grad-active.png) repeat-x scroll left top;
|
---|
81 | }
|
---|
82 |
|
---|
83 | .form-table {
|
---|
84 | border-collapse: collapse;
|
---|
85 | margin-top: 1em;
|
---|
86 | width: 100%;
|
---|
87 | }
|
---|
88 |
|
---|
89 | .form-table td {
|
---|
90 | margin-bottom: 9px;
|
---|
91 | padding: 10px;
|
---|
92 | border-bottom: 8px solid #fff;
|
---|
93 | font-size: 12px;
|
---|
94 | }
|
---|
95 |
|
---|
96 | .form-table th {
|
---|
97 | font-size: 13px;
|
---|
98 | text-align: left;
|
---|
99 | padding: 16px 10px 10px 10px;
|
---|
100 | border-bottom: 8px solid #fff;
|
---|
101 | width: 110px;
|
---|
102 | vertical-align: top;
|
---|
103 | }
|
---|
104 |
|
---|
105 | .form-table tr {
|
---|
106 | background: #f3f3f3;
|
---|
107 | }
|
---|
108 |
|
---|
109 | .form-table code {
|
---|
110 | line-height: 18px;
|
---|
111 | font-size: 18px;
|
---|
112 | }
|
---|
113 |
|
---|
114 | .form-table p {
|
---|
115 | margin: 4px 0 0 0;
|
---|
116 | font-size: 11px;
|
---|
117 | }
|
---|
118 |
|
---|
119 | .form-table input {
|
---|
120 | line-height: 20px;
|
---|
121 | font-size: 15px;
|
---|
122 | padding: 2px;
|
---|
123 | }
|
---|
124 |
|
---|
125 | #error-page { margin-top: 50px; }
|
---|
126 |
|
---|
127 | #error-page p {
|
---|
128 | font-size: 12px;
|
---|
129 | line-height: 18px;
|
---|
130 | margin: 25px 0 20px;
|
---|
131 | }
|
---|
132 |
|
---|
133 | #error-page code { font-family: Consolas, Monaco, Courier, monospace; }
|
---|