src/Flexy/FrontBundle/Themes/CoWorking/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.      <!--<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">-->
  6.      
  7.        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
  8.      
  9.     <link rel="stylesheet" href="{{asset('themes/coworking/laundry/css/style.css')}}" />
  11.     <link rel="preconnect" href="https://fonts.googleapis.com">
  12. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13. <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;900&display=swap" rel="stylesheet">
  14. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round">
  15. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  16.   <link
  17.     rel="stylesheet"
  18.     href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  19.   />
  20. <style>
  22. .close {
  23.     float: right;
  24.     font-size: 2rem;
  25.     font-weight: 700;
  26.     line-height: 1;
  27.     color: #000;
  28.     text-shadow: 0 1px 0 #fff;
  29.     opacity: .5;
  30.     border: none !important;
  31.     }
  32.  
  33. .form-control{
  34.     border-radius:9px; 
  35.     padding:10px;
  36. }
  37. .form-label, .form-check-label{
  38.    color:rgba(1, 46, 23, 1);
  39. }
  40. .rounded{
  41.    border-radius:100%;
  42. }
  44. .head-wrapper{
  45.    display:flex;
  46.    align-items: center;
  47.    justify-content: center;
  48.    padding: 20px 0 20px 0;
  49.    justify-content: space-around;
  50. }
  51. .logo{
  52.    text-align: center;
  53. }
  54. .icon{
  55.    display:none;
  56. }
  57. .nav-link{
  58.    display:flex;
  59.    justify-content: end;
  60.    column-gap: 19px;
  61. } 
  62. .hidden-col{
  63.    display:none;
  64. }
  65. @media screen and (max-width: 1198px) {
  66.    .nav-link a:not(:last-child) {display: none;}
  67.    .icon{
  68.       margin-top:10px;
  69.       display:block;
  70.       width: fit-content;
  71.       float:right; 
  72.    }
  73.    .hidden-col{
  74.       display: block;
  75.    }
  76.     
  77.    .info{
  78.       display: none;
  79.    }
  80.    .head-wrapper{ 
  81.        padding: 8px 0 8px 0; 
  82.    }
  83.  }
  84.  
  85.  
  86. .turbo-progress-bar {
  87.   height: 6px;
  88.   background-color: #45dae9;
  89. }
  90. .sticky-cart .li-product-price,.sticky-cart label{
  91.   display:none;
  92. }
  93. .sticky-cart td{
  94.   padding:10px;
  95. }
  97. .sticky-cart img{
  98.   height:30px;
  99. }
  101. .sticky-cart h5{
  102.   background-color:#29cedf;
  103.   padding:15px 20px;
  104.   color:white;
  105.   margin:0;
  106. }
  108. .sticky-cart span.total{
  109.  float:right;
  110. }
  112. .sticky-cart{
  113.   background:#f9f9f9;
  114.   padding:0;
  115.   box-shadow:0 0 15px #00000015;
  116. }
  118. .wizard {
  119.     display: flex;
  120. }
  122. .wizard__step {
  123.     /* Make all steps have the same width */
  124.     flex: 1;
  125. }
  127. .wizard__dot {
  128.     /* Center the content */
  129.     align-items: center;
  130.     display: flex;
  131.     justify-content: center;
  132. }
  134. .wizard__connector {
  135.     flex: 1;
  136.     height: 1px;
  137.     background-color: #d1d5db;
  138. }
  140. .wizard__step:first-child .wizard__connector:first-child,
  141. .wizard__step:last-child .wizard__connector:last-child {
  142.     background-color: transparent;
  143. }
  145. .wizard__number {
  146.     /* Center the content */
  147.     align-items: center;
  148.     display: flex;
  149.     justify-content: center;
  151.     /* Rounded border */
  152.     background-color: #d1d5db;
  153.     border-radius: 9999px;
  154.     height: 2rem;
  155.     width: 2rem;
  157.     /* OPTIONAL: Spacing between it and connectors */
  158.     margin-left: 0.25rem;
  159.     margin-right: 0.25rem;
  160. }
  163. /*progressbar*/
  164. #progressbar {
  165.   overflow: hidden;
  166.   /*CSS counters to number the steps*/
  167.   counter-reset: step;
  168.       z-index: 2;
  169.       position:relative;
  170. }
  171. #progressbar li {
  172.   list-style-type: none;
  173.   color: #909090;
  174.   text-transform: uppercase;
  175.   font-size: 12px;
  176.   width: 33.33%;
  177.   float: left;
  178.   position: relative;
  179.   text-align: center;
  180. }
  181. #progressbar li:before {
  182.   content: counter(step);
  183.   counter-increment: step;
  184.   width: 40px;
  185.   line-height: 20px;
  186.   padding:10px 15px;
  187.   display: block;
  188.   font-size: 18px;
  189.   color: #333;
  190.   background: #ebebeb;
  191.   border-radius: 3px;
  192.   margin: 0 auto 5px auto;
  193. }
  194. /*progressbar connectors*/
  195. #progressbar li:after {
  196.   content: "";
  197.   width: 100%;
  198.   height: 2px;
  199.   background: #eee;
  200.   position: absolute;
  201.   left: -50%;
  202.   top: 18px;
  203.   z-index: -1; /*put it behind the numbers*/
  204. }
  205. #progressbar li:first-child:after {
  206.   /*connector not needed before the first step*/
  207.   content: none;
  208. }
  209. /*marking active/completed steps green*/
  210. /*The number of the step and the connector before it = green*/
  211. #progressbar li.active:before,
  212. #progressbar li.active:after {
  213.   background: #45dae9;
  214.   color: white;
  215. }
  217. .order-button-payment input {
  218.     background: #45dae9 none repeat scroll 0 0 !important; 
  219.     color:white !important;
  220. }
  222. .order-button-payment input:hover {
  223.     background: #02c6da none repeat scroll 0 0 !important;
  224.     color:white !important;
  225. }
  227. .hm-minicart .decrease-quantite-to-cart,.hm-minicart .increase-quantite-to-cart{
  228.     color: white;
  229.     background: #45dae9;
  230.     border: none;
  231.     border-radius: 3px;
  232. }
  234. .invalid-feedback{
  235.   font-size: 9px;
  236.     background: #b20505;
  237.     color: white;
  238.     padding: 0 6px;
  239.     margin: 3px 0 0;
  240.     border-radius: 5px;
  241. }
  242. legend {
  243.     display: block;
  244.     width: 100%;
  245.     max-width: 100%;
  246.     padding: 0;
  247.     margin-bottom: 0.5rem;
  248.     font-size: 1rem;
  249.     line-height: inherit;
  250.     color: inherit;
  251.     white-space: normal;
  252. }
  253. </style>