Elgg  Version 5.1
admin.css.php
Go to the documentation of this file.
1 <?php
9 echo elgg_view('core.css');
10 
11 ?>
12 
13 .elgg-page-admin {
14  background: #f7f7f8;
15 
16  .elgg-page-section > .elgg-inner {
17  max-width: 100rem;
18  margin: 0 auto;
19  }
20 
21 
22  .elgg-admin-notices-dismiss-all {
23  font-weight: 600;
24  margin: 1rem;
25  display: block;
26  }
27 
28  .elgg-module-admin-notices {
29  margin-top: 2rem;
30  }
31 
32  .elgg-admin-notices > li {
33  padding: 0;
34  border: none;
35  }
36 
37  .elgg-page-topbar {
38  background: #2d3047;
39 
40  .elgg-menu li .elgg-child-menu {
41  background: #2d3047;
42  }
43  }
44 
45  .elgg-main {
46  padding: 2rem;
47  background: #ffffff;
48  border: 1px solid #e6e6ea;
49  margin: 1rem 0.5rem;
50  }
51 
52  .elgg-page-topbar .elgg-menu-container {
53  justify-content: space-between;
54  width: 100%;
55  }
56 }
57 
58 @media only $(media-desktop-up) {
59  .elgg-page-admin {
60  .elgg-page-topbar .elgg-menu-admin-header-alt {
61  order: 2;
62  }
63  }
64 }
65 
66 /* ***************************************
67  Admin informationals
68 **************************************** */
69 .elgg-admin-information-row {
70  > .elgg-image {
71  min-width: 1rem;
72  text-align: center;
73 
74  .elgg-icon-times {
75  color: $(state-danger-font-color);
76  }
77  .elgg-icon-exclamation-triangle {
78  color: $(state-warning-font-color);
79  }
80  .elgg-icon-checkmark {
81  color: $(state-success-font-color);
82  }
83  }
84 }
85 
86 /* ***************************************
87  PLUGINS FILTER
88 **************************************** */
89 .elgg-admin-plugins-categories {
90  display: flex;
91  flex-wrap: wrap;
92  flex-direction: row;
93  margin-top: 1rem;
94 
95  > li {
96  margin: 0.1rem;
97  display: inline-block;
98 
99  > a {
100  padding: 0.25rem 0.5rem;
101  background: #e6e6ea;
102  border-radius: 3px;
103  font-size:0.85rem;
104  color: #2d3047;
105  text-decoration: none;
106  }
107 
108  &.elgg-state-selected > a {
109  color: #fff;
110  background: #2d3047;
111  text-decoration: none;
112  }
113  }
114 }
115 
116 /* ***************************************
117  PLUGINS
118 **************************************** */
119 
120 #elgg-plugin-list .elgg-list > li {
121  padding: 0;
122  border: none;
123  margin-bottom: 2px;
124 }
125 
126 .elgg-plugin {
127  border: 1px solid $(border-color-mild);
128  padding: 0.5rem;
129  border-radius: 3px;
130  position: relative;
131 
132  &:hover {
133  border-color: $(border-color-highlight);
134  }
135 
136  &.elgg-state-active {
137  background: #fff;
138  }
139 
140  &.elgg-state-inactive {
141  background: #eee;
142 
143  .elgg-listing-summary-title a {
144  color: #666;
145  }
146  }
147 
148  &.elgg-state-cannot-activate {
149  background: #f7f0d4;
150  }
151 
152  &.elgg-state-draggable > .elgg-image-block .elgg-head {
153  cursor: move;
154  }
155 
156  > .elgg-image {
157  margin-right: .5rem;
158  min-width: 9rem;
159  text-align: center;
160 
161  .elgg-button {
162  display: block;
163  margin: 0;
164  }
165  }
166 
167  .ui-sortable-handle {
168  cursor: move;
169  }
170 
171  .elgg-state-error {
172  background: $(state-danger-background-color);
173  color: $(state-danger-font-color);
174  border-color: $(state-danger-border-color);
175  }
176 
177  .elgg-state-warning {
178  background: $(state-warning-background-color);
179  color: $(state-warning-font-color);
180  border-color: $(state-warning-border-color);
181  }
182 
183  .elgg-state-error,
184  .elgg-state-warning {
185  padding: 3px 6px;
186  margin: 3px 0;
187  width: auto;
188 
189  a {
190  text-decoration: underline;
191  }
192  }
193 }
194 
195 .elgg-state-cannot-activate .elgg-image a[disabled],
196 .elgg-state-cannot-deactivate .elgg-image a[disabled] {
197  text-decoration: none;
198 }
199 
200 .elgg-plugin-placeholder {
201  display: block;
202  min-height: 5rem;
203  border: 1px dashed $(border-color-highlight) !important;
204 }
205 
206 #elgg-plugin-list-cover {
207  display: none;
208  position: absolute;
209  top: 0;
210  bottom: 0;
211  left: 0;
212  right: 0;
213  background: white;
214  opacity: 0.5;
215 }
216 
217 #elgg-plugin-list {
218  position: relative;
219 
220  .elgg-plugin {
221  .elgg-state-error, .elgg-state-warning {
222  display: inline-block;
223  }
224  }
225 }
226 
227 .elgg-module-plugin-details {
228  width: 600px;
229  min-height: 500px;
230 
231  .elgg-plugin {
232  border: none;
233  margin: 0;
234  padding: 0;
235  }
236 
237  .elgg-tabs a {
238  cursor: pointer;
239  }
240 }
241 
242 /****************************************
243  MARKDOWN
244 ****************************************/
245 .elgg-markdown {
246  margin: 15px;
247 
248  h1, h2, h3, h4, h5, h6 {
249  margin: 1em 0 1em -15px;
250  color: #333;
251  }
252 
253  ol {
254  list-style: decimal;
255  padding-left: 2em;
256  }
257 
258  ul {
259  list-style: disc;
260  padding-left: 2em;
261  }
262 
263  p {
264  margin: 15px 0;
265  }
266 
267  img {
268  max-width: 100%;
269  height: auto;
270  margin: 10px 0;
271  }
272 
273  pre > code {
274  border: none;
275  }
276 }
b Accompany it with a written valid for at least three to give any third for a charge no more than your cost of physically performing source a complete machine readable copy of the corresponding source code
Definition: LICENSE.txt:193
elgg_view(string $view, array $vars=[], string $viewtype= '')
Return a parsed view.
Definition: views.php:177
$result error
$data icon
Definition: default.php:28