kube-rails 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,16 +3,19 @@
3
3
 
4
4
  @import "base.less";
5
5
  @import "typo.less";
6
+ @import "code.less";
6
7
 
7
8
  @import "tables.less";
8
9
  @import "forms.less";
9
10
 
10
11
  @import "buttons.less";
12
+ @import "navs.less";
13
+ @import "labels.less";
11
14
 
12
15
  @import "grid.less";
13
16
  @import "blocks.less";
14
17
 
15
18
  @import "goodies.less";
16
19
 
20
+ @import "responsive.less";
17
21
 
18
- @import "responsive.less";
@@ -0,0 +1,14 @@
1
+ .label {
2
+ border-radius: 2em;
3
+ border: 1px solid #ddd;
4
+ font-size: .7em;
5
+ display: inline-block;
6
+ font-weight: 600;
7
+ line-height: 1.8em;
8
+ padding: 0 1em;
9
+ color: #000;
10
+ text-decoration: none;
11
+ }
12
+ .label:hover {
13
+ border-color: #bbb;
14
+ }
@@ -1,48 +1,26 @@
1
- // Dropshadows
2
- .box-shadow(@shadow: 0 1px 3px #999) {
3
- -webkit-box-shadow: @shadow;
4
- -moz-box-shadow: @shadow;
5
- box-shadow: @shadow;
6
- }
7
-
8
- .box-shadow-inset(@shadow: 0 1px 3px #999 inset) {
9
- -webkit-box-shadow: @shadow;
10
- -moz-box-shadow: @shadow;
11
- box-shadow: @shadow;
12
- }
13
-
14
1
  .gradient(@startColor: #555, @endColor: #333) {
15
- background-color: mix(@startColor, @endColor, 60%);
16
- background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
17
- background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
18
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
19
- background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
20
- background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
21
- background-image: linear-gradient(top, @startColor, @endColor); // The standard
22
- filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
2
+ background-color: mix(@startColor, @endColor, 60%);
3
+ background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
4
+ background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
5
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
6
+ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
7
+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
8
+ background-image: linear-gradient(top, @startColor, @endColor); // The standard
9
+ filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
23
10
  }
24
11
 
25
12
  .transition(@transition) {
26
- -webkit-transition: @transition;
27
- -moz-transition: @transition;
28
- -ms-transition: @transition;
29
- -o-transition: @transition;
30
- transition: @transition;
31
- }
32
-
33
-
34
- // BorderRadius
35
- .border-radius(@radius: 5px) {
36
- -webkit-border-radius: @radius;
37
- -moz-border-radius: @radius;
38
- border-radius: @radius;
13
+ -webkit-transition: @transition;
14
+ -moz-transition: @transition;
15
+ -ms-transition: @transition;
16
+ -o-transition: @transition;
17
+ transition: @transition;
39
18
  }
40
19
 
41
- // Opacity
42
20
  .opacity(@opacity: 100) {
43
- filter: e(%("alpha(opacity=%d)", @opacity));
44
- -moz-opacity: @opacity / 100;
45
- opacity: @opacity / 100;
21
+ filter: e(%("alpha(opacity=%d)", @opacity));
22
+ -moz-opacity: @opacity / 100;
23
+ opacity: @opacity / 100;
46
24
  }
47
25
 
48
26
  .clearfixing() {
@@ -55,6 +33,18 @@
55
33
  }
56
34
  }
57
35
 
36
+ // Retina
37
+ .at2x(@path, @w: auto, @h: auto) {
38
+ background-image: url(@path);
39
+ @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
40
+
41
+ @media all and (-webkit-min-device-pixel-ratio : 1.5) {
42
+ background-image: url(@at2x_path);
43
+ background-size: @w @h;
44
+ }
45
+ }
46
+
47
+ // Grid
58
48
  .block(@num) {
59
49
  width: ((@gridWidth - (@gridGutterWidth * @num)) / @num / (@gridWidth / 100)) * 1%;
60
50
  }
