flashoff 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (73) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +17 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +74 -0
  6. data/Rakefile +1 -0
  7. data/app/assets/fonts/gotham/gotham-bold.eot +0 -0
  8. data/app/assets/fonts/gotham/gotham-bold.svg +2066 -0
  9. data/app/assets/fonts/gotham/gotham-bold.ttf +0 -0
  10. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  11. data/app/assets/fonts/gotham/gotham-book.eot +0 -0
  12. data/app/assets/fonts/gotham/gotham-book.svg +631 -0
  13. data/app/assets/fonts/gotham/gotham-book.ttf +0 -0
  14. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  15. data/app/assets/fonts/gotham/gotham-light.eot +0 -0
  16. data/app/assets/fonts/gotham/gotham-light.svg +635 -0
  17. data/app/assets/fonts/gotham/gotham-light.ttf +0 -0
  18. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  19. data/app/assets/fonts/gotham/gotham-medium.eot +0 -0
  20. data/app/assets/fonts/gotham/gotham-medium.svg +629 -0
  21. data/app/assets/fonts/gotham/gotham-medium.ttf +0 -0
  22. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  23. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  24. data/app/assets/fonts/ionicons/ionicons.svg +1390 -0
  25. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  26. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  27. data/flashoff.gemspec +23 -0
  28. data/lib/flashoff/version.rb +3 -0
  29. data/lib/flashoff.rb +5 -0
  30. data/vendor/assets/javascripts/alert.js +78 -0
  31. data/vendor/assets/javascripts/collapse.js +159 -0
  32. data/vendor/assets/javascripts/date_picker.js +1385 -0
  33. data/vendor/assets/javascripts/dropdown.js +134 -0
  34. data/vendor/assets/javascripts/file_input.js +88 -0
  35. data/vendor/assets/javascripts/map.js +2036 -0
  36. data/vendor/assets/javascripts/modal.js +226 -0
  37. data/vendor/assets/javascripts/popover.js +97 -0
  38. data/vendor/assets/javascripts/tab.js +115 -0
  39. data/vendor/assets/javascripts/time_picker.js +878 -0
  40. data/vendor/assets/javascripts/tooltip.js +365 -0
  41. data/vendor/assets/javascripts/transition.js +36 -0
  42. data/vendor/assets/stylesheets/ad.css.scss +72 -0
  43. data/vendor/assets/stylesheets/alert.css.scss +57 -0
  44. data/vendor/assets/stylesheets/breadcrumb.css.scss +26 -0
  45. data/vendor/assets/stylesheets/button.css.scss +183 -0
  46. data/vendor/assets/stylesheets/code.css.scss +49 -0
  47. data/vendor/assets/stylesheets/collapse.css.scss +15 -0
  48. data/vendor/assets/stylesheets/datepicker.css.scss +104 -0
  49. data/vendor/assets/stylesheets/dropdown.css.scss +84 -0
  50. data/vendor/assets/stylesheets/footer.css.scss +33 -0
  51. data/vendor/assets/stylesheets/form.css.scss +213 -0
  52. data/vendor/assets/stylesheets/grid.css.scss +291 -0
  53. data/vendor/assets/stylesheets/header.css.scss +134 -0
  54. data/vendor/assets/stylesheets/icon.css.scss +972 -0
  55. data/vendor/assets/stylesheets/image.css.scss +39 -0
  56. data/vendor/assets/stylesheets/label_and_badge.css.scss +53 -0
  57. data/vendor/assets/stylesheets/link.css.scss +19 -0
  58. data/vendor/assets/stylesheets/list.css.scss +38 -0
  59. data/vendor/assets/stylesheets/map.css.scss +13 -0
  60. data/vendor/assets/stylesheets/modal.css.scss +117 -0
  61. data/vendor/assets/stylesheets/pagination.css.scss +37 -0
  62. data/vendor/assets/stylesheets/placeholder.css.scss +11 -0
  63. data/vendor/assets/stylesheets/popover.css.scss +107 -0
  64. data/vendor/assets/stylesheets/progress.css.scss +25 -0
  65. data/vendor/assets/stylesheets/reset.css.scss +57 -0
  66. data/vendor/assets/stylesheets/tab.css.scss +165 -0
  67. data/vendor/assets/stylesheets/table.css.scss +70 -0
  68. data/vendor/assets/stylesheets/timepicker.css.scss +69 -0
  69. data/vendor/assets/stylesheets/tooltip.css.scss +81 -0
  70. data/vendor/assets/stylesheets/transition.css.scss +12 -0
  71. data/vendor/assets/stylesheets/trunk.css.scss +69 -0
  72. data/vendor/assets/stylesheets/typography.css.scss +147 -0
  73. metadata +144 -0
