templates/base.html.twig line 1

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>