templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>    
  2. <html>
  3.     <head>
  4.         <script src="{{asset ('js/jquery-2.1.4.min.js')}}"></script>
  5.         <script src="{{asset ('jquery-ui-1.11.4/jquery-ui.min.js')}}"></script>
  6.         <script src="{{asset ('bootstrap-4.3.1-dist/js/bootstrap.min.js')}}"></script>
  9.         <link rel="stylesheet" href="{{asset ('jquery-ui-1.11.4/jquery-ui.min.css')}}">
  10.         <link rel="stylesheet" href="{{asset ('bootstrap-4.3.1-dist/css/bootstrap.css')}}">
  11.         <link rel="stylesheet" href="{{asset ('bootstrap-4.3.1-dist/css/open-iconic-bootstrap.css')}}">
  12.         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" >
  13.         {% block head %}{% endblock %}
  14.         {% block style %}{% endblock %}  
  15.         {% block stylemMenuBar %}
  16.             <style>
  17.                 .logo
  18.                 {
  19.                     float: left;
  20.                     margin-right: 20px;
  21.                 }
  22.                 .menu
  23.                 {
  24.                     list-style-type: none;
  25.                     margin: 0;
  26.                     padding: 0;
  27.                     height: 44px
  28.                 }
  30.                 .menu li a 
  31.                 {
  32.                     display: inline-block;
  33.                     padding: 18px;
  34.                     padding-bottom: 11px;
  35.                     padding-top: 12px;
  36.                     float: left;
  37.                     text-decoration: none;
  38.                     text-transform: uppercase;
  39.                     font-family: Calibri;
  40.                     font-weight: Bold;
  41.                     font-size: 17px;
  42.                     color: #ffffff;
  43.                     border-bottom:none;
  44.                     transition: background-color 0.5s cubic-bezier(0.29, 0.33, 0.51, 1.16), color 0.5s cubic-bezier(0.29, 0.33, 0.51, 1.16);
  45.                     transition-property: background-color, color;
  46.                     transition-duration: 0.5s, 0.5s;
  47.                     transition-timing-function: cubic-bezier(0.29, 0.33, 0.51, 1.16), cubic-bezier(0.29, 0.33, 0.51, 1.16);
  48.                     transition-delay: initial, initial;
  50.                 }
  51.                 
  52.                 .menu li a:hover
  53.                 {
  54.                     border-bottom:none;
  55.                     background-color: #000000;
  56.                     color:#ffffff !important;
  57.                 }
  58.                 .divImg
  59.                 {
  60.                     padding-top: 16px;
  61.                     padding-left: 16px;                    
  62.                     padding-right: 16px;
  63.                     padding-bottom: 1px;
  64.                 }
  65.                 .divNav
  66.                 {
  67.                     overflow: hidden;
  68.                     background-color: #5f5f5f;
  69.                     position:relative;                    
  70.                     height: 44px;
  71.                     top: 0px;
  72.                     margin-top: 27px;
  73.                     padding-top: 0px;
  74.                     border-top-left-radius: 300px;
  75.                     border-bottom-left-radius: 300px;
  76.                     border-bottom-right-radius: 1000px;
  78.                 }
  79.                 .divNav a.active 
  80.                 {
  81.                     background-color:#A70531;
  82.                     color:#ffffff;    
  83.                 }
  84.                 .navMenu
  85.                 {
  86.                     height: 44px;     
  87.                 }
  88.                 .divTop
  89.                 {
  90.                     margin-bottom: 10px;
  91.                 }
  92.                 .div2 {
  93.                     background-repeat: no-repeat;
  94.                     background-position: center;
  95.                     border-radius: 7px;
  96.                     border-color: white;
  97.                     border: 1px solid rgba(0, 0, 0, .0);
  98.                     background-clip: padding-box;
  99.                     height: 35px;
  100.                     width: 35px;
  101.                 }
  102.             </style>
  103.         {% endblock %}
  104.         
  105.        {% block script %}{% endblock %}
  106.         </head>
  107.         <body>
  108.         {% block menuBar %}
  111.             <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  112.                 <a class="navbar-brand" href="#"> <img src="/img/logo.png" width="140" alt="Visiotech Logo" class="logo"></a>
  113.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
  114.                     <span class="navbar-toggler-icon"></span>
  115.                 </button>
  116.                 <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
  117.                     <div class="navbar-nav">
  118.                         <a class="nav-item nav-link active" id="translationsTable" href="{{path('showTranslationsGrid')}}">Traducciones</a>
  119.                         <a class="nav-item nav-link" id="translate" href="{{path('showTranslate')}}">Traducir</a>
  120.                     </div>
  121.                 </div>
  122.             </nav>
  124.         {% endblock %}
  125.         {% block body %}{% endblock %}
  126.         </body>
  127. </html>
  128.