flashgrid 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/Gemfile.lock +17 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +78 -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 +1623 -0
  25. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  26. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  27. data/flashgrid.gemspec +23 -0
  28. data/lib/flashgrid.rb +6 -0
  29. data/lib/flashgrid/version.rb +3 -0
  30. data/vendor/assets/javascripts/affix.js +127 -0
  31. data/vendor/assets/javascripts/alert.js +78 -0
  32. data/vendor/assets/javascripts/collapse.js +159 -0
  33. data/vendor/assets/javascripts/date_picker.js +1645 -0
  34. data/vendor/assets/javascripts/dropdown.js +134 -0
  35. data/vendor/assets/javascripts/file_input.js +94 -0
  36. data/vendor/assets/javascripts/map.js +2065 -0
  37. data/vendor/assets/javascripts/modal.js +226 -0
  38. data/vendor/assets/javascripts/popover.js +97 -0
  39. data/vendor/assets/javascripts/switch.js +346 -0
  40. data/vendor/assets/javascripts/tab.js +115 -0
  41. data/vendor/assets/javascripts/time_picker.js +1087 -0
  42. data/vendor/assets/javascripts/tooltip.js +365 -0
  43. data/vendor/assets/javascripts/transition.js +36 -0
  44. data/vendor/assets/stylesheets/ad.css.scss +72 -0
  45. data/vendor/assets/stylesheets/affix.css.scss +7 -0
  46. data/vendor/assets/stylesheets/alert.css.scss +72 -0
  47. data/vendor/assets/stylesheets/breadcrumb.css.scss +26 -0
  48. data/vendor/assets/stylesheets/button.css.scss +227 -0
  49. data/vendor/assets/stylesheets/code.css.scss +49 -0
  50. data/vendor/assets/stylesheets/collapse.css.scss +15 -0
  51. data/vendor/assets/stylesheets/datepicker.css.scss +122 -0
  52. data/vendor/assets/stylesheets/dropdown.css.scss +83 -0
  53. data/vendor/assets/stylesheets/footer.css.scss +33 -0
  54. data/vendor/assets/stylesheets/form.css.scss +213 -0
  55. data/vendor/assets/stylesheets/grid.css.scss +291 -0
  56. data/vendor/assets/stylesheets/header.css.scss +134 -0
  57. data/vendor/assets/stylesheets/icon.css.scss +1130 -0
  58. data/vendor/assets/stylesheets/image.css.scss +108 -0
  59. data/vendor/assets/stylesheets/label_and_badge.css.scss +53 -0
  60. data/vendor/assets/stylesheets/link.css.scss +21 -0
  61. data/vendor/assets/stylesheets/list.css.scss +38 -0
  62. data/vendor/assets/stylesheets/map.css.scss +13 -0
  63. data/vendor/assets/stylesheets/modal.css.scss +117 -0
  64. data/vendor/assets/stylesheets/pagination.css.scss +37 -0
  65. data/vendor/assets/stylesheets/placeholder.css.scss +27 -0
  66. data/vendor/assets/stylesheets/popover.css.scss +107 -0
  67. data/vendor/assets/stylesheets/progress.css.scss +25 -0
  68. data/vendor/assets/stylesheets/reset.css.scss +56 -0
  69. data/vendor/assets/stylesheets/switch.css.scss +73 -0
  70. data/vendor/assets/stylesheets/tab.css.scss +179 -0
  71. data/vendor/assets/stylesheets/table.css.scss +73 -0
  72. data/vendor/assets/stylesheets/timepicker.css.scss +81 -0
  73. data/vendor/assets/stylesheets/tooltip.css.scss +81 -0
  74. data/vendor/assets/stylesheets/transition.css.scss +12 -0
  75. data/vendor/assets/stylesheets/trunk.css.scss +69 -0
  76. data/vendor/assets/stylesheets/typography.css.scss +160 -0
  77. metadata +148 -0
