Elgg  Version 1.11
forms.php
Go to the documentation of this file.
1 <?php
8 ?>
9 /* <style> /**/
10 
11 /* ***************************************
12  Form Elements
13 *************************************** */
14 fieldset > div {
15  margin-bottom: 15px;
16 }
17 fieldset > div:last-child {
18  margin-bottom: 0;
19 }
20 .elgg-form-alt > fieldset > .elgg-foot {
21  border-top: 1px solid #CCC;
22  padding: 10px 0;
23 }
24 
25 label {
26  font-weight: bold;
27  color: #333;
28  font-size: 110%;
29 }
30 label.elgg-state-disabled {
31  opacity: 0.6;
32 }
33 
34 input, textarea {
35  border: 1px solid #ccc;
36  color: #666;
37  font: 120% Arial, Helvetica, sans-serif;
38  padding: 5px;
39  width: 100%;
40  border-radius: 5px;
41  -webkit-box-sizing: border-box;
42  -moz-box-sizing: border-box;
43  box-sizing: border-box;
44 }
45 
46 input[type=email]:focus,
47 input[type=password]:focus,
48 input[type=text]:focus,
49 input[type=url]:focus,
50 textarea:focus {
51  border: solid 1px #4690d6;
52  background: #e4ecf5;
53  color:#333;
54  /* We remove outlines from specific input types so we can leave the browser
55  defaults (like glows) for everything else */
56  outline: 0 none;
57 }
58 
59 .elgg-longtext-control {
60  float: right;
61  margin-left: 14px;
62  font-size: 80%;
63  cursor: pointer;
64 }
65 
66 
67 .elgg-input-access {
68  margin:5px 0 0 0;
69 }
70 
71 input[type="checkbox"],
72 input[type="radio"] {
73  margin:0 3px 0 0;
74  padding:0;
75  border:none;
76  border-radius:0;
77  width:auto;
78 }
79 .elgg-input-checkboxes.elgg-horizontal li,
80 .elgg-input-radios.elgg-horizontal li {
81  display: inline;
82  padding-right: 10px;
83 }
84 
85 .elgg-form-login, .elgg-form-account {
86  max-width: 475px;
87  margin: 0 auto;
88 }
89 
90 /* ***************************************
91  FRIENDS PICKER
92 *************************************** */
93 .friends-picker-main-wrapper {
94  margin-bottom: 15px;
95 }
96 .friends-picker-container h3 {
97  font-size:4em !important;
98  text-align: left;
99  margin:10px 0 20px !important;
100  color:#999 !important;
101  background: none !important;
102  padding:0 !important;
103 }
104 .friends-picker .friends-picker-container .panel ul {
105  text-align: left;
106  margin: 0;
107  padding:0;
108 }
109 .friends-picker-wrapper {
110  margin: 0;
111  padding:0;
112  position: relative;
113  width: 730px;
114 }
115 .friends-picker {
116  position: relative;
117  overflow: hidden;
118  margin: 0;
119  padding:0;
120  width: 730px;
121  height: auto;
122  background-color: #dedede;
123  border-radius: 8px;
124 }
125 .friendspicker-savebuttons {
126  background: white;
127  border-radius: 8px;
128  margin:0 10px 10px;
129 }
130 .friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS */
131  position: relative;
132  left: 0;
133  top: 0;
134  width: 100%;
135  list-style-type: none;
136 }
137 .friends-picker .friends-picker-container .panel {
138  float:left;
139  height: 100%;
140  position: relative;
141  width: 730px;
142  margin: 0;
143  padding:0;
144 }
145 .friends-picker .friends-picker-container .panel .wrapper {
146  margin: 0;
147  padding:4px 10px 10px 10px;
148  min-height: 230px;
149 }
150 .friends-picker-navigation {
151  margin: 0 0 10px;
152  padding:0 0 10px;
153  border-bottom:1px solid #ccc;
154 }
155 .friends-picker-navigation ul {
156  list-style: none;
157  padding-left: 0;
158 }
159 .friends-picker-navigation ul li {
160  float: left;
161  margin:0;
162  background:white;
163 }
164 .friends-picker-navigation a {
165  font-weight: bold;
166  text-align: center;
167  background: white;
168  color: #999;
169  text-decoration: none;
170  display: block;
171  padding: 0;
172  width:20px;
173  border-radius: 4px;
174 }
175 .tabHasContent {
176  background: white;
177  color:#333 !important;
178 }
179 .friends-picker-navigation li a:hover {
180  background: #333;
181  color:white !important;
182 }
183 .friends-picker-navigation li a.current {
184  background: #4690D6;
185  color:white !important;
186 }
187 .friends-picker-navigation-l, .friends-picker-navigation-r {
188  position: absolute;
189  top: 46px;
190  text-indent: -9000em;
191 }
192 .friends-picker-navigation-l a, .friends-picker-navigation-r a {
193  display: block;
194  height: 40px;
195  width: 40px;
196 }
197 .friends-picker-navigation-l {
198  right: 48px;
199  z-index:1;
200 }
201 .friends-picker-navigation-r {
202  right: 0;
203  z-index:1;
204 }
205 .friends-picker-navigation-l {
206  background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left top;
207 }
208 .friends-picker-navigation-r {
209  background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px top;
210 }
211 .friends-picker-navigation-l:hover {
212  background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat left -44px;
213 }
214 .friends-picker-navigation-r:hover {
215  background: url("<?php echo elgg_get_site_url(); ?>_graphics/friendspicker.png") no-repeat -60px -44px;
216 }
217 .friendspicker-savebuttons .elgg-button-submit,
218 .friendspicker-savebuttons .elgg-button-cancel {
219  margin:5px 20px 5px 5px;
220 }
221 .friendspicker-members-table {
222  background: #dedede;
223  border-radius: 8px;
224  margin:10px 0 0;
225  padding:10px 10px 0;
226 }
227 
228 /* ***************************************
229  AUTOCOMPLETE
230 *************************************** */
231 <?php //autocomplete will expand to fullscreen without max-width ?>
233  position: absolute;
234  cursor: default;
235  z-index: 10000;
236 }
237 .elgg-autocomplete-item .elgg-body {
238  max-width: 600px;
239 }
240 .ui-autocomplete {
241  background-color: white;
242  border: 1px solid #ccc;
243  overflow: hidden;
244  border-radius: 5px;
245 }
247  padding: 0px 4px;
248  border-radius: 5px;
249 }
250 .ui-autocomplete .ui-menu-item:hover {
251  background-color: #eee;
252 }
253 .ui-autocomplete a:hover {
255  color: #4690D6;
256 }
257 .ui-autocomplete a.ui-state-hover {
258  background-color: #eee;
259  display: block;
260 }
261 
262 /* ***************************************
263  USER PICKER
264 *************************************** */
265 .elgg-user-picker-list li:first-child {
266  border-top: 1px dotted #ccc;
267  margin-top: 5px;
268 }
269 .elgg-user-picker-list > li {
270  border-bottom: 1px dotted #ccc;
271 }
272 .elgg-user-picker.elgg-state-disabled > input,
273 .elgg-user-picker.elgg-state-disabled > label {
274  display: none;
275 }
276 .elgg-user-picker-remove {
277  cursor: pointer;
278 }
279 
280 /* ***************************************
281  DATE PICKER
282 **************************************** */
284  display: none;
285 
286  margin-top: 3px;
287  background-color: white;
288  border: 1px solid #0054A7;
289  border-radius: 6px;
290  overflow: hidden;
291  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
292 }
293 .ui-datepicker-inline {
294  box-shadow: none;
295 }
296 
298  position: relative;
299  background: #4690D6;
300  color: white;
301  padding: 2px 0;
302  border-bottom: 1px solid #0054A7;
303 }
304 .ui-datepicker-header a {
305  color: white;
306 }
308  position: absolute;
309  top: 5px;
310  cursor: pointer;
311 }
312 .ui-datepicker-prev {
313  left: 6px;
314 }
315 .ui-datepicker-next {
316  right: 6px;
317 }
319  line-height: 1.8em;
320  margin: 0 30px;
321  text-align: center;
322  font-weight: bold;
323 }
325  margin: 4px;
326 }
328  color: #0054A7;
329  border: none;
330  font-weight: bold;
331  padding: 5px 6px;
332  text-align: center;
333 }
335  padding: 1px;
336 }
338  display: block;
339  padding: 2px;
340  line-height: 1.2em;
341  text-align: right;
343 }
344 .ui-datepicker-calendar .ui-state-default {
345  border: 1px solid #ccc;
346  color: #4690D6;;
347  background: #fafafa;
348 }
349 .ui-datepicker-calendar .ui-state-hover {
350  border: 1px solid #aaa;
351  color: #0054A7;
352  background: #eee;
353 }
354 .ui-datepicker-calendar .ui-state-active,
355 .ui-datepicker-calendar .ui-state-active.ui-state-hover {
356  font-weight: bold;
357  border: 1px solid #0054A7;
358  color: #0054A7;
359  background: #E4ECF5;
360 }
elgg
Definition: install.js:23
friends picker
Definition: admin.php:728
elgg icon hover menu
Definition: admin.php:1329
font sans serif
Definition: admin.php:83
elgg widget add control
Definition: admin.php:1157
line height
Definition: forms.php:340
ui datepicker prev
Definition: forms.php:307
content header options form
Definition: admin.php:582
ul
Definition: admin.php:44
elgg input text
Definition: admin.php:490
list style position
Definition: typography.php:154
friends picker navigation l
Definition: admin.php:800
clearfix elgg elgg elgg elgg page elgg page elgg elgg foot
Definition: admin.php:127
border radius
Definition: forms.php:244
margin right
Definition: admin.php:181
ui autocomplete a ui state hover
Definition: forms.php:257
ui autocomplete a
Definition: forms.php:254
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col alt
Definition: admin.php:127
elgg input elgg input elgg input elgg input elgg input longtext
Definition: admin.php:494
em
Definition: admin.php:47
elgg menu user
Definition: admin.php:192
text indent
Definition: admin.php:803
text align
Definition: forms.php:321
fieldset div
Definition: admin.php:470
elgg user picker elgg state disabled input
Definition: forms.php:272
friends picker navigation
Definition: admin.php:763
ui autocomplete ui menu item
Definition: forms.php:246
ui datepicker ui datepicker next
Definition: forms.php:307
friends picker navigation friends picker navigation r
Definition: admin.php:800
min width
Definition: admin.php:166
ui datepicker td
Definition: forms.php:334
friends picker main wrapper
Definition: admin.php:706
clearfix elgg elgg elgg elgg page elgg page elgg elgg elgg elgg col elgg image block
Definition: admin.php:127
ui autocomplete
Definition: forms.php:232
friendspicker savebuttons
Definition: admin.php:738
box shadow
Definition: forms.php:291
ui datepicker th
Definition: forms.php:327
ui datepicker header
Definition: forms.php:297
elgg button submit
Definition: admin.php:545
font weight
Definition: forms.php:322
ui datepicker title
Definition: forms.php:318
background color
Definition: forms.php:287
text decoration
Definition: forms.php:342
margin top
Definition: forms.php:267
ui datepicker td span
Definition: forms.php:337
ui datepicker
Definition: forms.php:283
font Arial
Definition: admin.php:83
ui datepicker calendar
Definition: forms.php:324
elgg user picker list li
Definition: forms.php:266
label elgg state disabled
Definition: admin.php:465
elgg button
Definition: admin.php:527
list style
Definition: admin.php:1174
login(\ElggUser $user, $persistent=false)
Logs in a specified .
Definition: sessions.php:320
if(!$site) if(!($site instanceof ElggSite)) $site url
elgg main
Definition: admin.php:280
elgg user picker elgg state disabled elgg user picker elgg state disabled label
Definition: forms.php:273
ui datepicker calendar ui state active
Definition: forms.php:354
z index
Definition: forms.php:235
font size
Definition: admin.php:81
webkit box sizing
Definition: admin.php:292
border bottom
Definition: forms.php:302
elgg button cancel
Definition: admin.php:563
elgg autocomplete item elgg body
Definition: forms.php:237
list style type
Definition: admin.php:748
$site email
margin left
Definition: admin.php:290
elgg fieldset
Definition: admin.php:513
h3
Definition: admin.php:85
table
Definition: admin.php:59
friends picker friends picker container
Definition: admin.php:743