lte-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +37 -0
- data/.gitmodules +3 -0
- data/Gemfile +4 -0
- data/Gemfile.lock +94 -0
- data/LICENSE +22 -0
- data/README.md +4 -0
- data/Rakefile +52 -0
- data/lib/lte/rails/engine.rb +13 -0
- data/lib/lte/rails/version.rb +7 -0
- data/lib/lte/rails.rb +7 -0
- data/lib/lte-rails.rb +1 -0
- data/lte-rails.gemspec +40 -0
- data/vendor/assets/stylesheets/AdminLTE/.csslintrc +23 -0
- data/vendor/assets/stylesheets/AdminLTE/404_500_errors.less +36 -0
- data/vendor/assets/stylesheets/AdminLTE/AdminLTE.less +68 -0
- data/vendor/assets/stylesheets/AdminLTE/alerts.less +44 -0
- data/vendor/assets/stylesheets/AdminLTE/bootstrap-social.less +114 -0
- data/vendor/assets/stylesheets/AdminLTE/boxes.less +483 -0
- data/vendor/assets/stylesheets/AdminLTE/buttons.less +159 -0
- data/vendor/assets/stylesheets/AdminLTE/callout.less +48 -0
- data/vendor/assets/stylesheets/AdminLTE/carousel.less +18 -0
- data/vendor/assets/stylesheets/AdminLTE/control-sidebar.less +280 -0
- data/vendor/assets/stylesheets/AdminLTE/core.less +171 -0
- data/vendor/assets/stylesheets/AdminLTE/direct-chat.less +172 -0
- data/vendor/assets/stylesheets/AdminLTE/dropdown.less +347 -0
- data/vendor/assets/stylesheets/AdminLTE/forms.less +94 -0
- data/vendor/assets/stylesheets/AdminLTE/fullcalendar.less +88 -0
- data/vendor/assets/stylesheets/AdminLTE/header.less +244 -0
- data/vendor/assets/stylesheets/AdminLTE/info-box.less +69 -0
- data/vendor/assets/stylesheets/AdminLTE/invoice.less +16 -0
- data/vendor/assets/stylesheets/AdminLTE/labels.less +23 -0
- data/vendor/assets/stylesheets/AdminLTE/lockscreen.less +68 -0
- data/vendor/assets/stylesheets/AdminLTE/login_and_register.less +50 -0
- data/vendor/assets/stylesheets/AdminLTE/mailbox.less +77 -0
- data/vendor/assets/stylesheets/AdminLTE/miscellaneous.less +529 -0
- data/vendor/assets/stylesheets/AdminLTE/mixins.less +302 -0
- data/vendor/assets/stylesheets/AdminLTE/modal.less +73 -0
- data/vendor/assets/stylesheets/AdminLTE/navs.less +182 -0
- data/vendor/assets/stylesheets/AdminLTE/print.less +48 -0
- data/vendor/assets/stylesheets/AdminLTE/products.less +44 -0
- data/vendor/assets/stylesheets/AdminLTE/profile.less +29 -0
- data/vendor/assets/stylesheets/AdminLTE/progress-bars.less +107 -0
- data/vendor/assets/stylesheets/AdminLTE/select2.less +102 -0
- data/vendor/assets/stylesheets/AdminLTE/sidebar-mini.less +138 -0
- data/vendor/assets/stylesheets/AdminLTE/sidebar.less +157 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/_all-skins.less +13 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-black-light.less +64 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-black.less +64 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue-light.less +61 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-blue.less +58 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-green-light.less +56 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-green.less +56 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-purple.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-red-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-red.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow-light.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/skins/skin-yellow.less +55 -0
- data/vendor/assets/stylesheets/AdminLTE/small-box.less +89 -0
- data/vendor/assets/stylesheets/AdminLTE/social-widgets.less +78 -0
- data/vendor/assets/stylesheets/AdminLTE/table.less +71 -0
- data/vendor/assets/stylesheets/AdminLTE/timeline.less +111 -0
- data/vendor/assets/stylesheets/AdminLTE/users-list.less +39 -0
- data/vendor/assets/stylesheets/AdminLTE/variables.less +120 -0
- data/vendor/assets/stylesheets/lte-rails.less +1 -0
- metadata +200 -0
@@ -0,0 +1,58 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Blue
|
3
|
+
* ----------
|
4
|
+
*/
|
5
|
+
@import "../../bootstrap-less/mixins.less";
|
6
|
+
@import "../../bootstrap-less/variables.less";
|
7
|
+
@import "../variables.less";
|
8
|
+
@import "../mixins.less";
|
9
|
+
|
10
|
+
.skin-blue {
|
11
|
+
//Navbar
|
12
|
+
.main-header {
|
13
|
+
.navbar {
|
14
|
+
.navbar-variant(@light-blue; #fff);
|
15
|
+
.sidebar-toggle {
|
16
|
+
color: #fff;
|
17
|
+
&:hover {
|
18
|
+
background-color: darken(@light-blue, 5%);
|
19
|
+
}
|
20
|
+
}
|
21
|
+
@media (max-width: @screen-header-collapse) {
|
22
|
+
.dropdown-menu {
|
23
|
+
li {
|
24
|
+
&.divider {
|
25
|
+
background-color: rgba(255, 255, 255, 0.1);
|
26
|
+
}
|
27
|
+
a {
|
28
|
+
color: #fff;
|
29
|
+
&:hover {
|
30
|
+
background: darken(@light-blue, 5%);
|
31
|
+
}
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
//Logo
|
38
|
+
.logo {
|
39
|
+
.logo-variant(darken(@light-blue, 5%));
|
40
|
+
}
|
41
|
+
|
42
|
+
li.user-header {
|
43
|
+
background-color: @light-blue;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
//Content Header
|
48
|
+
.content-header {
|
49
|
+
background: transparent;
|
50
|
+
}
|
51
|
+
|
52
|
+
//Create the sidebar skin
|
53
|
+
.skin-dark-sidebar(@light-blue);
|
54
|
+
}
|
55
|
+
|
56
|
+
.skin-blue.layout-top-nav .main-header > .logo {
|
57
|
+
.logo-variant(@light-blue);
|
58
|
+
}
|
@@ -0,0 +1,56 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Green
|
3
|
+
* -----------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-green-light {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@green; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@green, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@green, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(@green);
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @green;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-light-sidebar(@green);
|
55
|
+
|
56
|
+
}
|
@@ -0,0 +1,56 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Green
|
3
|
+
* -----------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-green {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@green; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@green, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@green, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(darken(@green, 5%));
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @green;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-dark-sidebar(@green);
|
55
|
+
|
56
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Purple
|
3
|
+
* ------------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-purple-light {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@purple; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@purple, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@purple, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(@purple);
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @purple;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-light-sidebar(@purple);
|
55
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Purple
|
3
|
+
* ------------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-purple {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@purple; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@purple, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@purple, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(darken(@purple, 5%));
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @purple;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-dark-sidebar(@purple);
|
55
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Red
|
3
|
+
* ---------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-red-light {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@red; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@red, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@red, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(@red);
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @red;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-light-sidebar(@red);
|
55
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Red
|
3
|
+
* ---------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-red {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@red; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@red, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@red, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(darken(@red, 5%));
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @red;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-dark-sidebar(@red);
|
55
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Yellow
|
3
|
+
* ------------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-yellow-light {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@yellow; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@yellow, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@yellow, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(@yellow);
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @yellow;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-light-sidebar(@yellow);
|
55
|
+
}
|
@@ -0,0 +1,55 @@
|
|
1
|
+
/*
|
2
|
+
* Skin: Yellow
|
3
|
+
* ------------
|
4
|
+
*/
|
5
|
+
|
6
|
+
@import "../../bootstrap-less/mixins.less";
|
7
|
+
@import "../../bootstrap-less/variables.less";
|
8
|
+
@import "../variables.less";
|
9
|
+
@import "../mixins.less";
|
10
|
+
|
11
|
+
.skin-yellow {
|
12
|
+
//Navbar
|
13
|
+
.main-header {
|
14
|
+
.navbar {
|
15
|
+
.navbar-variant(@yellow; #fff);
|
16
|
+
.sidebar-toggle {
|
17
|
+
color: #fff;
|
18
|
+
&:hover {
|
19
|
+
background-color: darken(@yellow, 5%);
|
20
|
+
}
|
21
|
+
}
|
22
|
+
@media(max-width: @screen-header-collapse) {
|
23
|
+
.dropdown-menu {
|
24
|
+
li {
|
25
|
+
&.divider {
|
26
|
+
background-color: rgba(255,255,255,0.1);
|
27
|
+
}
|
28
|
+
a {
|
29
|
+
color: #fff;
|
30
|
+
&:hover {
|
31
|
+
background: darken(@yellow, 5%);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
//Logo
|
39
|
+
.logo {
|
40
|
+
.logo-variant(darken(@yellow, 5%));
|
41
|
+
}
|
42
|
+
|
43
|
+
li.user-header {
|
44
|
+
background-color: @yellow;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//Content Header
|
49
|
+
.content-header {
|
50
|
+
background: transparent;
|
51
|
+
}
|
52
|
+
|
53
|
+
//Create the sidebar skin
|
54
|
+
.skin-dark-sidebar(@yellow);
|
55
|
+
}
|
@@ -0,0 +1,89 @@
|
|
1
|
+
/*
|
2
|
+
* Component: Small Box
|
3
|
+
* --------------------
|
4
|
+
*/
|
5
|
+
|
6
|
+
.small-box {
|
7
|
+
.border-radius(2px);
|
8
|
+
position: relative;
|
9
|
+
display: block;
|
10
|
+
margin-bottom: 20px;
|
11
|
+
box-shadow: @box-boxshadow;
|
12
|
+
// content wrapper
|
13
|
+
> .inner {
|
14
|
+
padding: 10px;
|
15
|
+
}
|
16
|
+
|
17
|
+
> .small-box-footer {
|
18
|
+
position: relative;
|
19
|
+
text-align: center;
|
20
|
+
padding: 3px 0;
|
21
|
+
color: #fff;
|
22
|
+
color: rgba(255, 255, 255, 0.8);
|
23
|
+
display: block;
|
24
|
+
z-index: 10;
|
25
|
+
background: rgba(0,0,0,0.1);
|
26
|
+
text-decoration: none;
|
27
|
+
&:hover {
|
28
|
+
color: #fff;
|
29
|
+
background: rgba(0,0,0,0.15);
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
h3 {
|
34
|
+
font-size: 38px;
|
35
|
+
font-weight: bold;
|
36
|
+
margin: 0 0 10px 0;
|
37
|
+
white-space: nowrap;
|
38
|
+
padding: 0;
|
39
|
+
|
40
|
+
}
|
41
|
+
|
42
|
+
p {
|
43
|
+
font-size: 15px;
|
44
|
+
> small {
|
45
|
+
display: block;
|
46
|
+
color: #f9f9f9;
|
47
|
+
font-size: 13px;
|
48
|
+
margin-top: 5px;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
|
52
|
+
h3, p {
|
53
|
+
z-index: 5px;
|
54
|
+
}
|
55
|
+
|
56
|
+
// the icon
|
57
|
+
.icon {
|
58
|
+
.transition(all @transition-speed linear);
|
59
|
+
position: absolute;
|
60
|
+
top: -10px;
|
61
|
+
right: 10px;
|
62
|
+
z-index: 0;
|
63
|
+
font-size: 90px;
|
64
|
+
color: rgba(0, 0, 0, 0.15);
|
65
|
+
}
|
66
|
+
|
67
|
+
// Small box hover state
|
68
|
+
&:hover {
|
69
|
+
text-decoration: none;
|
70
|
+
color: #f9f9f9;
|
71
|
+
// Animate icons on small box hover
|
72
|
+
.icon {
|
73
|
+
font-size: 95px;
|
74
|
+
}
|
75
|
+
}
|
76
|
+
}
|
77
|
+
|
78
|
+
@media (max-width: @screen-xs-max) {
|
79
|
+
// No need for icons on very small devices
|
80
|
+
.small-box {
|
81
|
+
text-align: center;
|
82
|
+
.icon {
|
83
|
+
display: none;
|
84
|
+
}
|
85
|
+
p {
|
86
|
+
font-size: 12px;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
@@ -0,0 +1,78 @@
|
|
1
|
+
/*
|
2
|
+
* Component: Social Widgets
|
3
|
+
* -------------------------
|
4
|
+
*/
|
5
|
+
//General widget style
|
6
|
+
.box-widget {
|
7
|
+
border: none;
|
8
|
+
position: relative;
|
9
|
+
}
|
10
|
+
|
11
|
+
//User Widget Style 1
|
12
|
+
.widget-user {
|
13
|
+
//User name container
|
14
|
+
.widget-user-header {
|
15
|
+
padding: 20px;
|
16
|
+
height: 120px;
|
17
|
+
.border-top-radius(@box-border-radius);
|
18
|
+
}
|
19
|
+
//User name
|
20
|
+
.widget-user-username {
|
21
|
+
margin-top: 0;
|
22
|
+
margin-bottom: 5px;
|
23
|
+
font-size: 25px;
|
24
|
+
font-weight: 300;
|
25
|
+
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
|
26
|
+
}
|
27
|
+
//User single line description
|
28
|
+
.widget-user-desc {
|
29
|
+
margin-top: 0;
|
30
|
+
}
|
31
|
+
//User image container
|
32
|
+
.widget-user-image {
|
33
|
+
position: absolute;
|
34
|
+
top: 65px;
|
35
|
+
left: 50%;
|
36
|
+
margin-left: -45px;
|
37
|
+
> img {
|
38
|
+
width: 90px;
|
39
|
+
height: auto;
|
40
|
+
border: 3px solid #fff;
|
41
|
+
}
|
42
|
+
}
|
43
|
+
.box-footer {
|
44
|
+
padding-top: 30px;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
//User Widget Style 2
|
49
|
+
.widget-user-2 {
|
50
|
+
//User name container
|
51
|
+
.widget-user-header {
|
52
|
+
padding: 20px;
|
53
|
+
.border-top-radius(@box-border-radius);
|
54
|
+
}
|
55
|
+
//User name
|
56
|
+
.widget-user-username {
|
57
|
+
margin-top: 5px;
|
58
|
+
margin-bottom: 5px;
|
59
|
+
font-size: 25px;
|
60
|
+
font-weight: 300;
|
61
|
+
}
|
62
|
+
//User single line description
|
63
|
+
.widget-user-desc {
|
64
|
+
margin-top: 0;
|
65
|
+
}
|
66
|
+
.widget-user-username,
|
67
|
+
.widget-user-desc {
|
68
|
+
margin-left: 75px;
|
69
|
+
}
|
70
|
+
//User image container
|
71
|
+
.widget-user-image {
|
72
|
+
> img {
|
73
|
+
width: 65px;
|
74
|
+
height: auto;
|
75
|
+
float: left;
|
76
|
+
}
|
77
|
+
}
|
78
|
+
}
|