templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}Welcome!{% endblock %}</title>
  6.         {% block stylesheets %}{% endblock %}
  7.         <style>
  8.             html {
  9.                 font-size: 1px;
  10.             }
  12.             body {
  13.                 font-family: 'Quicksand', sans-serif;
  14.                 font-weight: 700;
  15.                 line-height: 1.5;
  16.                 font-size: 12rem;
  17.                 /*background: linear-gradient(180deg, #d15221, #130045) top left no-repeat #130045;*/
  18.                 /*    background: linear-gradient(180deg, #0062C2, #180080) top left no-repeat #180080;*/
  19.                 background-size: 100% 760rem;
  20.                 background-attachment: fixed;
  21.                 margin: 0;
  22.                 padding: 0;
  23.             }
  25.             h1 {
  26.                 font-size: 20rem;
  27.                 margin: 0;
  28.                 font-weight: inherit;
  29.             }
  31.             h2 {
  32.                 margin: 0;
  33.                 font-size: 16rem;
  34.                 font-weight: inherit;
  35.             }
  37.             a {
  38.                 cursor: pointer;
  39.                 color: inherit;
  40.             }
  42.             button {
  43.                 border: none;
  44.                 cursor: pointer;
  45.                 font-family: 'Quicksand', sans-serif;
  46.                 font-weight: 700;
  47.                 outline: none;
  48.             }
  50.             ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  51.                 font-family: 'Quicksand', sans-serif;
  52.                 color: #808080;
  53.             }
  54.             ::-moz-placeholder { /* Firefox 19+ */
  55.                 font-family: 'Quicksand', sans-serif;
  56.                 color: #808080;
  57.             }
  58.             :-ms-input-placeholder { /* IE 10+ */
  59.                 font-family: 'Quicksand', sans-serif;
  60.                 color: #808080;
  61.             }
  62.             :-moz-placeholder { /* Firefox 18- */
  63.                 font-family: 'Quicksand', sans-serif;
  64.                 color: #808080;
  65.             }
  67.             .wrap {
  68.                 width: 800rem;
  69.                 margin-left: auto;
  70.                 margin-right: auto;
  71.                 box-sizing: border-box;
  72.             }
  74.             .header {
  75.                 background: black;
  76.                 margin-top: 28rem;
  77.                 margin-bottom: 6rem;
  78.                 position: relative;
  79.                 padding: 16rem 0;
  80.             }
  82.             .headerContent {
  83.                 color: white;
  84.                 display: flex;
  85.                 align-items: center;
  86.             }
  88.             .headerText {
  89.                 color: #fff;
  90.                 text-transform: uppercase;
  91.                 font-size: 12rem;
  92.                 margin-left: 8rem;
  93.                 line-height: 1.2;
  94.             }
  96.             .fos_user_resetting_request > div, #registration_form_inner_wrap > div, #fos_user_resetting_form > div {
  97.                 display: flex;
  98.                 position: relative;
  99.                 padding: 18rem;
  100.             }
  102.             .fos_user_resetting_request > div:last-child, .fos_user_registration_register > div:last-child, .fos_user_resetting_reset > div:last-child {
  103.                 padding: 18rem;
  104.             }
  106.             .fos_user_resetting_request label, .fos_user_registration_register label, .fos_user_resetting_reset label{
  107.                 flex: 1;
  108.                 display: flex;
  109.                 flex-direction: column;
  110.                 max-width: 48%;
  111.             }
  113.             .fos_user_registration_register ul {
  114.                 position:absolute;
  115.                 left: 50%;
  116.                 margin-top: 20rem;
  117.             }
  119.             .fos_user_resetting_request input, .fos_user_registration_register input, .fos_user_resetting_reset input {
  120.                 flex: 1;
  121.                 display: flex;
  122.                 flex-direction: column;
  123.                 border: none;
  124.                 border-bottom: 1rem solid #a6a6a7;
  125.                 outline: none;
  126.                 font-family: 'Quicksand', sans-serif;
  127.                 font-size: 12rem;
  128.             }
  130.             .fos_user_resetting_request input[type=submit], .fos_user_registration_register input[type=submit], .fos_user_resetting_reset input[type=submit] {
  131.                 display: inline-block;
  132.                 justify-content: flex-end;
  133.                 height: 36rem;
  134.                 line-height: 36rem;
  135.                 padding: 0 18rem;
  136.                 box-sizing: border-box;
  137.                 text-decoration: none;
  138.                 vertical-align: middle;
  139.                 background-color: black;
  140.                 color: #fff;
  141.                 flex: inherit;
  142.                 font-size: 12rem;
  143.             }
  145.             .fos_user_resetting_request input[type=checkbox], .fos_user_registration_register input[type=checkbox], .fos_user_resetting_reset input[type=checkbox] {
  146.                 position: absolute;
  147.                 left:50%;
  148.                 top:18rem;
  149.             }
  151.             input[type=checkbox] + label {
  152.                 color: #ccc;
  153.                 font-style: italic;
  154.             }
  155.             input[type=checkbox]:checked + label {
  156.                 content: '';
  157.                 color: #f00;
  158.                 font-style: normal;
  159.             }
  161.             .input {
  162.                 border: none;
  163.                 border-bottom: 1rem solid #a6a6a7;
  164.                 width: 100%;
  165.                 outline: none;
  166.                 font-family: 'Quicksand', sans-serif;
  167.             }
  169.             .floatLabel {
  170.                 color: #808080;
  171.                 margin-bottom: -2rem;
  172.             }
  174.             .formBlock {
  175.                 background: #fff;
  176.             }
  178.             .contentBlock, .formBlock p {
  179.                 background: #fff;
  180.                 padding: 18rem;
  181.             }
  183.             .formBlock h2 {
  184.                 margin-bottom: 18rem;
  185.             }
  187.             .titleBlock {
  188.                 padding: 0 18rem;
  189.                 margin-bottom: 4rem;
  190.             }
  192.             .row {
  193.                 display: flex;
  194.             }
  196.             .column {
  197.                 flex: 1;
  198.                 padding: 18rem;
  199.                 display: flex;
  200.                 flex-direction: column;
  201.             }
  203.             .leftColumn {
  204.                 margin-bottom: 30rem;
  205.             }
  207.             .columnBody {
  208.                 flex: 1;
  209.             }
  211.             .formFooter {
  212.                 margin-top: 30rem;
  213.             }
  215.             .errorMessage {
  216.                 height: 36rem;
  217.                 text-align: right;
  218.             }
  220.             .buttons {
  221.                 flex-grow: 1;
  222.                 display: flex;
  223.                 justify-content: flex-end;
  224.             }
  226.             .button {
  227.                 height: 36rem;
  228.                 line-height: 36rem;
  229.                 padding: 0 18rem;
  230.                 box-sizing: border-box;
  231.                 text-decoration: none;
  232.                 display: inline-block;
  233.                 vertical-align: middle;
  234.             }
  236.             .buttonPrimary {
  237.                 background-color: black;
  238.                 color: #fff;
  239.             }
  240.         </style>
  241.         <!-- Global site tag (gtag.js) - Google Analytics -->
  242.         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163615288-1"></script>
  243.         <script>
  244.             window.dataLayer = window.dataLayer || [];
  245.             function gtag(){dataLayer.push(arguments);}
  246.             gtag('js', new Date());
  248.             gtag('config', 'UA-163615288-1', {'anonymize_ip': true});
  249.         </script>
  250.     </head>
  251.     <body>
  252.         {% block body %}{% endblock %}
  253.         {% block javascripts %}{% endblock %}
  254.         <script>
  255.             var DEFAULT_VIEW_WIDTH = 1280;
  256.             var DEFAULT_VIEW_HEIGHT = 760;
  258.             document.addEventListener('DOMContentLoaded', function() {
  259.                 updateAppScale();
  260.                 window.addEventListener('resize', updateAppScale);
  261.             });
  263.             function updateAppScale() {
  264.                 //scale the app to fit inside the window (contained)
  265.                 var heightRatio = window.innerHeight / DEFAULT_VIEW_HEIGHT;
  266.                 var widthRatio = window.innerWidth / DEFAULT_VIEW_WIDTH;
  268.                 document.documentElement.style.fontSize = Math.min(heightRatio, widthRatio) + 'px';
  269.             }
  270.         </script>
  271.     </body>
  272. </html>