afgor-ui 0.2.1 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/afgor/ui/version.rb +1 -1
- data/vendor/assets/javascripts/afgor-ui.js +73 -26
- data/vendor/assets/stylesheets/afgor-ui-grid.css +1 -132
- data/vendor/assets/stylesheets/afgor-ui.css +1 -380
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 61520757abdc63c850eafa51e0680a8e2a28f243
|
|
4
|
+
data.tar.gz: 7182e7cb92183ac7dec41b69a946fbe2125f8647
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: fcdd94bab21f0cab4e81c3cedb91efb1669d999d5213bf186c3f5098cc2518341c721822dba796aaff6da89a443179bb3b6d5e6bb90c1ec906ade672ee425e03
|
|
7
|
+
data.tar.gz: 895f62b40e0e2a2632f199349a41987f8e6bca6c7c5f89bc03ff312ec3d609cae5bc09f3d57738e4b17d338676babec80e9aa9c29d53c6a31a6819adf74b5676
|
data/lib/afgor/ui/version.rb
CHANGED
|
@@ -1,44 +1,91 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Copyright (c) 2015 by Markus Benovsky. All Rights Reserved.
|
|
3
|
+
//
|
|
4
|
+
|
|
1
5
|
var vscaleX = 1.05;
|
|
2
6
|
var vscaleY = 1.05;
|
|
3
7
|
$(document)
|
|
4
8
|
.ready(function() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
});
|
|
26
|
-
});
|
|
27
|
-
});
|
|
9
|
+
$(".btn")
|
|
10
|
+
.click(function() {
|
|
11
|
+
var duration = 0.3, delay = 0.08;
|
|
12
|
+
TweenMax.to($(this), duration,
|
|
13
|
+
{scaleY : vscaleY, ease : Expo.easeOut});
|
|
14
|
+
TweenMax.to($(this), duration, {
|
|
15
|
+
scaleX : vscaleX,
|
|
16
|
+
scaleY : 1,
|
|
17
|
+
ease : Back.easeOut,
|
|
18
|
+
easeParams : [ 3 ],
|
|
19
|
+
delay : delay
|
|
20
|
+
});
|
|
21
|
+
TweenMax.to($(this), duration * 1.25, {
|
|
22
|
+
scaleX : 1,
|
|
23
|
+
scaleY : 1,
|
|
24
|
+
ease : Back.easeOut,
|
|
25
|
+
easeParams : [ 6 ],
|
|
26
|
+
delay : delay * 3
|
|
27
|
+
});
|
|
28
|
+
});
|
|
28
29
|
|
|
29
30
|
$(".input")
|
|
30
31
|
.focus(function() {
|
|
31
|
-
$(this).parent(".field
|
|
32
|
+
$(this).parent(".field").addClass("is-focused");
|
|
32
33
|
});
|
|
33
34
|
|
|
34
35
|
$(".input")
|
|
35
36
|
.blur(function() {
|
|
36
|
-
$(this).parent(".field
|
|
37
|
+
$(this).parent(".field").removeClass("is-focused");
|
|
37
38
|
});
|
|
38
39
|
|
|
39
|
-
$('.field
|
|
40
|
+
$('.field')
|
|
40
41
|
.on('keyup', '.text-area', function() {
|
|
41
42
|
$(this).height(0);
|
|
42
43
|
$(this).height(this.scrollHeight);
|
|
43
44
|
});
|
|
45
|
+
|
|
46
|
+
$(".dropdown dt a")
|
|
47
|
+
.click(function() {
|
|
48
|
+
var duration = 0.3, delay = 0.08;
|
|
49
|
+
TweenMax.to($(this), duration,
|
|
50
|
+
{scaleY : 1.01, ease : Expo.easeOut});
|
|
51
|
+
TweenMax.to($(this), duration, {
|
|
52
|
+
scaleX : 1.01,
|
|
53
|
+
scaleY : 1,
|
|
54
|
+
ease : Back.easeOut,
|
|
55
|
+
easeParams : [ 3 ],
|
|
56
|
+
delay : delay
|
|
57
|
+
});
|
|
58
|
+
TweenMax.to($(this), duration * 1.25, {
|
|
59
|
+
scaleX : 1,
|
|
60
|
+
scaleY : 1,
|
|
61
|
+
ease : Back.easeOut,
|
|
62
|
+
easeParams : [ 6 ],
|
|
63
|
+
delay : delay * 3
|
|
64
|
+
});
|
|
65
|
+
$dropdown =
|
|
66
|
+
$(this)
|
|
67
|
+
.closest('.dropdown')
|
|
68
|
+
.find('dd')
|
|
69
|
+
.find('ul')
|
|
70
|
+
setTimeout(function() { $dropdown.toggle(); }, 500);
|
|
71
|
+
});
|
|
72
|
+
$(".dropdown dd ul li a")
|
|
73
|
+
.click(function() {
|
|
74
|
+
var text = $(this).html();
|
|
75
|
+
$(".dropdown dt a span").html(text);
|
|
76
|
+
$(".dropdown dd ul").hide();
|
|
77
|
+
});
|
|
78
|
+
$('.card')
|
|
79
|
+
.hover(function() {
|
|
80
|
+
$(this)
|
|
81
|
+
.find('.description')
|
|
82
|
+
.stop()
|
|
83
|
+
.animate({height : "toggle", opacity : "toggle"}, 300);
|
|
84
|
+
});
|
|
85
|
+
$(document)
|
|
86
|
+
.bind('click', function(e) {
|
|
87
|
+
var $clicked = $(e.target);
|
|
88
|
+
if (!$clicked.parents().hasClass("dropdown"))
|
|
89
|
+
$(".dropdown dd ul").hide();
|
|
90
|
+
});
|
|
44
91
|
});
|
|
@@ -1,132 +1 @@
|
|
|
1
|
-
@media screen and (max-width: 42em) {
|
|
2
|
-
.container {
|
|
3
|
-
width: 98%;
|
|
4
|
-
margin: auto;
|
|
5
|
-
}
|
|
6
|
-
}
|
|
7
|
-
@media screen and (min-width: 42em) and (max-width: 64em) {
|
|
8
|
-
.container {
|
|
9
|
-
width: 84%;
|
|
10
|
-
margin: auto;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
@media screen and (min-width: 64em) {
|
|
14
|
-
.container {
|
|
15
|
-
width: 68%;
|
|
16
|
-
margin: auto;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.row {
|
|
21
|
-
margin-top: 0.5rem;
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: row;
|
|
24
|
-
flex-wrap: wrap;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.col {
|
|
28
|
-
flex: 1 1 8%;
|
|
29
|
-
margin: 0 0 0.5rem 0;
|
|
30
|
-
padding: 0.5em 10px;
|
|
31
|
-
box-sizing: border-box;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
/* nested grids */
|
|
35
|
-
.row .row, .row.nested {
|
|
36
|
-
flex: 1 1 auto;
|
|
37
|
-
margin-top: -0.5em;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/* full width grids */
|
|
41
|
-
.row.wide-fit {
|
|
42
|
-
margin-left: -10px;
|
|
43
|
-
margin-right: -10px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
/* center grids */
|
|
47
|
-
.row.center {
|
|
48
|
-
justify-content: center;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.center .col {
|
|
52
|
-
flex-grow: 0;
|
|
53
|
-
flex-shrink: 0;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
/* columns widths */
|
|
57
|
-
|
|
58
|
-
.col-span-1 {
|
|
59
|
-
flex-basis: 8.3333%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.col-span-2 {
|
|
63
|
-
flex-basis: 16.6666%;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.col-span-3 {
|
|
67
|
-
flex-basis: 25%;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.col-span-4 {
|
|
71
|
-
flex-basis: 33.3333%;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.col-span-5 {
|
|
75
|
-
flex-basis: 41.6666%;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.col-span-6 {
|
|
79
|
-
flex-basis: 50%;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.col-span-7 {
|
|
83
|
-
flex-basis: 58.3333%;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.col-span-8 {
|
|
87
|
-
flex-basis: 66.6666%;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.col-span-9 {
|
|
91
|
-
flex-basis: 75%;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.col-span-10 {
|
|
95
|
-
flex-basis: 83.3333%;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.col-span-11 {
|
|
99
|
-
flex-basis: 91.6666%;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.col-span-12 {
|
|
103
|
-
flex-basis: 100%;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.padding-top-1 { padding-top: 28px; }
|
|
107
|
-
.padding-top-2 { padding-top: 56px; }
|
|
108
|
-
.padding-top-3 { padding-top: 84px; }
|
|
109
|
-
.padding-top-4 { padding-top: 112px; }
|
|
110
|
-
.padding-top-5 { padding-top: 140px; }
|
|
111
|
-
.padding-top-6 { padding-top: 168px; }
|
|
112
|
-
|
|
113
|
-
.padding-bottom-1 { padding-bottom: 28px; }
|
|
114
|
-
.padding-bottom-2 { padding-bottom: 56px; }
|
|
115
|
-
.padding-bottom-3 { padding-bottom: 84px; }
|
|
116
|
-
.padding-bottom-4 { padding-bottom: 112px; }
|
|
117
|
-
.padding-bottom-5 { padding-bottom: 140px; }
|
|
118
|
-
.padding-bottom-6 { padding-bottom: 168px; }
|
|
119
|
-
|
|
120
|
-
.offset-top-1 { margin-top: 28px; }
|
|
121
|
-
.offset-top-2 { margin-top: 56px; }
|
|
122
|
-
.offset-top-3 { margin-top: 84px; }
|
|
123
|
-
.offset-top-4 { margin-top: 112px; }
|
|
124
|
-
.offset-top-5 { margin-top: 140px; }
|
|
125
|
-
.offset-top-6 { margin-top: 168px; }
|
|
126
|
-
|
|
127
|
-
.offset-bottom-1 { margin-bottom: 28px; }
|
|
128
|
-
.offset-bottom-2 { margin-bottom: 56px; }
|
|
129
|
-
.offset-bottom-3 { margin-bottom: 84px; }
|
|
130
|
-
.offset-bottom-4 { margin-bottom: 112px; }
|
|
131
|
-
.offset-bottom-5 { margin-bottom: 140px; }
|
|
132
|
-
.offset-bottom-6 { margin-bottom: 168px; }
|
|
1
|
+
@media screen and (max-width:42em){.container{width:98%;margin:auto;padding:0}}@media screen and (min-width:42em) and (max-width:64em){.container{width:84%;margin:auto;padding:10px}}@media screen and (min-width:64em){.container{width:68%;margin:auto;margin-top:30px;padding:20px}}.row{display:flex;flex-direction:row;flex-wrap:wrap}.col{flex:1 1 8%;margin:.5em 3px;padding:.5em 10px;box-sizing:border-box}.row .row,.row.nested{flex:1 1 auto;margin-top:-.5em}.row.wide-fit{margin-left:-10px;margin-right:-10px}.row.center{justify-content:center}.center .col{flex-grow:0;flex-shrink:0}.col-span-1{flex-basis:calc(8.3333% - 6px)}.col-span-2{flex-basis:calc(16.6666% - 6px)}.col-span-3{flex-basis:calc(25% - 6px)}.col-span-4{flex-basis:calc(33.3333% - 6px)}.col-span-5{flex-basis:calc(41.6666% - 6px)}.col-span-6{flex-basis:calc(50% - 6px)}.col-span-7{flex-basis:calc(58.3333% - 6px)}.col-span-8{flex-basis:calc(66.6666% - 6px)}.col-span-9{flex-basis:calc(75% - 6px)}.col-span-10{flex-basis:calc(83.3333% - 6px)}.col-span-11{flex-basis:calc(91.6666% - 6px)}.col-span-12{flex-basis:calc(100% - 6px)}.padding-top-1{padding-top:28px}.padding-top-2{padding-top:56px}.padding-top-3{padding-top:84px}.padding-top-4{padding-top:7pc}.padding-top-5{padding-top:140px}.padding-top-6{padding-top:168px}.padding-bottom-1{padding-bottom:28px}.padding-bottom-2{padding-bottom:56px}.padding-bottom-3{padding-bottom:84px}.padding-bottom-4{padding-bottom:7pc}.padding-bottom-5{padding-bottom:140px}.padding-bottom-6{padding-bottom:168px}.margin-top-1{margin-top:28px}.margin-top-2{margin-top:56px}.margin-top-3{margin-top:84px}.margin-top-4{margin-top:7pc}.margin-top-5{margin-top:140px}.margin-top-6{margin-top:168px}.margin-bottom-1{margin-bottom:28px}.margin-bottom-2{margin-bottom:56px}.margin-bottom-3{margin-bottom:84px}.margin-bottom-4{margin-bottom:7pc}.margin-bottom-5{margin-bottom:140px}.margin-bottom-6{margin-bottom:168px}
|
|
@@ -1,380 +1 @@
|
|
|
1
|
-
|
|
2
|
-
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,300italic,400italic,500italic,700,700italic&subset=latin,cyrillic);
|
|
3
|
-
|
|
4
|
-
* {
|
|
5
|
-
font-family: 'Roboto', sans-serif;
|
|
6
|
-
font-weight: 400;
|
|
7
|
-
color: #0b4c6a;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
h1, h2, h3, h4, h5, h6 { font-weight: 500; }
|
|
11
|
-
b { font-weight: 600; }
|
|
12
|
-
p { font-weight: 500;font-size: 14px; }
|
|
13
|
-
|
|
14
|
-
p.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
|
|
15
|
-
margin: auto;
|
|
16
|
-
text-align: center;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
hr { border: 0;
|
|
20
|
-
height: 0;
|
|
21
|
-
margin: 15px;
|
|
22
|
-
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
23
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
|
|
24
|
-
|
|
25
|
-
/* Styling button and colors */
|
|
26
|
-
.btn {
|
|
27
|
-
min-width: 100px;
|
|
28
|
-
min-height: 40px;
|
|
29
|
-
background: #5bc0eb;
|
|
30
|
-
color: #fff;
|
|
31
|
-
padding: 4px 0;
|
|
32
|
-
margin: 5px;
|
|
33
|
-
border-radius: 3px;
|
|
34
|
-
border: none;
|
|
35
|
-
text-decoration:none;
|
|
36
|
-
text-transform: uppercase;
|
|
37
|
-
-webkit-user-select: none;
|
|
38
|
-
-moz-user-select: none;
|
|
39
|
-
-ms-user-select: none;
|
|
40
|
-
user-select: none;
|
|
41
|
-
}
|
|
42
|
-
.btn:hover { cursor: pointer; }
|
|
43
|
-
.btn:focus { outline:none; }
|
|
44
|
-
.btn:active, .btn:target {
|
|
45
|
-
background-color: #5bc0eb;
|
|
46
|
-
border-color: #5bc0eb;
|
|
47
|
-
outline: none;
|
|
48
|
-
text-decoration:none;
|
|
49
|
-
}
|
|
50
|
-
.primary, .primary:active, .primary:target, p.primary, h1.primary, h2.primary, h3.primary, h4.primary, h5.primary, h6.primary { background-color: #5bc0eb; }
|
|
51
|
-
.success, .success:active, .success:target, p.success, h1.success, h2.success, h3.success, h4.success, h5.success, h6.success { background-color: #9bc53d; }
|
|
52
|
-
.error, .error:active, .error:target, p.error, h1.error, h2.error, h3.error, h4.error, h5.error, h6.error { background-color: #ff3939; }
|
|
53
|
-
.info, .info:active, .info:target, p.info, h1.info, h2.info, h3.info, h4.info, h5.info, h6.info { background-color: #f5dd32; }
|
|
54
|
-
.warning, .warning:active, .warning:target, p.warning, h1.warning, h2.warning, h3.warning, h4.warning, h5.warning, h6.warning { background-color: #f78334; }
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
/* Styling input field containers */
|
|
58
|
-
label { display: block; font-weight: 600; }
|
|
59
|
-
.field-container {
|
|
60
|
-
margin: 10px 0;
|
|
61
|
-
margin-bottom: 20px;
|
|
62
|
-
clear: both;
|
|
63
|
-
}
|
|
64
|
-
.field-container:after {
|
|
65
|
-
content: "";
|
|
66
|
-
display: block;
|
|
67
|
-
width: 100%;
|
|
68
|
-
height: 4px;
|
|
69
|
-
margin-top: -1px;
|
|
70
|
-
border-width: 0 2px 2px 2px;
|
|
71
|
-
border-style: solid;
|
|
72
|
-
border-color: #bab6b6;
|
|
73
|
-
}
|
|
74
|
-
.field-container.is-focused:after, .field-container.field-primary.is-focused:after { border-color: #5bc0eb; }
|
|
75
|
-
.field-container.field-success.is-focused:after { border-color: #9bc53d; }
|
|
76
|
-
.field-container.field-info.is-focused:after { border-color: #f5dd32; }
|
|
77
|
-
.field-container.field-warning.is-focused:after { border-color: #f78334; }
|
|
78
|
-
.field-container.field-error.is-focused:after { border-color: #ff3939; }
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
/* Styling the main input field */
|
|
82
|
-
input[type='text'], input[type='password'], input[type='email'] {
|
|
83
|
-
width: 100%;
|
|
84
|
-
margin: 0;
|
|
85
|
-
padding: 0 6px;
|
|
86
|
-
border: none;
|
|
87
|
-
outline: none;
|
|
88
|
-
background: transparent;
|
|
89
|
-
font-size: 16px;
|
|
90
|
-
font-weight: 300;
|
|
91
|
-
color: #404040;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
/* Styling main input */
|
|
96
|
-
input[type='radio'],
|
|
97
|
-
input[type='checkbox'] {
|
|
98
|
-
display: none;
|
|
99
|
-
cursor: pointer;
|
|
100
|
-
}
|
|
101
|
-
input[type='radio']:focus, input[type='radio']:active,
|
|
102
|
-
input[type='checkbox']:focus,
|
|
103
|
-
input[type='checkbox']:active {
|
|
104
|
-
outline: none;
|
|
105
|
-
}
|
|
106
|
-
input[type='radio'] + label,
|
|
107
|
-
input[type='checkbox'] + label {
|
|
108
|
-
cursor: pointer;
|
|
109
|
-
display: inline-block;
|
|
110
|
-
position: relative;
|
|
111
|
-
padding-left: 25px;
|
|
112
|
-
margin-right: 10px;
|
|
113
|
-
color: #0b4c6a;
|
|
114
|
-
}
|
|
115
|
-
input[type='radio'] + label:before, input[type='radio'] + label:after,
|
|
116
|
-
input[type='checkbox'] + label:before,
|
|
117
|
-
input[type='checkbox'] + label:after {
|
|
118
|
-
content: '';
|
|
119
|
-
font-family: helvetica;
|
|
120
|
-
display: inline-block;
|
|
121
|
-
width: 18px;
|
|
122
|
-
height: 18px;
|
|
123
|
-
left: 0;
|
|
124
|
-
bottom: 0;
|
|
125
|
-
text-align: center;
|
|
126
|
-
position: absolute;
|
|
127
|
-
}
|
|
128
|
-
input[type='radio'] + label:before,
|
|
129
|
-
input[type='checkbox'] + label:before {
|
|
130
|
-
background-color: #fafafa;
|
|
131
|
-
-moz-transition: all 0.3s ease-in-out;
|
|
132
|
-
-o-transition: all 0.3s ease-in-out;
|
|
133
|
-
-webkit-transition: all 0.3s ease-in-out;
|
|
134
|
-
transition: all 0.3s ease-in-out;
|
|
135
|
-
}
|
|
136
|
-
input[type='radio'] + label:after,
|
|
137
|
-
input[type='checkbox'] + label:after {
|
|
138
|
-
color: #fff;
|
|
139
|
-
}
|
|
140
|
-
input[type='radio']:checked + label:before,
|
|
141
|
-
input[type='checkbox']:checked + label:before {
|
|
142
|
-
-moz-box-shadow: inset 0 0 0 10px #5bc0eb;
|
|
143
|
-
-webkit-box-shadow: inset 0 0 0 10px #5bc0eb;
|
|
144
|
-
box-shadow: inset 0 0 0 10px #5bc0eb;
|
|
145
|
-
}
|
|
146
|
-
input[type='radio']:checked.success + label:before,
|
|
147
|
-
input[type='checkbox']:checked.success + label:before {
|
|
148
|
-
-moz-box-shadow: inset 0 0 0 10px #9bc53d;
|
|
149
|
-
-webkit-box-shadow: inset 0 0 0 10px #9bc53d;
|
|
150
|
-
box-shadow: inset 0 0 0 10px #9bc53d;
|
|
151
|
-
}
|
|
152
|
-
input[type='radio']:checked.info + label:before,
|
|
153
|
-
input[type='checkbox']:checked.info + label:before {
|
|
154
|
-
-moz-box-shadow: inset 0 0 0 10px #f5dd32;
|
|
155
|
-
-webkit-box-shadow: inset 0 0 0 10px #f5dd32;
|
|
156
|
-
box-shadow: inset 0 0 0 10px #f5dd32;
|
|
157
|
-
}
|
|
158
|
-
input[type='radio']:checked.warning + label:before,
|
|
159
|
-
input[type='checkbox']:checked.warning + label:before {
|
|
160
|
-
-moz-box-shadow: inset 0 0 0 10px #f78334;
|
|
161
|
-
-webkit-box-shadow: inset 0 0 0 10px #f78334;
|
|
162
|
-
box-shadow: inset 0 0 0 10px #f78334;
|
|
163
|
-
}
|
|
164
|
-
input[type='radio']:checked.error + label:before,
|
|
165
|
-
input[type='checkbox']:checked.error + label:before {
|
|
166
|
-
-moz-box-shadow: inset 0 0 0 10px #ff3939;
|
|
167
|
-
-webkit-box-shadow: inset 0 0 0 10px #ff3939;
|
|
168
|
-
box-shadow: inset 0 0 0 10px #ff3939;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
/*Radio Specific styles*/
|
|
173
|
-
input[type='radio'] + label:before {
|
|
174
|
-
-moz-border-radius: 50%;
|
|
175
|
-
-webkit-border-radius: 50%;
|
|
176
|
-
border-radius: 50%;
|
|
177
|
-
}
|
|
178
|
-
input[type='radio'] + label:hover:after, input[type='radio']:checked + label:after {
|
|
179
|
-
content: '\2022';
|
|
180
|
-
position: absolute;
|
|
181
|
-
top: 3px;
|
|
182
|
-
font-size: 22px;
|
|
183
|
-
line-height: 15px;
|
|
184
|
-
}
|
|
185
|
-
input[type='radio'] + label:hover:after {
|
|
186
|
-
color: #c7c7c7;
|
|
187
|
-
}
|
|
188
|
-
input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after {
|
|
189
|
-
color: #fff;
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
/*Checkbox Specific styles*/
|
|
194
|
-
input[type='checkbox'] + label:before {
|
|
195
|
-
-moz-border-radius: 3px;
|
|
196
|
-
-webkit-border-radius: 3px;
|
|
197
|
-
border-radius: 3px;
|
|
198
|
-
}
|
|
199
|
-
input[type='checkbox'] + label:hover:after, input[type='checkbox']:checked + label:after {
|
|
200
|
-
content: "\2713";
|
|
201
|
-
line-height: 18px;
|
|
202
|
-
font-size: 14px;
|
|
203
|
-
}
|
|
204
|
-
input[type='checkbox'] + label:hover:after {
|
|
205
|
-
color: #c7c7c7;
|
|
206
|
-
}
|
|
207
|
-
input[type='checkbox']:checked + label:after, input[type='checkbox']:checked + label:hover:after {
|
|
208
|
-
color: #fff;
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
/*Toggle Specific styles*/
|
|
213
|
-
input[type='checkbox'].toggle {
|
|
214
|
-
display: inline-block;
|
|
215
|
-
-webkit-appearance: none;
|
|
216
|
-
-moz-appearance: none;
|
|
217
|
-
appearance: none;
|
|
218
|
-
width: 55px;
|
|
219
|
-
height: 28px;
|
|
220
|
-
background-color: #fafafa;
|
|
221
|
-
position: relative;
|
|
222
|
-
-moz-border-radius: 30px;
|
|
223
|
-
-webkit-border-radius: 30px;
|
|
224
|
-
border-radius: 30px;
|
|
225
|
-
@inlcude box-shadow(none);
|
|
226
|
-
-moz-transition: all 0.2s ease-in-out;
|
|
227
|
-
-o-transition: all 0.2s ease-in-out;
|
|
228
|
-
-webkit-transition: all 0.2s ease-in-out;
|
|
229
|
-
transition: all 0.2s ease-in-out;
|
|
230
|
-
}
|
|
231
|
-
input[type='checkbox'].toggle:hover:after {
|
|
232
|
-
background-color: #c7c7c7;
|
|
233
|
-
}
|
|
234
|
-
input[type='checkbox'].toggle:after {
|
|
235
|
-
content: '';
|
|
236
|
-
display: inline-block;
|
|
237
|
-
position: absolute;
|
|
238
|
-
width: 24px;
|
|
239
|
-
height: 24px;
|
|
240
|
-
background-color: #adadad;
|
|
241
|
-
top: 2px;
|
|
242
|
-
left: 2px;
|
|
243
|
-
-moz-border-radius: 50%;
|
|
244
|
-
-webkit-border-radius: 50%;
|
|
245
|
-
border-radius: 50%;
|
|
246
|
-
-moz-transition: all 0.2s ease-in-out;
|
|
247
|
-
-o-transition: all 0.2s ease-in-out;
|
|
248
|
-
-webkit-transition: all 0.2s ease-in-out;
|
|
249
|
-
transition: all 0.2s ease-in-out;
|
|
250
|
-
}
|
|
251
|
-
input[type='checkbox']:checked.toggle {
|
|
252
|
-
-moz-box-shadow: inset 0 0 0 15px #5bc0eb;
|
|
253
|
-
-webkit-box-shadow: inset 0 0 0 15px #5bc0eb;
|
|
254
|
-
box-shadow: inset 0 0 0 15px #5bc0eb;
|
|
255
|
-
}
|
|
256
|
-
input[type='checkbox']:checked.success.toggle {
|
|
257
|
-
-moz-box-shadow: inset 0 0 0 15px #9bc53d;
|
|
258
|
-
-webkit-box-shadow: inset 0 0 0 15px #9bc53d;
|
|
259
|
-
box-shadow: inset 0 0 0 15px #9bc53d;
|
|
260
|
-
}
|
|
261
|
-
input[type='checkbox']:checked.info.toggle {
|
|
262
|
-
-moz-box-shadow: inset 0 0 0 15px #f5dd32;
|
|
263
|
-
-webkit-box-shadow: inset 0 0 0 15px #f5dd32;
|
|
264
|
-
box-shadow: inset 0 0 0 15px #f5dd32;
|
|
265
|
-
}
|
|
266
|
-
input[type='checkbox']:checked.warning.toggle {
|
|
267
|
-
-moz-box-shadow: inset 0 0 0 15px #f78334;
|
|
268
|
-
-webkit-box-shadow: inset 0 0 0 15px #f78334;
|
|
269
|
-
box-shadow: inset 0 0 0 15px #f78334;
|
|
270
|
-
}
|
|
271
|
-
input[type='checkbox']:checked.error.toggle {
|
|
272
|
-
-moz-box-shadow: inset 0 0 0 15px #ff3939;
|
|
273
|
-
-webkit-box-shadow: inset 0 0 0 15px #ff3939;
|
|
274
|
-
box-shadow: inset 0 0 0 15px #ff3939;
|
|
275
|
-
}
|
|
276
|
-
input[type='checkbox']:checked.toggle:after {
|
|
277
|
-
left: 29px;
|
|
278
|
-
background-color: #fff;
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
/* Styling the main textarea filed */
|
|
283
|
-
textarea {
|
|
284
|
-
min-height: 38px;
|
|
285
|
-
height: 38px;
|
|
286
|
-
margin: 2px 0 3px;
|
|
287
|
-
overflow-y: hidden;
|
|
288
|
-
resize: none;
|
|
289
|
-
font-size: 16px;
|
|
290
|
-
font-weight: 300;
|
|
291
|
-
-webkit-transition: height .1s;
|
|
292
|
-
-moz-transition: height .1s;
|
|
293
|
-
transition: height .1s;
|
|
294
|
-
}
|
|
295
|
-
::-webkit-input-placeholder { color: #bab6b6; }
|
|
296
|
-
:-moz-placeholder { color: #bab6b6; }
|
|
297
|
-
:-ms-placeholder { color: #bab6b6; }
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
/* Styling image content group */
|
|
301
|
-
.group:after {
|
|
302
|
-
content: "";
|
|
303
|
-
display: table;
|
|
304
|
-
clear: both;
|
|
305
|
-
}
|
|
306
|
-
strong {
|
|
307
|
-
font-weight: normal;
|
|
308
|
-
color: #2f2f2f;
|
|
309
|
-
}
|
|
310
|
-
.item-content {
|
|
311
|
-
position: relative;
|
|
312
|
-
width: 95%;
|
|
313
|
-
max-width: 50rem;
|
|
314
|
-
margin: 20px auto;
|
|
315
|
-
padding: 20px;
|
|
316
|
-
border: 2px solid #f1f1f1;
|
|
317
|
-
background-color: #f7f7f7;
|
|
318
|
-
border-radius: 5px;
|
|
319
|
-
display: -webkit-box;
|
|
320
|
-
display: -webkit-flex;
|
|
321
|
-
display: -ms-flexbox;
|
|
322
|
-
display: flex;
|
|
323
|
-
-webkit-box-align: center;
|
|
324
|
-
-webkit-align-items: center;
|
|
325
|
-
-ms-flex-align: center;
|
|
326
|
-
align-items: center;
|
|
327
|
-
-webkit-transform: translateZ(0);
|
|
328
|
-
transform: translateZ(0);
|
|
329
|
-
}
|
|
330
|
-
.item-img {
|
|
331
|
-
position: relative;
|
|
332
|
-
float: left;
|
|
333
|
-
display: block;
|
|
334
|
-
width: 30%;
|
|
335
|
-
-webkit-transform-origin: 50% 50%;
|
|
336
|
-
-ms-transform-origin: 50% 50%;
|
|
337
|
-
transform-origin: 50% 50%;
|
|
338
|
-
-webkit-transform-style: preserve-3d;
|
|
339
|
-
transform-style: preserve-3d;
|
|
340
|
-
-webkit-animation: floating 5s -1s infinite;
|
|
341
|
-
animation: floating 5s -1s infinite;
|
|
342
|
-
}
|
|
343
|
-
.item-img img {
|
|
344
|
-
display: block;
|
|
345
|
-
width: 100%;
|
|
346
|
-
height: auto;
|
|
347
|
-
-webkit-transform-origin: 50% 100%;
|
|
348
|
-
-ms-transform-origin: 50% 100%;
|
|
349
|
-
transform-origin: 50% 100%;
|
|
350
|
-
-webkit-transform: translateZ(-5rem);
|
|
351
|
-
transform: translateZ(-5rem);
|
|
352
|
-
}
|
|
353
|
-
@-webkit-keyframes floating {
|
|
354
|
-
0%, 100% {
|
|
355
|
-
-webkit-transform: translateY(-5%);
|
|
356
|
-
transform: translateY(-5%);
|
|
357
|
-
}
|
|
358
|
-
50% {
|
|
359
|
-
-webkit-transform: translateY(0);
|
|
360
|
-
transform: translateY(0);
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
@keyframes floating {
|
|
365
|
-
0%, 100% {
|
|
366
|
-
-webkit-transform: translateY(-5%);
|
|
367
|
-
transform: translateY(-5%);
|
|
368
|
-
}
|
|
369
|
-
50% {
|
|
370
|
-
-webkit-transform: translateY(0);
|
|
371
|
-
transform: translateY(0);
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
.item-caption {
|
|
375
|
-
display: block;
|
|
376
|
-
position: relative;
|
|
377
|
-
float: left;
|
|
378
|
-
width: 65%;
|
|
379
|
-
margin-left: 5%;
|
|
380
|
-
}
|
|
1
|
+
@import url(http://weloveiconfonts.com/api/?family=entypo);@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,300italic,400italic,500italic,700,700italic&subset=latin,cyrillic);[class*=entypo-]:before{font-family:entypo,sans-serif}*{font-family:Roboto,sans-serif;font-weight:400;color:#1a3542}body{top:0;left:0;margin:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#132330}h1,h2,h3,h4,h5,h6{font-weight:500}b{font-weight:600}p{font-weight:500;font-size:14px}h1.center,h2.center,h3.center,h4.center,h5.center,h6.center,p.center{margin:auto;text-align:center}hr{border:0;height:0;margin:23px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.3)}.btn{min-width:75pt;min-height:40px;background:#5bc0eb;color:#fff;padding:4px 0;margin:5px;border-radius:3px;border:none;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:hover{cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn:focus{outline:0}.btn:active,.btn:target{background-color:#5bc0eb;border-color:#5bc0eb;outline:0;text-decoration:none}.primary,.primary:active,.primary:target,h1.primary,h2.primary,h3.primary,h4.primary,h5.primary,h6.primary,p.primary{background:#5bc0eb}.success,.success:active,.success:target,h1.success,h2.success,h3.success,h4.success,h5.success,h6.success,p.success{background:#9bc53d}.error,.error:active,.error:target,h1.error,h2.error,h3.error,h4.error,h5.error,h6.error,p.error{background:#ff3939}.info,.info:active,.info:target,h1.info,h2.info,h3.info,h4.info,h5.info,h6.info,p.info{background:#f5dd32}.warning,.warning:active,.warning:target,h1.warning,h2.warning,h3.warning,h4.warning,h5.warning,h6.warning,p.warning{background:#f78334}.dropdown dd,.dropdown dt,.dropdown ul{margin:0;padding:0}.dropdown i.arrow{width:0;height:0;float:right;margin-right:15px;margin-top:-24px;top:0;right:0;border:5px solid #fff;border-radius:50%}.dropdown i.arrow:hover{cursor:pointer}.dropdown dd{position:relative}.dropdown dt a{background:#5bc0eb;display:block;padding:0;border-radius:3px;width:100%;min-width:170px;height:40px;text-decoration:none}.dropdown dt a span{cursor:pointer;display:block;padding:10px 14px;color:#fff}.dropdown dd ul{background:#5bc0eb;border-radius:0 0 3px 3px;display:none;list-style:none;padding:5px 0;position:absolute;left:0;top:-1px;width:100%;min-width:170px}.dropdown span.value{display:none}.dropdown dd ul li a{padding:5px 14px;display:block;text-decoration:none;height:20px;color:#fff}.dropdown dd ul li a:hover{background:#fff;color:#5bc0eb;cursor:pointer}label{display:block;font-weight:600}.field{margin:10px 0;margin-bottom:20px;clear:both}.field:after{content:"";display:block;width:100%;height:4px;margin-top:-1px;border-width:0 2px 2px;border-style:solid;border-color:#bab6b6}.field.field-primary.is-focused:after,.field.is-focused:after{border-color:#5bc0eb}.field.field-success.is-focused:after{border-color:#9bc53d}.field.field-info.is-focused:after{border-color:#f5dd32}.field.field-warning.is-focused:after{border-color:#f78334}.field.field-error.is-focused:after{border-color:#ff3939}input[type=email],input[type=password],input[type=text]{width:100%;margin:0;padding:0 6px;border:none;outline:0;background:transparent;font-size:1pc;font-weight:300;color:#404040}input[type=checkbox],input[type=radio]{display:none;cursor:pointer;margin:5px}input[type=checkbox]:active,input[type=checkbox]:focus,input[type=radio]:active,input[type=radio]:focus{outline:0;margin:5px}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer;display:inline-block;position:relative;padding-left:25px;margin:5px;margin-right:10px;color:#0b4c6a}input[type=checkbox]+label:after,input[type=checkbox]+label:before,input[type=radio]+label:after,input[type=radio]+label:before{content:'';font-family:helvetica;display:inline-block;width:18px;height:18px;left:0;bottom:0;text-align:center;position:absolute}input[type=checkbox]+label:before,input[type=radio]+label:before{background-color:#fafafa;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}input[type=checkbox]+label:after,input[type=radio]+label:after{color:#fff}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{box-shadow:inset 0 0 0 10px #5bc0eb}input[type=checkbox]:checked.success+label:before,input[type=radio]:checked.success+label:before{box-shadow:inset 0 0 0 10px #9bc53d}input[type=checkbox]:checked.info+label:before,input[type=radio]:checked.info+label:before{box-shadow:inset 0 0 0 10px #f5dd32}input[type=checkbox]:checked.warning+label:before,input[type=radio]:checked.warning+label:before{box-shadow:inset 0 0 0 10px #f78334}input[type=checkbox]:checked.error+label:before,input[type=radio]:checked.error+label:before{box-shadow:inset 0 0 0 10px #ff3939}input[type=radio]+label:before{border-radius:50%}input[type=radio]+label:hover:after,input[type=radio]:checked+label:after{content:'\2022';position:absolute;top:3px;font-size:22px;line-height:15px}input[type=radio]+label:hover:after{color:#c7c7c7}input[type=radio]:checked+label:after,input[type=radio]:checked+label:hover:after{color:#fff}input[type=checkbox]+label:before{border-radius:3px}input[type=checkbox]+label:hover:after,input[type=checkbox]:checked+label:after{content:"\2713";line-height:18px;font-size:14px}input[type=checkbox]+label:hover:after{color:#c7c7c7}input[type=checkbox]:checked+label:after,input[type=checkbox]:checked+label:hover:after{color:#fff}input[type=checkbox].toggle{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55px;height:28px;background-color:#fafafa;position:relative;border-radius:30px;@inlcude box-shadow(none);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}input[type=checkbox].toggle:hover:after{background-color:#c7c7c7}input[type=checkbox].toggle:after{content:'';display:inline-block;position:absolute;width:24px;height:24px;background-color:#adadad;top:2px;left:2px;border-radius:50%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}input[type=checkbox]:checked.toggle{box-shadow:inset 0 0 0 15px #5bc0eb}input[type=checkbox]:checked.success.toggle{box-shadow:inset 0 0 0 15px #9bc53d}input[type=checkbox]:checked.info.toggle{box-shadow:inset 0 0 0 15px #f5dd32}input[type=checkbox]:checked.warning.toggle{box-shadow:inset 0 0 0 15px #f78334}input[type=checkbox]:checked.error.toggle{box-shadow:inset 0 0 0 15px #ff3939}input[type=checkbox]:checked.toggle:after{left:29px;background-color:#fff}textarea{min-height:38px;height:38px;margin:2px 0 3px;overflow-y:hidden;resize:none;font-size:1pc;font-weight:300;-webkit-transition:height .1s;transition:height .1s}::-webkit-input-placeholder{color:#bab6b6}:-moz-placeholder{color:#bab6b6}:-ms-placeholder{color:#bab6b6}.card{position:relative;z-index:1;display:block;background:#fff;width:100%;height:470px;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.15);-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.card:hover .thumbnail img,.hover .thumbnail img{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.6;border-radius:3px 3px}.card .thumbnail{background:#000;height:25pc;overflow:hidden;border-radius:3px 3px}.card .thumbnail img{display:block;width:auto;height:auto;max-width:MaxSize;max-height:MaxSize;margin-top:-35%;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s}.card .card-content{position:absolute;bottom:0;background:#fff;width:100%;padding:30px;-webkti-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s cubic-bezier(0.37,0.75,0.61,1.05) 0s;transition:all .3s cubic-bezier(0.37,0.75,0.61,1.05) 0s}.card .card-content .title{margin:0;padding:0 0 10px;color:#333;font-size:26px;font-weight:700}.card .card-content .sub_title{margin:0;padding:0 0 20px;font-size:20px;font-weight:400}.card .card-content .description{display:none;color:#666;font-size:14px;line-height:1.8em}.card .card-content .card-meta{margin:30px 0 0;color:#999}.card .card-content .card-meta .timestamp{margin:0 1pc 0 0}.card .card-content .card-meta a{color:#999;text-decoration:none}.hover .card-content .description{display:block!important;height:auto!important;opacity:1!important}.card .info{width:300px;margin:50px auto;text-align:center}.card .info h1{margin:0 0 15px;padding:0;font-size:24px;font-weight:400;color:#333}.card .info span{color:#666;font-size:9pt}.card .info span a{color:#000;text-decoration:none}.card .info span .fa{color:#5bc0eb}.panel{border-radius:3px;background:#f6f6f6;margin-top:40px;margin-bottom:40px}.col.primary{background:#5bc0eb}.col.success{background:#9bc53d}.col.error{background:#ff3939}.col.info{background:#f5dd32}.col.warning{background:#f78334}.col.neutral,nav{background:#fff}nav{width:75px;top:0;left:0;position:fixed;z-index:2;height:100%}nav li{position:relative;color:#404041;width:75px;height:50px;margin-left:-40px;text-align:center;font-size:22px;line-height:50px;display:block;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}nav li:hover{color:#ff3e39}nav li:hover a{left:75pt}nav li:first-child{padding-top:10px}nav li:last-child{padding-bottom:10px}nav li a{font-size:1pc;font-weight:700;text-decoration:none;position:absolute;z-index:-1;left:0;color:#fff;-webkit-transition-property:left;transition-property:left;-webkit-transition-duration:.3s;transition-duration:.3s}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: afgor-ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.3.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Markus Benovsky
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: exe
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-08-
|
|
11
|
+
date: 2015-08-16 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|