Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #p111map {
- z-index:300;
- position:absolute;
- top:80px;
- -webkit-transform-origin: 50%;
- -webkit-transform:scale(1.05);left:80px;
- }
- #p111map.p111step2 {
- -webkit-animation-name: bigmap;
- -webkit-animation-duration: 1.5s;
- -webkit-animation-timing-function: ease-out;
- -webkit-animation-iteration-count: 1;
- -webkit-animation-direction: alternate;
- -webkit-transform:scale(0.90);left:-30px;
- }
- #p111chart {
- position:absolute;
- right:10px;
- top:130px;
- width:223px;
- height:271px;
- background: url(../images/slide-111-popup.png) center center no-repeat;
- background-size:223px 271px;
- }
- #p111chart.p111step2 {
- opacity:1;
- }
- /* ZONE */
- #p111zone {
- color:#E14C64;
- font-family: HelveticaNeueLTStd-Md;
- font-size:1.2em;
- position:absolute;
- bottom:0;right:0;
- width:100%;
- text-align:center;
- width:190px;
- }
- /* BARS */
- #p111chart .bars {
- width:60px;height:0;
- position:absolute;
- bottom:31px;
- -webkit-transition:height 0.7s ease-out;
- }
- #p111chart #p111leftBar {
- background:#8BC5CB;
- color:#8BC5CB;
- left:68px;
- }
- #p111chart #p111rightBar {
- background:#2C6B70;
- color:#2C6B70;
- left:128px;
- }
- #p111chart .datas {
- text-align:center;
- font-family: HelveticaNeueLTStd-Md;
- position:relative;
- top:-1.5em;
- line-height:2em;
- }
- #p111axis1 {
- font-family: HelveticaNeueLTStd-Md;
- color:#428f91;
- font-size:1.1em;
- -webkit-transform: rotate(-90deg);
- -webkit-transform-origin: 0;
- position:absolute;
- bottom:55px;
- left:10px;
- }
- /* Bars height */
- #p111chart #p111leftBar.usa {height:17px;}
- #p111chart #p111rightBar.usa {height:20px;}
- #p111chart #p111leftBar.latin_america {height:26px;}
- #p111chart #p111rightBar.latin_america {height:41px;}
- #p111chart #p111leftBar.eu_canada {height:40px;}
- #p111chart #p111rightBar.eu_canada {height:52px;}
- #p111chart #p111leftBar.emea {height:71px;}
- #p111chart #p111rightBar.emea {height:113px;}
- #p111chart #p111leftBar.china {height:89px;}
- #p111chart #p111rightBar.china {height:132px;}
- #p111chart #p111leftBar.asia_pacific {height:115px;}
- #p111chart #p111rightBar.asia_pacific {height:179px;}
- /* SVG colors*/
- #popup_111 #emea {fill: #BDD8D8;}
- #popup_111 #latin_america {fill: #A0C7C8;}
- #popup_111 #asia_pacific {fill: #4B9596;}
- #popup_111 #eu_canada {fill: #71ABAC;}
- #popup_111 #china {fill: #8EBCBD;}
- #popup_111 #usa {fill: #D9E9E9;}
- #popup_111 #other {fill: #E6E6E6;}
- #popup_111 #emea.red,
- #popup_111 #latin_america.red,
- #popup_111 #asia_pacific.red,
- #popup_111 #eu_canada.red,
- #popup_111 #china.red,
- #popup_111 #usa.red {fill:#e14c64;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement