API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 24th, 2020
47
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.77 KB | None | 0 0
raw download clone embed print report
  1. /* ======================================================================================================================================================
  2. TIMELINE
  3. ====================================================================================================================================================== */
  4.  
  5. .avia-timeline-container{
  6. clear: both;
  7. position: relative;
  8. }
  9.  
  10. ul.avia-timeline {
  11. margin:0;
  12. padding:0;
  13. }
  14.  
  15. .avia-timeline .av-milestone-icon-wrap{
  16. position: relative;
  17. overflow: hidden;
  18. text-decoration: none;
  19. }
  20.  
  21. .av-milestone-content p:last-child{margin-bottom: 0;}
  22.  
  23. .avia-timeline .milestone_icon{
  24. display: block;
  25. height: 90px;
  26. width: 90px;
  27. line-height: 90px;
  28. font-size: 30px;
  29. text-align: center;
  30. border-radius: 100%;
  31. position: relative;
  32. overflow: hidden;
  33. z-index: 5;
  34. color: #fff;
  35. box-sizing: border-box;
  36. }
  37.  
  38. .avia-timeline .milestone_icon.milestone-icon-hasborder{
  39. padding: 2px;
  40. }
  41.  
  42. .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
  43. line-height: 86px;
  44. }
  45.  
  46. .avia-timeline-boxshadow .av-milestone-contentbox {
  47. padding: 2em;
  48. background-color: #fff;
  49. position: relative;
  50. }
  51.  
  52. .avia-timeline-boxshadow .av-milestone-contentbox:after{
  53. content: "";
  54. position: absolute;
  55. width: 1em;
  56. height: 1em;
  57. left: 0;
  58. top: 2.5em;
  59. background-color: inherit;
  60. box-sizing: border-box;
  61. transform-origin: top left;
  62. transform: rotate(45deg) translateY(-50%) translateX(-50%);
  63. box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  64. z-index: -1;
  65. }
  66.  
  67. .avia-timeline-boxshadow .av-milestone-contentbox:before {
  68. content: "";
  69. position: absolute;
  70. width: 1em;
  71. height: 1em;
  72. left: 0;
  73. top: 2.5em;
  74. background-color: inherit;
  75. box-sizing: border-box;
  76. transform-origin: top left;
  77. transform: rotate(45deg) translateY(-50%) translateX(-50%);
  78. }
  79.  
  80. .avia-timeline-boxshadow .av-milestone-contentbox {
  81. box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  82. }
  83.  
  84. .avia-timeline .milestone_inner{
  85. height: 100%;
  86. width: 100%;
  87. display: block;
  88. background-position: center;
  89. background-size: cover;
  90. border-radius: 100%;
  91. background-color: #fff;
  92. }
  93.  
  94. .avia-timeline .av-milestone-date{
  95. overflow: hidden;
  96. font-size: 25px;
  97. position: relative;
  98. }
  99.  
  100. .avia-timeline .av-milestone-date > a, .avia-timeline .av-milestone-date > strong{
  101. display: block;
  102. position: relative;
  103. }
  104.  
  105. #top .av-milestone-date a:hover{
  106. text-decoration: underline;
  107. }
  108.  
  109. #top .avia-timeline .av-milestone-content-wrap .entry-content-header h4 a:hover{
  110. text-decoration: underline;
  111. }
  112.  
  113. /*timeline orientation vertical */
  114.  
  115. ul.avia-timeline-vertical {
  116. display: table;
  117. width: 100%;
  118. }
  119.  
  120. ul.avia-timeline-vertical li {
  121. display: table-row;
  122. margin: 0;
  123. padding: 0;
  124. }
  125.  
  126. .avia-timeline-vertical .av-milestone-date,
  127. .avia-timeline-vertical .av-milestone-icon-wrap,
  128. .avia-timeline-vertical .av-milestone-content-wrap{
  129. display: table-cell;
  130. }
  131.  
  132. .avia-timeline-vertical .av-milestone-date{
  133. padding: 0 60px 0 0;
  134. text-align: right;
  135. }
  136.  
  137. .avia-timeline-vertical .av-milestone-date span {
  138. display: block;
  139. zoom: 1;
  140. position: absolute;
  141. width: 30px;
  142. height: 1px;
  143. right: -60px;
  144. top: 0.5em;
  145. }
  146.  
  147. .avia-timeline-vertical .av-milestone-date span:before {
  148. content: "";
  149. display: block;
  150. position: absolute;
  151. width: 5px;
  152. height: 5px;
  153. border-radius: 100%;
  154. background-color: inherit;
  155. margin-top: -2px;
  156. }
  157.  
  158. .avia-timeline-vertical .av-milestone-icon-wrap{
  159. padding: 30px 0 30px 0;
  160. width: 90px;
  161. }
  162.  
  163. .avia-timeline-vertical .av-milestone-content-wrap{
  164. padding: 30px 0 30px 60px;
  165. }
  166.  
  167. /* sigle milestone vertical align middle */
  168.  
  169. .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-date,
  170. .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-icon-wrap,
  171. .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-content-wrap {
  172. vertical-align: middle;
  173. }
  174.  
  175. .avia-timeline-vertical.avia-timeline-boxshadow li.av-milestone-valign-middle .av-milestone-contentbox:before,
  176. .avia-timeline-vertical.avia-timeline-boxshadow li.av-milestone-valign-middle .av-milestone-contentbox:after{
  177. top: 50%;
  178. }
  179.  
  180. .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-indicator{
  181. top: 50%;
  182. }
  183.  
  184. .avia-timeline-vertical li.av-milestone-valign-middle .av-milestone-content-wrap p:last-child{
  185. margin-bottom: 0;
  186. }
  187.  
  188. .avia-timeline-vertical .av-milestone-icon-wrap:after{
  189. content: "";
  190. height: 1000%;
  191. width: 1px;
  192. position: absolute;
  193. top: 0;
  194. left: 50%;
  195. border-left-style: dashed;
  196. border-left-width: 1px;
  197. }
  198.  
  199. .avia-timeline-vertical.avia-timeline-animate .av-milestone-icon-wrap:after {
  200. opacity: 0;
  201. }
  202.  
  203. ul.avia-timeline-vertical li:first-child .av-milestone-icon-wrap:after{
  204. top: 30px;
  205. }
  206.  
  207. ul.avia-timeline-vertical li.av-milestone-valign-middle:first-child .av-milestone-icon-wrap:after{
  208. top: 50%;
  209. }
  210.  
  211. #av-admin-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{
  212. opacity: 1;
  213. }
  214.  
  215. ul.avia-timeline-vertical li:last-child .av-milestone-icon-wrap:after{
  216. height: 60px;
  217. top: 0;
  218. }
  219.  
  220. ul.avia-timeline-vertical li.av-milestone-valign-middle:last-child .av-milestone-icon-wrap:after{
  221. height: 50%;
  222. }
  223.  
  224. .avia-msie ul.avia-timeline-vertical li.av-milestone-valign-middle:last-child .av-milestone-icon-wrap:after {
  225. height: inherit;
  226. }
  227.  
  228. .avia_transform .avia-timeline-vertical.avia-timeline-animate .milestone_icon{
  229. opacity: 0.1;
  230. -webkit-transform: scale(0.5);
  231. -ms-transform: scale(0.5);
  232. transform: scale(0.5);
  233. }
  234.  
  235.  
  236. .avia_transform .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow {
  237. border-bottom-right-radius: 0;
  238. border-bottom-left-radius: 100px;
  239. border-top-right-radius: 100px;
  240. border-top-left-radius: 100px;
  241. -webkit-transform: scale(0.5) rotate(45deg);
  242. -ms-transform: scale(0.5) rotate(45deg);
  243. transform: scale(0.5) rotate(45deg);
  244. }
  245.  
  246. .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow {
  247. border-bottom-right-radius: 0;
  248. border-bottom-left-radius: 100px;
  249. border-top-right-radius: 100px;
  250. border-top-left-radius: 100px;
  251. -webkit-transform: rotate(45deg);
  252. -ms-transform: rotate(45deg);
  253. transform: rotate(45deg);
  254. }
  255.  
  256. .avia-timeline-vertical .milestone_icon.milestone_bullet_arrow .milestone_number {
  257. display: block;
  258. -webkit-transform: rotate(-45deg);
  259. -ms-transform: rotate(-45deg);
  260. transform: rotate(-45deg);
  261. }
  262.  
  263. .avia_transform .avia-timeline-vertical.avia-timeline-animate .av-milestone-indicator{
  264.  
  265. opacity: 0.1;
  266. }
  267.  
  268. .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon{
  269. -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  270. animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  271. -webkit-transform: scale(1);
  272. -ms-transform: scale(1);
  273. transform: scale(1);
  274. opacity: 1;
  275. }
  276.  
  277. .avia_transform .avia-timeline-vertical .avia_start_animation .milestone_icon.milestone_bullet_arrow {
  278. -webkit-transform: scale(1) rotate(45deg);
  279. -ms-transform: scale(1) rotate(45deg);
  280. transform: scale(1) rotate(45deg);
  281. }
  282.  
  283.  
  284. .avia_transform .avia-timeline-vertical.avia-timeline-animate .avia_start_animation .milestone_icon,
  285. .avia_transform .avia-timeline-vertical.avia-timeline-animate .avia_start_animation .av-milestone-icon-wrap:after{
  286.  
  287. -webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  288. animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  289. -webkit-transform: scale(1);
  290. -ms-transform: scale(1);
  291. transform: scale(1);
  292. opacity: 1;
  293. }
  294.  
  295. /*timeline orientation vertical left */
  296.  
  297. .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap{
  298. width: 90%;
  299. }
  300.  
  301. .avia_transform .avia-timeline-vertical.av-milestone-placement-left.avia-timeline-animate .avia_start_animation .av-milestone-indicator{
  302. -webkit-animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  303. animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  304. opacity: 1;
  305. }
  306.  
  307. /*timeline orientation vertical right */
  308.  
  309. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-icon-wrap,
  310. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{
  311. text-align: right;
  312. }
  313.  
  314. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{
  315. padding: 30px 60px 30px 0;
  316. width: 90%;
  317. }
  318.  
  319. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{
  320. padding: 0 0 0 60px;
  321. text-align: left;
  322. }
  323.  
  324. .avia-timeline-vertical.av-milestone-placement-right li > .av-milestone-date:first-child{
  325. display: none;
  326. }
  327.  
  328. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span {
  329. left: -60px;
  330. right: auto;
  331. }
  332.  
  333. .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span:before {
  334. right: 0;
  335. left: auto;
  336. }
  337.  
  338. .avia_transform .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-animate .avia_start_animation .av-milestone-indicator{
  339. -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  340. animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  341. opacity: 1;
  342. }
  343.  
  344. .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-contentbox:after,
  345. .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-contentbox:before{
  346. left: auto;
  347. right: -1em;
  348. }
  349.  
  350. /*timeline orientation vertical alternating */
  351.  
  352. .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-icon-wrap{
  353. width: 90px;
  354. text-align: center;
  355. }
  356.  
  357. .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-date{
  358. width: 50%;
  359. }
  360.  
  361. .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-content-wrap{
  362. width: 50%;
  363. }
  364.  
  365. .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-icon{
  366. display: inline-block;
  367. }
  368.  
  369. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-icon-wrap,
  370. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{
  371. text-align: right;
  372. }
  373.  
  374. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{
  375. padding: 30px 60px 30px 0;
  376. }
  377.  
  378. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{
  379. padding: 0 0 0 60px;
  380. text-align: left;
  381. }
  382.  
  383. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even > .av-milestone-date:first-child{
  384. display: none;
  385. }
  386.  
  387. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span {
  388. left: -60px;
  389. right: auto;
  390. }
  391.  
  392. .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span:before {
  393. right: 0;
  394. left: auto;
  395. }
  396.  
  397. .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-even.avia_start_animation .av-milestone-indicator{
  398. -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  399. animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  400. opacity: 1;
  401. }
  402.  
  403. .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator{
  404. -webkit-animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  405. animation: caption-right 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  406. opacity: 1;
  407. }
  408.  
  409. .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after,
  410. .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{
  411. left: auto;
  412. right: -1em;
  413. }
  414.  
  415.  
  416. /*timeline orientation horizontal */
  417.  
  418.  
  419. ul.avia-timeline-horizontal {
  420. width: 100%;
  421. overflow: hidden;
  422. padding-bottom: 2px;
  423. }
  424.  
  425. #av-admin-preview ul.avia-timeline-horizontal{
  426. display: block;
  427. }
  428.  
  429. /* ul.avia-timeline-horizontal li {
  430. display: inline-block;
  431. margin: 0 0 0 -4px;
  432. padding: 0;
  433. vertical-align: top;
  434. }
  435. */
  436. ul.avia-timeline-horizontal li.av-milestone {
  437. display: inline-block;
  438. margin: 0 0 0 -4px;
  439. padding: 0;
  440. vertical-align: top;
  441. }
  442. .av-milestone-content li {
  443. margin-left: 0;
  444. }
  445.  
  446. ul.avia-timeline-horizontal li:first-child {
  447. margin-left: 0;
  448. }
  449.  
  450. .avia-slideshow-carousel ul{
  451. padding: 15px 0 15px 0;
  452. }
  453.  
  454. #av-admin-preview ul.avia-timeline-horizontal li{
  455. display: none;
  456. }
  457.  
  458. #av-admin-preview ul.avia-timeline-horizontal li:first-child{
  459. display: block;
  460. width: 100%
  461. }
  462.  
  463. .avia-timeline-horizontal .av-milestone-icon-wrap{
  464. display: block;
  465. }
  466.  
  467. .avia-timeline-horizontal .milestone_icon.milestone_bullet_arrow{
  468. border-bottom-right-radius: 0;
  469. border-bottom-left-radius: 100px;
  470. border-top-right-radius: 100px;
  471. border-top-left-radius: 100px;
  472. -webkit-transform: rotate(-45deg);
  473. -ms-transform: rotate(-45deg);
  474. transform: rotate(-45deg);
  475. }
  476.  
  477. .avia-timeline-horizontal .milestone_icon.milestone_bullet_arrow .milestone_number {
  478. display: block;
  479. -webkit-transform: rotate(45deg);
  480. -ms-transform: rotate(45deg);
  481. transform: rotate(45deg);
  482. }
  483.  
  484.  
  485. .avia-timeline-horizontal .av-milestone-icon-wrap:after{
  486. content: "";
  487. height: 1px;
  488. width: 100%;
  489. position: absolute;
  490. right: 0;
  491. top: 50%;
  492. border-top-style: dashed;
  493. border-top-width: 1px;
  494. }
  495.  
  496. .avia-timeline-horizontal .av-milestone-date span {
  497. display: block;
  498. zoom: 1;
  499. position: absolute;
  500. width: 30px;
  501. height: 1px;
  502. left: -65px;
  503. top: 0.5em;
  504. }
  505.  
  506. .avia-timeline-horizontal .av-milestone-date span:before {
  507. content: "";
  508. display: block;
  509. position: absolute;
  510. width: 5px;
  511. height: 5px;
  512. right: 0;
  513. border-radius: 100%;
  514. background-color: inherit;
  515. margin-top: -2px;
  516. }
  517.  
  518. .avia-timeline-horizontal .av-milestone-date span:after {
  519. content: "";
  520. display: block;
  521. position: absolute;
  522. width: 1px;
  523. height: 500px;
  524. top: 0;
  525. background-color: inherit;
  526. }
  527.  
  528. .avia-timeline-horizontal .av-milestone-content-wrap{
  529. position: relative;
  530. }
  531.  
  532. .avia-timeline-horizontal .av-milestone-content-wrap footer{
  533. display: block;
  534. position: absolute;
  535. width: 1px;
  536. height: 100%;
  537. top: 0;
  538. left: 45px;
  539. }
  540.  
  541. .avia-timeline-horizontal .av-milestone-content-wrap footer:after{
  542. content: "";
  543. display: block;
  544. position: absolute;
  545. width: 5px;
  546. height: 5px;
  547. left: 0;
  548. bottom: 0;
  549. border-radius: 100%;
  550. background-color: inherit;
  551. margin-left: -2px;
  552. }
  553.  
  554. .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-content-wrap footer{
  555. display: none;
  556. }
  557.  
  558. .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:after,
  559. .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:before{
  560. top: 0;
  561. bottom: auto;
  562. margin-top: 0;
  563. left: 45px;
  564. }
  565.  
  566. .av-timeline-nav{
  567. position: absolute;
  568. right: 0;
  569. top: 0;
  570. padding-top: 70px;
  571. }
  572.  
  573. #av-admin-preview .av-timeline-nav{
  574. display: none;
  575. }
  576.  
  577. .av-timeline-nav a{
  578. display: inline-block;
  579. position: relative;
  580. font-size: 0px;
  581. overflow: hidden;
  582. width: 40px;
  583. height: 40px;
  584. line-height: 40px;
  585. border-radius: 100%;
  586. text-align: center;
  587. text-decoration: none;
  588. cursor: pointer;
  589. margin: 0 0 0 2px;
  590. -webkit-transition: all 0.2s ease-in;
  591. -o-transition: all 0.2s ease-in;
  592. transition: all 0.2s ease-in;
  593. background-color: #fff;
  594. }
  595.  
  596. .av-timeline-nav a span{
  597. display: block;
  598. width: 40px;
  599. height: 40px;
  600. line-height: 40px;
  601. border-radius: 100%;
  602. color: #fff;
  603. }
  604.  
  605. .av-timeline-nav a span:hover{
  606. color: #fff;
  607. }
  608.  
  609. .av-timeline-nav a span:before{
  610. display: block;
  611. width: 100%;
  612. height: 100%;
  613. font-size: 18px;
  614. }
  615.  
  616. .av-timeline-nav a span{
  617. opacity: 0.5;
  618. transition: all 0.2s ease-in;
  619. }
  620.  
  621. .av-timeline-nav a:hover span{
  622. opacity: 1;
  623. }
  624.  
  625.  
  626. /*timeline orientation horizontal - alternate */
  627.  
  628. .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-date{
  629. margin: 0;
  630. padding: 30px 0 30px 110px;
  631. }
  632.  
  633. .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-content-wrap{
  634. padding: 30px 0 10px 110px;
  635. }
  636.  
  637. .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{
  638. padding: 0 0 30px 110px;
  639. }
  640.  
  641. .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow .av-milestone-content-wrap{
  642. padding: 30px 60px 15px 0;
  643. }
  644.  
  645. .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{
  646. padding: 0 60px 30px 0;
  647. }
  648.  
  649. .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span:after{
  650. top: auto;
  651. bottom: 0;
  652. }
  653.  
  654. .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-odd .av-milestone-date{
  655. padding: 0 30px 30px 110px;
  656. }
  657.  
  658. .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap footer:after{
  659. bottom: auto;
  660. top: 0;
  661. }
  662.  
  663. .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after,
  664. .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{
  665. bottom: 0;
  666. top: auto;
  667. margin-top: 0;
  668. transform: rotate(45deg) translateY(50%) translateX(-50%);
  669. transform-origin: bottom left;
  670. }
  671.  
  672.  
  673.  
  674. /*timeline orientation horizontal - top */
  675.  
  676. .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date{
  677. margin: 0;
  678. padding: 0 30px 30px 110px;
  679. }
  680.  
  681. .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > a,
  682. .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date > strong{
  683. display: table-cell;
  684. vertical-align: bottom;
  685. }
  686.  
  687. .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap{
  688. padding: 30px 15px 10px 110px;
  689. }
  690.  
  691. .avia-timeline-horizontal.av-milestone-placement-top.avia-timeline-boxshadow .av-milestone-content-wrap{
  692. padding: 30px 60px 15px 0;
  693. }
  694.  
  695.  
  696. /*timeline orientation horizontal - bottom */
  697.  
  698. .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date{
  699. margin: 0;
  700. padding: 30px 30px 0 110px;
  701. }
  702.  
  703. .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date span:before {
  704. right: 0;
  705. margin-top: -2px;
  706. }
  707.  
  708. .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date span:after {
  709. top: auto;
  710. bottom: 0;
  711. }
  712.  
  713. .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap{
  714. padding: 0 15px 30px 110px;
  715. }
  716.  
  717. .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-content-wrap{
  718. padding: 0 60px 30px 0;
  719. }
  720.  
  721. .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap footer:after{
  722. bottom: auto;
  723. top: 0;
  724. }
  725.  
  726. .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-contentbox:after,
  727. .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-contentbox:before{
  728. bottom: 0;
  729. top: auto;
  730. margin-top: 0;
  731. transform: rotate(45deg) translateY(50%) translateX(-50%);
  732. transform-origin: bottom left;
  733. }
  734.  
  735.  
  736. @media only screen and (max-width: 989px){
  737.  
  738. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:after,
  739. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-contentbox:before{
  740. left: 2em;
  741. right: auto;
  742. }
  743.  
  744. .av-no-preview ul.avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-contentbox:before,
  745. .av-no-preview ul.avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-contentbox:after{
  746. left: 2em;
  747. top: 0;
  748. margin-top: 0;
  749. }
  750.  
  751. .av-no-preview .avia-timeline-container,
  752. .av-no-preview ul.avia-timeline-vertical,
  753. .av-no-preview ul.avia-timeline-vertical li,
  754. .av-no-preview .avia-timeline-vertical .av-milestone-date,
  755. .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap,
  756. .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{
  757. display: block;
  758. }
  759.  
  760. .av-no-preview ul.avia-timeline-vertical li {
  761. display: block;
  762. overflow: hidden;
  763. position: relative;
  764. padding: 0 0 0 90px;
  765. }
  766.  
  767. .av-no-preview .avia-timeline-vertical .av-milestone-date{
  768. display: block;
  769. white-space: normal;
  770. padding: 33px 0 30px 50px;
  771. margin: 0;
  772. position: relative;
  773. text-align: left;
  774. }
  775.  
  776. .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap{
  777. overflow: visible;
  778. position: absolute;
  779. left: 0;
  780. top: 0;
  781. padding-top: 0;
  782. }
  783.  
  784. .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{
  785. top: 0;
  786. }
  787.  
  788. .av-no-preview .avia-timeline-vertical .av-milestone-date a{
  789. white-space: normal;
  790. position: relative;
  791. display: block;
  792. overflow: visible;
  793. }
  794.  
  795. .av-no-preview .avia-timeline-vertical .av-milestone-date span{
  796. left: -50px;
  797. right: auto;
  798. }
  799.  
  800. .av-no-preview .avia-timeline-vertical .av-milestone-date span:before {
  801. right: 0;
  802. left: auto;
  803. }
  804.  
  805. .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{
  806. padding: 0 0 60px 50px;
  807. }
  808.  
  809. .av-no-preview .avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-content-wrap {
  810. padding: 0 15px 60px 50px;
  811. }
  812.  
  813. /*timeline orientation vertical left */
  814.  
  815. .av-no-preview .avia-timeline-vertical.av-milestone-placement-left .av-milestone-content-wrap{
  816. width: 100%;
  817. }
  818.  
  819. .av-no-preview .avia_transform .avia-timeline-vertical.av-milestone-placement-left.avia-timeline-animate .avia_start_animation .av-milestone-indicator{
  820. -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  821. animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  822. }
  823.  
  824. /*timeline orientation vertical right */
  825.  
  826. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{
  827. text-align: left;
  828. padding: 0 0 60px 50px;
  829. width: 100%;
  830. }
  831.  
  832. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-content-wrap {
  833. padding: 0 15px 60px 50px;
  834. }
  835.  
  836. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{
  837. padding: 33px 0 30px 50px;
  838. display: none;
  839. }
  840.  
  841. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right li .av-milestone-date:first-child{
  842. display: block;
  843. }
  844.  
  845.  
  846. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date span{
  847. left: -50px;
  848. }
  849.  
  850. /*timeline orientation vertical alternating */
  851.  
  852. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-date{
  853. width: 100%;
  854. }
  855.  
  856. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate .av-milestone-content-wrap{
  857. width: 100%;
  858. }
  859.  
  860. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{
  861. padding: 0 0 60px 50px;
  862. text-align: left;
  863. }
  864.  
  865. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap {
  866. padding: 0 15px 60px 50px;
  867. }
  868.  
  869. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{
  870. padding: 33px 0 30px 50px;
  871. display: none;
  872. }
  873.  
  874. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even > .av-milestone-date:first-child{
  875. display: block;
  876. }
  877.  
  878. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date span{
  879. left: -50px;
  880. }
  881.  
  882. .av-no-preview .avia_transform .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-animate li.av-milestone-odd.avia_start_animation .av-milestone-indicator{
  883. -webkit-animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* Safari 4+ */
  884. animation: caption-left 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1); /* IE 10+ */
  885. }
  886.  
  887. }
  888.  
  889. @media only screen and (max-width: 767px){
  890.  
  891. .av-no-preview .avia-timeline .milestone_icon{
  892. height: 64px;
  893. width: 64px;
  894. line-height: 64px;
  895. }
  896. .av-no-preview .avia-timeline .milestone_icon.milestone-icon-hasborder .milestone_inner {
  897. line-height: 60px;
  898. }
  899.  
  900. /*timeline orientation vertical */
  901.  
  902. .av-no-preview .avia-timeline-vertical .av-milestone-date{
  903. padding: 21px 0 30px 0;
  904. }
  905.  
  906. .av-no-preview .avia-timeline-vertical .av-milestone-date span{
  907. display: none;
  908. }
  909.  
  910. .av-no-preview .avia-timeline-vertical .av-milestone-content-wrap{
  911. padding: 0 0 60px 0;
  912. }
  913.  
  914. .av-no-preview .avia-timeline-vertical.avia-timeline-boxshadow .av-milestone-content-wrap{
  915. padding: 0 15px 60px 0;
  916. }
  917.  
  918. .av-no-preview .avia-timeline-vertical .av-milestone-icon-wrap:after{
  919. left: 32px;
  920. }
  921.  
  922. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-date{
  923. padding: 21px 0 30px 0;
  924. }
  925.  
  926. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right .av-milestone-content-wrap{
  927. padding: 0 0 60px 0;
  928. }
  929.  
  930. .av-no-preview .avia-timeline-vertical.av-milestone-placement-right.avia-timeline-boxshadow .av-milestone-content-wrap{
  931. padding: 0 15px 60px 0;
  932. }
  933.  
  934.  
  935. /* vertical alignment */
  936.  
  937. .av-no-preview .avia-timeline-vertical.avia-timeline-v-center .av-milestone-date{
  938. padding-top: 21px;
  939. }
  940.  
  941.  
  942. /*timeline orientation horizontal */
  943.  
  944.  
  945. .av-no-preview .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:after,
  946. .av-no-preview .avia-timeline-horizontal.avia-timeline-boxshadow .av-milestone-contentbox:before{
  947. left: 30px;
  948. }
  949.  
  950. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-date{
  951. padding: 0 0 30px 90px;
  952. }
  953.  
  954. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap{
  955. padding: 30px 10px 10px 90px;
  956. }
  957.  
  958. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-top.avia-timeline-boxshadow .av-milestone-content-wrap{
  959. padding: 30px 30px 30px 0px;
  960. }
  961.  
  962. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-date{
  963. padding: 30px 0 0 90px;
  964. }
  965.  
  966. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom .av-milestone-content-wrap{
  967. padding: 0 0 30px 90px;
  968. }
  969.  
  970. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-bottom.avia-timeline-boxshadow .av-milestone-content-wrap{
  971. padding: 0 30px 30px 0;
  972. }
  973.  
  974.  
  975. .av-no-preview .avia-timeline-horizontal .av-milestone-content-wrap footer{
  976. left: 32px;
  977. }
  978.  
  979. .av-no-preview .av-timeline-nav{
  980. padding-top: 57px;
  981. }
  982.  
  983. .av-no-preview .avia-timeline-horizontal .av-milestone-date span {
  984. left: -58px;
  985. }
  986.  
  987. /*timeline orientation alternate */
  988.  
  989. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-date{
  990. padding: 21px 0 30px 0;
  991. }
  992.  
  993. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate li.av-milestone-even .av-milestone-content-wrap{
  994. padding: 0 0 60px 0;
  995. }
  996.  
  997. .av-no-preview .avia-timeline-vertical.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{
  998. padding: 0 15px 60px 0;
  999. }
  1000.  
  1001. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-date{
  1002. padding: 30px 0 0 90px;
  1003. }
  1004.  
  1005. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate li.av-milestone-odd .av-milestone-date {
  1006. padding: 0 0 30px 90px;
  1007. }
  1008.  
  1009. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate .av-milestone-content-wrap{
  1010. padding: 0 0 30px 90px;
  1011. }
  1012.  
  1013. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow .av-milestone-content-wrap{
  1014. padding: 30px 30px 30px 0px;
  1015. }
  1016.  
  1017. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-odd .av-milestone-content-wrap{
  1018. padding: 30px 30px 30px 0px;
  1019. }
  1020.  
  1021. .av-no-preview .avia-timeline-horizontal.av-milestone-placement-alternate.avia-timeline-boxshadow li.av-milestone-even .av-milestone-content-wrap{
  1022. padding: 0 10px 30px 10px;
  1023. }
  1024.  
  1025.  
  1026. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!