Advertisement
Guest User

Untitled

a guest
Apr 28th, 2015
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.70 KB | None | 0 0
  1. #p111map {
  2. z-index:300;
  3. position:absolute;
  4. top:80px;
  5. -webkit-transform-origin: 50%;
  6. -webkit-transform:scale(1.05);left:80px;
  7. }
  8. #p111map.p111step2 {
  9. -webkit-animation-name: bigmap;
  10. -webkit-animation-duration: 1.5s;
  11. -webkit-animation-timing-function: ease-out;
  12. -webkit-animation-iteration-count: 1;
  13. -webkit-animation-direction: alternate;
  14. -webkit-transform:scale(0.90);left:-30px;
  15. }
  16. #p111chart {
  17. position:absolute;
  18. right:10px;
  19. top:130px;
  20. width:223px;
  21. height:271px;
  22. background: url(../images/slide-111-popup.png) center center no-repeat;
  23. background-size:223px 271px;
  24. }
  25. #p111chart.p111step2 {
  26. opacity:1;
  27. }
  28. /* ZONE */
  29. #p111zone {
  30. color:#E14C64;
  31. font-family: HelveticaNeueLTStd-Md;
  32. font-size:1.2em;
  33. position:absolute;
  34. bottom:0;right:0;
  35. width:100%;
  36. text-align:center;
  37. width:190px;
  38. }
  39. /* BARS */
  40. #p111chart .bars {
  41. width:60px;height:0;
  42. position:absolute;
  43. bottom:31px;
  44. -webkit-transition:height 0.7s ease-out;
  45. }
  46. #p111chart #p111leftBar {
  47. background:#8BC5CB;
  48. color:#8BC5CB;
  49. left:68px;
  50. }
  51. #p111chart #p111rightBar {
  52. background:#2C6B70;
  53. color:#2C6B70;
  54. left:128px;
  55. }
  56. #p111chart .datas {
  57. text-align:center;
  58. font-family: HelveticaNeueLTStd-Md;
  59. position:relative;
  60. top:-1.5em;
  61. line-height:2em;
  62. }
  63. #p111axis1 {
  64. font-family: HelveticaNeueLTStd-Md;
  65. color:#428f91;
  66. font-size:1.1em;
  67. -webkit-transform: rotate(-90deg);
  68. -webkit-transform-origin: 0;
  69. position:absolute;
  70. bottom:55px;
  71. left:10px;
  72. }
  73. /* Bars height */
  74. #p111chart #p111leftBar.usa {height:17px;}
  75. #p111chart #p111rightBar.usa {height:20px;}
  76. #p111chart #p111leftBar.latin_america {height:26px;}
  77. #p111chart #p111rightBar.latin_america {height:41px;}
  78. #p111chart #p111leftBar.eu_canada {height:40px;}
  79. #p111chart #p111rightBar.eu_canada {height:52px;}
  80. #p111chart #p111leftBar.emea {height:71px;}
  81. #p111chart #p111rightBar.emea {height:113px;}
  82. #p111chart #p111leftBar.china {height:89px;}
  83. #p111chart #p111rightBar.china {height:132px;}
  84. #p111chart #p111leftBar.asia_pacific {height:115px;}
  85. #p111chart #p111rightBar.asia_pacific {height:179px;}
  86. /* SVG colors*/
  87. #popup_111 #emea {fill: #BDD8D8;}
  88. #popup_111 #latin_america {fill: #A0C7C8;}
  89. #popup_111 #asia_pacific {fill: #4B9596;}
  90. #popup_111 #eu_canada {fill: #71ABAC;}
  91. #popup_111 #china {fill: #8EBCBD;}
  92. #popup_111 #usa {fill: #D9E9E9;}
  93. #popup_111 #other {fill: #E6E6E6;}
  94. #popup_111 #emea.red,
  95. #popup_111 #latin_america.red,
  96. #popup_111 #asia_pacific.red,
  97. #popup_111 #eu_canada.red,
  98. #popup_111 #china.red,
  99. #popup_111 #usa.red {fill:#e14c64;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement