SHARE
TWEET

Untitled

a guest Jul 24th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #container{
  2.   display: none;
  3. }
  4.  
  5. .card img {
  6.   max-height: 300px;
  7. }
  8.  
  9. .card-text {
  10.   color: #7f7f7f;
  11. }
  12.  
  13. .price {
  14.   font-size: 16px;
  15.   font-weight: bold;
  16. }
  17.  
  18. .carousel-inner img {
  19.   width: 100%;
  20.   height: 100%;
  21. }
  22.  
  23. .media-body {
  24.   margin-top: 30px;
  25. }
  26.  
  27. #detailsCarousel .carousel-item {
  28.   height: 450px;
  29. }
  30.  
  31. .adminPoster {
  32.   width: 40px;
  33.   height: 50px;
  34. }
  35.  
  36. #adminPositionItems,
  37. .adminPrice,
  38. .adminStock,
  39. .adminEdit,
  40. .adminDelete,
  41. .adminDone,
  42. .cartQuantity,
  43. .cartPrice,
  44. .cartPoster,
  45. .cartTotal {
  46.   width: 25px;
  47.   text-align: center;
  48. }
  49.  
  50. .quantityInput {
  51.   width: 40px;
  52. }
  53.  
  54. #qty {
  55.   width: 60px;
  56. }
  57.  
  58. .text-block {
  59.   position: absolute;
  60.   bottom: 20px;
  61.   right: 20px;
  62.   background-color: rgba(0, 0, 0, 0.5);
  63.   color: white;
  64.   border-radius: 5px;
  65. }
  66.  
  67. .noticePanel {
  68.   width: 350px;
  69.   margin-right: 5px;
  70.   padding: 10px;
  71.   border-radius: 5px;
  72.   background-color: #343a40;
  73.   color: white;
  74.   margin-bottom: 5px;
  75.   animation-name: notice;
  76.   animation-delay: 4.5s;
  77.   animation-duration: 0.6s;
  78. }
  79.  
  80. @keyframes notice {
  81.   from {
  82.     opacity: 1;
  83.   }
  84.  
  85.   to {
  86.     opacity: 0;
  87.   }
  88. }
  89.  
  90. /*Preloader*/
  91. @import url(https://fonts.googleapis.com/css?family=Open+Sans);
  92.  
  93. #load{
  94.   position: fixed;
  95.   top: 0;
  96.   left: 0;
  97.   height: 100vh;
  98.   width: 100%;
  99.   opacity: 1;
  100.   transition: 0.5s opacity;
  101.   background: white;
  102.   z-index: 999;
  103. }
  104.  
  105. #gears {
  106.   position: relative;
  107.   margin: auto;
  108.   width: 100px;
  109.   height: 80px;
  110.   top: calc(50% - 110px);
  111. }
  112.  
  113. .gear {
  114.   position: absolute;
  115.   z-index: -10;
  116.   width: 40px;
  117.   height: 40px;
  118.   -webkit-animation: spin 5s infinite;
  119.   animation: spin 5s infinite;
  120. }
  121.  
  122. .one svg{
  123.   fill: rgb(148, 148, 148);
  124. }
  125.  
  126. .two {
  127.   left: 40px;
  128.   width: 80px;
  129.   height: 80px;
  130.   -webkit-animation: spin-reverse 5s infinite;
  131.   animation: spin-reverse 5s infinite;
  132. }
  133.  
  134. .three {
  135.   top: 45px;
  136.   left: -10px;
  137.   width: 60px;
  138.   height: 60px;
  139. }
  140.  
  141. .three svg{
  142.   fill: rgb(56, 56, 56);
  143. }
  144.  
  145. @-webkit-keyframes spin {
  146.   50% {
  147.     -webkit-transform: rotate(360deg);
  148.     transform: rotate(360deg);
  149.   }
  150. }
  151.  
  152. @keyframes spin {
  153.   50% {
  154.     -webkit-transform: rotate(360deg);
  155.     transform: rotate(360deg);
  156.   }
  157. }
  158.  
  159. @-webkit-keyframes spin-reverse {
  160.   50% {
  161.     -webkit-transform: rotate(-360deg);
  162.     transform: rotate(-360deg);
  163.   }
  164. }
  165.  
  166. @keyframes spin-reverse {
  167.   50% {
  168.     -webkit-transform: rotate(-360deg);
  169.     transform: rotate(-360deg);
  170.   }
  171. }
  172.  
  173. #text {
  174.   position: relative;
  175.   color: rgb(129, 129, 129);
  176.   font-size: 18px;
  177.   font-family: 'Open Sans', sans-serif;
  178.   text-align: center;
  179.   top: calc(50% - 80px);
  180. }
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