bitcoin-atm
bitcoin atm for pyc inc.
git clone https://9o.is/git/bitcoin-atm.git
variables.less
(8614B)
1 //
2 // Variables
3 // --------------------------------------------------
4
5 // Nexus 7 G1 Measurements
6 @screen-width: 602px; //4.5in;
7 @screen-height: 963px; //7in;
8 @bar-height: @screen-height / 14;
9 @help-btn-height: @screen-height / 7;
10 @close-btn-height: @screen-height / 14;
11 @top-area-height: @screen-height / 2.08;
12 @low-area-height: @screen-height - (@top-area-height + @help-btn-height);
13 @top-area-lg-height: @top-area-height + @help-btn-height;
14
15
16 // stuff
17 @bitcoin-wrap-padding-bottom: 20px;
18 @solo-bitcoin-size: 225px;
19 @solo-bitcoin-shade: @solo-bitcoin-size * 0.66666;
20 @solo-bitcoin-shade1: @solo-bitcoin-size * 6.666666;
21 @buy-btn-width: @screen-width - (@screen-width / 1.7);
22 @solo-btn-width: @screen-width - (@screen-width / 2);
23 @receipt-holder-width: @screen-width - 20px;
24 @receipt-height: @top-area-lg-height - 80px;
25
26
27 // Global values
28 // --------------------------------------------------
29
30 // Grays
31 // -------------------------
32
33 @gray-darker: lighten(#000, 13.5%); // #222
34 @gray-dark: lighten(#000, 20%); // #333
35 @gray: lighten(#000, 33.5%); // #555
36 @gray-light: lighten(#000, 60%); // #999
37 @gray-lighter: lighten(#000, 93.5%); // #eee
38 @gray-lightest: lighten(#000, 98%);
39
40 // Brand colors
41 // -------------------------
42
43 @brand-primary: #3E648D;
44 @brand-primary-light: lighten(@brand-primary, 55%); // #EDF2F7;
45 @brand-secondary: #F79220;
46 @brand-success: #739E73;
47 @brand-warning: #f0ad4e;
48 @brand-danger: #a90329;
49 @brand-info: #57889C;
50
51 // Scaffolding
52 // -------------------------
53
54 @body-bg: #fff;
55 @text-color: @gray-dark;
56
57 // Links
58 // -------------------------
59
60 @link-color: @brand-primary;
61 @link-hover-color: darken(@link-color, 15%);
62
63 // Typography
64 // -------------------------
65
66 @font-family-sans-serif: "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
67 @font-family-serif: Georgia, "Times New Roman", Times, serif;
68 @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
69 @font-family-base: @font-family-sans-serif;
70
71 @font-size-base: 34px;
72 @font-size-large: ceil(@font-size-base * 1.25);
73 @font-size-small: ceil(@font-size-base * 0.85);
74 @font-size-extra-small: ceil(@font-size-base * 0.65);
75 @font-size-xx-small: ceil(@font-size-base * 0.5);
76
77 @font-size-h1: floor(@font-size-base * 2.6);
78 @font-size-h2: floor(@font-size-base * 2.15);
79 @font-size-h3: ceil(@font-size-base * 1.7);
80 @font-size-h4: ceil(@font-size-base * 1.25);
81 @font-size-h5: @font-size-base;
82 @font-size-h6: ceil(@font-size-base * 0.85);
83
84 @line-height-base: 1.428571429; // 20/14
85 @line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
86
87 @headings-font-family: @font-family-base;
88 @headings-font-weight: 600;
89 @headings-line-height: 1.3;
90 @headings-color: inherit;
91
92
93 // Components
94 // -------------------------
95 // Based on 14px font-size and 1.428 line-height (~20px to start)
96
97 @padding-base-vertical: 6px;
98 @padding-base-horizontal: 12px;
99
100 @padding-large-vertical: 10px;
101 @padding-large-horizontal: 16px;
102
103 @padding-small-vertical: 5px;
104 @padding-small-horizontal: 10px;
105
106 @padding-xs-vertical: 1px;
107 @padding-xs-horizontal: 5px;
108
109 @line-height-large: 1.33;
110 @line-height-small: 1.5;
111
112 @border-radius-base: 4px;
113 @border-radius-large: 6px;
114 @border-radius-small: 3px;
115
116 @component-active-color: #fff;
117 @component-active-bg: @brand-primary;
118
119 @caret-width-base: 4px;
120 @caret-width-large: 5px;
121
122 // Tables
123 // -------------------------
124
125 @table-cell-padding: 8px;
126 @table-condensed-cell-padding: 5px;
127
128 @table-bg: transparent; // overall background-color
129 @table-bg-accent: #f9f9f9; // for striping
130 @table-bg-hover: #f5f5f5;
131 @table-bg-active: @table-bg-hover;
132
133 @table-border-color: #ddd; // table and cell border
134
135
136 // KEYBOARD
137 // --------------------------
138 @keyboard-height: 340px;
139 @keyboard-margin: 4px;
140 @keyboard-btn-size: 54px;
141 @keyboard-bg-color: @gray-lighter;
142 @keyboard-font-size: @font-size-small;
143
144
145 // Buttons
146 // -------------------------
147
148 @btn-font-weight: normal;
149
150 @btn-default-color: #333;
151 @btn-default-bg: #fff;
152 @btn-default-border: #ccc;
153
154 @btn-primary-color: #fff;
155 @btn-primary-bg: @brand-primary;
156 @btn-primary-border: darken(@btn-primary-bg, 5%);
157
158 @btn-success-color: #fff;
159 @btn-success-bg: @brand-success;
160 @btn-success-border: darken(@btn-success-bg, 5%);
161
162 @btn-warning-color: #fff;
163 @btn-warning-bg: @brand-warning;
164 @btn-warning-border: darken(@brand-warning, 5%);
165
166 @btn-danger-color: #fff;
167 @btn-danger-bg: @brand-danger;
168 @btn-danger-border: darken(@btn-danger-bg, 5%);
169
170 @btn-info-color: #fff;
171 @btn-info-bg: @brand-info;
172 @btn-info-border: darken(@btn-info-bg, 5%);
173
174 @btn-link-disabled-color: @gray-light;
175
176
177 // Forms
178 // -------------------------
179
180 @input-bg: #fff;
181 @input-bg-disabled: @gray-lighter;
182
183 @input-color: @gray;
184 @input-border: #ccc;
185 @input-border-radius: @border-radius-base;
186 @input-border-focus: #66afe9;
187
188 @input-color-placeholder: @gray-light;
189
190 @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
191 @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
192 @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
193
194 @legend-color: @gray-dark;
195 @legend-border-color: #e5e5e5;
196
197 @input-group-addon-bg: @gray-lighter;
198 @input-group-addon-border-color: @input-border;
199
200
201 // Dropdowns
202 // -------------------------
203
204 @dropdown-bg: #fff;
205 @dropdown-border: rgba(0,0,0,.15);
206 @dropdown-fallback-border: #ccc;
207 @dropdown-divider-bg: #e5e5e5;
208
209 @dropdown-link-color: @gray-dark;
210 @dropdown-link-hover-color: darken(@gray-dark, 5%);
211 @dropdown-link-hover-bg: #f5f5f5;
212
213 @dropdown-link-active-color: @component-active-color;
214 @dropdown-link-active-bg: @component-active-bg;
215
216 @dropdown-link-disabled-color: @gray-light;
217
218 @dropdown-header-color: @gray-light;
219
220
221 // COMPONENT VARIABLES
222 // --------------------------------------------------
223
224
225 // Z-index master list
226 // -------------------------
227 @tap-area-z-index: 1000;
228
229
230 // Form states and alerts
231 // -------------------------
232
233 @state-success-text: #3c763d;
234 @state-success-bg: #dff0d8;
235 @state-success-border: darken(spin(@state-success-bg, -10), 5%);
236
237 @state-info-text: #31708f;
238 @state-info-bg: #d9edf7;
239 @state-info-border: darken(spin(@state-info-bg, -10), 7%);
240
241 @state-warning-text: #8a6d3b;
242 @state-warning-bg: #fcf8e3;
243 @state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
244
245 @state-danger-text: #a94442;
246 @state-danger-bg: #f2dede;
247 @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
248
249
250 // Close
251 // ------------------------
252 @close-font-weight: bold;
253 @close-color: #000;
254 @close-text-shadow: 0 1px 0 #fff;
255
256
257 // Type
258 // ------------------------
259 @text-muted: @gray-light;
260 @abbr-border-color: @gray-light;
261 @headings-small-color: @gray-light;
262 @blockquote-small-color: @gray-light;
263 @blockquote-border-color: @gray-lighter;
264 @page-header-border-color: @gray-lighter;
265
266 // Miscellaneous
267 // -------------------------
268
269 // Hr border color
270 @hr-border: @gray-lighter;
271
272 // Horizontal forms & lists
273 @component-offset-horizontal: 180px;
274
275
276 // Thumbnails
277 // -------------------------
278 @thumbnail-padding: 4px;
279 @thumbnail-bg: @body-bg;
280 @thumbnail-border: #ddd;
281 @thumbnail-border-radius: @border-radius-base;
282
283 @thumbnail-caption-color: @text-color;
284 @thumbnail-caption-padding: 9px;