@@ -0,0 +1,237 @@
1
+ /* =Navs
2
+ -----------------------------------------------------------------------------*/
3
+
4
+
5
+ /* Horizontal */
6
+ .nav-h,
7
+ .nav-g {
8
+ margin-bottom: @baseLine/@em;
9
+ .clearfixing;
10
+ }
11
+ .nav-h ul,
12
+ .nav-g ul {
13
+ list-style: none;
14
+ margin: 0;
15
+ .clearfixing;
16
+ }
17
+ .nav-h ul li,
18
+ .nav-g ul li {
19
+ float: left;
20
+ margin-right: 1.5em;
21
+ }
22
+ .nav-h ul li a,
23
+ .nav-h ul li span,
24
+ .nav-g ul li a,
25
+ .nav-g ul li span {
26
+ display: block;
27
+ }
28
+ .nav-h ul li a,
29
+ .nav-g ul li a {
30
+ color: @colorBlack;
31
+ text-decoration: none;
32
+ }
33
+ .nav-h ul li a:hover,
34
+ .nav-g ul li a:hover {
35
+ color: @colorLinkHover;
36
+ text-decoration: underline;
37
+ }
38
+ .nav-h ul li span,
39
+ .nav-g ul li span {
40
+ color: @colorGrayLight;
41
+ }
42
+
43
+ /* Vertical */
44
+ .nav-v {
45
+ margin-bottom: @baseLine/@em;
46
+ }
47
+ .nav-v ul {
48
+ list-style: none;
49
+ margin: 0;
50
+ }
51
+ .nav-v ul li {
52
+ border-bottom: 1px solid #eee;
53
+ }
54
+ .nav-v ul li ul {
55
+ margin-left: 2em;
56
+ font-size: .95em;
57
+ }
58
+ .nav-v ul li ul li:last-child {
59
+ border-bottom: none;
60
+ }
61
+ .nav-v ul li ul li a,
62
+ .nav-v ul li ul li span {
63
+ padding: 4px 0;
64
+ }
65
+ .nav-v ul li a,
66
+ .nav-v ul li span {
67
+ display: block;
68
+ padding: 5px 0;
69
+ }
70
+ .nav-v ul li a {
71
+ color: @colorBlack;
72
+ text-decoration: none;
73
+ }
74
+ .nav-v ul li a:hover {
75
+ color: @colorLinkHover;
76
+ text-decoration: underline;
77
+ }
78
+ .nav-v ul li span {
79
+ color: @colorGrayLight;
80
+ }
81
+
82
+ /* Breadcrumbs */
83
+ .breadcrumbs {
84
+ margin-bottom: @baseLine/@em;
85
+ .clearfixing;
86
+ }
87
+ .breadcrumbs ul {
88
+ font-size: .9em;
89
+ color: #999;
90
+ list-style: none;
91
+ margin: 0;
92
+ .clearfixing;
93
+ }
94
+ .breadcrumbs ul li {
95
+ float: left;
96
+ margin-right: .5em;
97
+ }
98
+ .breadcrumbs li + li:before {
99
+ content: " > ";
100
+ color: #999;
101
+ font-size: 12px;
102
+ margin-right: .5em;
103
+ }
104
+ .breadcrumbs-sections li + li:before {
105
+ content: " | ";
106
+ }
107
+ .breadcrumbs-path li + li:before {
108
+ content: " / ";
109
+ }
110
+ .breadcrumbs ul li a {
111
+ color: #666;
112
+ text-decoration: none;
113
+ }
114
+ .breadcrumbs ul li a.active {
115
+ color: #999;
116
+ }
117
+ .breadcrumbs ul li a:hover {
118
+ color: #000;
119
+ text-decoration: underline;
120
+ }
121
+
122
+ /* Tabs */
123
+ .nav-tabs {
124
+ border-bottom: 1px solid #e3e3e3;
125
+ margin-bottom: @baseLine/@em;
126
+ .clearfixing;
127
+ }
128
+ .nav-tabs ul {
129
+ list-style: none;
130
+ margin: 0;
131
+ .clearfixing;
132
+ }
133
+ .nav-tabs ul li {
134
+ float: left;
135
+ margin-right: 2px;
136
+ }
137
+ .nav-tabs ul li a,
138
+ .nav-tabs ul li span {
139
+ display: block;
140
+ line-height: 1;
141
+ padding: 8px 12px 9px 12px;
142
+ }
143
+ .nav-tabs ul li a {
144
+ color: @colorGray;
145
+ text-decoration: none;
146
+ }
147
+ .nav-tabs ul li a:focus,
148
+ .nav-tabs ul li a:hover {
149
+ color: @colorBlack;
150
+ text-decoration: underline;
151
+ }
152
+ .nav-tabs ul li .active,
153
+ .nav-tabs ul li span {
154
+ color: @colorBlack;
155
+ background: #fff;
156
+ margin-top: -2px;
157
+ position: relative;
158
+ padding: 8px 11px 9px 11px;
159
+ border: 1px solid #ddd;
160
+ border-bottom: 1px solid #fff;
161
+ bottom: -1px;
162
+ }
163
+ .nav-tabs ul li .active {
164
+ cursor: default;
165
+ }
166
+
167
+ /* Pills */
168
+ .nav-pills {
169
+ margin-bottom: @baseLine/@em - .5em;
170
+ .clearfixing;
171
+ }
172
+ .nav-pills ul {
173
+ list-style: none;
174
+ margin: 0;
175
+ .clearfixing;
176
+ }
177
+ .nav-pills ul li {
178
+ float: left;
179
+ margin-right: .5em;
180
+ margin-bottom: @baseLine/@em - 1em;
181
+ }
182
+ .nav-pills ul li a,
183
+ .nav-pills ul li span {
184
+ display: block;
185
+ padding: 6px 11px;
186
+ line-height: 1;
187
+ }
188
+ .nav-pills ul li a {
189
+ color: @colorBlack;
190
+ text-decoration: none;
191
+ background-color: #f3f4f5;
192
+ }
193
+ .nav-pills ul li a:hover {
194
+ color: @colorGrayDark;
195
+ text-decoration: underline;
196
+ }
197
+ .nav-pills ul li .active,
198
+ .nav-pills ul li .active:hover,
199
+ .nav-pills ul li span {
200
+ padding: 5px 10px;
201
+ border: 1px solid #ddd;
202
+ background: none;
203
+ }
204
+ .nav-pills ul li .active,
205
+ .nav-pills ul li .active:hover {
206
+ cursor: default;
207
+ text-decoration: none;
208
+ }
209
+
210
+ /* =Pagination
211
+ -----------------------------------------------------------------------------*/
212
+ .pagination {
213
+ position: relative;
214
+ left: -7px;
215
+ margin-left: 0;
216
+ list-style: none;
217
+ .clearfixing();
218
+ }
219
+ .pagination li {
220
+ float: left;
221
+ margin-right: .5em;
222
+ }
223
+ .pagination li a,
224
+ .pagination li span {
225
+ display: block;
226
+ padding: 4px 7px;
227
+ line-height: 1;
228
+ color: #000;
229
+ text-decoration: none;
230
+ }
231
+ .pagination li span {
232
+ border: 1px solid #ddd;
233
+ }
234
+ .pagination li a:focus,
235
+ .pagination li a:hover {
236
+ text-decoration: underline;
237
+ }
@@ -1,40 +1,41 @@
1
- /* =Responsive Mobile (Portrait)
1
+ /* =Responsive Mobile
2
2
  -----------------------------------------------------------------------------*/
