Guest User

MFC TIP BUTTON CSS

a guest
Nov 13th, 2014
1,005
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*-----------------[ANIMATION PAGE CLASS AND ID START]------------------------*/
  2. @keyframes buy-button {
  3.   0% {
  4.     transform:scale(1);
  5.   }
  6.  
  7.   50% {
  8.     transform:scale(1.2);
  9.   }
  10.  
  11.   100% {
  12.     transform:scale(1);
  13.   }
  14. }
  15.  
  16. @-webkit-keyframes buy-button {
  17.   0% {
  18.     transform:scale(1);
  19.   }
  20.  
  21.   50% {
  22.     transform:scale(1.2);
  23.   }
  24.  
  25.   100% {
  26.     transform:scale(1);
  27.   }
  28. }
  29.  
  30. @-moz-keyframes buy-button {
  31.   0% {
  32.     transform:scale(1);
  33.   }
  34.  
  35.   50% {
  36.     transform:scale(1.2);
  37.   }
  38.  
  39.   100% {
  40.     transform:scale(1);
  41.   }
  42. }
  43.  
  44. @-o-keyframes buy-button {
  45.   0% {
  46.     transform:scale(1);
  47.   }
  48.  
  49.   50% {
  50.     transform:scale(1.2);
  51.   }
  52.  
  53.   100% {
  54.     transform:scale(1);
  55.   }
  56. }
  57.  
  58. /*-----------------[ANIMATION PAGE CLASS AND ID STOP]------------------------*/
  59. /*-----------------[LINK DOWNLOAD POPUP + BUTTON START]------------------------*/
  60. .tabs > div:not(:target) > div {
  61.   position:absolute;
  62.   visibility:hidden;
  63. }
  64.  
  65. .tabs > div:target > div {
  66.   position:absolute;
  67.   visibility:visible;
  68.   z-index:999;
  69. }
  70.  
  71. .download-now-button-price {
  72.   font-family:"Fredericka the Great",Arial;
  73.   font-size:40px;
  74.   position:relative;
  75.   margin-top:-6px;
  76.   -webkit-transition:all .6s ease;
  77.   -moz-transition:all .6s ease;
  78.   -o-transition:all .6s ease;
  79.   -ms-transition:all .6s ease;
  80.   transition:all .6s ease;
  81. }
  82.  
  83. .download-now-button-click-here {
  84.   margin-top:-6px;
  85.   -webkit-transition:all .6s ease;
  86.   -moz-transition:all .6s ease;
  87.   -o-transition:all .6s ease;
  88.   -ms-transition:all .6s ease;
  89.   transition:all .6s ease;
  90. }
  91.  
  92. .download-now-button-buy-now {
  93.   font-size:18px;
  94.   padding-top:10px;
  95.   -webkit-transition:all .6s ease;
  96.   -moz-transition:all .6s ease;
  97.   -o-transition:all .6s ease;
  98.   -ms-transition:all .6s ease;
  99.   transition:all .6s ease;
  100. }
  101.  
  102. .download-now-button-a {
  103.   background-color:rgba(0,136,204,0.9);
  104.   color:#fff;
  105.   border:5px solid #fff;
  106.   border-radius:50%;
  107.   bottom:50px;
  108.   box-shadow:1px 1px 2px #e6e6e6;
  109.   height:100px;
  110.   left:15px;
  111.   margin:10px;
  112.   position:fixed;
  113.   text-align:center;
  114.   width:100px;
  115.   text-decoration:none;
  116.   z-index:900;
  117. }
  118.  
  119. .download-now-button-a:hover {
  120.   background-color:#fff;
  121.   color:#717171;
  122. }
  123.  
  124. .download-now-popup-bg {
  125.   background:rgba(255,255,255,0.9);
  126.   color:#fff;
  127.   height:100%;
  128.   left:0;
  129.   position:fixed!important;
  130.   top:0;
  131.   width:100%;
  132. }
  133.  
  134. .close-download-x {
  135.   left:11px;
  136.   position:absolute;
  137.   top:4px;
  138. }
  139.  
  140. .close-download-a {
  141.   background:linear-gradient(to bottom,#f6f6f6 0%,#e4e4e4 100%) repeat scroll 0 0 rgba(0,0,0,0);
  142.   border:1px solid #e0e0e0;
  143.   border-radius:50%;
  144.   color:#a0a0a0!important;
  145.   font-size:15px;
  146.   padding:14px;
  147.   position:absolute;
  148.   right:-11px;
  149.   text-decoration:none;
  150.   top:-11px;
  151. }
  152.  
  153. .close-download-a:hover {
  154.   background:linear-gradient(to bottom,#F6F6F6 0%,#eaeaea 100%) repeat scroll 0 0 rgba(0,0,0,0);
  155.   border:1px solid #e0e0e0;
  156. }
  157.  
  158. .buy-button-animation:hover {
  159.   -webkit-animation:none;
  160.   -moz-animation:none;
  161.   -o-animation:none;
  162.   animation:none;
  163. }
  164.  
  165. .profile_section_content {
  166.   z-index:inherit;
  167. }
  168.  
  169. .buy-button-animation {
  170.   animation-name:buy-button;
  171.   -webkit-animation:buy-button 1s infinite;
  172.   -moz-animation:buy-button 1s infinite;
  173.   -o-animation:buy-button 1s infinite;
  174.   animation:buy-button 1s infinite;
  175. }
  176.  
  177. /*-----------------[LINK DOWNLOAD POPUP + BUTTON END]------------------------*/
RAW Paste Data