templates/base.html_1.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
  5.         <meta name="viewport" content="initial-scale=1.0" />
  6.         <title>{% block title %}{% endblock %} - Gestión de Intermediario</title>
  7.         <!--[if lt IE 9]>
  8.             <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  9.         <![endif]-->
  10.         {% block stylesheets %}
  11.             <link href="{{ asset('css/screen.css') }}" type="text/css" rel="stylesheet" />
  12.             <link href="{{ asset('css/default.css') }}" type="text/css" rel="stylesheet" />
  13.             <link href="{{ asset('bootstrap/css/bootstrap.css') }}" type="text/css" rel="stylesheet" />
  14.             <link href="{{ asset('fontawesome-free/web-fonts-with-css/css/fontawesome-all.min.css') }}" type="text/css" rel="stylesheet" />
  15.         {% endblock %}
  16.         <link rel="shortcut icon" href="{{ asset('favicon.png') }}" />
  17.          <script src="{{ asset('js/jquery-1.7.1.min.js') }}"></script>
  18.            <style type="text/css">
  19.                          .loader-section{
  20.   width: 100vw;
  21.   height: 100vh;
  22.   max-width: 100%;
  23.   position: fixed;
  24.   top: 0;
  25.   display: flex;
  26.   justify-content: center;
  27.   align-items: center;
  28.   background-color: #ffffff;
  29.   z-index:999;
  30.   transition: all 1s 1s ease-out;
  31.   opacity:1;
  32. }
  33. .loaded{
  34.   opacity:0;
  35.   z-index:-1;
  36. }
  37.   
  38. .loader {
  39.     width: 48px;
  40.     height: 48px;
  41.     border: 5px solid #17A860;
  42.     border-bottom-color: transparent;
  43.     border-radius: 50%;
  44.     display: inline-block;
  45.     box-sizing: border-box;
  46.     animation: rotation 1s linear infinite;
  47.     }
  49. @keyframes rotation {
  50.     0% {
  51.         transform: rotate(0deg);
  52.     }
  53.     100% {
  54.         transform: rotate(360deg);
  55.     }
  56. }
  57.   </style>
  58.     </head>
  59.     <body>
  60.                                 <div class="loader-section">
  61.     <span class="loader"></span>
  62. </div>
  63.          <div class="container-fluid" style="margin-top: 5px">
  64.   <div id="doc2">
  66.            
  67.       <div id="hd" style="margin-bottom: 12px">
  68.    
  69.                     {% block navigation %}
  70.     
  71.                
  73.                     {% endblock %}
  74.                     </div>
  75.          
  77.  
  78.                    <div id="bd">
  80.                 {% block body %}
  81. {% endblock %}
  82.                    </div>
  84.         
  87.                 <div id="ft">
  88.                 {% block footer %}
  90.                 {% endblock %}
  91.                 </div>
  93.         {% block javascripts %}{% endblock %}
  94.       </div>
  95.                     </div>
  96.                                                        <script type="text/javascript">
  98.                         $(function () {
  99.         function pageLoaded() {
  100.   let loaderSection = document.querySelector('.loader-section');
  101.   loaderSection.classList.add('loaded');
  102. }
  104. document.onload = pageLoaded();
  105.       });
  106.                     </script>
  107.     </body>
  108. </html>