Advertisement
martawijaya

complete project

Apr 17th, 2019
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.22 KB | None | 0 0
  1. /* COMPLETE PROJECT */
  2. .no-scroll{
  3.   overflow-x: hidden;
  4. }
  5. .content-to-scroll {  
  6.   text-align: center;
  7.   position: relative;
  8.   -webkit-border-radius: 5px;
  9.   -moz-border-radius: 5px;
  10.    border-radius: 5px;
  11.   width: 800px;
  12.   padding-top: 5px;
  13. }
  14.  
  15. .project-list {
  16.   margin: 10px 0 0 0;
  17.   width: 99vw;
  18.   overflow-x: scroll;
  19.   overflow-y: hidden;
  20.   height: 350px;
  21.   white-space:nowrap
  22. }
  23.  
  24. .project-list::-webkit-scrollbar-track
  25. {
  26.     -webkit-box-shadow: inset 0 0 6px transparent;
  27.     background-color: transparent;
  28. }
  29.  
  30. .project-list::-webkit-scrollbar
  31. {
  32.     width: 1px;
  33.     background-color: transparent;
  34. }
  35.  
  36. .project-list::-webkit-scrollbar-thumb
  37. {
  38.     background-color: transparent;
  39. }
  40.  
  41. .project-list-item {
  42.   display: inline-block;
  43.   width: 500px;
  44.   height: 250px;
  45.   margin-right: 20px;
  46. }
  47.  
  48. .project-list-item img{
  49.   width: 100%;
  50.   height: 100%;
  51.   object-fit: cover;
  52. }
  53.  
  54. .scroll-bar {
  55.   display: block;
  56.   overflow-x: scroll;
  57.   padding-right: 15px;
  58.   margin-bottom: 30px;
  59. }
  60.  
  61. .scroll-bar .scroll-element {
  62.   content: "";
  63.   width: 2300px;
  64.   height: 1px;
  65.   display: block;
  66.   position: relative;
  67. }
  68.  
  69.  
  70. .scroll-bar::-webkit-scrollbar-track
  71. {
  72.     -webkit-box-shadow: inset 0 0 1px transparent;
  73.     background-color: #eee;
  74. }
  75.  
  76. .scroll-bar::-webkit-scrollbar
  77. {
  78.     height: 4px;
  79.     background-color: #eee;
  80. }
  81.  
  82. .scroll-bar::-webkit-scrollbar-thumb
  83. {
  84.     background-color: #28cdfe;
  85. }
  86.  
  87. .project-list .title-details a {
  88.   text-decoration: none;
  89. }
  90.  
  91. .project-list .title-details h3 {
  92.   font-family: 'Amiri';
  93.   font-weight: 400;
  94.   font-style: normal;
  95.   font-size: 20px;
  96.   color: #28cdfe;
  97.   margin-top: 15px;
  98.   margin-bottom: 0
  99. }
  100.  
  101. .project-list .title-details span {
  102.   font-family: 'Amiri';
  103.   color: #000;
  104. }
  105.  
  106.  
  107. /* imm heading title */
  108.  
  109. .imm-heading-title-wrapper.center {
  110.   text-align: center;
  111. }
  112.  
  113. .imm-heading-title-wrapper.left {
  114.   text-align: left;
  115. }
  116.  
  117. .imm-heading-title-wrapper .heading {
  118.     font-family: 'Amiri';
  119.     font-weight: 400;
  120.     font-style: normal;
  121. }
  122.  
  123. .imm-heading-title-wrapper.left .subheading {
  124.     font-family: 'Alex Brush';
  125.     font-weight: 400;
  126.     font-style: normal;
  127.     font-size: 30px;
  128.     margin-left: 150px;
  129.     margin-top: -50px;
  130.     position: relative;
  131.     top: -20px
  132. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement