social-widgets.less 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. /*
  2. * Component: Social Widgets
  3. * -------------------------
  4. */
  5. //General widget style
  6. .box-widget {
  7. border: none;
  8. position: relative;
  9. }
  10. //User Widget Style 1
  11. .widget-user {
  12. //User name container
  13. .widget-user-header {
  14. padding: 20px;
  15. height: 120px;
  16. .border-top-radius(@box-border-radius);
  17. }
  18. //User name
  19. .widget-user-username {
  20. margin-top: 0;
  21. margin-bottom: 5px;
  22. font-size: 25px;
  23. font-weight: 300;
  24. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  25. }
  26. //User single line description
  27. .widget-user-desc {
  28. margin-top: 0;
  29. }
  30. //User image container
  31. .widget-user-image {
  32. position: absolute;
  33. top: 65px;
  34. left: 50%;
  35. margin-left: -45px;
  36. > img {
  37. width: 90px;
  38. height: auto;
  39. border: 3px solid #fff;
  40. }
  41. }
  42. .box-footer {
  43. padding-top: 30px;
  44. }
  45. }
  46. //User Widget Style 2
  47. .widget-user-2 {
  48. //User name container
  49. .widget-user-header {
  50. padding: 20px;
  51. .border-top-radius(@box-border-radius);
  52. }
  53. //User name
  54. .widget-user-username {
  55. margin-top: 5px;
  56. margin-bottom: 5px;
  57. font-size: 25px;
  58. font-weight: 300;
  59. }
  60. //User single line description
  61. .widget-user-desc {
  62. margin-top: 0;
  63. }
  64. .widget-user-username,
  65. .widget-user-desc {
  66. margin-left: 75px;
  67. }
  68. //User image container
  69. .widget-user-image {
  70. > img {
  71. width: 65px;
  72. height: auto;
  73. float: left;
  74. }
  75. }
  76. }