@@ -0,0 +1,183 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Button
4
+ #Button Sizes
5
+ #Button Colors
6
+ #Button Icons
7
+ #Button Outlines
8
+ #Button Group
9
+ #Button Toolbar */
10
+
11
+ /* #Button
12
+ ================================================== */
13
+ .btn {
14
+ -webkit-appearance: none;
15
+ -moz-appearance: none;
16
+ background: rgba(236,238,241,1);
17
+ border: none;
18
+ border-bottom: 1px solid rgba(196,198,201,1);
19
+ border-radius: 3px;
20
+ color: rgba(71,74,84,1);
21
+ display: inline-block;
22
+ font-size: 13px;
23
+ -webkit-font-smoothing: antialiased;
24
+ font-weight: bold;
25
+ line-height: 13px;
26
+ margin: 0;
27
+ padding: 12px 20px;
28
+ text-align: center;
29
+ text-decoration: none;
30
+ text-rendering: geometricPrecision;
31
+ vertical-align: middle;
32
+ }
33
+ .btn:hover {
34
+ background: rgba(226,228,231,1);
35
+ text-decoration: none;
36
+ -webkit-transition: all 0.1s linear;
37
+ transition: all 0.1s linear;
38
+ }
39
+
40
+ /* #Button Sizes
41
+ ================================================== */
42
+ .btn-large {
43
+ font-size: 15px;
44
+ line-height: 15px;
45
+ padding: 15px 30px;
46
+ }
47
+ .btn-small {
48
+ border-radius: 2px;
49
+ font-size: 11px;
50
+ line-height: 11px;
51
+ padding: 7px 15px;
52
+ }
53
+ .btn-mini {
54
+ border-radius: 2px;
55
+ font-size: 9px;
56
+ line-height: 9px;
57
+ padding: 6px 10px;
58
+ }
59
+ .btn-block,
60
+ button.btn-block,
61
+ input.btn-block {
62
+ -moz-box-sizing: border-box;
63
+ box-sizing: border-box;
64
+ display:block;
65
+ min-width: 100%;
66
+ padding-right: 0;
67
+ padding-left: 0;
68
+ width: 100%;
69
+ }
70
+ .btn-center { margin: 0 auto; }
71
+
72
+ /* #Button Colors
73
+ ================================================== */
74
+ .btn-blue,
75
+ .btn-green,
76
+ .btn-red { color: rgba(255,255,255,1); }
77
+ .btn-blue {
78
+ background: rgba(85,115,194,1);
79
+ border-color: rgba(25,55,134,1);
80
+ }
81
+ .btn-blue:hover { background: rgba(70,100,179,1); }
82
+ .btn-green {
83
+ background: rgba(75,180,122,1);
84
+ border-color: rgba(25,130,72,1);
85
+ }
86
+ .btn-green:hover { background: rgba(65,170,112,1); }
87
+ .btn-red {
88
+ background: rgba(220,74,56,1);
89
+ border-color: rgba(180,34,16,1);
90
+ }
91
+ .btn-red:hover { background: rgba(210,64,46,1); }
92
+
93
+ /* #Button Icons
94
+ ================================================== */
95
+ .btn-icon {
96
+ font-size: 17px;
97
+ line-height: 17px;
98
+ padding: 12px 14px 10px 14px;
99
+ }
100
+ .btn-large.btn-icon {
101
+ font-size: 23px;
102
+ line-height: 23px;
103
+ padding: 13px 14px 11px 14px;
104
+ }
105
+ .btn-small.btn-icon {
106
+ font-size: 14px;
107
+ line-height: 14px;
108
+ padding: 7px 8px 5px 7px;
109
+ }
110
+ .btn-mini.btn-icon {
111
+ font-size: 11px;
112
+ line-height: 11px;
113
+ padding: 6px 7px 4px 7px;
114
+ }
115
+
116
+ /* #Button Outlines
117
+ ================================================== */
118
+ .btn-outline {
119
+ background: transparent;
120
+ border: 1px solid rgba(229,230,234,1);
121
+ border-radius: 2px;
122
+ color: rgba(174,182,192,1);
123
+ }
124
+ .btn-outline:hover {
125
+ background: transparent;
126
+ border-color: rgba(199,200,204,1);
127
+ color: rgba(71,74,84,1);
128
+ }
129
+ .btn-large.btn-outline { padding: 14px 29px 16px 29px; }
130
+ .btn-small.btn-outline { padding: 6px 14px 7px 14px; }
131
+ .btn-mini.btn-outline { padding: 5px 14px 6px 14px; }
132
+ .btn-outline.btn-icon { padding: 10px 12px 9px 12px; }
133
+ .btn-large.btn-icon.btn-outline { padding: 11px 13px 11px 13px; }
134
+ .btn-small.btn-icon.btn-outline { padding: 5px 7px 5px 6px; }
135
+ .btn-mini.btn-icon.btn-outline { padding: 4px 6px 4px 6px; }
136
+
137
+ /* #Button Group
138
+ ================================================== */
139
+ .btn-group {
140
+ display: inline-block;
141
+ font-size: 0;
142
+ position: relative;
143
+ white-space: nowrap;
144
+ vertical-align: middle;
145
+ }
146
+ .btn-group + .btn-group { margin-left: 5px; }
147
+ .btn-group > .btn {
148
+ border-right: 1px solid rgba(196,198,201,1);
149
+ border-radius: 0;
150
+ position: relative;
151
+ }
152
+ .btn-group > .btn-blue { border-color: rgba(25,55,134,1); }
153
+ .btn-group > .btn-green { border-color: rgba(25,130,72,1); }
154
+ .btn-group > .btn-red { border-color: rgba(180,34,16,1); }
155
+ .btn-group > .btn:first-child {
156
+ border-bottom-left-radius: 2px;
157
+ border-top-left-radius: 2px;
158
+ margin-left: 0;
159
+ }
160
+ .btn-group > .btn-small.dropdown-toggle { padding-bottom: 6px; }
161
+ .btn-group > .btn:last-child,
162
+ .btn-group > .dropdown-toggle {
163
+ border-right: none;
164
+ border-bottom-right-radius: 2px;
165
+ border-top-right-radius: 2px;
166
+ }
167
+ .btn-group > .btn:hover,
168
+ .btn-group > .btn:focus,
169
+ .btn-group > .btn:active,
170
+ .btn-group > .btn.active { z-index: 2; }
171
+ .btn-group .dropdown-toggle:active,
172
+ .btn-group.open .dropdown-toggle { outline: 0; }
173
+
174
+ /* #Button Toolbar
175
+ ================================================== */
176
+ .btn-toolbar {
177
+ font-size: 0;
178
+ margin-bottom: 10px;
179
+ margin-top: 10px;
180
+ }
181
+ .btn-toolbar > .btn + .btn,
182
+ .btn-toolbar > .btn-group + .btn,
183
+ .btn-toolbar > .btn + .btn-group { margin-left: 5px; }
@@ -0,0 +1,49 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Code
4
+ #Pre */
5
+
6
+ /* #Code
7
+ ================================================== */
8
+ code {
9
+ background-color: rgba(236,238,241,1);
10
+ border-radius: 2px;
11
+ color: rgba(43,50,53,1);
12
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
13
+ font-size: 12px;
14
+ line-height: 20px;
15
+ margin: 0;
16
+ padding: 3px 5px 4px 5px;
17
+ word-break: break-all;
18
+ word-wrap: break-word;
19
+ white-space: pre;
20
+ }
21
+
22
+ /* #Pre
23
+ ================================================== */
24
+ pre {
25
+ background-color: rgba(236,238,241,1);
26
+ border-radius: 3px;
27
+ color: rgba(43,50,53,1);
28
+ display: block;
29
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
30
+ font-size: 12px;
31
+ line-height: 20px;
32
+ margin: 0;
33
+ padding: 20px;
34
+ word-break: break-all;
35
+ word-wrap: break-word;
36
+ white-space: pre;
37
+ }
38
+ pre span.comment { color: rgba(43,50,53,1); font-style: italic; }
39
+ pre span.error { border: 1px solid rgba(240,35,17,1); }
40
+ pre span.highlight { background-color: rgba(43,50,53,1); color: rgba(255,255,255,1); padding: 3px 0; }
41
+ pre span.keyword { color: rgba(102,102,102,1); }
42
+ pre span.keyword-constant { color: rgba(240,35,17,1); }
43
+ pre span.keyword-declaration { color: rgba(0,0,0,1); }
44
+ pre span.keyword-pseudo { color: rgba(170,34,255,1); }
45
+ pre span.keyword-reserved { color: rgba(170,34,255,1); font-weight: bold; }
46
+ pre span.keyword-type { color: rgba(255,255,255,1); font-weight: bold; }
47
+ pre span.number { color: rgba(75,173,8,1); }
48
+ pre span.operator { color: rgba(43,50,53,1); }
49
+ pre span.string { color: rgba(16,127,201,1); }
@@ -0,0 +1,15 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Collapse */
4
+
5
+ /* #Collapse
6
+ ================================================== */
7
+ .collapse { display: none; }
8
+ .collapse.in { display: block; }
9
+ .collapsing {
10
+ position: relative;
11
+ height: 0;
12
+ overflow: hidden;
13
+ -webkit-transition: height 0.35s ease;
14
+ transition: height 0.35s ease;
15
+ }
@@ -0,0 +1,104 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Datepicker */
4
+
5
+ /* #Datepicker
6
+ ================================================== */
7
+ .datepicker {
8
+ left: 0;
9
+ margin-top: 1px;
10
+ padding: 5px;
11
+ top: 0;
12
+ }
13
+ .datepicker:before {
14
+ border-bottom: 7px solid rgba(246,247,249,1);
15
+ border-right: 7px solid transparent;
16
+ border-left: 7px solid transparent;
17
+ content: '';
18
+ display: inline-block;
19
+ left: 6px;
20
+ position: absolute;
21
+ top: -7px;
22
+ }
23
+ .datepicker:after {
24
+ border-bottom: 6px solid rgba(246,247,249,1);
25
+ border-right: 6px solid transparent;
26
+ border-left: 6px solid transparent;
27
+ content: '';
28
+ display: inline-block;
29
+ left: 7px;
30
+ position: absolute;
31
+ top: -6px;
32
+ }
33
+ .dow { font-weight: bold; }
34
+ .datepicker > div { display: none; }
35
+ .datepicker table {
36
+ margin: 0;
37
+ width: 100%;
38
+ }
39
+ .datepicker td,
40
+ .datepicker th {
41
+ height: 20px;
42
+ text-align: center;
43
+ width: 20px;
44
+ }
45
+ .datepicker td.day:hover {
46
+ background-color: rgba(58,144,216,1);
47
+ border-radius: 2px;
48
+ color: rgba(255,255,255,1);
49
+ cursor: pointer;
50
+ }
51
+ .datepicker td.day.disabled { color: rgba(158,171,179,1); }
52
+ .datepicker td.old,
53
+ .datepicker td.new { color: rgba(158,171,179,1); }
54
+ .datepicker td.active,
55
+ .datepicker td.active:hover,
56
+ .datepicker td.active:hover:hover,
57
+ .datepicker td.active:focus,
58
+ .datepicker td.active:hover:focus,
59
+ .datepicker td.active:active,
60
+ .datepicker td.active:hover:active,
61
+ .datepicker td.active.active,
62
+ .datepicker td.active:hover.active,
63
+ .datepicker td.active.disabled,
64
+ .datepicker td.active:hover.disabled,
65
+ .datepicker td.active[disabled],
66
+ .datepicker td.active:hover[disabled] {
67
+ background-color: rgba(254,79,50,1);
68
+ border-radius: 2px;
69
+ color: rgba(255,255,255,1);
70
+ }
71
+ .datepicker td span {
72
+ display: block;
73
+ height: 54px;
74
+ float: left;
75
+ line-height: 54px;
76
+ margin: 2px;
77
+ width: 47px;
78
+ }
79
+ .datepicker td span:hover {
80
+ background-color: rgba(58,144,216,1);
81
+ color: rgba(255,255,255,1);
82
+ }
83
+ .datepicker td span.active,
84
+ .datepicker td span.active:hover,
85
+ .datepicker td span.active:focus,
86
+ .datepicker td span.active:active,
87
+ .datepicker td span.active.active,
88
+ .datepicker td span.active.disabled,
89
+ .datepicker td span.active[disabled] {
90
+ background-color: rgba(254,79,50,1);
91
+ color: rgba(255,255,255,1);
92
+ }
93
+ .datepicker th.switch {
94
+ font-weight: bold;
95
+ width: 145px;
96
+ }
97
+ .datepicker th.next,
98
+ .datepicker th.prev { font-size: 17px; }
99
+ .datepicker thead tr:first-child th:hover {
100
+ background-color: rgba(58,144,216,1);
101
+ border-radius: 2px;
102
+ color: rgba(255,255,255,1);
103
+ cursor: pointer;
104
+ }
@@ -0,0 +1,84 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Dropdown */
4
+
5
+ /* #Dropdown
6
+ ================================================== */
7
+ .dropup,
8
+ .dropdown { position: relative; }
9
+ .dropdown-toggle:active,
10
+ .open .dropdown-toggle { outline: 0; }
11
+ .dropdown-menu {
12
+ background-clip: padding-box;
13
+ background-color: rgba(246,247,249,1);
14
+ border-radius: 3px;
15
+ box-shadow: 0 1px 3px rgba(0,0,0,0.3);
16
+ color: rgba(71,74,84,1);
17
+ display: none;
18
+ float: left;
19
+ list-style: none;
20
+ margin: 2px 0 0;
21
+ min-width: 160px;
22
+ padding: 5px 0;
23
+ position: absolute;
24
+ top: 100%;
25
+ z-index: 1000;
26
+ }
27
+ .dropdown-menu.pull-right {
28
+ left: auto;
29
+ right: 0;
30
+ margin-right: 10px;
31
+ }
32
+ .dropdown-menu .divider {
33
+ background-color: rgba(0,0,0,0.1);
34
+ height: 1px;
35
+ margin: 5px 0px;
36
+ overflow: hidden;
37
+ }
38
+ .dropdown-menu > li > a {
39
+ clear: both;
40
+ color: rgba(71,74,84,1);
41
+ display: block;
42
+ font-size: 12px;
43
+ font-weight: bold;
44
+ line-height: 20px;
45
+ padding: 5px 15px;
46
+ text-decoration: none;
47
+ white-space: nowrap;
48
+ }
49
+ .dropdown-menu > li > a:hover,
50
+ .dropdown-menu > li > a:focus,
51
+ .dropdown-submenu:hover > a,
52
+ .dropdown-submenu:focus > a { color: rgba(58,144,216,1); }
53
+ .open > .dropdown-menu { display: block; }
54
+ .pull-right > .dropdown-menu {
55
+ left: auto;
56
+ right: 0;
57
+ }
58
+ .dropdown-submenu { position: relative; }
59
+ .dropdown-submenu > .dropdown-menu {
60
+ border-radius: 0 3px 3px 3px;
61
+ left: 100%;
62
+ margin-top: -6px;
63
+ margin-left: -1px;
64
+ top: 0;
65
+ }
66
+ .dropdown-submenu:hover > .dropdown-menu { display: block; }
67
+ .dropdown-submenu > a:after {
68
+ content: " ";
69
+ display: block;
70
+ float: right;
71
+ height: 0;
72
+ margin-top: 5px;
73
+ margin-right: -10px;
74
+ width: 0;
75
+ }
76
+ .dropdown-submenu.pull-left { float: none; }
77
+ .dropdown-submenu.pull-left > .dropdown-menu {
78
+ left: -100%;
79
+ margin-left: 10px;
80
+ }
81
+ .dropdown .dropdown-menu .nav-header {
82
+ padding-right: 20px;
83
+ padding-left: 20px;
84
+ }
@@ -0,0 +1,33 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Footer */
4
+
5
+ /* #Footer
6
+ ================================================== */
7
+ .footer {
8
+ border-top: 1px solid rgba(236,238,241,1);
9
+ color: rgba(158,171,179,1);
10
+ margin-top: 60px;
11
+ padding: 30px 0 100px 0;
12
+ }
13
+ .footer a {
14
+ color: rgba(158,171,179,1);
15
+ opacity: 0.8;
16
+ text-decoration: none;
17
+ }
18
+ .footer a:hover { opacity: 1; }
19
+ .footer h6 {
20
+ color: rgba(158,171,179,1);
21
+ letter-spacing: 1px;
22
+ text-transform: uppercase;
23
+ }
24
+ .footer ul { margin-bottom: 15px; }
25
+ .footer li {
26
+ display: block;
27
+ margin-right: 10px;
28
+ }
29
+ .footer small {
30
+ display: block;
31
+ margin-top: 15px;
32
+ text-align: center;
33
+ }
@@ -0,0 +1,213 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Form
4
+ #Media Queries */
5
+
6
+ /* #Form
7
+ ================================================== */
8
+ fieldset { border: 0; }
9
+ legend {
10
+ border: 0;
11
+ border-bottom: 1px solid rgba(217,222,225,1);
12
+ color: rgba(71,74,84,1);
13
+ display: block;
14
+ font-size: 16px;
15
+ font-weight: bold;
16
+ line-height: 25px;
17
+ margin-bottom: 20px;
18
+ padding: 0;
19
+ width: 100%;
20
+ }
21
+ label {
22
+ color: rgba(71,74,84,1);
23
+ display: block;
24
+ font-size: 14px;
25
+ font-weight: bold;
26
+ margin: 5px 0 10px 0;
27
+ }
28
+ textarea,
29
+ input[type="text"],
30
+ input[type="password"],
31
+ input[type="datetime"],
32
+ input[type="datetime-local"],
33
+ input[type="date"],
34
+ input[type="month"],
35
+ input[type="time"],
36
+ input[type="week"],
37
+ input[type="number"],
38
+ input[type="email"],
39
+ input[type="url"],
40
+ input[type="search"],
41
+ input[type="tel"],
42
+ input[type="color"],
43
+ .uneditable-input {
44
+ -webkit-appearance: none;
45
+ -moz-appearance: none;
46
+ background-color: rgba(255,255,255,1);
47
+ border: 1px solid rgba(217,222,225,1);
48
+ border-radius: 0;
49
+ -moz-box-sizing: border-box;
50
+ box-sizing: border-box;
51
+ color: rgba(43,50,53,1);
52
+ display: block;
53
+ font-size: 16px;
54
+ margin: -5px 0 10px 0;
55
+ padding: 13px 0 10px 0;
56
+ text-indent: 10px;
57
+ -webkit-transition: border linear 0.2s;
58
+ transition: border linear 0.2s;
59
+ width: 100%;
60
+ vertical-align: middle;
61
+ }
62
+ textarea { height: 140px; }
63
+ .textarea-large { height: 200px; }
64
+ textarea:focus,
65
+ input[type="text"]:focus,
66
+ input[type="password"]:focus,
67
+ input[type="datetime"]:focus,
68
+ input[type="datetime-local"]:focus,
69
+ input[type="date"]:focus,
70
+ input[type="month"]:focus,
71
+ input[type="time"]:focus,
72
+ input[type="week"]:focus,
73
+ input[type="number"]:focus,
74
+ input[type="email"]:focus,
75
+ input[type="url"]:focus,
76
+ input[type="search"]:focus,
77
+ input[type="tel"]:focus,
78
+ input[type="color"]:focus,
79
+ .uneditable-input:focus {
80
+ border-color: rgba(58,144,216,1);
81
+ outline: 0;
82
+ outline: thin dotted \9;
83
+ -webkit-transition: background-color 150ms linear;
84
+ transition: background-color 150ms linear;
85
+ }
86
+ input[type="radio"],
87
+ input[type="checkbox"] {
88
+ margin: 5px 0 0;
89
+ margin-top: 1px \9;
90
+ line-height: normal;
91
+ }
92
+ input[type="submit"] { margin-top: 10px; }
93
+ input[type="submit"].form-button-inline {
94
+ margin-top: -5px;
95
+ padding-bottom: 13px;
96
+ padding-top: 12px;
97
+ }
98
+ input[type="file"],
99
+ input[type="image"],
100
+ input[type="submit"],
101
+ input[type="reset"],
102
+ input[type="button"],
103
+ input[type="radio"],
104
+ input[type="checkbox"] { width: auto; }
105
+ select {
106
+ -webkit-appearance: none;
107
+ -moz-appearance: none;
108
+ background: rgba(246,247,249,1);
109
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(246,247,249,1)), color-stop(100%, rgba(235,236,239,1)));
110
+ background: -webkit-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
111
+ background: -moz-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
112
+ background: -ms-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
113
+ background: -o-linear-gradient(top, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
114
+ background: linear-gradient(to bottom, rgba(246,247,249,1) 0%, rgba(235,236,239,1) 100%);
115
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#ebecef',GradientType=0);
116
+ border: 1px solid rgba(217,222,225,1);
117
+ border-radius: 2px;
118
+ color: rgba(33,40,43,1);
119
+ font-size: 100%;
120
+ margin-bottom: 15px;
121
+ padding: 13px 0 10px 15px;
122
+ text-indent: 0;
123
+ text-transform: capitalize;
124
+ width: 100%;
125
+ vertical-align: middle;
126
+ }
127
+ .select-inline { margin-top: -5px; }
128
+ select[multiple] {
129
+ border-radius: 2px;
130
+ padding-left: 10px;
131
+ }
132
+ select[multiple],
133
+ select[size] { height: auto; }
134
+ select:focus,
135
+ input[type="file"]:focus,
136
+ input[type="radio"]:focus,
137
+ input[type="checkbox"]:focus {
138
+ outline: thin dotted rgba(0,0,0,1);
139
+ outline: 5px auto -webkit-focus-ring-color;
140
+ outline-offset: -2px;
141
+ }
142
+ input:-moz-placeholder,
143
+ textarea:-moz-placeholder {
144
+ color: rgba(158,171,179,1);
145
+ font-weight: 200;
146
+ }
147
+ input:-ms-input-placeholder,
148
+ textarea:-ms-input-placeholder {
149
+ color: rgba(158,171,179,1);
150
+ font-weight: 200;
151
+ }
152
+ input::-webkit-input-placeholder,
153
+ textarea::-webkit-input-placeholder {
154
+ color: rgba(158,171,179,1);
155
+ font-weight: 200;
156
+ }
157
+ input:focus:invalid,
158
+ textarea:focus:invalid,
159
+ select:focus:invalid {
160
+ border-color: rgba(254,79,50,1);
161
+ color: rgba(254,79,50,1);
162
+ }
163
+ input:focus:invalid:focus,
164
+ textarea:focus:invalid:focus,
165
+ select:focus:invalid:focus { border-color: rgba(254,79,50,1); }
166
+ .form-header h2 {
167
+ border-bottom: 1px solid rgba(236,238,241,1);
168
+ margin-bottom: 30px;
169
+ padding-bottom: 5px;
170
+ }
171
+ .form-error-messages { margin-bottom: 40px; }
172
+ .form-error-messages h4 {
173
+ background-color: rgba(236,238,241,1);
174
+ border: 1px solid rgba(217,222,225,1);
175
+ margin: 0;
176
+ padding: 5px 10px;
177
+ }
178
+ .form-error-messages ul {
179
+ border-bottom: 1px solid rgba(217,222,225,1);
180
+ border-right: 1px solid rgba(217,222,225,1);
181
+ border-left: 1px solid rgba(217,222,225,1);
182
+ }
183
+ .form-error-messages li {
184
+ display: block;
185
+ padding: 0 10px;
186
+ }
187
+ .form-error-messages li:first-child { padding-top: 10px; }
188
+ .form-error-messages li:last-child { padding-bottom: 10px; }
189
+ .form-img { margin-top: -5px; }
190
+ .form-input-inline {
191
+ display: inline-block;
192
+ margin-right: 10px;
193
+ }
194
+ .form-help-block {
195
+ color: rgba(158,171,179,1);
196
+ display: block;
197
+ font-size: 12px;
198
+ margin: -5px 0 15px 0;
199
+ }
200
+ .form-footer {
201
+ border-top: 1px solid rgba(236,238,241,1);
202
+ margin-top: 30px;
203
+ padding: 20px 0 0 0;
204
+ }
205
+ .form-footer li:first-child { margin-top: 10px; }
206
+
207
+ /* #Media Queries
208
+ ================================================== */
209
+ @media only screen and (max-width: 767px) {
210
+ input[type="submit"].form-button-inline {
211
+ margin-top: 10px;
212
+ }
213
+ }