src/Flexy/FrontBundle/templates/booking/layout.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html class="no-js" lang="fr">
  3.     
  4. <!-- index28:48-->
  7.     {% block stylesheets %}
  8. {% include "@Flexy/FrontBundle/templates/_head.html.twig" %}
  10. <style>
  11.    /*
  12. header a{
  13.         color:white;
  14.     }
  15.     header a.active{
  16.         color:#ff5c5b;
  17.     }
  18.    
  19. .burger,
  20. .burger:after,
  21. .burger *,
  22. .burger *:before,
  23. .burger *:after,
  24. .header-nav *,
  25. .header-nav *:before,
  26. .header-nav *:after {
  27.     -webkit-transition: all 0.3s;
  28.     transition: all 0.3s;
  29. }
  31. .burger {
  32.     cursor: pointer;
  33.     height: 60px;
  34.     margin-bottom: 0;
  35.     width: 60px;
  36.     z-index: 9001;
  37.     left: 60px;
  38.     overflow: hidden;
  39.     position: fixed;
  40.     top: 18px;
  41.    /* background: #293a6c;*/
  42. }
  43. /*
  44. .burger:after {
  45.     bottom: 7px;
  46.     color: #FFFFFF;
  47.     content: 'Menu';
  48.     font-size: 10px;
  49.     font-weight: 300;
  50.     left: 0;
  51.     position: absolute;
  52.     text-align: center;
  53.     width: 100%;
  54. }
  57. /*--------------------------------------
  58.  Creates the look of the burger icon
  59.  using the inner span and pseudo-elements
  60. --------------------------------------*/
  61. /*
  62. .burger span,
  63. .burger span:before,
  64. .burger span:after {
  65.     background: #FFFFFF;
  66.     border-radius: 0.2em;
  67.     height: 3px;
  68.     left: 16px;
  69.     position: absolute;
  70.     top: 24px;
  71.     -webkit-transition: all 0.3s;
  72.     transition: all 0.3s;
  73.     width: 27px;
  74. }
  77. /* Reset the left and create the pseudo-element */
  78. /*
  79. .burger span:before,
  80. .burger span:after {
  81.     content: '';
  82.     left: 0;
  83. }
  86. /* Top bar position */
  87. /*
  88. .burger span:before {
  89.     top: -8px;
  90. }
  93. /* Bottom bar position */
  94. /*
  95. .burger span:after {
  96.     top: 8px;
  97. }
  100. /* Get rid of more on action (IE9 or higher) */
  101. /*
  102. .burger-check:checked + .burger:after {
  103.     content: '';
  104. }
  107. /* Get rid of the middle bar on action (IE9 or higher) */
  108. /*
  109. .burger-check:checked + .burger span {
  110.     height: 0;
  111.     width: 0;
  112. }
  115. /* Moves the top and bottom bars to the middle on action (IE9 or higher) */
  116. /*
  117. .burger-check:checked + .burger span:before,
  118. .burger-check:checked + .burger span:after {
  119.     top: 6px;
  120. }
  123. /* Rotates the top bar on action with full browser support (IE9 or higher) */
  124. /*
  125. .burger-check:checked + .burger span:before {
  126.     -webkit-transform: rotate(225deg);
  127.     -ms-transform: rotate(225deg);
  128.     transform: rotate(225deg);
  129. }
  132. /* Rotates the bottom bar on action with full browser support (IE9 or higher) */
  133. /*
  134. .burger-check:checked + .burger span:after {
  135.     -webkit-transform: rotate(-225deg);
  136.     -ms-transform: rotate(225deg);
  137.     transform: rotate(-225deg);
  138. }
  140.  
  142. .burger-check:checked + .burger {
  143.     width: 60px;
  144. }
  146. .burger-check:checked + .burger:after {
  147.     bottom: 10px;
  148.     content: '';
  149.     font-size: 20px;
  150.     padding-left: 10px;
  151. }
  153. #mobile-nav {
  154.     left: -9999px;
  155.     position: fixed;
  156.     top: 0;
  157. }
  159. .header-nav ul li a:active,
  160. .header-nav ul li a:focus,
  161. .header-nav ul li a:hover,
  162. #mobile-nav:focus  {
  163.    background: #e9a124;
  164.     outline: none;
  165. }
  167.  
  169. .header-nav {
  170.          float: left;
  171.  
  172.     position: absolute;
  173.     width: 100%;
  174.     margin: 25% -46%;
  175.     z-index: 9999;
  176. }
  178. .header-nav ul {
  179.     background: #FFF;
  180.      
  181.     list-style: none;
  182.     margin: 0;
  183.     overflow-y: auto;
  184.     padding: 10px 0 0 0;
  185.     position: relative;
  186.     -webkit-transform: translateX(-110%);
  187.     transform: translateX(-110%);
  188.     -webkit-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  189.     -moz-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  190.     -o-transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  191.     transition-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  192.     width: 200px;
  193.     box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.075);
  194.     top: 100%;
  195.     z-index: 1;
  196. }
  198. .burger-check:checked ~ .header-nav ul {
  199.     -webkit-transform: translateX(0);
  200.     transform: translateX(0);
  201. }
  203. .header-nav ul li {
  204.     float: left;
  205.     position: relative;
  206.     width: 100%;
  207. }
  209. .header-nav ul li a {
  210.     color: rgba(0, 0, 0, 0.79);
  211.     display: block;
  212.     float: left;
  213.     font-size: 11px;
  214.     font-weight: 400;
  215.     letter-spacing: 0.75px;
  216.     line-height: 17px;
  217.     margin-left: 0;
  218.     overflow: hidden;
  219.     padding: 1px 56px 4px 12px;
  220.     position: relative;
  221.     text-decoration: none;
  222.     width: 100%;
  223. }
  226.  
  227. .category-menu-list > ul > li > a, .cat-dropdown > li > a {
  228.     display: block;
  229.     text-transform: capitalize;
  230.     color: #333;
  231.     height: 17px !important;
  232.     line-height: 22px !important;
  233.     overflow: hidden;
  234.     font-size: 11.5px !important;
  235. }*/
  236.  
  237. </style>
  238.     {% endblock %}
  239.     <body>
  240.     <!--[if lt IE 8]>
  241.         <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  242.     <![endif]-->
  243.        
  244.         {% include "@Flexy/FrontBundle/templates/booking/_header.html.twig" %}
  246.         {% block body %}
  248.         {% endblock %}
  252.         {% include "@Flexy/FrontBundle/templates/booking/_footer.html.twig" %}
  254.         {% block javascripts %}
  255.             {% include "@Flexy/FrontBundle/templates/_javascripts.html.twig" %}
  256.         {% endblock %}
  257.     </body>
  259. <!-- index30:23-->
  260. </html>