src/IlaveU/FrontBundle/Themes/IlaveU/templates/_head.html.twig line 1

  2.    
  3.    {{ encore_entry_link_tags('frontend') }}
  4.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  5.      
  6.     <link rel="stylesheet" href="{{asset('themes/ilaveu/laundry/css/style.css')}}" />
  8.     <link rel="preconnect" href="https://fonts.googleapis.com">
  9. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  10. <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;900&display=swap" rel="stylesheet">
  12.   <link
  13.     rel="stylesheet"
  14.     href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  15.   />
  16. <style>
  17. .turbo-progress-bar {
  18.   height: 6px;
  19.   background-color: #45dae9;
  20. }
  21. .sticky-cart .li-product-price,.sticky-cart label{
  22.   display:none;
  23. }
  24. .sticky-cart td{
  25.   padding:10px;
  26. }
  28. .sticky-cart img{
  29.   height:30px;
  30. }
  32. .sticky-cart h5{
  33.   background-color:#29cedf;
  34.   padding:15px 20px;
  35.   color:white;
  36.   margin:0;
  37. }
  39. .sticky-cart span.total{
  40.  float:right;
  41. }
  43. .sticky-cart{
  44.   background:#f9f9f9;
  45.   padding:0;
  46.   box-shadow:0 0 15px #00000015;
  47. }
  49. .wizard {
  50.     display: flex;
  51. }
  53. .wizard__step {
  54.     /* Make all steps have the same width */
  55.     flex: 1;
  56. }
  58. .wizard__dot {
  59.     /* Center the content */
  60.     align-items: center;
  61.     display: flex;
  62.     justify-content: center;
  63. }
  65. .wizard__connector {
  66.     flex: 1;
  67.     height: 1px;
  68.     background-color: #d1d5db;
  69. }
  71. .wizard__step:first-child .wizard__connector:first-child,
  72. .wizard__step:last-child .wizard__connector:last-child {
  73.     background-color: transparent;
  74. }
  76. .wizard__number {
  77.     /* Center the content */
  78.     align-items: center;
  79.     display: flex;
  80.     justify-content: center;
  82.     /* Rounded border */
  83.     background-color: #d1d5db;
  84.     border-radius: 9999px;
  85.     height: 2rem;
  86.     width: 2rem;
  88.     /* OPTIONAL: Spacing between it and connectors */
  89.     margin-left: 0.25rem;
  90.     margin-right: 0.25rem;
  91. }
  94. /*progressbar*/
  95. #progressbar {
  96.   overflow: hidden;
  97.   /*CSS counters to number the steps*/
  98.   counter-reset: step;
  99.       z-index: 2;
  100.       position:relative;
  101. }
  102. #progressbar li {
  103.   list-style-type: none;
  104.   color: #909090;
  105.   text-transform: uppercase;
  106.   font-size: 12px;
  107.   width: 33.33%;
  108.   float: left;
  109.   position: relative;
  110.   text-align: center;
  111. }
  112. #progressbar li:before {
  113.   content: counter(step);
  114.   counter-increment: step;
  115.   width: 40px;
  116.   line-height: 20px;
  117.   padding:10px 15px;
  118.   display: block;
  119.   font-size: 18px;
  120.   color: #333;
  121.   background: #ebebeb;
  122.   border-radius: 3px;
  123.   margin: 0 auto 5px auto;
  124. }
  125. /*progressbar connectors*/
  126. #progressbar li:after {
  127.   content: "";
  128.   width: 100%;
  129.   height: 2px;
  130.   background: #eee;
  131.   position: absolute;
  132.   left: -50%;
  133.   top: 18px;
  134.   z-index: -1; /*put it behind the numbers*/
  135. }
  136. #progressbar li:first-child:after {
  137.   /*connector not needed before the first step*/
  138.   content: none;
  139. }
  140. /*marking active/completed steps green*/
  141. /*The number of the step and the connector before it = green*/
  142. #progressbar li.active:before,
  143. #progressbar li.active:after {
  144.   background: #45dae9;
  145.   color: white;
  146. }
  148. .order-button-payment input {
  149.     background: #45dae9 none repeat scroll 0 0 !important; 
  150.     color:white !important;
  151. }
  153. .order-button-payment input:hover {
  154.     background: #02c6da none repeat scroll 0 0 !important;
  155.     color:white !important;
  156. }
  158. .hm-minicart .decrease-quantite-to-cart,.hm-minicart .increase-quantite-to-cart{
  159.     color: white;
  160.     background: #45dae9;
  161.     border: none;
  162.     border-radius: 3px;
  163. }
  165. .invalid-feedback{
  166.   font-size: 9px;
  167.     background: #b20505;
  168.     color: white;
  169.     padding: 0 6px;
  170.     margin: 3px 0 0;
  171.     border-radius: 5px;
  172. }
  173. legend {
  174.     display: block;
  175.     width: 100%;
  176.     max-width: 100%;
  177.     padding: 0;
  178.     margin-bottom: 0.5rem;
  179.     font-size: 1rem;
  180.     line-height: inherit;
  181.     color: inherit;
  182.     white-space: normal;
  183. }
  184. </style>