templates/frontend/default/header.html.twig line 1

Open in your IDE?
  1. {% block header %}
  2. <style>
  3. header {
  4. text-align: center; margin: 0 auto;
  5. overflow: hidden;
  6. position: absolute;
  7. height: 435vw;
  8. width: 100%;
  9. }
  10. header .background{
  11. width:100%;
  12. position: relative;
  13. -webkit-background-clip: padding-box;
  14. background-clip: padding-box;
  15. color: white;
  16. background-color: transparent;
  17. bottom: 5px;
  18. z-index: 0;
  19. }
  20. header p{
  21. margin-top: 3%;
  22. }
  24. header .rule {
  25. position: absolute;
  26. top: 4%;
  27. left: 65%;
  28. }
  29. header .rule img {
  30. width: 30%;
  31. float: right;
  32. }
  33. @media only screen and (min-width: 700px) {
  34. header .rule{
  35. left:77%
  36. }
  37. header{
  38. height: 325vw;
  39. }
  40. header .rule img{
  41. width: 45%
  42. }
  43. }
  44. @media only screen and (min-width: 1000px) {
  45. header .rule{
  46. left:81%
  47. }
  48. }
  49. </style>
  50. <header>
  51. <img src="{{ asset('images/background.png') }}" class='background' alt="BG Image"></img>
  52. {# <p class="event-date">{{ 'mission.event-date' | trans }}</p> #}
  53. <div class="rule">
  54. <a href="{{ path('game_pre_activity_rule', {'language': app.request.locale} ) }}">
  55. <img src="{{ asset('images/tnc_btn.png') }}" alt="gamerule"/>
  56. </a>
  57. </div>
  58. </header>
  59. {% endblock %}