SHARE
TWEET

Flickity

martawijaya Apr 24th, 2019 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* flicity :)  */
  2. .progress-bar {
  3.   height: 20px;
  4.   width: 0;
  5.   background: #333;
  6. }
  7.  
  8. .project-slider-flicity .project-list-item img {
  9.   height: 250px;
  10. }
  11.  
  12. .project-slider-flicity .flickity-viewport {
  13.   height: 350px!important
  14. }
  15.  
  16. .project-slider-flicity .project-list-item {
  17.   height: 350px;
  18. }
  19.  
  20. .progress-flick {
  21.   position: relative;
  22.   width: 100%;
  23.   height: 20px;
  24.   margin: 30px 0;
  25. }
  26.  
  27. .progress-flick:before {
  28.   content: "";
  29.   position: absolute;
  30.   width: 100%;
  31.   height: 1px;
  32.   background: #888;
  33.   top: 50%;
  34.   left: 0;
  35.   transform: translate(0, -50%);
  36.   z-index: -1
  37. }
  38.  
  39. .progress-flick .progress-circle {
  40.   width: 20px;
  41.   height: 20px;
  42.   background: #28cdfe;
  43.   position: relative;
  44.   border-radius: 50%;
  45.   cursor: not-allowed;
  46. }
  47.  
  48. .project-slider-flicity .project-list-item .title-details h3 {
  49.   font-family: 'Amiri';
  50.   font-weight: 400;
  51.   font-style: normal;
  52.   font-size: 20px;
  53.   color: #28cdfe;
  54.   margin-top: 15px;
  55.   margin-bottom: 0;
  56. }
  57.  
  58. .project-slider-flicity .project-list-item .title-details a {
  59.   text-decoration: none;
  60.   text-align: center
  61. }
  62.  
  63. .project-slider-flicity .project-list-item .title-details span {
  64.   font-family: 'Amiri';
  65.   color: #000;
  66.   text-align: center;
  67.   display: block
  68. }
RAW Paste Data
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
 
Top