|
1 html { |
|
2 overflow: visible !important; |
|
3 } |
|
4 |
|
5 body { |
|
6 font-family: Arial, Helvetica, sans-serif; background: #F6F6F6; color: #333333; |
|
7 } |
|
8 |
|
9 .clearer { |
|
10 display: block; clear: both; height: 1px; |
|
11 } |
|
12 |
|
13 h1 { |
|
14 margin-bottom: 5px; padding: 0 15px; background: #333333; color: #ffffff; |
|
15 font-weight: bold; font-size: 30px; line-height: 60px; |
|
16 } |
|
17 |
|
18 .right { |
|
19 width: 301px; position: absolute; top: 10px; right: 10px; |
|
20 } |
|
21 |
|
22 .main { |
|
23 margin: 10px 330px 10px 20px; |
|
24 } |
|
25 |
|
26 .blue-button { |
|
27 display: inline-block; padding: 4px 6px; |
|
28 color: #ffffff; text-decoration: none; border-radius: 4px; |
|
29 background: -moz-linear-gradient(top, #6080c0, #2040a0); |
|
30 background: -webkit-linear-gradient(top, #6080c0, #2040a0); |
|
31 box-shadow: 1px 1px 2px #808080; |
|
32 } |
|
33 |
|
34 .blue-button:hover { |
|
35 background: -moz-linear-gradient(top, #2040a0, #6080c0); |
|
36 background: -webkit-linear-gradient(top, #2040a0, #6080c0); |
|
37 } |
|
38 |
|
39 .update-preview { |
|
40 text-align: center; display: block; margin-bottom: 10px; font-size: 24px; font-weight: bold; line-height: 34px; |
|
41 } |
|
42 |
|
43 #preview { |
|
44 position: relative; border-left: 1px solid #000000; border-bottom: 1px solid #000000; width: 300px; height: 800px; |
|
45 border-radius: 4px; overflow: hidden; margin-bottom: 10px; |
|
46 } |
|
47 |
|
48 .section-title { |
|
49 font-size: 20px; font-weight: bold; margin: 20px 0 5px; |
|
50 } |
|
51 |
|
52 .first-level-list { |
|
53 margin: 5px 0; |
|
54 } |
|
55 |
|
56 .add-item { |
|
57 margin: 5px 0; font-size: 22px; font-weight: bold; line-height: 18px; |
|
58 } |
|
59 |
|
60 .add-item:hover:after { |
|
61 float: right; font-size: 14px; font-weight: normal; line-height: 18px; margin-left: 4px; |
|
62 } |
|
63 |
|
64 .add-search-engine:hover:after { |
|
65 content: "Add Search Engine"; |
|
66 } |
|
67 .add-resource:hover:after { |
|
68 content: "Add Resource"; |
|
69 } |
|
70 .add-bin:hover:after { |
|
71 content: "Add Bin"; |
|
72 } |
|
73 |
|
74 .item { |
|
75 padding: 5px; margin: 5px 0; border-radius: 4px; font-size: 12px; |
|
76 background: -moz-linear-gradient(top, #ffcc8f, #fff0d0); |
|
77 background: -webkit-linear-gradient(top, #ffcc8f, #fff0d0); |
|
78 box-shadow: 1px 1px 2px #808080; |
|
79 } |
|
80 |
|
81 .remove-item { |
|
82 float: right; font-size: 22px; line-height: 18px; height: 18px; margin: 0 0 2px -10px; font-weight: bold; |
|
83 } |
|
84 |
|
85 .setting { |
|
86 float: left; width: 260px; margin: 2px 15px 2px 2px; line-height: 24px; min-height: 24px; |
|
87 } |
|
88 |
|
89 .setting label { |
|
90 float: left; display: block; width: 100px; font-weight: bold; |
|
91 } |
|
92 |
|
93 .display-value { |
|
94 float: left; display: block; width: 160px; |
|
95 } |
|
96 |
|
97 .edit-value { |
|
98 width: 160px; display: none; border: 1px solid #cccccc; border-radius: 3px; |
|
99 } |
|
100 |
|
101 input.edit-value, textarea.edit-value { |
|
102 width: 154px; padding: 2px; |
|
103 } |
|
104 |
|
105 textarea.edit-value { |
|
106 resize: vertical; height: 72px; |
|
107 } |
|
108 |
|
109 .item-editing .display-value { |
|
110 display: none; |
|
111 } |
|
112 |
|
113 .item-editing .edit-value { |
|
114 display: inline-block; |
|
115 } |
|
116 |
|
117 .resource-list-title { |
|
118 clear: both; width: 100%; font-size: 16px; font-weight: bold; margin: 5px 0 0; |
|
119 } |
|
120 |
|
121 .resource { |
|
122 display: block; clear: both; |
|
123 padding: 5px; margin: 5px; border-radius: 4px; |
|
124 background: -moz-linear-gradient(top, #ff8f00, #ffcc8f); |
|
125 background: -webkit-linear-gradient(top, #ff8f00, #ffcc8f); |
|
126 box-shadow: 1px 1px 2px #808080; |
|
127 } |
|
128 |
|
129 .resource .display-value { |
|
130 display: inline-block; |
|
131 } |
|
132 |
|
133 .resource .edit-value { |
|
134 display: none; |
|
135 } |
|
136 |
|
137 .resource.resource-editing .display-value { |
|
138 display: none; |
|
139 } |
|
140 |
|
141 .resource.resource-editing .edit-value { |
|
142 display: inline-block; |
|
143 } |