Elgg  Version 5.1
walled_garden.css.php
Go to the documentation of this file.
1 <?php
6 echo elgg_view('core.css');
7 ?>
8 
9 .elgg-page-walled-garden {
10  margin: 0;
11  position: relative;
12  display: flex;
13  justify-content: center;
14  align-items: center;
15  min-height: 100vh;
16 }
17 
18 @ifset walled-garden-background-image {
19  .elgg-page-walled-garden-background {
20  position: absolute;
21  top: 0;
22  left: 0;
23  width: 100%;
24  height: 100%;
25  background-image: url($(walled-garden-background-image));
26  background-size: cover;
27  background-repeat: no-repeat;
28  background-position: 50%;
29  filter: blur(4px);
30  }
31 }
32 
33 .elgg-heading-walled-garden {
34  font-size: 3rem;
35  line-height: 3rem;
36  color: $(text-color-strong);
37  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
38  font-weight: $(font-bold-weight);
39 }
40 
41 .elgg-page-walled-garden > .elgg-inner {
42  width: 30rem;
43  min-height: 100%;
44 }
45 
46 .elgg-page-walled-garden > .elgg-inner {
47  > .elgg-page-body {
48  padding: 1.5rem 3rem;
49  background: #fff;
50  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), -1px -1px 1px rgba(0, 0, 0, 0.3);
51  }
52  > .elgg-page-header {
53  padding: 3rem 0;
54  }
55  > .elgg-page-footer {
56  background: none;
57  a {
58  color: $(text-color-strong);
59  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
60  font-weight: $(font-bold-weight);
61  }
62  }
63 
64 }
65 
66 .elgg-page-walled-garden .elgg-main {
67  min-height: 0;
68  padding: 0;
69 }
70 
71 .elgg-heading-walled-garden a {
72  text-decoration: none;
73  color: inherit;
74 }
75 
76 .elgg-page-walled-garden .elgg-form-login,
77 .elgg-page-walled-garden .elgg-form-account {
78  max-width: none;
79 }
80 
81 @media $(media-mobile-only) {
82  .elgg-page-walled-garden {
83  width: 100%;
84  float: none;
85  }
86 }
elgg_view(string $view, array $vars=[], string $viewtype= '')
Return a parsed view.
Definition: views.php:177
function filter(array, term)