1
0

acl.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /*-- Profile Membership block --*/
  2. div.bx-acl-membeship .bx-acl-m-thumbnail .sys-icon {
  3. width: 100px;
  4. height: 100px;
  5. line-height: 100px;
  6. font-size: 96px;
  7. }
  8. div.bx-acl-membeship .bx-acl-m-thumbnail img {
  9. width: 100px;
  10. height: 100px;
  11. }
  12. /*-- Profile Membership Stats block --*/
  13. div.bx-pms-si-graph {
  14. display: table;
  15. width: 100%;
  16. }
  17. div.bx-pms-si-graph .bx-pms-sig-bar,
  18. div.bx-pms-si-graph .bx-pms-sig-text {
  19. display: table-cell;
  20. }
  21. div.bx-pms-si-graph .bx-pms-sig-bar {
  22. -webkit-animation-fill-mode: both;
  23. -moz-animation-fill-mode: both;
  24. -o-animation-fill-mode: both;
  25. animation-fill-mode: both;
  26. -webkit-transform-origin: left;
  27. -moz-transform-origin: left;
  28. -ms-transform-origin: left;
  29. -o-transform-origin: left;
  30. transform-origin: left;
  31. -webkit-animation: stats-bar 1000ms ease-out;
  32. -o-animation: stats-bar 1000ms ease-out;
  33. animation: stats-bar 1000ms ease-out;
  34. background: #2196F3;
  35. background: -moz-linear-gradient(left,#2196F3 0%,#1976D2 100%);
  36. background: -webkit-gradient(linear,left top,right top,color-stop(0%,#2196F3),color-stop(100%,#1976D2));
  37. background: -webkit-linear-gradient(left,#2196F3 0%,#1976D2 100%);
  38. background: -o-linear-gradient(left,#2196F3 0%,#1976D2 100%);
  39. background: -ms-linear-gradient(left,#2196F3 0%,#1976D2 100%);
  40. background: linear-gradient(to right,#2196F3 0%,#1976D2 100%);
  41. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2196F3',endColorstr='#1976D2',GradientType=1);
  42. }
  43. div.bx-pms-si-graph .bx-pms-sig-text {
  44. white-space: nowrap;
  45. }
  46. /*--- Animation ---*/
  47. @-webkit-keyframes stats-bar {
  48. from {
  49. -webkit-transform:scaleX(0);
  50. -moz-transform:scaleX(0);
  51. -ms-transform:scaleX(0);
  52. -o-transform:scaleX(0);
  53. transform:scaleX(0)
  54. }
  55. to {
  56. -webkit-transform:scaleX(1);
  57. -moz-transform:scaleX(1);
  58. -ms-transform:scaleX(1);
  59. -o-transform:scaleX(1);
  60. transform:scaleX(1)
  61. }
  62. }
  63. @-moz-keyframes stats-bar {
  64. from {
  65. -webkit-transform:scaleX(0);
  66. -moz-transform:scaleX(0);
  67. -ms-transform:scaleX(0);
  68. -o-transform:scaleX(0);
  69. transform:scaleX(0)
  70. }
  71. to {
  72. -webkit-transform:scaleX(1);
  73. -moz-transform:scaleX(1);
  74. -ms-transform:scaleX(1);
  75. -o-transform:scaleX(1);
  76. transform:scaleX(1)
  77. }
  78. }
  79. @-ms-keyframes stats-bar {
  80. from {
  81. -webkit-transform:scaleX(0);
  82. -moz-transform:scaleX(0);
  83. -ms-transform:scaleX(0);
  84. -o-transform:scaleX(0);
  85. transform:scaleX(0)
  86. }
  87. to {
  88. -webkit-transform:scaleX(1);
  89. -moz-transform:scaleX(1);
  90. -ms-transform:scaleX(1);
  91. -o-transform:scaleX(1);
  92. transform:scaleX(1)
  93. }
  94. }
  95. @keyframes stats-bar {
  96. from {
  97. -webkit-transform:scaleX(0);
  98. -moz-transform:scaleX(0);
  99. -ms-transform:scaleX(0);
  100. -o-transform:scaleX(0);
  101. transform:scaleX(0)
  102. }
  103. to {
  104. -webkit-transform:scaleX(1);
  105. -moz-transform:scaleX(1);
  106. -ms-transform:scaleX(1);
  107. -o-transform:scaleX(1);
  108. transform:scaleX(1)
  109. }
  110. }