Advertisement
Guest User

Untitled

a guest
Oct 3rd, 2020
23
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.48 KB | None | 0 0
  1. <if cond="data:view.isPost">
  2. <style type="text/css">
  3. /*<![CDATA[*/
  4. /* abdoutech-download */
  5. #abdoutech-download {
  6. opacity: 0;
  7. min-height: 550px;
  8. padding: 30px 0 0;
  9. position: fixed;
  10. z-index: 999999999;
  11. width: 100%;
  12. height: 100%;
  13. left: 0;
  14. right: 0;
  15. top: 200%;
  16. bottom: 0;
  17. background: -webkit-linear-gradient(left,#2348a5 0%,#195eca 100%);
  18. transition: all .2s ease
  19. }
  20.  
  21. .btneffect {
  22. border: 0;
  23. padding: 20px 16px;
  24. font-size: 14px;
  25. cursor: pointer;
  26. font-family: inherit;
  27. color: #fff;
  28. background: -webkit-linear-gradient(left,#2348a5 0%,#195eca 100%);
  29. border-radius: 6px
  30. }
  31.  
  32. .btneffect:before {
  33. content: "\f0ed";
  34. display: block;
  35. font-family: FontAwesome;
  36. height: 28px;
  37. width: 32px;
  38. line-height: 25px;
  39. font-size: 16px;
  40. text-align: center;
  41. -moz-border-radius: 2px;
  42. -webkit-border-radius: 2px;
  43. border-radius: 2px;
  44. float: left;
  45. margin-left: 2px;
  46. margin-right: 10px;
  47. color: #ffffff
  48. }
  49.  
  50. .btneffect.reload:before {
  51. content: "\f021" !important
  52. }
  53.  
  54. .btnclose {
  55. opacity: 0;
  56. padding: 16px 2px;
  57. position: fixed;
  58. font-family: inherit;
  59. z-index: 999999999;
  60. width: 73px;
  61. height: 43px;
  62. line-height: 0;
  63. left: 0;
  64. right: 0;
  65. bottom: 500%;
  66. transition: all .2s ease;
  67. margin: 0 auto;
  68. background: #fff;
  69. border: 0;
  70. border-bottom: 0;
  71. border-radius: 21px 21px 0 0;
  72. cursor: pointer
  73. }
  74.  
  75. .btnclose i {
  76. color: #1e52b7
  77. }
  78.  
  79. #abdoutech-download.open {
  80. transition: all .2s ease;
  81. opacity: 1;
  82. top: 0
  83. }
  84.  
  85. .btnclose.open {
  86. transition: all .2s ease;
  87. opacity: 1;
  88. bottom: 0
  89. }
  90.  
  91. #abdoutech-download .abdoutech-downloadbg {
  92. background-position: center center;
  93. background-size: cover;
  94. height: 100%;
  95. opacity: 0.05;
  96. position: absolute;
  97. right: 0;
  98. top: 0;
  99. width: 100%;
  100. z-index: -1
  101. }
  102.  
  103. #abdoutech-download .count_direct_link .directdownloadlink, #abdoutech-download .count_direct_link.paused .countdownnumber {
  104. display: none
  105. }
  106.  
  107. #abdoutech-download .count_direct_link .countdownnumber, #abdoutech-download .count_direct_link.paused .directdownloadlink {
  108. display: block
  109. }
  110.  
  111. #abdoutech-download .count_direct_link .directdownloadlink {
  112. margin: 0 auto 10px;
  113. text-align: center
  114. }
  115.  
  116. #abdoutech-download .count_direct_link .countdownnumber .circle {
  117. border-radius: 999px;
  118. box-shadow: 0 0 0 10px rgba(255,255,255,0.5) inset;
  119. height: 150px;
  120. left: 0;
  121. margin: 0 auto 10px;
  122. position: relative;
  123. right: 0;
  124. width: 150px
  125. }
  126.  
  127. .count {
  128. animation-fill-mode: forwards;
  129. color: #ffffff;
  130. font-size: 40px;
  131. line-height: 150px;
  132. position: absolute;
  133. text-align: center;
  134. width: 100%;
  135. z-index: 2;
  136. -webkit-animation: fadeout .5s (20 + 1)+s 1 linear;
  137. -webkit-animation-fill-mode: forwards
  138. }
  139.  
  140. @-webkit-keyframes l-rotate {
  141. 0% {
  142. -webkit-transform: rotate(0deg)
  143. }
  144.  
  145. 50% {
  146. -webkit-transform: rotate(-180deg)
  147. }
  148.  
  149. 100% {
  150. -webkit-transform: rotate(-180deg)
  151. }
  152. }
  153.  
  154. @-webkit-keyframes r-rotate {
  155. 0% {
  156. -webkit-transform: rotate(0deg)
  157. }
  158.  
  159. 50% {
  160. -webkit-transform: rotate(0deg)
  161. }
  162.  
  163. 100% {
  164. -webkit-transform: rotate(-180deg)
  165. }
  166. }
  167.  
  168. @-webkit-keyframes fadeout {
  169. 0% {
  170. opacity: 1
  171. }
  172.  
  173. 100% {
  174. opacity: 0.5
  175. }
  176. }
  177.  
  178. #abdoutech-download .count_direct_link .directdownloadlink em {
  179. border-radius: 100%;
  180. border: 10px solid #8bc918;
  181. color: #8bc918;
  182. display: block;
  183. height: 150px;
  184. margin: 0 auto;
  185. width: 150px
  186. }
  187.  
  188. #abdoutech-download .count_direct_link .directdownloadlink em:hover {
  189. background-color: #8bc918;
  190. color: #ffffff
  191. }
  192.  
  193. #abdoutech-download .count_direct_link .directdownloadlink em i.animated {
  194. font-size: 57px;
  195. line-height: 110px;
  196. -webkit-transition-property: -webkit-transform;
  197. -webkit-transition-duration: 1s;
  198. -moz-transition-property: -moz-transform;
  199. -moz-transition-duration: 1s;
  200. -webkit-animation: 1s ease 0s normal none infinite magic-mouse-icon;
  201. -moz-animation: 1s ease 0s normal none infinite magic-mouse-icon;
  202. -o-animation: 1s ease 0s normal none infinite magic-mouse-icon;
  203. animation: 1s ease 0s normal none infinite magic-mouse-icon
  204. }
  205.  
  206. @-moz-keyframes magic-mouse-icon {
  207. 0% {
  208. margin-top: 0;
  209. opacity: 0
  210. }
  211.  
  212. 30% {
  213. opacity: 1
  214. }
  215.  
  216. 100% {
  217. margin-top: 20px;
  218. opacity: 0
  219. }
  220. }
  221.  
  222. @-webkit-keyframes magic-mouse-icon {
  223. 0% {
  224. margin-top: 0;
  225. opacity: 0
  226. }
  227.  
  228. 30% {
  229. opacity: 1
  230. }
  231.  
  232. 100% {
  233. margin-top: 20px;
  234. opacity: 0
  235. }
  236. }
  237.  
  238. @-o-keyframes magic-mouse-icon {
  239. 0% {
  240. margin-top: 0;
  241. opacity: 0
  242. }
  243.  
  244. 30% {
  245. opacity: 1
  246. }
  247.  
  248. 100% {
  249. margin-top: 20px;
  250. opacity: 0
  251. }
  252. }
  253.  
  254. @keyframes magic-mouse-icon {
  255. 0% {
  256. margin-top: 0;
  257. opacity: 0
  258. }
  259.  
  260. 30% {
  261. opacity: 1
  262. }
  263.  
  264. 100% {
  265. margin-top: 20px;
  266. opacity: 0
  267. }
  268. }
  269.  
  270. #abdoutech-download .count_direct_link .directdownloadlink em:hover i.animated {
  271. line-height: 140px;
  272. -webkit-animation-name: pulse;
  273. -moz-animation-name: pulse;
  274. -webkit-animation-duration: 1s;
  275. -moz-animation-duration: 1s;
  276. -webkit-animation-iteration-count: infinite;
  277. -moz-animation-iteration-count: infinite;
  278. -webkit-animation-timing-function: linear;
  279. -moz-animation-timing-function: linear
  280. }
  281.  
  282. @-webkit-keyframes pulse {
  283. 0 {
  284. -webkit-transform: scale(1);
  285. transform: scale(1)
  286. }
  287.  
  288. 50% {
  289. -webkit-transform: scale(1.2);
  290. transform: scale(1.2)
  291. }
  292.  
  293. 100% {
  294. -webkit-transform: scale(1);
  295. transform: scale(1)
  296. }
  297. }
  298.  
  299. @-moz-keyframes pulse {
  300. 0 {
  301. -moz-transform: scale(1);
  302. transform: scale(1)
  303. }
  304.  
  305. 50% {
  306. -moz-transform: scale(1.2);
  307. transform: scale(1.2)
  308. }
  309.  
  310. 100% {
  311. -moz-transform: scale(1);
  312. transform: scale(1)
  313. }
  314. }
  315.  
  316. #abdoutech-download h1 {
  317. color: #ffffff;
  318. font-size: 25px;
  319. font-weight: bold;
  320. margin: 0 auto 10px;
  321. text-align: center;
  322. text-shadow: 0 1px 0 #000000
  323. }
  324.  
  325. #abdoutech-download h2 {
  326. color: #ffffff;
  327. font-size: 25px;
  328. font-weight: bold;
  329. text-align: center;
  330. text-shadow: 0 1px 0 #000000
  331. }
  332.  
  333. #abdoutech-download h3 {
  334. color: #ffffff;
  335. font-size: 25px;
  336. font-weight: bold;
  337. text-align: center;
  338. text-shadow: 0 1px 0 #000000
  339. }
  340.  
  341. #abdoutech-download .anotherserver {
  342. background-color: #ffffff;
  343. border-radius: 5px;
  344. margin: 20px auto;
  345. padding: 15px;
  346. width: 80%;
  347. overflow: hidden;
  348. display: none
  349. }
  350.  
  351. #abdoutech-download .anotherserver ul li {
  352. float: right;
  353. margin: 15px auto;
  354. padding: 0 15px;
  355. width: 33.333%
  356. }
  357.  
  358. #abdoutech-download .anotherserver ul li a {
  359. background-color: #8bc918;
  360. color: #ffffff;
  361. display: block;
  362. font-size: 22px;
  363. height: 45px;
  364. line-height: 45px;
  365. text-align: center
  366. }
  367.  
  368. #abdoutech-download .anotherserver ul li a i {
  369. background-color: #7cba09;
  370. float: right;
  371. height: 45px;
  372. line-height: 45px;
  373. width: 25%
  374. }
  375.  
  376. #abdoutech-download .anotherserver ul li a span {
  377. float: left;
  378. width: 75%
  379. }
  380.  
  381. #abdoutech-download .anotherserver ul li a:hover {
  382. background-color: #7cba09
  383. }
  384.  
  385. @media screen and (max-width : 768px) {
  386. #abdoutech-download .anotherserver ul li {
  387. float: none;
  388. width: 100%
  389. }
  390. }
  391. /* End abdoutech-download */
  392. /*]]>*/
  393. </style>
  394. </if>
  395.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement