templates/reset_password/layout_reset.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <meta charset="UTF-8">
  6. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  7. <title>{% block title %}{% endblock %}</title>
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <meta name="author" content="">
  10.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  11.           integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  12.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  13.     <link href="{{ asset('/images/favicon.ico') }}" rel="shortcut icon" type="image/x-icon"/>
  14.     <link href="{{ asset('css/admin-style.css') }}" rel="stylesheet">
  15.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  16.             integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  17.             crossorigin="anonymous"></script>
  19.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  21. <style>
  22. #page-reset{
  23. background: #E9E9E9;
  24. }
  25. #page-reset .container{
  26. background: #fff;
  27. }
  28. #page-reset header{
  29. padding: 20px;
  30. text-align: left;
  31. display: block;
  32. width: 100%;
  33. min-height: 20px;
  34. overflow: hidden;
  35. background: #fff;
  36. /*border-bottom: 1px solid rgba(0,0,0,0.3)*/
  37. }
  38. #page-reset #logo{
  39. display: block;
  40. margin: 0 auto;
  41. }
  42. #page-reset #content_reset{
  43. background: #fff;
  44. padding: 20px;
  45. color: #34495e;
  46. font-size: 18px;
  47. }
  48. #page-reset #content_reset h2{
  49. color: #da2b10;
  50. font-size: 24px;
  51. margin-bottom: 35px;
  52. }
  53. @media (min-width: 1200px){
  54. #page-reset .container {
  55. width: 940px;
  56. padding-left: 0;
  57. padding-right: 0;
  58. }
  59. }
  62. @media (max-width: 980px){
  63. #page-reset {
  64. background: #fff;
  65. }
  66. }
  68. .form-group .required .control-label:after {
  69.   content:"*";color:red;
  70. }
  72. </style>
  74. </head>
  75. <body id="page-reset">
  77. <div class="container">
  78.   {% if app.session.flashBag.has('success') %}
  79.         <div class="alert alert-success">
  80.             {% for msg in app.session.flashBag.get('success') %}
  81.                 {{ msg }}
  82.             {% endfor %}
  83.         </div>
  84.     {% endif %}
  87. <header style="border: 2px solid rgba(0,0,0,.125);}">
  88. <a href="https://www.repam.fr/"><img id="logo" alt="" src="{{asset('/images/logo-repam.png')}}" class="img-responsive"></a>
  89. </header>
  91. <section id="content_reset">
  92. <div>
  93.     {% block body %}
  94.     {% endblock body %}
  95. </div>
  96. </section>
  99. </div>
  100. <script>
  102. $(document).ready(function() {
  105. if ($(window).width() > 980) {
  106. fixcontent();
  107. }
  108. $(document).resize(function() {
  109. fixcontent();
  110. });
  113. function fixcontent() {
  114. _height_body = $(window).height();
  115. $("#page-reset .container").css({"min-height":_height_body + "px"});
  116. }
  118. });
  119. </script>
  121. </body>
  122. </html>