Nav apraksta

newVersionUpdate.css 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .topbarClientIndex{
  2. position:relative;
  3. z-index:99999;
  4. }
  5. .topbarClient{
  6. position: relative;
  7. display: inline-block;
  8. }
  9. .topbarClientText{
  10. vertical-align: top;
  11. }
  12. .topbarClient .topbarClient-box{
  13. position: absolute;
  14. width: 150px;
  15. box-sizing: border-box;
  16. border: 1px solid #EBEBEB;
  17. background-color: #fff;
  18. padding: 18px 0 13px 0;
  19. -webkit-transition: all .3s ease-in-out;
  20. -moz-transition: all .3s ease-in-out;;
  21. transition: all .3s ease-in-out;
  22. opacity: 0;
  23. filter: alpha(opacity=0);
  24. -webkit-transform: scale(.01);
  25. transform: scale(.01);
  26. -webkit-transform-origin: 100% 95%;
  27. transform-origin: 100% 95%;
  28. }
  29. .topbarClient-box #elevator-app-qrcode{
  30. width: 108px;
  31. height: 108px;
  32. line-height: 108px;
  33. display: block;
  34. margin: 0 auto;
  35. }
  36. .topbarClient span{
  37. color: #6c6c6c;
  38. font-size: 14px;
  39. }
  40. .topbarClient:hover .topbarClientText{
  41. color: rgb(51, 122, 183);
  42. }
  43. .topbarClient:hover .topbarClient-box{
  44. opacity: 1;
  45. filter: alpha(opacity= 100);
  46. -webkit-transform: scale(1);
  47. transform: scale(1);
  48. -webkit-transform-origin: 0 0;
  49. transform-origin: 0 0;
  50. }
  51. .topbarClient-box span{
  52. display: inline-block;
  53. padding-top: 7px;
  54. }
  55. .topbarClient .topbarClient-box{
  56. text-align: center;
  57. background: #fff;
  58. }