templates/mobile/_base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <link href="{{ asset('css/fonts-5.13.0/css/all.min.css') }}" rel="stylesheet" type="text/css" >
  7.         <link href="{{ asset('css/fonts-5.13.0/css/v4-shims.min.css') }}" rel="stylesheet" type="text/css" >
  8.         
  9.         <script type="text/javascript" src="{{ asset('js/jquery-3.6.3.min.js') }}"></script>
  11.         <title>{% block title %}Welcome!{% endblock %}</title>
  12.         {% block stylesheets %}{% endblock %}
  13.         <style>
  14.             header { z-index: 20; background-color: #2199e8; float:left; margin-bottom:15px; }
  15.             ul { list-style-type: none; margin:0; padding:0; }
  16.             ul.menu li { width: 130px; min-height:60px; float:left; color:white; padding-top:10px; text-align: center; }
  17.             ul.menu li a { text-decoration:none; color:white; }
  19.             div.panel-primary { box-shadow: 0 1px 2px rgba(0,0,0,.05); border-color: #337ab7; margin-bottom: 20px; 
  20.                             background-color: #fff; border: 1px solid #337ab7; border-radius: 4px; display:inline-block; }
  21.             div.panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; 
  22.                             padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
  23.             div.panel-body { padding: 4px 21px; box-sizing: border-box; }
  25.             div.flash-notice { background:#E6FFDD; border:1px solid #A0DB8C; color:green; display:block; -webkit-border-radius: 7px; border-radius: 7px; margin-top:10px; margin-bottom:10px; padding:10px;font-weight:bolder; }
  26.             div.flash-error { background:#d99c9c; border: 1px solid red; color:#872E2A; display:block; -webkit-border-radius: 7px; border-radius: 7px; margin-top:10px; margin-bottom:10px; padding:10px;font-weight:bolder; }
  28.             form .form-control { width:155px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;
  29.                             color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc;
  30.                             box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
  31.             form .form-group { margin-left: 0 !important; margin-right: 0 !important; margin-bottom:15px; }
  32.             form .form-group label { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; width: 90px; display: inline-flex;
  33.                     color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; }
  34.             form .form-group button { margin: 10px; color: #fff; background-color: #5cb85c; display: inline-block;
  35.                             padding: 6px 12px; font-size: 14px; border: 1px solid transparent; border-radius: 4px;}
  36.     </style>
  37.     </head>
  38.     <body>
  39.         <header>
  40.             <ul class="menu">
  41.                 <li class="center">
  42.                     <a href="{{ path('mobile_bank_mouvement') }}">
  43.                         <i class="fa fa-money"></i>
  44.                         <br>Dépenses
  45.                     </a>
  46.                 </li>
  47.                 <li class="center">
  48.                     <a href="{{ path('mobile_vehicule_mouvement') }}">
  49.                         <i class="fa fa-car"></i>
  50.                         <br>Véhicule
  51.                     </a>
  52.                 </li>
  53.             </ul>
  54.         </header>
  55.         {% block body %}{% endblock %}
  56.         {% block javascripts %}{% endblock %}
  57.     </body>
  58. </html>