3
3
  @media only screen and (max-width: 767px) {
4
4
 
5
5
  .row .half,
6
- .row .third,
7
- .row .quarter,
8
- .row .fifth,
9
- .row .sixth,
10
- .row .twothird,
11
- .row .twofifth,
12
- .row .threefifth,
13
- .row .fourfifth,
6
+ .row .third,
7
+ .row .quarter,
8
+ .row .fifth,
9
+ .row .sixth,
10
+ .row .twothird,
11
+ .row .twofifth,
12
+ .row .threefifth,
13
+ .row .fourfifth,
14
14
  .row .fivesixth,
15
- .row .threequarter {
16
- margin-left: 0;
15
+ .row .threequarter {
17
16
  width: 100%;
17
+ margin-left: 0;
18
+ margin-bottom: 1.5em;
19
+ }
20
+
21
+ .push-half,
22
+ .push-threequarter,
23
+ .push-quarter,
24
+ .push-third,
25
+ .push-twothird,
26
+ .push-fifth,
27
+ .push-twofifth,
28
+ .push-threefifth,
29
+ .push-fourfifth,
30
+ .push-sixth,
31
+ .push-fivesixth {
32
+ left: 0;
18
33
  }
19
-
20
- .push-half,
21
- .push-threequarter,
22
- .push-quarter,
23
- .push-third,
24
- .push-twothird,
25
- .push-fifth,
26
- .push-twofifth,
27
- .push-threefifth,
28
- .push-fourfifth,
29
- .push-sixth,
30
- .push-fivesixth {
31
- left: 0;
32
- }
33
-
34
- .row .pull-right {
34
+
35
+ .row .pull-right {
35
36
  float: none;
36
37
  }
37
-
38
+
38
39
  /*
39
40
  Blocks
40
41
  */
@@ -46,36 +47,41 @@
46
47
  margin-left: 0;
47
48
  margin-bottom: @baseLine/@em;
48
49
  }
49
-
50
+
50
51
  .block-two > li,
51
52
  .block-three > li,
52
53
  .block-four > li,
53
54
  .block-five > li,
54
- .block-six > li {
55
+ .block-six > li {
55
56
  float: none;
56
- margin: 0;
57
+ margin: 0;
57
58
  width: 100%;
58
- }
59
+ }
59
60
 
60
61
  /*
61
62
  Forms
62
63
  */
63
- .forms.columnar label {
64
+ .forms.columnar label {
64
65
  float: none;
65
66
  text-align: left;
66
67
  width: auto;
67
68
  }
68
- .forms.columnar .push, .forms.columnar div.descr {
69
+ .forms.columnar .push,
70
+ .forms.columnar div.descr {
69
71
  margin-left: 0;
70
72
  }
71
73
  .forms .multicolumn li {
72
74
  float: none;
73
75
  margin-right: 0;
74
76
  }
75
- .forms .multicolumn li.width-50, .forms .multicolumn li.width-33 {
77
+ .forms .multicolumn li.width-50,
78
+ .forms .multicolumn li.width-33 {
76
79
  width: 100%;
77
80
  }
78
- .forms.columnar li fieldset, .forms.columnar li fieldset section {
81
+ .forms.columnar li fieldset,
82
+ .forms.columnar li fieldset section,
83
+ .forms.columnar li fieldset section label,
84
+ .columnar li.form-section {
79
85
  width: 100%;
80
86
  padding-left: 0;
81
87
  text-align: left;
@@ -90,4 +96,30 @@
90
96
  padding: 0;
91
97
  }
92
98
 
99
+ /*
100
+ Navs
101
+ */
102
+ .nav-g, .nav-g ul,
103
+ .nav-g ul li,
104
+ .nav-g,
105
+ .nav-v ul,
106
+ .nav-v,
107
+ .nav-tabs ul,
108
+ .nav-pills,
109
+ .nav-pills ul {
110
+ float: none;
111
+ }
112
+ .nav-g ul li {
113
+ margin: 0;
114
+ margin-bottom: 1px;
115
+ }
116
+ .nav-tabs ul li {
117
+ float: none;
118
+ }
119
+ .nav-tabs ul li a,
120
+ .nav-tabs ul li span {
121
+ margin-top: 0;
122
+ bottom: 0;
123
+ }
124
+
93
125
  }
@@ -22,20 +22,23 @@ table.stroked th {
22
22
  table.striped tbody tr:nth-child(odd) td {
23
23
  background-color: #f8f8f8;
24
24
  }
25
- table.hovered tbody tr:hover td, table.hovered thead tr:hover th {
25
+ table.hovered tbody tr:hover td,
26
+ table.hovered thead tr:hover th {
26
27
  background-color: @colorHoveredTable;
27
28
  }
28
29
 
29
- .thead-gray td, .thead-gray th {
30
+ .thead-gray td,
31
+ .thead-gray th {
30
32
  background-color: #f0f0f0;
31
33
  }
32
- .thead-black td, .thead-black th {
33
- font-weight: normal;
34
+ .thead-black td,
35
+ .thead-black th {
36
+ font-weight: normal;
34
37
  color: #f6f6f6;
35
38
  color: rgba(255, 255, 255, .9);
36
39
  background-color: #222;
37
40
  }
38
41
  table.bordered .thead-black td,
39
42
  table.bordered .thead-black th {
40
- border: 1px solid #444;
43
+ border: 1px solid #444;
41
44
  }