Elgg  Version 2.2
 All Classes Namespaces Files Functions Variables Pages
forms.css.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-checkbox + label,
80 .elgg-input-checkbox + .elgg-field-label {
81  display: inline-block;
82 }
83 .elgg-input-checkboxes.elgg-horizontal li,
84 .elgg-input-radios.elgg-horizontal li {
85  display: inline;
86  padding-right: 10px;
87 }
88 
89 .elgg-form-login, .elgg-form-account {
90  max-width: 475px;
91  margin: 0 auto;
92 }
93 
94 /* ***************************************
95  FRIENDS PICKER
96 *************************************** */
97 .friends-picker-main-wrapper {
98  margin-bottom: 15px;
99 }
100 .friends-picker-container h3 {
101  font-size:4em !important;
102  text-align: left;
103  margin:10px 0 20px !important;
104  color:#999 !important;
105  background: none !important;
106  padding:0 !important;
107 }
108 .friends-picker .friends-picker-container .panel ul {
109  text-align: left;
110  margin: 0;
111  padding:0;
112 }
113 .friends-picker-wrapper {
114  margin: 0;
115  padding:0;
116  position: relative;
117  width: 730px;
118 }
119 .friends-picker {
120  position: relative;
121  overflow: hidden;
122  margin: 0;
123  padding:0;
124  width: 730px;
125  height: auto;
126  background-color: #dedede;
127  border-radius: 8px;
128 }
129 .friendspicker-savebuttons {
130  background: white;
131  border-radius: 8px;
132  margin:0 10px 10px;
133 }
134 .friends-picker .friends-picker-container { /* long container used to house end-to-end panels. Width is calculated in JS */
135  position: relative;
136  left: 0;
137  top: 0;
138  width: 100%;
139  list-style-type: none;
140 }
141 .friends-picker .friends-picker-container .panel {
142  float:left;
143  height: 100%;
144  position: relative;
145  width: 730px;
146  margin: 0;
147  padding:0;
148 }
149 .friends-picker .friends-picker-container .panel .wrapper {
150  margin: 0;
151  padding:4px 10px 10px 10px;
152  min-height: 230px;
153 }
154 .friends-picker-navigation {
155  margin: 0 0 10px;
156  padding:0 0 10px;
157  border-bottom:1px solid #ccc;
158 }
159 .friends-picker-navigation ul {
160  list-style: none;
161  padding-left: 0;
162 }
163 .friends-picker-navigation ul li {
164  float: left;
165  margin:0;
166  background:white;
167 }
168 .friends-picker-navigation a {
169  font-weight: bold;
170  text-align: center;
171  background: white;
172  color: #999;
173  text-decoration: none;
174  display: block;
175  padding: 0;
176  width:20px;
177  border-radius: 4px;
178 }
179 .tabHasContent {
180  background: white;
181  color:#333 !important;
182 }
183 .friends-picker-navigation li a:hover {
184  background: #333;
185  color:white !important;
186 }
187 .friends-picker-navigation li a.current {
188  background: #4690D6;
189  color:white !important;
190 }
191 .friends-picker-navigation-l, .friends-picker-navigation-r {
192  position: absolute;
193  top: 46px;
194  text-indent: -9000em;
195 }
196 .friends-picker-navigation-l a, .friends-picker-navigation-r a {
197  display: block;
198  height: 40px;
199  width: 40px;
200 }
201 .friends-picker-navigation-l {
202  right: 48px;
203  z-index:1;
204 }
205 .friends-picker-navigation-r {
206  right: 0;
207  z-index:1;
208 }
209 .friends-picker-navigation-l {
210  background: url(<?= elgg_get_simplecache_url("friendspicker.png"); ?>) no-repeat left top;
211 }
212 .friends-picker-navigation-r {
213  background: url(<?= elgg_get_simplecache_url("friendspicker.png"); ?>) no-repeat -60px top;
214 }
215 .friends-picker-navigation-l:hover {
216  background: url(<?= elgg_get_simplecache_url("friendspicker.png"); ?>) no-repeat left -44px;
217 }
218 .friends-picker-navigation-r:hover {
219  background: url(<?= elgg_get_simplecache_url("friendspicker.png"); ?>) no-repeat -60px -44px;
220 }
221 .friendspicker-savebuttons .elgg-button-submit,
222 .friendspicker-savebuttons .elgg-button-cancel {
223  margin:5px 20px 5px 5px;
224 }
225 .friendspicker-members-table {
226  background: #dedede;
227  border-radius: 8px;
228  margin:10px 0 0;
229  padding:10px 10px 0;
230 }
231 
232 /* ***************************************
233  AUTOCOMPLETE
234 *************************************** */
235 <?php //autocomplete will expand to fullscreen without max-width ?>
237  position: absolute;
238  cursor: default;
239  z-index: 10000;
240 }
241 .elgg-autocomplete-item .elgg-body {
242  max-width: 600px;
243 }
244 .ui-autocomplete {
245  background-color: white;
246  border: 1px solid #ccc;
247  overflow: hidden;
248  border-radius: 5px;
249 }
250 .ui-autocomplete .ui-menu-item {
251  padding: 0px 4px;
252  border-radius: 5px;
253 }
254 .ui-autocomplete .ui-menu-item:hover {
255  background-color: #eee;
256 }
257 .ui-autocomplete a:hover {
258  text-decoration: none;
259  color: #4690D6;
260 }
261 .ui-autocomplete a.ui-state-hover {
262  background-color: #eee;
263  display: block;
264 }
265 .ui-helper-hidden-accessible {
266  border: 0;
267  clip: rect(0 0 0 0);
268  height: 1px;
269  margin: -1px;
270  overflow: hidden;
271  padding: 0;
272  position: absolute;
273  width: 1px;
274 }
275 
276 /* ***************************************
277  USER PICKER
278 *************************************** */
279 .elgg-user-picker-list li:first-child {
280  border-top: 1px dotted #ccc;
281  margin-top: 5px;
282 }
283 .elgg-user-picker-list > li {
284  border-bottom: 1px dotted #ccc;
285 }
286 .elgg-user-picker.elgg-state-disabled > input,
287 .elgg-user-picker.elgg-state-disabled > label {
288  display: none;
289 }
290 .elgg-user-picker-remove {
291  cursor: pointer;
292 }
293 
294 /* ***************************************
295  DATE PICKER
296 **************************************** */
297 .ui-datepicker {
298  display: none;
299 
300  margin-top: 3px;
301  background-color: white;
302  border: 1px solid #0054A7;
303  border-radius: 6px;
304  overflow: hidden;
305  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
306 }
307 .ui-datepicker-inline {
308  box-shadow: none;
309  max-width: 225px;
310 }
311 
312 .ui-datepicker-header {
313  position: relative;
314  background: #4690D6;
315  color: white;
316  padding: 2px 0;
317  border-bottom: 1px solid #0054A7;
318 }
319 .ui-datepicker-header a {
320  color: white;
321 }
322 .ui-datepicker-prev, .ui-datepicker-next {
323  position: absolute;
324  top: 5px;
325  cursor: pointer;
326 }
327 .ui-datepicker-prev {
328  left: 6px;
329 }
330 .ui-datepicker-next {
331  right: 6px;
332 }
333 .ui-datepicker-title {
334  line-height: 1.8em;
335  margin: 0 30px;
336  text-align: center;
337  font-weight: bold;
338 }
339 .ui-datepicker-calendar {
340  margin: 4px;
341 }
342 .ui-datepicker th {
343  color: #0054A7;
344  border: none;
345  font-weight: bold;
346  padding: 5px 6px;
347  text-align: center;
348 }
349 .ui-datepicker td {
350  padding: 1px;
351 }
352 .ui-datepicker td span, .ui-datepicker td a {
353  display: block;
354  padding: 2px;
355  line-height: 1.2em;
356  text-align: right;
357  text-decoration: none;
358 }
359 .ui-datepicker-calendar .ui-state-default {
360  border: 1px solid #ccc;
361  color: #4690D6;;
362  background: #fafafa;
363 }
364 .ui-datepicker-calendar .ui-state-hover {
365  border: 1px solid #aaa;
366  color: #0054A7;
367  background: #eee;
368 }
369 .ui-datepicker-calendar .ui-state-active,
370 .ui-datepicker-calendar .ui-state-active.ui-state-hover {
371  font-weight: bold;
372  border: 1px solid #0054A7;
373  color: #0054A7;
374  background: #E4ECF5;
375 }
a elgg widget collapse button
ui helper hidden accessible
Definition: forms.css.php:265
vertical align
Definition: admin.css.php:66
if(!$site) if(!($site instanceof ElggSite)) $site url
font size
border top
border radius
Definition: forms.css.php:248
border color
Definition: admin.css.php:42
z index
Definition: forms.css.php:239
elgg_get_simplecache_url($view, $subview= '')
Get the URL for the cached view.
Definition: cache.php:136
em
Definition: admin.css.php:47
font weight
Definition: admin.css.php:65
th
Definition: admin.css.php:63
text decoration
const datepicker
Definition: elgg.js.php:90
ui autocomplete ui menu item
Definition: forms.css.php:250
ui autocomplete a
Definition: forms.css.php:258
elgg autocomplete item elgg body
Definition: forms.css.php:241
ul
Definition: admin.css.php:44
elgg river comments li
elgg module widget elgg head h3
td
Definition: admin.css.php:63
margin bottom
Definition: admin.css.php:38
ui autocomplete a ui state hover
Definition: forms.css.php:261
table
Definition: admin.css.php:59
login(\ElggUser $user, $persistent=false)
Logs in a specified .
Definition: sessions.php:320
elgg river item form
elgg river item input[type=text]
$site email
ui autocomplete
Definition: forms.css.php:236