]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
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 | } |