uniform-ui 0.6 → 1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +27 -0
- data/CNAME +1 -0
- data/Gemfile +0 -4
- data/Gemfile.lock +1 -11
- data/README.md +2 -3
- data/Rakefile +34 -24
- data/index.html +240 -1160
- data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
- data/preview/buttons.html.erb +62 -0
- data/preview/cards.html.erb +23 -0
- data/preview/colors.html.erb +22 -0
- data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
- data/preview/form.html.erb +233 -0
- data/preview/grid.html.erb +304 -0
- data/preview/helpers.html.erb +225 -0
- data/preview/index.html.erb +74 -50
- data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
- data/preview/layout.html.erb +63 -0
- data/preview/loaders.html.erb +83 -0
- data/preview/modal.html.erb +1 -0
- data/preview/nav.html.erb +77 -0
- data/preview/preview.scss +39 -10
- data/preview/rows.html.erb +36 -0
- data/preview/select.html.erb +1 -0
- data/preview/tables.html.erb +1 -0
- data/preview/tabs.html.erb +17 -0
- data/preview/tiles.html.erb +1 -0
- data/preview/tooltip.erb +1 -0
- data/site/alerts.html +157 -0
- data/site/alerts.html copy +133 -0
- data/site/buttons.html +286 -0
- data/site/cards.html +177 -0
- data/site/colors.html +275 -0
- data/site/dropdown.html +157 -0
- data/site/dropdown.html copy +141 -0
- data/site/form.html +369 -0
- data/site/grid.html +716 -0
- data/site/helpers.html +1008 -0
- data/site/index.html +208 -617
- data/site/labels.html +157 -0
- data/site/layout.html +313 -0
- data/site/loaders.html +233 -0
- data/site/modal.html +157 -0
- data/site/nav.html +229 -0
- data/site/preview.css +1 -1
- data/site/preview.js +59 -0
- data/site/rows.html +190 -0
- data/site/select.html +157 -0
- data/site/tables.html +157 -0
- data/site/tabs.html +171 -0
- data/site/tiles.html +157 -0
- data/site/tiles.html copy +109 -0
- data/site/tooltip +157 -0
- data/site/uniform.css +1 -1
- data/uniform.gemspec +2 -8
- data/vendor/assets/stylesheets/uniform.scss +4 -4
- data/vendor/assets/stylesheets/uniform/base.scss +2 -0
- data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
- data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
- data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
- data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
- data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
- data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
- data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
- data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
- data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
- data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
- data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
- data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
- data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
- data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
- data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
- data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
- data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
- data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
- data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
- data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
- data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
- data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
- data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
- data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
- data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
- metadata +61 -85
- data/preview/_buttons.html.erb +0 -59
- data/preview/_cards.html.erb +0 -82
- data/preview/_colors.html.erb +0 -12
- data/preview/_forms.html.erb +0 -196
- data/preview/_grid.html.erb +0 -49
- data/preview/_helpers.html.erb +0 -158
- data/preview/_inputs.html.erb +0 -93
- data/preview/_installation.html.erb +0 -4
- data/preview/_lists.html.erb +0 -53
- data/preview/_loaders.html.erb +0 -72
- data/preview/_nav.html.erb +0 -46
- data/preview/_philosophy.html.erb +0 -33
- data/preview/_rows.html.erb +0 -35
- data/preview/_uniform.html.erb +0 -4
- data/site/site/logo.png +0 -0
- data/site/site/preview.css +0 -1
- data/site/site/uniform.css +0 -1
- data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
- data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
- data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
- data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
- data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss +0 -142
data/preview/_inputs.html.erb
DELETED
@@ -1,93 +0,0 @@
|
|
1
|
-
<h3>Uniform Input</h3>
|
2
|
-
<div class="row">
|
3
|
-
<div class="col-sm-6">
|
4
|
-
<p><input type="text" class="uniform-input" /></p>
|
5
|
-
<p><input type="text" class="uniform-input large" /></p>
|
6
|
-
</div>
|
7
|
-
<div class="col-sm-6">
|
8
|
-
<pre><xmp><input type="text" class="uniform-input" /></xmp></pre>
|
9
|
-
<pre><xmp><input type="text" class="uniform-input large" /></xmp></pre>
|
10
|
-
</div>
|
11
|
-
</div>
|
12
|
-
|
13
|
-
<h3>Custom Inputs</h3>
|
14
|
-
<div class="row">
|
15
|
-
<div class="col-sm-6">
|
16
|
-
<p>Styled Select Box</p>
|
17
|
-
<p><span class="uniform-select"><select><option>An Option</option></select></span></p>
|
18
|
-
</div>
|
19
|
-
<div class="col-sm-6">
|
20
|
-
<pre><xmp><span class='uniform-select'>
|
21
|
-
<select>
|
22
|
-
<option>An Option</option>
|
23
|
-
</select>
|
24
|
-
</span></xmp></pre>
|
25
|
-
</div>
|
26
|
-
</div>
|
27
|
-
|
28
|
-
<h3>Inline Inputs</h3>
|
29
|
-
<p>Ever want to put in an input and it's label in line, and have it be 100% width responsive? Well, you can't, unless you use something like inline-input.</p>
|
30
|
-
<div class="row">
|
31
|
-
<div class="col-sm-6">
|
32
|
-
<div class="inline-input">
|
33
|
-
<span class="label">
|
34
|
-
<label for="rate">$</label>
|
35
|
-
</span>
|
36
|
-
<span>
|
37
|
-
<input id="rate">
|
38
|
-
</span>
|
39
|
-
<span class="units">
|
40
|
-
<label for="rate">/hour</label>
|
41
|
-
</span>
|
42
|
-
</div>
|
43
|
-
</div>
|
44
|
-
<div class="col-sm-6">
|
45
|
-
<pre><xmp><div class="inline-input">
|
46
|
-
<span class="label">$</span>
|
47
|
-
<span>
|
48
|
-
<input id="name" placeholder="Jonathan Doe">
|
49
|
-
</span>
|
50
|
-
<span class="units">/hour</span>
|
51
|
-
</div></xmp></pre>
|
52
|
-
</div>
|
53
|
-
</div>
|
54
|
-
<div class="row">
|
55
|
-
<div class="col-sm-6">
|
56
|
-
<div class="inline-input">
|
57
|
-
<span class="label"><label for="car">Car Preference</label></span>
|
58
|
-
<span class="select"><select id="car"><option>Tesla</option></select></span>
|
59
|
-
</div>
|
60
|
-
</div>
|
61
|
-
<div class="col-sm-6">
|
62
|
-
<pre><xmp><div class="inline-input">
|
63
|
-
<span class="label">
|
64
|
-
<label for="car">Car Preference</label>
|
65
|
-
</span>
|
66
|
-
<span>
|
67
|
-
<select id="car"><option>Tesla</option></select>
|
68
|
-
</span>
|
69
|
-
</div></xmp></pre>
|
70
|
-
</div>
|
71
|
-
</div>
|
72
|
-
<div class="row">
|
73
|
-
<div class="col-sm-6">
|
74
|
-
<div class="inline-input block">
|
75
|
-
<span class="label">
|
76
|
-
<label for="car">Car Preference</label>
|
77
|
-
</span>
|
78
|
-
<span>
|
79
|
-
<input id="name" value="Jonathan Doe" disabled>
|
80
|
-
</span>
|
81
|
-
</div>
|
82
|
-
</div>
|
83
|
-
<div class="col-sm-6">
|
84
|
-
<pre><xmp><div class="inline-input block">
|
85
|
-
<span class="label">
|
86
|
-
<label for="car">Car Preference</label>
|
87
|
-
</span>
|
88
|
-
<span>
|
89
|
-
<input id="name" value="Jonathan Doe" disabled>
|
90
|
-
</span>
|
91
|
-
</div></xmp></pre>
|
92
|
-
</div>
|
93
|
-
</div>
|
data/preview/_lists.html.erb
DELETED
@@ -1,53 +0,0 @@
|
|
1
|
-
<div class="row">
|
2
|
-
<div class="col-sm-6">
|
3
|
-
<ol class="uniform-step">
|
4
|
-
<li>Fill out the form</li>
|
5
|
-
<li>Join the club</li>
|
6
|
-
<li>Chill</li>
|
7
|
-
</ol>
|
8
|
-
</div>
|
9
|
-
<div class="col-sm-6">
|
10
|
-
<pre><xmp>
|
11
|
-
<ol class="uniform-step">
|
12
|
-
<li>Fill out the form</li>
|
13
|
-
<li>Join the club</li>
|
14
|
-
<li>Chill</li>
|
15
|
-
</ol></xmp></pre>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
|
19
|
-
<div class="row">
|
20
|
-
<div class="col-sm-6">
|
21
|
-
<ul class="uniform-checks">
|
22
|
-
<li>Fill out the form</li>
|
23
|
-
<li>Join the club</li>
|
24
|
-
<li>Chill</li>
|
25
|
-
</ul>
|
26
|
-
</div>
|
27
|
-
<div class="col-sm-6">
|
28
|
-
<pre><xmp>
|
29
|
-
<ul class="uniform-checks">
|
30
|
-
<li>Fill out the form</li>
|
31
|
-
<li>Join the club</li>
|
32
|
-
<li>Chill</li>
|
33
|
-
</ul></xmp></pre>
|
34
|
-
</div>
|
35
|
-
</div>
|
36
|
-
|
37
|
-
<div class="row">
|
38
|
-
<div class="col-sm-6">
|
39
|
-
<ul class="uniform-icons">
|
40
|
-
<li data-icon="">Fill out the form</li>
|
41
|
-
<li data-icon="">Join the club</li>
|
42
|
-
<li data-icon="">Chill</li>
|
43
|
-
</ul>
|
44
|
-
</div>
|
45
|
-
<div class="col-sm-6">
|
46
|
-
<pre><xmp>
|
47
|
-
<ul class="uniform-icons">
|
48
|
-
<li data-icon="">Fill out the form</li>
|
49
|
-
<li data-icon="">Join the club</li>
|
50
|
-
<li data-icon="">Chill</li>
|
51
|
-
</ul></xmp></pre>
|
52
|
-
</div>
|
53
|
-
</div>
|
data/preview/_loaders.html.erb
DELETED
@@ -1,72 +0,0 @@
|
|
1
|
-
<div class="row">
|
2
|
-
<div class="col-sm-6">
|
3
|
-
<div class="uniform-loader">
|
4
|
-
<div class="uniform-loader-container">
|
5
|
-
<span>•</span>
|
6
|
-
<span>•</span>
|
7
|
-
<span>•</span>
|
8
|
-
</div>
|
9
|
-
</div>
|
10
|
-
</div>
|
11
|
-
<div class="col-sm-6">
|
12
|
-
<pre><xmp><div class="uniform-loader">
|
13
|
-
<div class="uniform-loader-container">
|
14
|
-
<span>•</span>
|
15
|
-
<span>•</span>
|
16
|
-
<span>•</span>
|
17
|
-
</div>
|
18
|
-
</div></xmp></pre>
|
19
|
-
</div>
|
20
|
-
</div>
|
21
|
-
<div class="row">
|
22
|
-
<div class="col-sm-6">
|
23
|
-
<span style="position:relative; display:inline-block">
|
24
|
-
<img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
|
25
|
-
<div class="uniform-loader cover">
|
26
|
-
<div class="uniform-loader-container">
|
27
|
-
<span>•</span>
|
28
|
-
<span>•</span>
|
29
|
-
<span>•</span>
|
30
|
-
</div>
|
31
|
-
</div>
|
32
|
-
</span>
|
33
|
-
</div>
|
34
|
-
<div class="col-sm-6">
|
35
|
-
<pre><xmp><span style="position:relative; display:inline-block">
|
36
|
-
<img src="https://unsplash.it/150/100/?random" style="display:block;">
|
37
|
-
<div class="uniform-loader cover">
|
38
|
-
<div class="uniform-loader-container">
|
39
|
-
<span>•</span>
|
40
|
-
<span>•</span>
|
41
|
-
<span>•</span>
|
42
|
-
</div>
|
43
|
-
</div>
|
44
|
-
</span></xmp></pre>
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
<div class="row">
|
48
|
-
<div class="col-sm-6">
|
49
|
-
<span style="position:relative; display:inline-block">
|
50
|
-
<img src="https://unsplash.it/150/100/?random" style="display:block;" width="150" height="100">
|
51
|
-
<div class="uniform-loader cover light">
|
52
|
-
<div class="uniform-loader-container">
|
53
|
-
<span>•</span>
|
54
|
-
<span>•</span>
|
55
|
-
<span>•</span>
|
56
|
-
</div>
|
57
|
-
</div>
|
58
|
-
</span>
|
59
|
-
</div>
|
60
|
-
<div class="col-sm-6">
|
61
|
-
<pre><xmp><span style="position:relative; display:inline-block">
|
62
|
-
<img src="https://unsplash.it/150/100/?random" style="display:block;">
|
63
|
-
<div class="uniform-loader cover light">
|
64
|
-
<div class="uniform-loader-container">
|
65
|
-
<span>•</span>
|
66
|
-
<span>•</span>
|
67
|
-
<span>•</span>
|
68
|
-
</div>
|
69
|
-
</div>
|
70
|
-
</span></xmp></pre>
|
71
|
-
</div>
|
72
|
-
</div>
|
data/preview/_nav.html.erb
DELETED
@@ -1,46 +0,0 @@
|
|
1
|
-
<div class="uniform-nav">
|
2
|
-
<div class="brand">
|
3
|
-
<img src="site/logo.png" height="31" width="137">
|
4
|
-
</div>
|
5
|
-
<ul>
|
6
|
-
<li><a href="#">Home</a></li>
|
7
|
-
<li><a href="#">About</a></li>
|
8
|
-
<li><a href="#">Contact</a></li>
|
9
|
-
</ul>
|
10
|
-
<ul class="uniform-nav-right">
|
11
|
-
<li><a href="#">Login</a></li>
|
12
|
-
</ul>
|
13
|
-
</div>
|
14
|
-
<div class="uniform-nav uniform-nav-subnav">
|
15
|
-
<ul>
|
16
|
-
<li><a href="#">Home</a></li>
|
17
|
-
<li><span style="font-family: 'fortycons'"></span></li>
|
18
|
-
<li><a href="#">Nav</a></li>
|
19
|
-
<li><span style="font-family: 'fortycons'"></span></li>
|
20
|
-
<li><a href="#">Preview</a></li>
|
21
|
-
</ul>
|
22
|
-
</div>
|
23
|
-
|
24
|
-
<br><br>
|
25
|
-
<pre><xmp><div class="uniform-nav">
|
26
|
-
<div class="brand">
|
27
|
-
<img src="site/logo.png" height="31" width="137">
|
28
|
-
</div>
|
29
|
-
<ul>
|
30
|
-
<li><a href="#">Home</a></li>
|
31
|
-
<li><a href="#">About</a></li>
|
32
|
-
<li><a href="#">Contact</a></li>
|
33
|
-
</ul>
|
34
|
-
<ul class="uniform-nav-right">
|
35
|
-
<li><a href="#">Login</a></li>
|
36
|
-
</ul>
|
37
|
-
</div>
|
38
|
-
<div class="uniform-nav uniform-nav-subnav">
|
39
|
-
<ul>
|
40
|
-
<li><a href="#">Home</a></li>
|
41
|
-
<li><span style="font-family: 'fortycons'"></span></li>
|
42
|
-
<li><a href="#">Nav</a></li>
|
43
|
-
<li><span style="font-family: 'fortycons'"></span></li>
|
44
|
-
<li><a href="#">Preview</a></li>
|
45
|
-
</ul>
|
46
|
-
</div></xmp></pre>
|
@@ -1,33 +0,0 @@
|
|
1
|
-
<h3>Don't use ID's</h3>
|
2
|
-
<p>Unless you have to, and even then, think twice. HTML Id's make things not reusable. There should only be one instance of an id in a document</p>
|
3
|
-
|
4
|
-
<h3>Use Semanitc Classes Presentationaly :)</h3>
|
5
|
-
<p>Here's a decent post on OOCSS (Object Oriented CSS) as it relates to semantic vs presentational classes: <a href="http://blackfalcon.roughdraft.io/5255648-oocss-v-ooscss-sasscast-show-notes">OOCSS v OOSCSS</a>
|
6
|
-
<p><strong>TL;DR:</strong> Semantic classes explain what that element is. Presentational classes explain what the shoud look like.</p>
|
7
|
-
<p><code>class="property-list"</code> vs <code>class="ul-list col-sm-4"</code>
|
8
|
-
<p>Some of us don't want to touch css files (preference: presentational), and some of us live there (preference: semantic). Honestly, the art of good ui development is balancing semantic and presentational classes. Each taken to their extreme is bad.</p>
|
9
|
-
<p>Structure html so that the semantic class is first and presentational classes follow.</p>
|
10
|
-
<p><code>class="property-list ul-list col-sm-4"</code></p>
|
11
|
-
|
12
|
-
<h3>Save the Namespace, save the world</h3>
|
13
|
-
<p>Don't make presentational classes that will clash with elements that could mean something else. I'm looking at you Bootsrap!</p>
|
14
|
-
<p><code>class="label"</code> should be <code>class="text-label"</code></p>
|
15
|
-
|
16
|
-
<h3>Train-case</h3>
|
17
|
-
<p>Use train-case for class names, not camelCase or snake_case. It's quicker to type and honestly just conventional.</p>
|
18
|
-
|
19
|
-
<div class="row">
|
20
|
-
<div class="col-sm-6">
|
21
|
-
<h3>Wrappers and Containers</h3>
|
22
|
-
<p>The order of nesting should go Wrapper > Element > Container. Sometimes you have to have an inside layer to do advanced css things, and the container should be that layer. This is not a suggestion for every object; use wrapper and/or container as needed.</p>
|
23
|
-
</div>
|
24
|
-
<div class="col-sm-6">
|
25
|
-
<h3> </h3>
|
26
|
-
<pre><xmp><div class="property-wrapper">
|
27
|
-
<div class="property">
|
28
|
-
<div class="property-container">
|
29
|
-
</div>
|
30
|
-
</div>
|
31
|
-
</div></xmp></pre>
|
32
|
-
</div>
|
33
|
-
</div>
|
data/preview/_rows.html.erb
DELETED
@@ -1,35 +0,0 @@
|
|
1
|
-
<a class="uniform-row" href="#rows">
|
2
|
-
<span class="uniform-row-avatar">
|
3
|
-
<img src="https://unsplash.it/63/47/?random" width="63" height="47">
|
4
|
-
</span>
|
5
|
-
<span class="uniform-row-container">
|
6
|
-
<span class="col-sm-6">
|
7
|
-
John Doe
|
8
|
-
<span class="uniform-row-secondary">ABC Designs</span>
|
9
|
-
</span>
|
10
|
-
<span class="col-sm-3">
|
11
|
-
Garland, TX
|
12
|
-
</span>
|
13
|
-
<span class="col-sm-3">
|
14
|
-
Texas Ranger Fan
|
15
|
-
</span>
|
16
|
-
</span>
|
17
|
-
</a>
|
18
|
-
<br><br>
|
19
|
-
<pre><xmp><a class="uniform-row" href="#rows">
|
20
|
-
<span class="uniform-row-avatar">
|
21
|
-
<img src="https://unsplash.it/63/47/?random" width="63" height="47">
|
22
|
-
</span>
|
23
|
-
<span class="uniform-row-container">
|
24
|
-
<span class="col-sm-6">
|
25
|
-
John Doe
|
26
|
-
<span class="uniform-row-secondary">ABC Designs</span>
|
27
|
-
</span>
|
28
|
-
<span class="col-sm-3">
|
29
|
-
Garland, TX
|
30
|
-
</span>
|
31
|
-
<span class="col-sm-3">
|
32
|
-
Texas Ranger Fan
|
33
|
-
</span>
|
34
|
-
</span>
|
35
|
-
</a></xmp></pre>
|
data/preview/_uniform.html.erb
DELETED
data/site/site/logo.png
DELETED
Binary file
|
data/site/site/preview.css
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
*{box-sizing:border-box}html,body{font-family:Helvetica, sans-serif}.section{width:100%;padding:100px 50px;border-bottom:1px solid #cccccc}.section pre:first-of-type{margin-top:0}.side-nav{position:fixed;overflow-y:scroll;width:250px;height:100%;border-right:1px solid #cccccc}.side-nav a{color:black}.main-content{margin-left:250px}.swatch{height:1em;width:4em;margin-right:5px;background:gray;display:inline-block;vertical-align:middle}.table{width:100%}.table td{padding:5px}
|
data/site/site/uniform.css
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}@font-face{font-family:"fortycons";src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAa0AA0AAAAACegAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGmAAAABoAAAAcejGAE09TLzIAAAGgAAAASQAAAGBP8V2PY21hcAAAAhgAAABjAAABasT8+NNjdnQgAAACfAAAAAQAAAAEABEBRGdhc3AAAAaQAAAACAAAAAj//wADZ2x5ZgAAAqQAAAJgAAADgKSJlBZoZWFkAAABMAAAAC4AAAA2CTBYU2hoZWEAAAFgAAAAHQAAACQD5gHLaG10eAAAAewAAAAqAAAALAURAXVsb2NhAAACgAAAACQAAAAkBnIHWm1heHAAAAGAAAAAHwAAACAAVwBRbmFtZQAABQQAAAEtAAACH1PcdXNwb3N0AAAGNAAAAFsAAACs9304oXjaY2BkYGAA4pQC8+/x/DZfGbiZGEDgCjf3awT9/yjjb8bdQC4HA1gaACXyCuEAAHjaY2BkYGDc/f8ogx4TAwgw/mZgZEAFrABjGAO0AAAAeNpjYGRgYBBkUGBgYQABJiBmZACJOTDogQQACGYAqQB42mNgYXzJOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGAQYECEhzTWFoYFD42M144P8BBj3G3QzWIDVIShQYGAFROAwjAAAAeNpj2M0gyAACq4D4BAMDEwODMkMXECoD+UJgGRUGBQZjBlaGBAB0WASJAAB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTAxqDwUeSj7EfFj1Ufu///B4orfBT8KPVRAcjv+v///2O+z3zv+N7wTeFrhZqDBBjZGOCCjExAggldAcQJwxkAAJf1F34AABEBRAAAACoAKgAqACoASgBqAIgAqgDEAOAA+gEUATQBagGCAawBwHjaZZLPaxNBFMff2+2brZm4221rAjZQ8zsXW8ymiYfQivaiIILSi4fQivQgXrxUyEFyKCIqNhAQRISC9GQvidA9iIsKIhYK+QPqSRAPij0pWNk4bze1LcLsMvtmPt/v980OaGADwBOcAx0MmGgjTFY7xgB8L7YFbVc7uqam0Na5TFzuGAL/VDvIdcd27Lxjp+17txcXcc5/YaOj1BDScAE/YRmGAEbilXIxNmqhSE1irlQunvU8siK0KUyxSRELT7kuSZM+khqmhIC/3/uMS/iM+WxsNCRnMNTBWwe2k6sdFCPvP34G8+w6jmGGXGnlkJ92OE2Q/XyQfVh55w0Tc/nQmxVECj3P049EdPqHXHJdXdN0sd8CqgzXMYsROAqQ2W/dSRYxKxpkqUcaCIO+RQ1Sw2JmGE6Ci1eYGbEP9uxKtU0wJ/FMDwypvkyWCHsFxa2FXDlsccoOGl4LEIY/mH1HZkPmMmbhV5hPpJOpvRYxKwf7Foq7GeLKWzEZOI7buAiWEogpH5VPMeNYKcexK+XvqFyRMhWVC1syiqejclfKpoympLy2JaW6XSd6O/gGm4qPwzj/18MauSIfb64UK5ZLuZQYxYtES0TnhBgimpgX9Hy9Xl+vP1qu1ZZrO4LXZomGhJhYIGrWefFnjRcBNHB6X/ELPg3uNIxU0EjmMe4k8HHCv8tvvJPwbyR4xmc4ANR7j7v4KtjP+aDCN3sqeYyTcKJMP923wkucnt1oNDYa/utuq9VtJXHaf/egUPjR4Opqi4vAGeZhDFfxaphhTy/gx3DGf/uwUFDb/gKY8a9XeNqFj89qwkAYxGf9V3IpxUNvhe9SUDBhjSAoPSnm0KMFD71JSJOgZmWN0LxBj32SPlEfppO47algYPl+Ozs7OwFwiy8oXL4HPDlW8FA4buEGH47beMS34w48de+4izu1cNyjntKpOh538+ZWzQp9vDpu8d13x20849NxB33VctyFKHHco/6CJQyOqGCRI0WGEoIBYgw5Q2iMMcWIvEDC9oIVPQfsuMPSHCubp1kpg3gooR5PR7JIClllhx2P35hsmVcxzfDuiZKxZRWbgrhmQooz9tjShXWSnvdbQtR4y2ZaOpKmR8Amwv+Wf1IveogJfMy4flsjMkUZGZsmEgZa5vL3Ojmc+DO/rnyt54YNLLW8ORNm1+lBM+tO2CT2lJtCtB4HWmu5EvgDhrVU0QAAAHjabcw9DkBAFATgN7tY/4nSLeyS0FriLhqd+7kZwuhMMvmayYiSJ+chtfylugtRoqGgESBEBIMYCVJkyFGgNPu2LtZa6mhLOzpSTyc6v7qG8qfnfvj0F1PpHzUAAAAAAf//AAJ42mNgYGBkAIJL0hk2IPoKN/drGA0ANXYFPQAA") format("woff");font-weight:normal;font-style:normal}vr{height:30px;border-left:1px solid #d9d9d9;margin:0 10px;display:inline-block;vertical-align:middle}.rounded,.round{border-radius:50%}.pointer{cursor:pointer !important}.handle{cursor:hand}.honeypot{position:absolute !important;left:-999999px !important;width:1px !important;display:block !important}.hide,.hidden{display:none}.right{float:right}.text-right{text-align:right}.center{text-align:center}.clear{clear:both}.bleed-fix{position:static;overflow:hidden}.no-gutter{padding-left:0;padding-right:0}.no-pad{padding-left:0;padding-right:0}.less-pad{padding-left:5px;padding-right:5px}.pad{padding:10px}.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strong,strong,.bold{font-weight:700}.light,.text-light{font-weight:300}.text-normal{font-weight:normal}.italic{font-style:italic}.required{color:#E1563E}.warn{color:#828487}.warn:hover{color:#E1563E}h1.no-margin,h2.no-margin,h3.no-margin,h4.no-margin,h5.no-margin,h6.no-margin{margin:0;margin-top:10px}h1.no-margin-top,h2.no-margin-top,h3.no-margin-top,h4.no-margin-top,h5.no-margin-top,h6.no-margin-top{margin-top:0}.green{color:#97C848}.green-light{color:#BBFF00}.blue{color:#0994E2}.blue-light{color:#A7CDF2}p.large{font-size:1.5em;font-weight:300;margin-bottom:20px}.nowrap{white-space:nowrap;overflow:hidden}.green{color:#97C848}.green-light{color:#BBFF00}.green-dark{color:#BBFF00}.green-bg{background-color:#97C848}.green-light-bg{background-color:#BBFF00}.green-dark-bg{background-color:#709239}.blue{color:#0994E2}.blue-light{color:#A7CDF2}.blue-dark{color:#A7CDF2}.blue-bg{background-color:#0994E2}.blue-light-bg{background-color:#A7CDF2}.blue-dark-bg{background-color:#167DBA}.red{color:#E1563E}.red-light{color:#E5766C}.red-dark{color:#E5766C}.red-bg{background-color:#E1563E}.red-light-bg{background-color:#E5766C}.red-dark-bg{background-color:#971710}.gray{color:#505153}.gray-light{color:#d9d9d9}.gray-dark{color:#d9d9d9}.gray-bg{background-color:#505153}.gray-light-bg{background-color:#d9d9d9}.gray-dark-bg{background-color:#373839}.yellow{color:#D7E542}.yellow-light{color:#E9F75A}.yellow-dark{color:#E9F75A}.yellow-bg{background-color:#D7E542}.yellow-light-bg{background-color:#E9F75A}.yellow-dark-bg{background-color:#BBC02C}a{color:#0994E2}a:hover{color:#167DBA}blockquote{border-left-color:#c4e096}mark{background:#e4ff99}code{border-radius:4px;padding:2px 4px;font-size:90%;background:#ebffb3;color:#709239;font-weight:normal}pre{display:block;background:#e6e6e6;border:1px solid #dedede;padding:15px 10px;overflow:auto}pre xmp{margin:0}.uniform-btn{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:white;background-image:-webkit-linear-gradient(#fff, #f7f7f7);background-image:linear-gradient(#fff, #f7f7f7);border:1px solid #d9d9d9;border-radius:3pt;padding:6px 12px;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;line-height:1;color:#505153}.uniform-btn .fortycon{line-height:1em;vertical-align:-2px;font-size:1.2em;margin-right:3px}.uniform-btn .subtext{display:block;font-weight:300;text-transform:none}.uniform-btn:visited{color:#505153}.uniform-btn:hover,.uniform-btn.hover,.uniform-btn:focus{outline:none;color:#709239;border-color:#97C848;background-image:none !important}.uniform-btn:active,.uniform-btn.active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);background-image:none !important;outline:none}.uniform-btn:disabled,.uniform-btn.disabled{color:#505153;background-image:none !important;background:#f2f2f2}.uniform-btn.outline{background:none !important;text-shadow:none !important}.uniform-btn.outline.dashed{border-style:dashed}.uniform-btn.dashed{border-style:dashed}.uniform-btn.circle{border-radius:2em}.uniform-btn.subtle,.uniform-btn.uniform-btn-xs{padding:0.05em 0.5em}.uniform-btn.small,.uniform-btn.uniform-btn-sm{padding:0.1em 0.5em;font-size:0.8em;vertical-align:top;display:inline-block}.uniform-btn.large,.uniform-btn.uniform-btn-lg{padding:1.2em 2.4em;text-transform:uppercase;letter-spacing:1px;font-weight:bold;font-size:110%}.uniform-btn.large.form-control,.uniform-btn.uniform-btn-lg.form-control{padding-top:0;padding-bottom:0}.uniform-btn.large .fortycon,.uniform-btn.uniform-btn-lg .fortycon{line-height:0.5em;vertical-align:-6px;font-size:2em;margin-right:7px;font-weight:normal}.uniform-btn.warn:hover{border-color:#E1563E;background:#E1563E}.uniform-btn.warn:hover.outline{color:#E1563E}.uniform-btn.block,.uniform-btn.uniform-btn-block{padding-left:5px !important;padding-right:5px !important;display:block;width:100%}.uniform-btn.green,.uniform-btn.uniform-btn-primary{background-color:#a2ce5c;background-image:-webkit-linear-gradient(#a2ce5c, #90c43c);background-image:linear-gradient(#a2ce5c, #90c43c);border-color:#8bbe39;color:white;text-shadow:0 -1px 0 rgba(112,146,57,0.5)}.uniform-btn.green.outline,.uniform-btn.uniform-btn-primary.outline{color:#709239}.uniform-btn.green.outline.inv,.uniform-btn.uniform-btn-primary.outline.inv{color:#BBFF00}.uniform-btn.green:hover,.uniform-btn.green.hover,.uniform-btn.uniform-btn-primary:hover,.uniform-btn.uniform-btn-primary.hover{background:#709239;border-color:#628032}.uniform-btn.green:hover.inv,.uniform-btn.green.hover.inv,.uniform-btn.uniform-btn-primary:hover.inv,.uniform-btn.uniform-btn-primary.hover.inv{border-color:#BBFF00}.uniform-btn.red,.uniform-btn.uniform-btn-danger{background-color:#E1563E;background-image:-webkit-linear-gradient(#E1563E, #df4a31);background-image:linear-gradient(#E1563E, #df4a31);border-color:#de4328;color:white}.uniform-btn.red.outline,.uniform-btn.uniform-btn-danger.outline{color:#971710}.uniform-btn.blue,.uniform-btn.uniform-btn-danger{background-color:#0994E2;background-image:-webkit-linear-gradient(#0994E2, #088ad3);background-image:linear-gradient(#0994E2, #088ad3);border-color:#0994E2;color:white}.uniform-btn.blue.outline,.uniform-btn.uniform-btn-danger.outline{color:#0994E2}.uniform-btn.white.outline{color:white;border-color:white}.uniform-btn.warning.outline:hover{color:#E1563E;border-color:#E1563E}span.uniform-btn{cursor:auto}.uniform-card{overflow:hidden;background:white;border:1px solid #d8d8d9;border-bottom-color:#bebfc0;border-right-color:#bebfc0;border-radius:3px;margin:10px 0}.uniform-card.selected{border-color:#0994E2;box-shadow:0 0 3px #0994E2}.uniform-card .uniform-card-actions .fortycon{margin-right:0}.uniform-card .uniform-card-actions .delete{margin-left:20px}.uniform-card .uniform-card-actions .delete .fortycon{width:14px}.uniform-card .uniform-card-actions .select{margin-bottom:0}.uniform-card .uniform-card-actions .select input{font-size:2em}.uniform-card .uniform-card-avatar{float:left}.uniform-card .uniform-card-container{overflow:hidden}.uniform-card .uniform-card-title{display:table;width:100%;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-title>*{display:table-cell;padding:10px 20px}.uniform-card .uniform-card-title .type{text-transform:uppercase;font-weight:bold;color:#828487}.uniform-card .uniform-card-title .actions{text-align:right}.uniform-card .uniform-card-title .actions .uniform-btn{margin-top:-5px;margin-bottom:-5px}.uniform-card .uniform-card-body{padding:10px 20px}.uniform-card .uniform-card-attributes{display:table}.uniform-card .uniform-card-attributes>*{display:table-row}.uniform-card .uniform-card-attributes>*>*{display:table-cell;padding:7px 0;border-bottom:1px solid #d9d9d9}.uniform-card .uniform-card-attributes>*:last-child>*{border-bottom:none}.uniform-card .uniform-card-attributes>*>*:first-child{font-weight:bold;font-size:0.8em;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uniform-card .uniform-card-attributes>*>*:last-child{width:100%}.uniformBigInput{width:100%;display:block;padding:10px 15px;font-size:1.3em;font-weight:300;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;border:1px solid #d9d9d9}.uniformBigInput:focus{border-color:#0994E2}.uniform-form.viking-dialog{padding:0}.uniform-form .section{background:white;border:1px solid #d8d8d9;display:block;overflow:hidden;margin-bottom:20px}.uniform-form .section-head{background:#f7f7f7;overflow:hidden;padding:10px 15px;border-bottom:1px solid #d8d8d9}.uniform-form .section-head>*{margin:0}.uniform-form .section-head h1,.uniform-form .section-head h2,.uniform-form .section-head h3,.uniform-form .section-head h4,.uniform-form .section-head h5,.uniform-form .section-head h6{margin:0;display:inline-block}.uniform-form .section-head .nav-tabs{border-bottom:none;margin-bottom:-10px}.uniform-form .section-head .action{float:right;color:#97C848;text-decoration:none}.uniform-form .section-head .action a{text-decoration:none}.uniform-form .section-head .action .fortycon{font-size:1.2em;vertical-align:middle}.uniform-form .section-foot{background:#f7f7f7;border-top:1px solid #d8d8d9;text-align:center;padding:10px 15px}.uniform-form .row .form-group{margin-top:10px;margin-bottom:10px}.uniform-form .checkbox-group label{font-weight:normal;display:block}.uniform-form .checkbox-group input{margin-right:3px}.uniform-form .show-more{color:#c3c4c5;font-size:0.8em;margin-top:10px;margin-bottom:10px;padding:0 15px;padding-top:8px;min-height:53px;display:inline-block;padding-left:25px;cursor:pointer;border:1px solid transparent;text-decoration:none}.uniform-form .show-more>span{font-size:1.2em;display:block;font-weight:bold;margin-bottom:2px;margin-left:-18px}.uniform-form .show-more>span:before{font-family:"fortycons";display:inline-block;content:"";margin-right:5px}.uniform-form .show-more .indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin:1px 3px;border:1px solid #c3c4c5}.uniform-form .show-more .indicator.full{background:#c3c4c5}.uniform-form .show-more:hover{border-color:#0994E2;color:#0994E2}.uniform-form .show-more:hover .indicator{border-color:#0994E2}.uniform-form .show-more:hover .indicator.full{background:#0994E2}.uniform-form .form-group{margin-bottom:0}.uniform-form .form-group .has-error>label,.uniform-form .form-group>label{display:block}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .form-group textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;box-shadow:none;width:100%;padding:5px;border:1px solid #d9d9d9}.uniform-form .form-group .has-error>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus,.uniform-form .form-group>input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-form .form-group textarea:focus{border-color:#0994E2}.uniform-form .form-group .has-error>select,.uniform-form .form-group>select{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #d9d9d9;margin:0;padding:5px;padding-right:20px;line-height:1.2;min-height:30px;background:white;border-radius:0;background:url(asset_path("arrow_down_large.svg")) no-repeat;background-size:10px 10px;background-position:right 5px center;width:100%}.uniform-form .form-group .has-error>select:focus,.uniform-form .form-group>select:focus{border-color:#0994E2}.uniform-form .form-group .inline-input{width:100%}.uniform-form .form-group .inline-input select{background:none}.uniform-form .form-group .inline-input.active{box-shadow:none;border-color:#0994E2}.uniform-form .form-group .inline-input .add-on{width:30px;border-right:none}.uniform-form .form-group select.select2{max-height:30px}.uniform-form .form-group .select2{width:100%}.uniform-form .form-group .select2 .select2-selection{border-radius:0;border-color:#d9d9d9;min-height:30px}.uniform-form .form-group .select2 .select2-selection .select2-selection__arrow{height:30px}.uniform-form .form-group .select2 .select2-selection--multiple{line-height:1}.uniform-form .form-group .select2 .select2-selection__choice{margin-top:3px;line-height:1.4}.uniform-form .form-group .select2 .select2-selection--single{height:30px}.uniform-form .form-group .select2 .select2-selection--single .select2-selection__rendered{line-height:30px}.uniform-form .has-error label{color:#E1563E !important}.uniform-form .has-error input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-form .has-error textarea{border-color:#E1563E !important}.uniform-form .has-error .select2 .select2-selection{border-color:#E1563E !important}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}@media screen and (min-width: 768px){.container{width:750px}}@media screen and (min-width: 992px){.container{width:970px}}@media screen and (min-width: 1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid:before,.container-fluid:after{content:" ";display:table}.container-fluid:after{clear:both}.row{margin-left:-15px;margin-right:-15px}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-1{width:8.33333%}.col-xs-2{width:16.66667%}.col-xs-3{width:25%}.col-xs-4{width:33.33333%}.col-xs-5{width:41.66667%}.col-xs-6{width:50%}.col-xs-7{width:58.33333%}.col-xs-8{width:66.66667%}.col-xs-9{width:75%}.col-xs-10{width:83.33333%}.col-xs-11{width:91.66667%}.col-xs-12{width:100%}.col-xs-pull-0{right:auto}.col-xs-pull-1{right:8.33333%}.col-xs-pull-2{right:16.66667%}.col-xs-pull-3{right:25%}.col-xs-pull-4{right:33.33333%}.col-xs-pull-5{right:41.66667%}.col-xs-pull-6{right:50%}.col-xs-pull-7{right:58.33333%}.col-xs-pull-8{right:66.66667%}.col-xs-pull-9{right:75%}.col-xs-pull-10{right:83.33333%}.col-xs-pull-11{right:91.66667%}.col-xs-pull-12{right:100%}.col-xs-push-0{left:auto}.col-xs-push-1{left:8.33333%}.col-xs-push-2{left:16.66667%}.col-xs-push-3{left:25%}.col-xs-push-4{left:33.33333%}.col-xs-push-5{left:41.66667%}.col-xs-push-6{left:50%}.col-xs-push-7{left:58.33333%}.col-xs-push-8{left:66.66667%}.col-xs-push-9{left:75%}.col-xs-push-10{left:83.33333%}.col-xs-push-11{left:91.66667%}.col-xs-push-12{left:100%}.col-xs-offset-0{margin-left:0%}.col-xs-offset-1{margin-left:8.33333%}.col-xs-offset-2{margin-left:16.66667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333%}.col-xs-offset-5{margin-left:41.66667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333%}.col-xs-offset-8{margin-left:66.66667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333%}.col-xs-offset-11{margin-left:91.66667%}.col-xs-offset-12{margin-left:100%}@media screen and (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}.col-sm-pull-0{right:auto}.col-sm-pull-1{right:8.33333%}.col-sm-pull-2{right:16.66667%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333%}.col-sm-pull-5{right:41.66667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.33333%}.col-sm-pull-8{right:66.66667%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333%}.col-sm-pull-11{right:91.66667%}.col-sm-pull-12{right:100%}.col-sm-push-0{left:auto}.col-sm-push-1{left:8.33333%}.col-sm-push-2{left:16.66667%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333%}.col-sm-push-5{left:41.66667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.33333%}.col-sm-push-8{left:66.66667%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333%}.col-sm-push-11{left:91.66667%}.col-sm-push-12{left:100%}.col-sm-offset-0{margin-left:0%}.col-sm-offset-1{margin-left:8.33333%}.col-sm-offset-2{margin-left:16.66667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333%}.col-sm-offset-5{margin-left:41.66667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333%}.col-sm-offset-8{margin-left:66.66667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333%}.col-sm-offset-11{margin-left:91.66667%}.col-sm-offset-12{margin-left:100%}}@media screen and (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.33333%}.col-md-pull-2{right:16.66667%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333%}.col-md-pull-5{right:41.66667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.33333%}.col-md-pull-8{right:66.66667%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333%}.col-md-pull-11{right:91.66667%}.col-md-pull-12{right:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.33333%}.col-md-push-2{left:16.66667%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333%}.col-md-push-5{left:41.66667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.33333%}.col-md-push-8{left:66.66667%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333%}.col-md-push-11{left:91.66667%}.col-md-push-12{left:100%}.col-md-offset-0{margin-left:0%}.col-md-offset-1{margin-left:8.33333%}.col-md-offset-2{margin-left:16.66667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333%}.col-md-offset-5{margin-left:41.66667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333%}.col-md-offset-8{margin-left:66.66667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333%}.col-md-offset-11{margin-left:91.66667%}.col-md-offset-12{margin-left:100%}}@media screen and (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.33333%}.col-lg-pull-2{right:16.66667%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333%}.col-lg-pull-5{right:41.66667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.33333%}.col-lg-pull-8{right:66.66667%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333%}.col-lg-pull-11{right:91.66667%}.col-lg-pull-12{right:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.33333%}.col-lg-push-2{left:16.66667%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333%}.col-lg-push-5{left:41.66667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.33333%}.col-lg-push-8{left:66.66667%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333%}.col-lg-push-11{left:91.66667%}.col-lg-push-12{left:100%}.col-lg-offset-0{margin-left:0%}.col-lg-offset-1{margin-left:8.33333%}.col-lg-offset-2{margin-left:16.66667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333%}.col-lg-offset-5{margin-left:41.66667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333%}.col-lg-offset-8{margin-left:66.66667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333%}.col-lg-offset-11{margin-left:91.66667%}.col-lg-offset-12{margin-left:100%}}.uniform-select{position:relative}.uniform-select select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;z-index:1;outline:1px;cursor:pointer;text-indent:1px;text-overflow:ellipsis;font-family:"Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;border:1px solid #828487;padding:0.3em 0.5em;padding-right:1.7em;background:white;border-radius:0;background:none}.uniform-select:after{color:#828487;font-size:1em;font-family:"fortycons";content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0.3em;z-index:0}.uniform-select:focus{border-color:#0994E2}.inline-input{display:table;background:white;overflow:hidden;border:1px solid #d9d9d9;border-top-color:#cccccc}.inline-input.block>*{width:100%}.inline-input>*{display:table-cell;vertical-align:middle;float:none}.inline-input>*.top{vertical-align:top}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.inline-input .textbox,.inline-input textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;padding:10px;box-shadow:none;border:none;width:100%}.inline-input input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):disabled,.inline-input textarea:disabled,.inline-input .textbox:disabled,.inline-input select:disabled{color:#828487;font-style:italic}.inline-input select{width:100%;border:none;margin:0;margin-top:1px;height:37px;line-height:37px;background:none}.inline-input label{margin:0;font-weight:bold;padding:5px;width:100%;font-size:0.8em}.inline-input .label,.inline-input .add-on,.inline-input .units{white-space:nowrap;width:auto;padding-left:7px;padding-right:7px;color:gray}.inline-input.active{box-shadow:0 0 3px 1px #97C848;border-color:#97C848}.inline-input.error{border-color:#E1563E}li[data-step]{list-style:none;margin:0.5em 0;position:relative}li[data-step]:before{content:attr(data-step);color:#97C848;font-size:1em;vertical-align:-2px;border-radius:50%;border:2px solid #97C848;width:1.3em;height:1.3em;font-weight:normal;line-height:1.1;text-align:center;position:absolute;left:-1.5em}li[data-number]{list-style:none;margin:0.5em 0;position:relative}li[data-number]:before{content:attr(data-number);font-size:1em;width:1.5em;height:1.3em;font-weight:bold;line-height:1.3;text-align:center;position:absolute;left:-1.5em}ul.custom li,ul.checks li,li[data-fortycon],li[data-icon]{position:relative}ul.custom li:before,ul.checks li:before,li[data-fortycon]:before,li[data-icon]:before{content:"c";font-size:1.2em;position:absolute;left:-1.5em;line-height:1}li[data-fortycon]:before,li[data-icon]:before{content:attr(data-fortycon)}ul.checks li:before{color:#97C848}.uniform-loader{display:inline-block}.uniform-loader .uniform-loader-container{letter-spacing:-.05em;white-space:nowrap}.uniform-loader .uniform-loader-container span{font-size:2em;line-height:1em;color:black;-webkit-animation:uniform-loader 1s infinite linear;-moz-animation:uniform-loader 1s infinite linear;animation:uniform-loader 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.light .uniform-loader-container span{color:white;-webkit-animation:uniform-loader-light 1s infinite linear;-moz-animation:uniform-loader-light 1s infinite linear;animation:uniform-loader-light 1s infinite linear;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;animation-delay:0.4s}.uniform-loader.light .uniform-loader-container span:first-of-type{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;animation-delay:0.2s}.uniform-loader.light .uniform-loader-container span:last-of-type{-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;animation-delay:0.6s}.uniform-loader.cover{display:block;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999999}.uniform-loader.cover .uniform-loader-container{position:absolute;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.uniform-loader.cover.light{background:rgba(0,0,0,0.5)}@-webkit-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-moz-keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@keyframes uniform-loader{0%{color:black}25%{color:rgba(0,0,0,0.2)}100%{color:rgba(0,0,0,0.2)}}@-webkit-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@-moz-keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}@keyframes uniform-loader-light{0%{color:white}25%{color:rgba(255,255,255,0.2)}100%{color:rgba(255,255,255,0.2)}}.uniform-nav{list-style:none;margin:0;padding:0}.uniform-nav ul{list-style:none;margin:0;padding:0}.uniform-nav li{display:block}.uniform-nav li>*{display:block;padding:10px 20px;text-decoration:none}.uniform-nav li>*:hover{color:black;background:rgba(187,255,0,0.3)}.uniform-nav.horizontal .uniform-nav-container{display:table}.uniform-nav.horizontal .uniform-nav-container>*{display:table-cell;vertical-align:middle}.uniform-nav.horizontal .right{text-align:right;float:none}.uniform-nav.main{border-bottom:1px solid #d9d9d9}.uniform-nav.main .uniform-nav-container{width:100%}.uniform-row{line-height:1.3;font-size:13px;border-bottom:1px solid #d9d9d9;min-height:49px;position:relative;overflow:hidden}.uniform-row:hover{background-color:#eaf3fc}.uniform-row.archived{color:#9c9da0}.uniform-row.archived a{color:#9c9da0}.uniform-row a:visited{color:#6738e4}.uniform-row .uniform-btn.outline{background:white !important}.uniform-row time{display:none}.uniform-row .highlight{position:absolute;right:0;top:0;bottom:0;width:10px;background:#97C848}.uniform-row .details{overflow:hidden}.uniform-row .details>div{padding:0;overflow:hidden}.uniform-row .details>div>.pad{display:block;padding:8px 0}.uniform-row .details>div>a:not(.uniform-btn){display:block;padding:8px 12px;text-decoration:none}.uniform-row .secondary{font-weight:normal;display:block;font-size:0.9em;color:#9c9da0}.uniform-row .actions{padding-right:10px}.uniform-row .actions a:visited{color:inherit}.uniform-row .title{font-weight:bold}.uniform-row .avatar{vertical-align:top;text-align:center;position:relative;color:#a4a5a7;background-color:#a4a5a7}.uniform-row .avatar a{padding:0}.uniform-row .avatar img{min-width:70px;background-color:#505153;display:inline-block}.uniform-row .avatar .label{min-width:70px;min-height:63px;display:block;padding-top:26px;color:white !important;font-size:10px}@media screen and (max-width: 767px){.uniform-row .details>div>a{padding-top:0;padding-bottom:8px}.uniform-row .details .title a{padding-top:8px}.uniform-row .details .address .unit{display:block}.uniform-row .avatar{width:33%}.uniform-row .avatar img{width:100%;height:auto}}.uniform-row-header{position:relative;overflow:visible !important;line-height:1em;font-size:0.85em;padding:3px !important;font-weight:normal;border-bottom:2px solid #d9d9d9}.uniform-row-header .sort-label{text-align:right;padding:7px 10px;padding-bottom:3px;text-transform:uppercase;color:#9c9da0;vertical-align:bottom;white-space:nowrap}.uniform-row-header .col-label{font-weight:bold;text-transform:uppercase;color:#505153}.uniform-row-header .fortycon{margin-top:-2px;margin-right:2px;color:#bebfc0;font-size:1.2em}.uniform-row-header .details{overflow:hidden}.uniform-row-header .details>div{padding:0}.uniform-row-header .details>div>*{text-decoration:none;display:block;padding:7px 6px;white-space:nowrap;border-radius:3px}.uniform-row-header .details>div>a:hover{background:#d3e6f9}.uniform-row-header .details>.active{background:none !important}.uniform-row-header .details>.active .fortycon{color:black}.uniform-row-header .details>.active>*{color:black;background:#e6e6e6}.table-container{display:table;width:100%}.table-container>*,.table-container .table-row>*{display:table-cell;float:none}.table-container>*.top,.table-container .table-row>*.top{vertical-align:top}.table-container>*.middle>*,.table-container .table-row>*.middle>*{vertical-align:middle}.table-container .table-row{display:table-row}.table-container.middle>*,.table-container .middle{vertical-align:middle}.table-container.top>*,.table-container .top{vertical-align:top}@media screen and (max-width: 767px){.table-container.break-xs>*,.table-container.break-xs .table-row>*{display:block;float:inherit}.table-container.break-xs .table-row{display:block}}@media screen and (max-width: 767px){.block-xs{display:block}}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form .textbox,.uniform-table-form textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;outline:none;font-size:1.3em;font-weight:300;border:1px solid #d8d8d9;display:inline-block;width:100%;padding:10px;-webkit-transition:box-shadow 0.2s ease-in;-moz-transition:box-shadow 0.2s ease-in;transition:box-shadow 0.2s ease-in}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus,.uniform-table-form .textbox:focus,.uniform-table-form textarea:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form select:focus{box-shadow:inset 0 -3px 0 #97C848}.uniform-table-form .inline-input .split{font-size:1.6em;text-align:center;font-weight:300}.uniform-table-form .inline-input select{font-size:1.3em;font-weight:300}.uniform-table-form .select2-container{font-weight:300;font-size:1.3em}.uniform-table-form select{font-size:17px;font-weight:300;background:none;color:#505153}.uniform-table-form .dropzone{border:dashed 2px #828487;margin:5px}.uniform-table-form .dropzone .dz-message{font-size:17px;font-weight:300}.uniform-table-form{position:relative;display:block}.uniform-table-form.bordered{border:1px solid #cccccc}.uniform-table-form .uniform-table-form-container{display:table;width:100%;border-radius:3px;border:1px solid #cccccc;background:white;overflow:hidden}.uniform-table-form .uniform-table-form-container .form-group{display:table-row}.uniform-table-form label{font-weight:bold;display:block;padding:10px;width:100%;text-transform:uppercase;color:#9c9da0}.uniform-table-form label .hint{text-transform:none;font-weight:normal}.uniform-table-form label.no-pad{padding:0}.uniform-table-form label.input{padding:5px !important;font-size:1em;font-weight:normal;padding-left:25px !important;text-indent:-20px}.uniform-table-form label.input input[type="checkbox"]{margin-right:5px}.uniform-table-form [class^=select2]{border:none !important;border-radius:0}.uniform-table-form input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio]),.uniform-table-form textarea{border:none !important;display:block !important}.uniform-table-form textarea{width:100%;max-width:100%;min-width:100%}.uniform-table-form .inline-input{display:table;width:100%;margin:0;border:none}.uniform-table-form .inline-input>*{border:none !important;padding:0 !important}.uniform-table-form .inline-input label{font-size:1em;font-weight:normal}.uniform-table-form .inline-input select{padding-left:5px;font-size:13px;font-weight:normal}.uniform-table-form .form-group{display:table;width:100%;margin:0;border:none}.uniform-table-form .form-group label{padding-bottom:0}.uniform-table-form .form-group>div:not([class^="col-"]){width:auto}.uniform-table-form .form-group>*{background:none;border-left:none !important;border-bottom:1px solid #cccccc}.uniform-table-form .form-group>*:not(:last-of-type){border-right:1px solid #cccccc}.uniform-table-form .form-group:last-of-type>div{border-bottom-style:none}.uniform-table-form .form-group.bordered>div{border-bottom-style:solid}.uniform-table-form .form-group.has-error label,.uniform-table-form .form-group .has-error label{color:#E1563E}.uniform-table-form .form-group.has-error input,.uniform-table-form .form-group.has-error textarea,.uniform-table-form .form-group.has-error select,.uniform-table-form .form-group .has-error input,.uniform-table-form .form-group .has-error textarea,.uniform-table-form .form-group .has-error select{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .form-group input[type="checkbox"]{font-size:14px}.uniform-table-form .form-group a.action{display:block;width:100%;padding:10px 0;text-decoration:none}.uniform-table-form .form-group a.action.red{color:#E1563E}.uniform-table-form .form-group a.action.disabled{color:#d9d9d9;cursor:help}.uniform-table-form.no-align{display:block}.uniform-table-form.no-align .form-group{display:table;width:100%}.uniform-table-form .error{white-space:nowrap}.uniform-table-form .submit{text-align:center;margin-top:10px}.uniform-table-form .submit2{text-align:center;padding:5px}.uniform-table-form .footer{border-top:1px solid #cccccc;background:white;padding:10px;text-align:center}.uniform-table-form .control-label{white-space:normal;text-align:center}.uniform-table-form input.has-error{box-shadow:inset 0 -3px 0 #E1563E !important}.uniform-table-form .section-head{background:#f7f7f7;padding:5px 7px;font-size:1.4em;font-weight:300}.uniform-table-form .form-group .section-head .action{display:inline-block;width:auto;padding:0;font-size:12px;color:#97C848}.uniform-table-form .radio-table{width:100%}.uniform-table-form .radio-table .label{background:none;font-weight:normal;color:#505153;border:none;text-align:left}.uniform-table-form .radio-table td,.uniform-table-form .radio-table th{padding:0 3px;text-align:center;vertical-align:middle}.uniform-table-form .alert{border-left:0;border-right:0;border-radius:0;margin:0}.uniform-table-form .alert.alert-danger{border-color:#E1563E;color:#E1563E;background-color:#FFEBEE}.uniform-table-form .select2-container{width:100% !important}.uniformTabs{border:none}.uniformTabs>li{margin-left:10px;margin-right:10px}.uniformTabs>li>a{border:none;padding-left:0;padding-right:0;border-bottom:3px solid transparent;color:#828487}.uniformTabs>li>a:hover{background:none}.uniformTabs>li:first-of-type{margin-left:0}.uniformTabs>li:last-of-type{margin-right:0}.uniformTabs>li.active>a,.uniformTabs>li.active>a:hover,.uniformTabs>li.active>a:focus{color:#709239;border:none;background:none;border-bottom:3px solid #97C848}.uniformTile{border:1px solid #cbcccd;border-radius:3px;margin-top:20px;margin-bottom:20px;overflow:hidden}.uniformTile .avatar img{width:100%;height:auto}.uniformTile a{color:#505153;text-decoration:none}.uniformTile .title{vertical-align:middle;font-size:12px;padding-top:10px;padding-bottom:10px}.uniformTile .title .name{font-size:16px;margin-bottom:5px}.uniformTile .title .company{font-weight:bold}
|
@@ -1,131 +0,0 @@
|
|
1
|
-
@mixin uniform-select {
|
2
|
-
position:relative;
|
3
|
-
select{
|
4
|
-
@include appearance(none);
|
5
|
-
position:relative;
|
6
|
-
z-index:1;
|
7
|
-
outline: 1px;
|
8
|
-
cursor:pointer;
|
9
|
-
text-indent: 1px;
|
10
|
-
text-overflow: ellipsis;
|
11
|
-
font-family:$helvetica;
|
12
|
-
border:1px solid lighten($gray, 20);
|
13
|
-
padding: 0.3em 0.5em;
|
14
|
-
padding-right:1.7em;
|
15
|
-
background: white;
|
16
|
-
border-radius:0;
|
17
|
-
background:none;
|
18
|
-
}
|
19
|
-
&:after{
|
20
|
-
color:lighten($gray, 20);
|
21
|
-
font-size:1em;
|
22
|
-
font-family: $fortycons;
|
23
|
-
content:$fortycon-arrow-down-large;
|
24
|
-
@include vertical-middle();
|
25
|
-
right:0.3em;
|
26
|
-
z-index:0;
|
27
|
-
}
|
28
|
-
&:focus{
|
29
|
-
border-color: $blue;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
.uniform-select{
|
33
|
-
@include uniform-select;
|
34
|
-
}
|
35
|
-
|
36
|
-
@mixin uniform-input {
|
37
|
-
@include appearance(none);
|
38
|
-
outline:none;
|
39
|
-
border:1px solid darken($background, 10);
|
40
|
-
display:inline-block;
|
41
|
-
padding:7px;
|
42
|
-
@include transition(box-shadow 0.2s ease-in);
|
43
|
-
&:focus{
|
44
|
-
border-color: $green;
|
45
|
-
box-shadow:inset 0 -3px 0 $green;
|
46
|
-
}
|
47
|
-
&.large{
|
48
|
-
padding: 10px;
|
49
|
-
font-size:1.3em;
|
50
|
-
font-weight:300;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
.uniform-input{
|
54
|
-
@include uniform-input;
|
55
|
-
}
|
56
|
-
|
57
|
-
//----------------------------------------------------------------
|
58
|
-
// inline-input
|
59
|
-
//----------------------------------------------------------------
|
60
|
-
.inline-input{
|
61
|
-
display:table;
|
62
|
-
background:white;
|
63
|
-
overflow:hidden;
|
64
|
-
border:1px solid darken(white, 15);
|
65
|
-
border-top-color:darken(white, 20);
|
66
|
-
&.block{
|
67
|
-
&>*{
|
68
|
-
width: 100%;
|
69
|
-
}
|
70
|
-
}
|
71
|
-
&>*{
|
72
|
-
display:table-cell;
|
73
|
-
vertical-align:middle;
|
74
|
-
float:none;
|
75
|
-
&.top{
|
76
|
-
vertical-align:top;
|
77
|
-
}
|
78
|
-
}
|
79
|
-
|
80
|
-
#{$text-inputs},
|
81
|
-
.textbox,
|
82
|
-
textarea {
|
83
|
-
@include appearance(none);
|
84
|
-
outline: none;
|
85
|
-
padding:10px;
|
86
|
-
box-shadow: none;
|
87
|
-
border:none;
|
88
|
-
width:100%;
|
89
|
-
}
|
90
|
-
#{$text-inputs},
|
91
|
-
textarea,
|
92
|
-
.textbox,
|
93
|
-
select{
|
94
|
-
&:disabled{
|
95
|
-
color:lighten($gray, 20);
|
96
|
-
font-style:italic;
|
97
|
-
}
|
98
|
-
}
|
99
|
-
select{
|
100
|
-
width:100%;
|
101
|
-
border:none;
|
102
|
-
margin:0;
|
103
|
-
margin-top:1px;
|
104
|
-
height:37px;
|
105
|
-
line-height:37px;
|
106
|
-
background:none;
|
107
|
-
}
|
108
|
-
label{
|
109
|
-
margin:0;
|
110
|
-
font-weight:bold;
|
111
|
-
padding:5px;
|
112
|
-
width:100%;
|
113
|
-
font-size:0.8em;
|
114
|
-
}
|
115
|
-
.label,
|
116
|
-
.add-on,
|
117
|
-
.units{
|
118
|
-
white-space:nowrap;
|
119
|
-
width:auto;
|
120
|
-
padding-left: 7px;
|
121
|
-
padding-right: 7px;
|
122
|
-
color:lighten(black, 50);
|
123
|
-
}
|
124
|
-
&.active{
|
125
|
-
box-shadow: 0 0 3px 1px $green;
|
126
|
-
border-color:$green;
|
127
|
-
}
|
128
|
-
&.error{
|
129
|
-
border-color:$red;
|
130
|
-
}
|
131
|
-
}
|