@@ -0,0 +1,83 @@
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
+ left: 100%;
61
+ margin-top: -6px;
62
+ margin-left: -1px;
63
+ top: 0;
64
+ }
65
+ .dropdown-submenu:hover > .dropdown-menu { display: block; }
66
+ .dropdown-submenu > a:after {
67
+ content: " ";
68
+ display: block;
69
+ float: right;
70
+ height: 0;
71
+ margin-top: 5px;
72
+ margin-right: -10px;
73
+ width: 0;
74
+ }
75
+ .dropdown-submenu.pull-left { float: none; }
76
+ .dropdown-submenu.pull-left > .dropdown-menu {
77
+ left: -100%;
78
+ margin-left: 10px;
79
+ }
80
+ .dropdown .dropdown-menu .nav-header {
81
+ padding-right: 20px;
82
+ padding-left: 20px;
83
+ }
@@ -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 5px 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-bottom: 5px;
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 {
63
+ height: 140px;
64
+ line-height: 22px;
65
+ }
66
+ textarea:focus,
67
+ input[type="text"]:focus,
68
+ input[type="password"]:focus,
69
+ input[type="datetime"]:focus,
70
+ input[type="datetime-local"]:focus,
71
+ input[type="date"]:focus,
72
+ input[type="month"]:focus,
73
+ input[type="time"]:focus,
74
+ input[type="week"]:focus,
75
+ input[type="number"]:focus,
76
+ input[type="email"]:focus,
77
+ input[type="url"]:focus,
78
+ input[type="search"]:focus,
79
+ input[type="tel"]:focus,
80
+ input[type="color"]:focus,
81
+ .uneditable-input:focus {
82
+ border-color: rgba(58,144,216,1);
83
+ outline: 0;
84
+ outline: thin dotted \9;
85
+ -webkit-transition: background-color 150ms linear;
86
+ transition: background-color 150ms linear;
87
+ }
88
+ input[type="radio"],
89
+ input[type="checkbox"] {
90
+ margin: 5px 0 0;
91
+ margin-top: 1px \9;
92
+ line-height: normal;
93
+ }
94
+ input[type="file"],
95
+ input[type="image"],
96
+ input[type="submit"],
97
+ input[type="reset"],
98
+ input[type="button"],
99
+ input[type="radio"],
100
+ input[type="checkbox"] { width: auto; }
101
+ select {
102
+ -webkit-appearance: none;
103
+ -moz-appearance: none;
104
+ border: 1px solid rgba(217,222,225,1);
105
+ border-radius: 0;
106
+ color: rgba(33,40,43,1);
107
+ font-size: 100%;
108
+ margin-bottom: 5px;
109
+ padding: 13px 0 10px 15px;
110
+ text-indent: 0;
111
+ text-transform: capitalize;
112
+ width: 100%;
113
+ vertical-align: middle;
114
+ }
115
+ select[multiple] {
116
+ border-radius: 2px;
117
+ padding-left: 10px;
118
+ }
119
+ select[multiple],
120
+ select[size] { height: auto; }
121
+ select:focus,
122
+ input[type="file"]:focus,
123
+ input[type="radio"]:focus,
124
+ input[type="checkbox"]:focus {
125
+ outline: thin dotted rgba(0,0,0,1);
126
+ outline: 5px auto -webkit-focus-ring-color;
127
+ outline-offset: -2px;
128
+ }
129
+ input:-moz-placeholder,
130
+ textarea:-moz-placeholder {
131
+ color: rgba(158,171,179,1);
132
+ font-weight: 200;
133
+ }
134
+ input:-ms-input-placeholder,
135
+ textarea:-ms-input-placeholder {
136
+ color: rgba(158,171,179,1);
137
+ font-weight: 200;
138
+ }
139
+ input::-webkit-input-placeholder,
140
+ textarea::-webkit-input-placeholder {
141
+ color: rgba(158,171,179,1);
142
+ font-weight: 200;
143
+ }
144
+ input:focus:invalid,
145
+ textarea:focus:invalid,
146
+ select:focus:invalid {
147
+ border-color: rgba(254,79,50,1);
148
+ color: rgba(254,79,50,1);
149
+ }
150
+ input:focus:invalid:focus,
151
+ textarea:focus:invalid:focus,
152
+ select:focus:invalid:focus { border-color: rgba(254,79,50,1); }
153
+ .form-header {
154
+ border-bottom: 1px solid rgba(236,238,241,1);
155
+ margin-bottom: 30px;
156
+ padding-bottom: 5px;
157
+ }
158
+ .form-header h1,
159
+ .form-header h2,
160
+ .form-header h3,
161
+ .form-header h4,
162
+ .form-header h5,
163
+ .form-header h6 { margin-bottom: 0; }
164
+ .form-error-messages { margin-bottom: 40px; }
165
+ .form-error-messages h4 {
166
+ background-color: rgba(236,238,241,1);
167
+ border: 1px solid rgba(217,222,225,1);
168
+ margin: 0;
169
+ padding: 5px 10px;
170
+ }
171
+ .form-error-messages ul {
172
+ border-bottom: 1px solid rgba(217,222,225,1);
173
+ border-right: 1px solid rgba(217,222,225,1);
174
+ border-left: 1px solid rgba(217,222,225,1);
175
+ }
176
+ .form-error-messages li {
177
+ display: block;
178
+ padding: 0 10px;
179
+ }
180
+ .form-error-messages li:first-child { padding-top: 10px; }
181
+ .form-error-messages li:last-child { padding-bottom: 10px; }
182
+ .form-img { margin-top: -5px; }
183
+ .form-textarea-large { height: 200px; }
184
+ .form-input-inline {
185
+ display: inline-block;
186
+ margin-right: 10px;
187
+ }
188
+ .form-text-inline { margin-top: 13px; }
189
+ .form-select-inline { margin-top: 0px; }
190
+ .form-help-block {
191
+ color: rgba(158,171,179,1);
192
+ display: block;
193
+ font-size: 12px;
194
+ margin-bottom: 15px;
195
+ }
196
+ .form-button-inline {
197
+ margin-top: 2px;
198
+ padding-bottom: 13px;
199
+ padding-top: 12px;
200
+ }
201
+ .form-footer {
202
+ border-top: 1px solid rgba(236,238,241,1);
203
+ margin-top: 30px;
204
+ padding: 20px 0 0 0;
205
+ }
206
+ .form-footer li:first-child { margin-top: 10px; }
207
+
208
+ /* #Media Queries
209
+ ================================================== */
210
+ @media only screen and (max-width: 767px) {
211
+ .form-button-inline { margin-top: 15px; }
212
+ .form-text-inline { margin-top: 0; }
213
+ }
@@ -0,0 +1,291 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Desktop
4
+ #Tablet (Landscape)
5
+ #Tablet (Portrait)
6
+ #Mobile (Portrait)
7
+ #Mobile (Landscape)
8
+ #Pulls
9
+ #Clearing */
10
+
11
+ /* #Desktop
12
+ ================================================== */
13
+ .container {
14
+ margin: 0 auto;
15
+ padding: 0;
16
+ position: relative;
17
+ width: 1200px;
18
+ }
19
+ .container .column,
20
+ .container .columns {
21
+ display: inline;
22
+ float: left;
23
+ margin-right: 10px;
24
+ margin-left: 10px;
25
+ }
26
+ .column.alpha, .columns.alpha {
27
+ margin-right: 10px;
28
+ margin-left: 0;
29
+ }
30
+ .column.omega, .columns.omega {
31
+ margin-right: 0;
32
+ margin-left: 10px;
33
+ }
34
+ .alpha.omega {
35
+ margin-right: 0;
36
+ margin-left: 0;
37
+ }
38
+ .row { margin-bottom: 20px; }
39
+ .row-small { margin-bottom: 10px; }
40
+ .row-medium { margin-bottom: 40px; }
41
+ .row-large { margin-bottom: 60px; }
42
+
43
+ .container .one.column,
44
+ .container .one.columns { width: 55px; }
45
+ .container .two.columns { width: 130px; }
46
+ .container .three.columns { width: 205px; }
47
+ .container .four.columns { width: 280px; }
48
+ .container .five.columns { width: 355px; }
49
+ .container .six.columns { width: 430px; }
50
+ .container .seven.columns { width: 505px; }
51
+ .container .eight.columns { width: 580px; }
52
+ .container .nine.columns { width: 655px; }
53
+ .container .ten.columns { width: 730px; }
54
+ .container .eleven.columns { width: 805px; }
55
+ .container .twelve.columns { width: 880px; }
56
+ .container .thirteen.columns { width: 955px; }
57
+ .container .fourteen.columns { width: 1030px; }
58
+ .container .fifteen.columns { width: 1105px; }
59
+ .container .sixteen.columns { width: 1180px; }
60
+
61
+ .container .one-third.column { width: 380px; }
62
+ .container .two-thirds.column { width: 780px; }
63
+
64
+ .container .offset-by-one { padding-left: 75px; }
65
+ .container .offset-by-two { padding-left: 150px; }
66
+ .container .offset-by-three { padding-left: 225px; }
67
+ .container .offset-by-four { padding-left: 300px; }
68
+ .container .offset-by-five { padding-left: 375px; }
69
+ .container .offset-by-six { padding-left: 450px; }
70
+ .container .offset-by-seven { padding-left: 525px; }
71
+ .container .offset-by-eight { padding-left: 600px; }
72
+ .container .offset-by-nine { padding-left: 675px; }
73
+ .container .offset-by-ten { padding-left: 750px; }
74
+ .container .offset-by-eleven { padding-left: 825px; }
75
+ .container .offset-by-twelve { padding-left: 900px; }
76
+ .container .offset-by-thirteen { padding-left: 975px; }
77
+ .container .offset-by-fourteen { padding-left: 1050px; }
78
+ .container .offset-by-fifteen { padding-left: 1125px; }
79
+
80
+ .hidden { display: none !important; }
81
+ .visible-phone { display: none !important; }
82
+ .visible-tablet { display: none !important; }
83
+ .hidden-desktop { display: none !important; }
84
+
85
+ /* #Tablet (Landscape)
86
+ ================================================== */
87
+ @media only screen and (min-width: 960px) and (max-width: 1199px) {
88
+ .container { width: 960px; }
89
+
90
+ .container .one.column,
91
+ .container .one.columns { width: 40px; }
92
+ .container .two.columns { width: 100px; }
93
+ .container .three.columns { width: 160px; }
94
+ .container .four.columns { width: 220px; }
95
+ .container .five.columns { width: 280px; }
96
+ .container .six.columns { width: 340px; }
97
+ .container .seven.columns { width: 400px; }
98
+ .container .eight.columns { width: 460px; }
99
+ .container .nine.columns { width: 520px; }
100
+ .container .ten.columns { width: 580px; }
101
+ .container .eleven.columns { width: 640px; }
102
+ .container .twelve.columns { width: 700px; }
103
+ .container .thirteen.columns { width: 760px; }
104
+ .container .fourteen.columns { width: 820px; }
105
+ .container .fifteen.columns { width: 880px; }
106
+ .container .sixteen.columns { width: 940px; }
107
+
108
+ .container .one-third.column { width: 300px; }
109
+ .container .two-thirds.column { width: 620px; }
110
+
111
+ .container .offset-by-one { padding-left: 60px; }
112
+ .container .offset-by-two { padding-left: 120px; }
113
+ .container .offset-by-three { padding-left: 180px; }
114
+ .container .offset-by-four { padding-left: 240px; }
115
+ .container .offset-by-five { padding-left: 300px; }
116
+ .container .offset-by-six { padding-left: 360px; }
117
+ .container .offset-by-seven { padding-left: 420px; }
118
+ .container .offset-by-eight { padding-left: 480px; }
119
+ .container .offset-by-nine { padding-left: 540px; }
120
+ .container .offset-by-ten { padding-left: 600px; }
121
+ .container .offset-by-eleven { padding-left: 660px; }
122
+ .container .offset-by-twelve { padding-left: 720px; }
123
+ .container .offset-by-thirteen { padding-left: 780px; }
124
+ .container .offset-by-fourteen { padding-left: 840px; }
125
+ .container .offset-by-fifteen { padding-left: 900px; }
126
+ }
127
+
128
+ /* #Tablet Screen (Portrait)
129
+ ================================================== */
130
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
131
+ .container { width: 768px; }
132
+
133
+ .container .one.column,
134
+ .container .one.columns { width: 28px; }
135
+ .container .two.columns { width: 76px; }
136
+ .container .three.columns { width: 124px; }
137
+ .container .four.columns { width: 172px; }
138
+ .container .five.columns { width: 220px; }
139
+ .container .six.columns { width: 268px; }
140
+ .container .seven.columns { width: 316px; }
141
+ .container .eight.columns { width: 364px; }
142
+ .container .nine.columns { width: 412px; }
143
+ .container .ten.columns { width: 460px; }
144
+ .container .eleven.columns { width: 508px; }
145
+ .container .twelve.columns { width: 556px; }
146
+ .container .thirteen.columns { width: 604px; }
147
+ .container .fourteen.columns { width: 652px; }
148
+ .container .fifteen.columns { width: 700px; }
149
+ .container .sixteen.columns { width: 748px; }
150
+
151
+ .container .one-third.column { width: 236px; }
152
+ .container .two-thirds.column { width: 492px; }
153
+
154
+ .container .offset-by-one { padding-left: 48px; }
155
+ .container .offset-by-two { padding-left: 96px; }
156
+ .container .offset-by-three { padding-left: 144px; }
157
+ .container .offset-by-four { padding-left: 192px; }
158
+ .container .offset-by-five { padding-left: 240px; }
159
+ .container .offset-by-six { padding-left: 288px; }
160
+ .container .offset-by-seven { padding-left: 336px; }
161
+ .container .offset-by-eight { padding-left: 384px; }
162
+ .container .offset-by-nine { padding-left: 432px; }
163
+ .container .offset-by-ten { padding-left: 480px; }
164
+ .container .offset-by-eleven { padding-left: 528px; }
165
+ .container .offset-by-twelve { padding-left: 576px; }
166
+ .container .offset-by-thirteen { padding-left: 624px; }
167
+ .container .offset-by-fourteen { padding-left: 672px; }
168
+ .container .offset-by-fifteen { padding-left: 720px; }
169
+
170
+ .visible-tablet { display: inherit !important; }
171
+ .hidden-tablet { display: none !important; }
172
+ .hidden-desktop { display: inherit !important; }
173
+ .visible-desktop { display: none !important ; }
174
+ }
175
+
176
+ /* #Mobile Screen (Portrait)
177
+ ================================================== */
178
+ @media only screen and (max-width: 767px) {
179
+ .container { width: 300px; }
180
+ .container .columns,
181
+ .container .column { margin: 0; }
182
+
183
+ .container .one.column,
184
+ .container .one.columns,
185
+ .container .two.columns,
186
+ .container .three.columns,
187
+ .container .four.columns,
188
+ .container .five.columns,
189
+ .container .six.columns,
190
+ .container .seven.columns,
191
+ .container .eight.columns,
192
+ .container .nine.columns,
193
+ .container .ten.columns,
194
+ .container .eleven.columns,
195
+ .container .twelve.columns,
196
+ .container .thirteen.columns,
197
+ .container .fourteen.columns,
198
+ .container .fifteen.columns,
199
+ .container .sixteen.columns,
200
+ .container .one-third.column,
201
+ .container .two-thirds.column { width: 300px; }
202
+
203
+ .container .offset-by-one,
204
+ .container .offset-by-two,
205
+ .container .offset-by-three,
206
+ .container .offset-by-four,
207
+ .container .offset-by-five,
208
+ .container .offset-by-six,
209
+ .container .offset-by-seven,
210
+ .container .offset-by-eight,
211
+ .container .offset-by-nine,
212
+ .container .offset-by-ten,
213
+ .container .offset-by-eleven,
214
+ .container .offset-by-twelve,
215
+ .container .offset-by-thirteen,
216
+ .container .offset-by-fourteen,
217
+ .container .offset-by-fifteen { padding-left: 0; }
218
+
219
+ .visible-phone { display: inherit !important; }
220
+ .hidden-phone { display: none !important; }
221
+ .hidden-desktop { display: inherit !important; }
222
+ .visible-desktop { display: none !important; }
223
+ }
224
+
225
+ /* #Mobile Screen (Landscape)
226
+ ================================================== */
227
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
228
+ .container { width: 420px; }
229
+ .container .columns,
230
+ .container .column { margin: 0; }
231
+
232
+ .container .one.column,
233
+ .container .one.columns,
234
+ .container .two.columns,
235
+ .container .three.columns,
236
+ .container .four.columns,
237
+ .container .five.columns,
238
+ .container .six.columns,
239
+ .container .seven.columns,
240
+ .container .eight.columns,
241
+ .container .nine.columns,
242
+ .container .ten.columns,
243
+ .container .eleven.columns,
244
+ .container .twelve.columns,
245
+ .container .thirteen.columns,
246
+ .container .fourteen.columns,
247
+ .container .fifteen.columns,
248
+ .container .sixteen.columns,
249
+ .container .one-third.column,
250
+ .container .two-thirds.column { width: 420px; }
251
+ }
252
+
253
+ /* #Pulls
254
+ ================================================== */
255
+ .pull-none { float: none; }
256
+ .pull-left { float: left; }
257
+ .pull-right { float: right; }
258
+
259
+ /* #Clearing
260
+ ================================================== */
261
+ .clearfix:before,
262
+ .clearfix:after,
263
+ .row:before,
264
+ .row-medium:before,
265
+ .row-large:before,
266
+ .row:after,
267
+ .row-medium:after,
268
+ .row-large:after, {
269
+ content: '\0020';
270
+ display: block;
271
+ height: 0;
272
+ overflow: hidden;
273
+ visibility: hidden;
274
+ width: 0;
275
+ }
276
+ .row:after,
277
+ .row-medium:after,
278
+ .row-large:after,
279
+ .clearfix:after { clear: both; }
280
+ .row,
281
+ .row-medium,
282
+ .row-large,
283
+ .clearfix { zoom: 1; }
284
+ .clear {
285
+ clear: both;
286
+ display: block;
287
+ height: 0;
288
+ overflow: hidden;
289
+ visibility: hidden;
290
+ width: 0;
291
+ }