mcms_authentication 0.0.2 → 0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. data/app/assets/images/ajax-loader.gif +0 -0
  2. data/app/assets/javascripts/application.js +2 -2
  3. data/app/assets/javascripts/validate_login.js +37 -0
  4. data/app/assets/stylesheets/authentication_global.css +1542 -319
  5. data/app/controllers/application_controller.rb +5 -2
  6. data/app/controllers/home_controller.rb +18 -1
  7. data/app/controllers/roles_controller.rb +17 -10
  8. data/app/controllers/users_controller.rb +89 -36
  9. data/app/models/user.rb +9 -4
  10. data/app/views/roles/_form.html.erb +18 -13
  11. data/app/views/roles/index.html.erb +61 -32
  12. data/app/views/users/confirmations/new.html.erb +1 -0
  13. data/app/views/users/edit.html.erb +26 -14
  14. data/app/views/users/first_user.html.erb +99 -0
  15. data/app/views/users/index.html.erb +65 -38
  16. data/app/views/users/new.html.erb +24 -10
  17. data/app/views/users/passwords/edit.html.erb +17 -1
  18. data/app/views/users/passwords/new.html.erb +18 -2
  19. data/app/views/users/sessions/new.html.erb +22 -29
  20. data/app/views/users/unlocks/new.html.erb +6 -6
  21. data/config/initializers/constants.rb +5 -6
  22. data/config/routes.rb +6 -2
  23. data/db/seeds.rb +0 -18
  24. data/lib/generators/mcms_authentication/mcms_authentication_generator.rb +38 -13
  25. data/lib/generators/mcms_authentication/templates/models.rb +16 -34
  26. data/lib/mcms_authentication/engine.rb +32 -3
  27. metadata +5 -10
  28. data/app/assets/javascripts/authentication_global.js +0 -17
  29. data/app/assets/stylesheets/application.css +0 -33
  30. data/app/views/layouts/users/_javascript.html.erb +0 -3
  31. data/app/views/layouts/users/_stylesheet.html.erb +0 -3
  32. data/app/views/layouts/users/devise.html.erb +0 -40
  33. data/app/views/layouts/users/home.html.erb +0 -99
  34. data/lib/mcms_authentication/seeds.rb +0 -14
  35. data/lib/tasks/mcms_authentication_tasks.rake +0 -4
@@ -1,6 +1,6 @@
1
1
  /*
2
2
 
3
- @File Name :authentication_global.css
3
+ @File Name :authentication-global.css
4
4
 
5
5
  @Company Name :Mindfire Solutions Pvt. Ltd.
6
6
 
@@ -26,8 +26,8 @@
26
26
  * You're free to add application-wide styles to this file and they'll appear at the top of the
27
27
  * compiled file, but it's generally better to create a new file per style scope.
28
28
  *
29
- * require_self
30
- * require_tree .
29
+ * require-self
30
+ * require-tree .
31
31
 
32
32
  */
33
33
 
@@ -40,385 +40,1608 @@
40
40
 
41
41
  /* Setting the font parameters throughout the application */
42
42
 
43
- * {
44
- color: #41403C;
45
- font-family: Arial;
46
- font-size: 13px;
47
- }
48
-
49
- /* body css */
50
-
51
- body{
52
-
53
- background: url("/assets/background/page_bg.png") repeat scroll 0 0 #303030;
54
- color: #41403C;
55
- font-family: Arial;
56
- font-size: 13px;
57
- }
58
43
 
59
44
  /* login page css */
60
45
 
61
46
 
62
- .new-session{
63
-
64
- background: #fff;
65
- width: 40%;
66
- margin: auto;
67
- padding-bottom: 10px;
68
- }
69
-
70
- /* common anchors inside body css */
71
47
 
72
- body a{
73
48
 
74
- font-size: 14px;
75
- color: #ccc;
49
+ * {
50
+ color: #41403C;
51
+ font-family: Arial;
52
+ font-size: 13px;
76
53
  }
77
-
78
- /* login page css h2 */
79
-
80
- .new-session h2{
81
-
82
- min-height: 40px;
83
- background: none repeat scroll 0 0 #EAEAEA;
84
- color: #41403C;
85
- font-size: 18px;
86
- font-weight: bold;
87
- line-height: 30px;
88
- padding-bottom: 0;
89
- padding-top: 15px;
90
- text-align: center;
91
- vertical-align: middle;
92
- margin: auto;
93
-
54
+ p {
55
+ font-size: 14px;
56
+ line-height: 18px;
94
57
  }
95
-
96
- /* css for flash notice area /div */
97
-
98
- .flash-notice{
99
-
100
- background: url("/assets/icons/accept.png") no-repeat scroll 7px 7px #E0F5E0;
101
- border: 1px solid #00A017;
102
- color: #00A017;
103
- border: 1px solid #00A017;
104
- margin-bottom: 15px;
105
- padding: 8px 8px 8px 30px;
106
- position: relative;
107
- font-family: Arial;
108
- font-size: 13px;
109
-
58
+ html {
59
+ min-height: 100%;
110
60
  }
111
-
112
- /* css for error display area */
113
-
114
- #error-explanation{
115
-
116
- background: url("/assets/icons/cancel.png") no-repeat scroll 7px 10px #FFB1B1;
117
- border: 1px solid red;
118
- font-weight: bold;
119
- margin-bottom: 5px;
120
- margin-top: 5px;
121
- padding: 0 5px 5px 30px;
122
- margin-left: 5px;
123
- margin-right: 5px;
124
- margin-bottom: 10px;
125
-
61
+ body {
62
+ min-height: 100%;
63
+ margin: 0;
64
+ padding: 0;
65
+ font-size: 10px;
66
+ font-family: Verdana;
67
+ line-height: 1.5em;
68
+
126
69
  }
127
-
128
- /* close flash notice link css */
129
-
130
- #flash-close{
131
-
132
- text-transform: lowercase;
70
+ acronym {
71
+ cursor: help;
133
72
  }
134
-
135
- /* flash notice mother div css */
136
-
137
- .flash {
138
-
139
- margin-left: 100px;
140
- margin-right: 100px;
73
+ label[for] {
74
+ cursor: pointer;
141
75
  }
142
-
143
- /* anchor inside flash notice css */
144
-
145
- .flash a{
146
-
147
- position: absolute;
148
- right: 9px;
149
- top: 7px;
76
+ #page-container, #site-bar-content, header {
77
+ margin: 0px auto 10px auto;
78
+ text-align: left;
79
+ width: 990px;
150
80
  }
151
-
152
- /* partial css for fields */
153
-
154
- #loginContainer .field{
155
-
156
- position: relative;
157
- width: 100%;
81
+ #page-container {
82
+ width: 960px;
83
+ padding: 30px 15px;
158
84
  }
159
-
160
- /* any field css */
161
-
162
- .field {
163
-
164
- margin-bottom: 20px;
85
+ #site-bar-content {
86
+ margin-bottom: 0px;
165
87
  }
166
-
167
- /* fixing display */
168
-
169
- .clearfix {
170
-
171
- display: block;
88
+ #content .field, #content .form-actions {
89
+ width: 100%;
90
+ position: relative;
172
91
  }
173
92
 
174
- /* label for fields css */
175
-
176
- .field label{
177
-
178
- font-size: 14px;
179
- display: block;
180
- font-weight: bold;
181
- margin-left: 5px;
93
+ .form-actions{
94
+ border-radius: 5px 5px 5px 5px;margin-top:20px;height: 35px;background-color: #EAEAEA;
182
95
  }
183
-
184
- /* input css */
185
-
186
- .field input {
187
- background: url("/assets/background/text_field_background.png") repeat-x scroll 0 0 white;
188
- height: 31px;
189
- border: 1px solid #7F9DB9;
190
- line-height: 20px;
191
- padding: 0.4% 0.5%;
192
- width: 520px;
193
- margin-left: 5px;
96
+ #dialog-container #content .field, .dialog-container .field {
97
+ width: auto;
98
+ margin:5px 0;
194
99
  }
195
-
196
- /* form for user crud css */
197
-
198
- .new-user-form input{
199
-
200
- height: 22px ;
201
-
100
+ input.widest, textarea.widest {
101
+ width: 99%;
202
102
  }
103
+ select.widest {
104
+ max-width: 99%;
105
+ }
106
+ #actions {
107
+ float: right;
108
+ width: 30.7%;
109
+ padding-left: 15px;
110
+ padding-top: 0px;
111
+ }
112
+ #records {
113
+ float: left;
114
+ width: 67.7%;
115
+ }
116
+ #actions ul {
117
+ margin: 0px 0px 18px 0px;
118
+ padding: 0;
119
+ list-style: none;
120
+ }
121
+ #actions li a {
122
+ background-color: #dbedff;
123
+ background-position: 12px;
124
+ background-repeat: no-repeat;
125
+ border: 1px solid #65C3F7;
126
+ display: block;
127
+ padding: 9px 12px 9px 36px;
128
+ }
129
+ #actions li a:hover {
130
+ background-color: #cae7fb;
131
+ }
132
+ #actions li a:active, #actions li.selected a {
133
+ background-color: #22A7F2;
134
+ color: white;
135
+ }
136
+ #actions li {
137
+ margin-top: 10px;
138
+ }
139
+ #sort-status {
140
+ padding: 5px 5px 5px 0px;
141
+ }
142
+ hr {
143
+ border: 0;
144
+ border-top: 1px solid #484743;
145
+ }
146
+ .actions img {
147
+ border: none;
148
+ }
149
+ .actions a, .actions a:hover {
150
+ border: none;
151
+ text-decoration: none;
152
+ }
153
+ .errorExplanation {
154
+ background: 7px 10px no-repeat url('icons/cancel.png') #FFB1B1;
155
+ padding: 0px 5px 5px 30px;
156
+ font-weight: bold;
157
+ margin-top: 5px;
158
+ margin-bottom: 5px;
159
+ border: 1px solid red;
160
+ }
161
+ .errorExplanation h2 {
162
+ color: red;
163
+ text-transform: none;
164
+ display: none;
165
+ }
166
+ .errorExplanation p {
167
+ font-weight: normal;
168
+ }
169
+ .fieldWithErrors input, .fieldWithErrors textarea {
170
+ border: 1px solid red !important;
171
+ background-color: #FFECF0 !important;
172
+ }
173
+ .fieldWithErrors iframe, .fieldWithErrors .wym-box {
174
+ border-color: red !important;
175
+ }
176
+ #message, .flash {
177
+ padding: 8px 8px 8px 30px;
178
+ margin-bottom: 15px;
179
+ position: relative;
180
+ }
181
+ .flash-notice, .flash-message {
182
+ border: 1px solid #00A017;
183
+ color: #00A017;
184
+ background: 7px 7px no-repeat url('icons/accept.png') #E0F5E0;
185
+ }
186
+ .flash-notice, .flash-notice * {
187
+ color: #00A017;
188
+ }
189
+ .flash-error, .flash-alert {
190
+ border: 1px solid #A00027;
191
+ color: #A00027;
192
+ background: 7px 7px no-repeat url('icons/cancel.png') #FFB1B1;
193
+ }
194
+ .flash.flash-notice #flash-close, .flash.flash-error #flash-close, .flash.flash-alert #flash-close {
195
+ text-transform: lowercase;
196
+ }
197
+ .flash.flash-message {
198
+ background: #E0F5E0;
199
+ padding: 9px;
200
+ position: relative;
201
+ margin-bottom: 32px;
202
+ }
203
+ .flash.flash-message h2 {
204
+ margin-top: 12px;
205
+ }
206
+ .flash-message, .flash-message * {
207
+ color: #262719;
208
+ font-size: 14px;
209
+ }
210
+ .flash a, .flash a:hover {
211
+ color: #e20003;
212
+ border-bottom-color: #e20003;
213
+ }
214
+ .flash.flash-error a, .flash.flash-error a:hover,
215
+ .flash.flash-alert a, .flash.flash-alert a:hover {
216
+ display: none;
217
+ }
218
+ noscript .flash.flash-error a, noscript .flash.flash-error a:hover,
219
+ noscript .flash.flash-alert a, noscript .flash.flash-alert a:hover {
220
+ display: inline;
221
+ font-weight: bold;
222
+ }
223
+ .flash a#flash-close {
224
+ position: absolute;
225
+ right: 9px;
226
+ top: 7px;
227
+ }
228
+ .flash.flash-message a#flash-close {
229
+ top: 21px;
230
+ }
231
+ #content a {
232
+ border-bottom: 1px dotted #727272;
233
+ }
234
+ a {
235
+ color: #41403C;
236
+ text-decoration: none;
237
+ }
238
+ a:hover {
239
+ color: #000;
240
+ border-bottom: 1px solid #727272;
241
+ }
242
+ header a, header a:hover {
243
+ border-bottom: 0px none;
244
+ }
245
+ #content .wym-box a, #content .ui-tabs a {
246
+ border-bottom: 0px none;
247
+ }
248
+ .index #content, .splash #content {
249
+ background-color: white;
250
+ background-repeat: repeat-y;
251
+ }
252
+ #content h1 {
253
+ font-size: 18px;
254
+ font-weight: lighter;
255
+ text-align: center;
256
+ border-bottom: 1px solid #99998B;
257
+ padding-bottom: 10px;
258
+ }
259
+ .less-important {
260
+ color: #727272;
261
+ }
262
+ a#site-bar-refinery-cms-logo {
263
+ left: 448px;
264
+ }
265
+ #content, #page-container {
266
+ background-color: white;
267
+ }
268
+ body.login #site-bar-content {
269
+ width: 650px;
270
+ }
271
+ body.login #page-container {
272
+ width: 620px;
273
+ }
274
+ body.login header {
275
+ background: #eaeaea;
276
+ width: 620px;
277
+ padding: 0px 15px 1em;
278
+ height: auto;
279
+ }
280
+ header, footer, nav {
281
+ display: block;
282
+ }
283
+ body.login #site-bar-content a#site-bar-refinery-cms-logo {
284
+ left: 247px;
285
+ }
286
+ #page-container .login #page h1 {
287
+ margin: 0;
288
+ padding: 5px;
289
+ font-size: 20px;
290
+ line-height:22px
291
+ }
292
+ body.login #page-container div.remember-me label, label.inline {
293
+ display: inline;
294
+ }
295
+ body.login #page-container div.actions {
296
+ margin-top: 12px;
297
+ }
298
+ body.login label {
299
+ margin-top: 0px;
300
+ }
301
+ body.login .field {
302
+ margin-bottom: 20px;
303
+ }
304
+ body.login .field.remember-me, body.login .field.forgot-password {
305
+ margin-bottom: 0px;
306
+ margin-top: 0px;
307
+ }
308
+ body.login .field.forgot-password {
309
+ text-align: right;
310
+ }
311
+ body.login .field.remember-me label {
312
+ margin-top: 20px;
313
+ }
314
+ body.login #page-container div.remember-me {
315
+ width: 300px;
316
+ float: left;
317
+ }
318
+ body.login #page-container div.forgot-password {
319
+ float: right;
320
+ width: 250px;
321
+ }
322
+ body.login label, body.login a {
323
+ font-size: 14px;
324
+ }
325
+ body.login #flash-container, body.login .errorExplanation {
326
+ margin-bottom: 12px;
327
+ }
328
+ div.field.checkbox-access ul.checkboxes li {
329
+ margin-top: 3px;
330
+ }
331
+ div.field.checkbox-access {
332
+ margin-top: 20px;
333
+ }
334
+ div.field.checkbox-access .label-with-help a {
335
+ font-weight: normal;
336
+ }
337
+ /* Works in Firefox, Safari, Chrome, IE8+ */
338
+ body.login input.larger {
339
+ background: url('text-field-background.png') repeat-x white;
340
+ height: 31px;
341
+ }
342
+ body.login input.larger:focus {
343
+ background-position: 0px -41px;
344
+ }
345
+ body.login .fieldWithErrors input.larger {
346
+ background-position: 0px -82px;
347
+ border: 1px solid red;
348
+ }
349
+ header {
350
+ height: 60px;
351
+ position: relative;
352
+ margin-bottom: 0px;
353
+ }
354
+ body.login header h1 {
355
+ color: #41403c;
356
+ vertical-align: middle;
357
+ text-align: center;
358
+ font-weight: bold;
359
+ font-size: 18px;
360
+ padding-bottom: 0px;
361
+ line-height: 30px;
362
+ padding-top: 15px;
363
+ }
364
+ #menu, header .jcarousel-container {
365
+ display: block;
366
+ margin: 0px;
367
+ padding: 0px;
368
+ position: absolute;
369
+ bottom: -1px;
370
+ left: 0px;
371
+ right: 0px;
372
+ background: transparent;
373
+ }
374
+ header .jcarousel-container {
375
+ position: absolute !important;
376
+ }
377
+ header .jcarousel-container .jcarousel-prev,
378
+ header .jcarousel-container .jcarousel-next {
379
+ position: absolute;
380
+ top: 13px;
381
+ cursor: pointer;
382
+ }
383
+ header .jcarousel-container .jcarousel-prev {
384
+ left: -20px;
385
+ }
386
+ header .jcarousel-container .jcarousel-next {
387
+ right: -20px;
388
+ }
389
+ header .jcarousel-container .jcarousel-prev-disabled,
390
+ header .jcarousel-container .jcarousel-next-disabled {
391
+ display: none !important;
392
+ }
393
+ #menu.ui-sortable a {
394
+ cursor: move;
395
+ }
396
+ #menu.ui-sortable-disabled a {
397
+ cursor: pointer;
398
+ }
399
+ #menu a {
400
+ display: block;
401
+ padding: 9px 13px;
402
+ font-size: 13px;
403
+ background: url('nav-inactive-background.png') transparent repeat;
404
+ margin-top:4px;
405
+ color: white;
406
+ font-weight: normal;
407
+ float: left;
408
+ margin-right: 2px;
409
+ position: relative;
410
+ }
411
+ #menu a.active, #menu a:hover, #menu a:focus {
412
+ background-color: white;
413
+ color: #ff5500;
414
+ }
415
+ #menu a.active {
416
+ padding: 11px 13px;
417
+ margin-top: 0px;
418
+ }
419
+ #menu a#menu-reorder, header #menu a#menu-reorder-done {
420
+ height: 14px;
421
+ width: 14px;
422
+ margin-top: 11px;
423
+ padding: 6px;
424
+ cursor: pointer;
425
+ vertical-align: middle;
426
+ text-align: center;
427
+ }
428
+ #content {
429
+ padding: 0px;
430
+ }
431
+ pre {
432
+ margin: 0;
433
+ padding: 0;
434
+ }
435
+ .preview {
436
+ color: #A3A093;
437
+ }
438
+ #site-link {
439
+ display: block;
440
+ color: #C2C2B3;
441
+ float: left;
203
442
 
443
+ }
444
+ #site-link:hover {
445
+ text-decoration: underline;
446
+ }
447
+ header #logo {
448
+ position: absolute;
449
+ right: 20px;
450
+ top: 25px;
451
+ }
452
+ header h1, header h1 a {
453
+ color: white;
454
+ font-size: 20px;
455
+ font-weight: normal;
456
+ margin-bottom: 0;
457
+ padding-bottom: 4px;
458
+ margin-top: 0;
459
+ }
460
+ header p {
461
+ color: white;
462
+ font-size: 90%;
463
+ padding: 0;
464
+ margin: 0;
465
+ }
466
+ .filter {
467
+ float: right;
468
+ }
469
+ #records > ul, #records > #recent-activity > ul, #records > #recent-inquiries > ul,
470
+ #records .pagination-container > ul, #records .pagination-frame > ul {
471
+ margin-left: 0;
472
+ padding-left: 0;
473
+ }
474
+ #records > ul li, #records > #recent-activity > ul li, #records > #recent-inquiries > ul li,
475
+ #records .pagination-container > ul li, #records .pagination-frame > ul {
476
+ list-style: none;
477
+ padding: 0px 5px;
478
+ vertical-align: top;
479
+ margin-bottom: 2px;
480
+ line-height: 35px;
481
+ position: relative;
482
+ }
483
+ #records > #recent-activity > ul li, #records > #recent-inquiries > ul li {
484
+ max-height: 35px;
485
+ }
486
+ /*
487
+ #records > ul.ui-sortable li {
488
+ position: static;
489
+ }
490
+ */
491
+ #content #records > ul li .actions a, #content #records .pagination-container > ul li .actions a {
492
+ line-height: 29px;
493
+ }
494
+ #records ul.clickable li {
495
+ padding: 0px;
496
+ margin-bottom: 0px;
497
+ }
498
+ #records ul.clickable li a {
499
+ padding: 0px 5px;
500
+ vertical-align: top;
501
+ margin-bottom: 2px;
502
+ line-height: 35px;
503
+ display: block;
504
+ border-bottom: 0px none;
505
+ }
506
+ #records > #recent-activity, #records > #recent-inquiries {
507
+ float: left;
508
+ width: 48%;
509
+ }
510
+ #records > #recent-inquiries {
511
+ margin-left: 21px;
512
+ }
513
+ #records.one-list > #recent-activity, #records.one-list > #recent-inquiries {
514
+ width: 100%;
515
+ }
516
+ #records .left-column {
517
+ float: left;
518
+ width: 65%;
519
+ }
520
+ #records .left-column img {
521
+ vertical-align: bottom;
522
+ margin-top: 1px;
523
+ margin-right: 5px;
524
+ }
525
+ #records .right-column {
526
+ float: right;
527
+ width: 34%;
528
+ text-align: right;
529
+ }
530
+ #records .on {
531
+ background-color: #EAEAEA;
532
+ }
533
+ #records .off, #records .on-hover {
534
+ background-color: white;
535
+ }
536
+ #pagination ul a:hover, #pagination .on {
537
+ background: url('hover-gradient.jpg') repeat-x bottom #D4D4C6;
538
+ }
539
+ #records ul.empty {
540
+ display: none;
541
+ }
542
+ #records.tree ul li ul, .tree ul li ul {
543
+ padding: 0;
544
+ }
545
+ #records.tree ul li, .tree ul li {
546
+ margin: 0px;
547
+ padding: 4px 0 0 40px;
548
+ background: url('branch.gif') no-repeat 15px 0px;
549
+ }
550
+ #records.tree li.record ul {
551
+ margin-left: 0;
552
+ }
553
+ #records.tree .on-hover, #pagination ul.tree a:hover, #pagination .tree .on {
554
+ background: url('branch.gif') no-repeat 15px 0px;
555
+ }
556
+ #records.tree ul li.branch-start, .tree ul li.branch-start {
557
+ background-image: url('branch-start.gif');
558
+ }
559
+ #records.tree ul li.branch-end, .tree ul li.branch-end {
560
+ background-image: url('branch-end.gif');
561
+ }
562
+ #records.tree li {
563
+ line-height: 25px;
564
+ }
565
+ #records.tree li span.spacing, .tree li span.spacing {
566
+ display: none;
567
+ }
568
+ #records.tree ul li > div:hover, .tree ul li > div:hover {
569
+ background-color: #EAEAEA;
570
+ }
571
+ /*
572
+ #records.tree ul.ui-sortable li div:hover, .tree ul.ui-sortable li div:hover {
573
+ background-color: inherit;
574
+ }
575
+ */
576
+ #records ul#sortable-list {
577
+ margin-top: 6px;
578
+ }
204
579
 
205
- /* user crud actions css */
206
-
207
- .form-actions{
208
-
209
- background-color: #F2F2F2;
210
- border: 1px solid #CCCCCC;
211
- height: 45px;
212
- margin-top: 10px;
213
- position: relative;
214
- margin-left: 5px;
215
- margin-right: 5px;
580
+ #sortable-list.reordering > li {
581
+ cursor: move;
582
+ }
216
583
 
584
+ #content h2 {
585
+ font-size: 18px;
586
+ color:#41403c;
587
+ margin-bottom: 15px;
588
+ margin-top: 10px;
589
+ font-weight: bold;
217
590
  }
218
591
 
219
- /* custom positioning of a particular div */
592
+ #records h2, #actions h2 {
593
+ margin-top: 0px;
594
+ }
595
+ .pagination {
596
+ background-color: #C9DAE2;
597
+ padding: 5px 5px 4px 5px;
598
+ margin: 10px 0px;
599
+ }
600
+ .pagination .disabled {
601
+ color: #A8B9C1;
602
+ }
603
+ .pagination em {
604
+ font-weight: bold;
605
+ font-style: normal;
606
+ padding: 0px 6px;
607
+ }
608
+ .pagination a, #content .pagination a, .pagination .current, .disabled, .pagination em {
609
+ padding: 7px;
610
+ line-height: 20px;
611
+ border-bottom: 0px none;
612
+ }
613
+ .pagination .current, .pagination a:hover, .pagination em {
614
+ background: #A8B9C1;
615
+ }
616
+ #dialog-form-actions .pagination {
617
+ margin: -4px 6px -4px 0px;
618
+ float: right;
619
+ width: auto;
620
+ }
621
+ #dialog-form-actions .pagination a, #dialog-form-actions .pagination .current, #dialog-form-actions .pagination .disabled {
622
+ line-height: 15px;
623
+ }
624
+ textarea {
625
+ line-height: 20px;
626
+ padding: 5px;
627
+ }
628
+ .field-couple {
629
+ margin-bottom: 20px;
630
+ }
631
+ .submit {
632
+ border: inherit;
633
+ width: auto;
634
+ height: 25px;
635
+ }
636
+ label, .label-with-help {
637
+ margin-bottom: 5px;
638
+ font-weight: bold;
639
+ margin-top: 20px;
640
+ display: block;
641
+ }
642
+ label.input-label {
643
+ font-size: inherit;
644
+ margin-bottom: inherit;
645
+ display: inline;
646
+ font-weight: normal;
647
+ margin-top: inherit;
648
+ }
649
+ small label {
650
+ font-size: inherit;
651
+ font-weight: inherit;
652
+ display: inherit;
653
+ }
654
+ label.stripped {
655
+ float: none;
656
+ display: inline;
657
+ font-weight: normal;
658
+ font-size: 1em;
659
+ margin: 0px;
660
+ padding: 0px;
661
+ }
662
+ #body-field {
663
+ float: left;
664
+ width: 60%;
665
+ }
666
+ .no-side-body {
667
+ width: 72% !important;
668
+ }
669
+ #side-body-field {
670
+ float: left;
671
+ width: 38%;
672
+ margin-left: 18px;
673
+ }
674
+ #body-field textarea, #side-body-field textarea {
675
+ width: 99%;
676
+ }
677
+ .record .title span {
678
+ line-height: 30px;
679
+ }
680
+ #records.files .record .title, #dialog-main #resource-file-area .pages-list ul li a.page-link {
681
+ display:inline-block;
682
+ padding-left:24px;
683
+ min-height:16px;
684
+ background-repeat:no-repeat;
685
+ background-position:left;
686
+ background-image: url('icons/folder-page-white.png');
687
+ }
688
+ #dialog-main #resource-file-area .pages-list ul li a.page-link{
689
+ background-position:5px center;
690
+ display:block;
691
+ }
692
+ #records.files .record .title.pdf, #dialog-main #resource-file-area .pages-list ul li a.page-link.pdf {
693
+ background-image: url('icons/pdf.png');
694
+ }
695
+ #records.files .record .title.jpg, #records.files .record .title.gif, #records.files .record .title.jpeg, #records.files .record .title.png, #records.files .record .title.tiff, #dialog-main #resource-file-area .pages-list ul li a.page-link.jpg, #dialog-main #resource-file-area .pages-list ul li a.page-link.jpeg, #dialog-main #resource-file-area .pages-list ul li a.page-link.gif, #dialog-main #resource-file-area .pages-list ul li a.page-link.png, #dialog-main #resource-file-area .pages-list ul li a.page-link.tiff {
696
+ background-image: url('icons/img.png');
697
+ }
698
+ #records.files .record .title.doc, #records.files .record .title.pages, #records.files .record .title.docx, #dialog-main #resource-file-area .pages-list ul li a.page-link.doc, #dialog-main #resource-file-area .pages-list ul li a.page-link.docx, #dialog-main #resource-file-area .pages-list ul li a.page-link.pages {
699
+ background-image: url('icons/doc.png');
700
+ }
701
+ #records.files .record .title.ppt, #records.files .record .title.keynote, #dialog-main #resource-file-area .pages-list ul li a.page-link.ppt, #dialog-main #resource-file-area .pages-list ul li a.page-link.keynote {
702
+ background-image: url('icons/ppt.png');
703
+ }
704
+ #records.files .record .title.xls, #records.files .record .title.numbers, #dialog-main #resource-file-area .pages-list ul li a.page-link.xls, #dialog-main #resource-file-area .pages-list ul li a.page-link.numbers {
705
+ background-image: url('icons/xls.png');
706
+ }
707
+ #records.files .record .title.zip, #records.files .record .title.rar, #dialog-main #resource-file-area .pages-list ul li a.page-link.zip, #dialog-main #resource-file-area .pages-list ul li a.page-link.rar {
708
+ background-image: url('icons/zip.png');
709
+ }
710
+ #records.files .record .title.mp3, #records.files .record .title.wav, #records.files .record .title.aiff, #records.files .record .title.m4a, #dialog-main #resource-file-area .pages-list ul li a.page-link.mp3, #dialog-main #resource-file-area .pages-list ul li a.page-link.wav, #dialog-main #resource-file-area .pages-list ul li a.page-link.aiff, #dialog-main #resource-file-area .pages-list ul li a.page-link.m4a {
711
+ background-image: url('icons/music.png');
712
+ }
713
+ #records .actions {
714
+ position: absolute;
715
+ right: 0px;
716
+ top: 0px;
717
+ width: 120px;
718
+ text-align: right;
719
+ display: block;
720
+ line-height: 28px;
721
+ }
722
+ #records.tree .actions {
723
+ line-height: 22px;
724
+ top: 1px;
725
+ }
726
+ .published {
727
+ width: 25px;
728
+ text-align: center;
729
+ }
730
+ #content .actions a {
731
+ display: block;
732
+ float: right;
733
+ margin: 3px 3px;
734
+ line-height: inherit;
735
+ border-bottom: 0px none;
736
+ }
220
737
 
221
- .field form-actions form-actions-left{
738
+ #content #records.tree > ul li .actions a {
739
+ margin: 3px 3px 0px 3px;
740
+ line-height: 24px;
741
+ }
742
+ .actions a * {
743
+ padding: 4px 4px 1px 4px;
744
+ }
745
+ .actions a img {
746
+ vertical-align: middle;
747
+ padding: 2px 4px 4px 4px;
748
+ }
749
+ #records.tree .actions a img {
750
+ padding-top: 4px;
751
+ }
752
+ #image-grid .actions a img {
753
+ padding: 4px 4px 1px 4px;
754
+ vertical-align: top;
755
+ }
756
+ .actions a:hover {
757
+ color: #E6E5DC;
758
+ background: #3F3E3A;
759
+ }
760
+ .actions a.cancel {
761
+ color: #AF0027;
762
+ }
763
+ .actions a.cancel:hover {
764
+ color: white;
765
+ background: #AF0027;
766
+ }
767
+ .actions a.reorder-anchor:hover {
768
+ background: inherit !important;
769
+ cursor: move;
770
+ }
771
+ #other-records {
772
+ width: 68%;
773
+ }
774
+ #common-actions {
775
+ margin: 0;
776
+ padding: 0;
777
+ }
778
+ #common-actions li {
779
+ margin: 0;
780
+ list-style: none;
781
+ padding: 5px 0px 5px 0px;
782
+ }
783
+ #common-actions li a {
784
+ font-weight: bold;
785
+ }
786
+ .larger {
787
+ font-size: 200%;
788
+ }
789
+ #actions a img {
790
+ vertical-align: bottom;
791
+ border: 0;
792
+ }
793
+ .brown-border {
794
+ border: 1px solid #99998B;
795
+ }
796
+ #inquiry, .inquiry {
797
+ border-collapse: collapse;
798
+ width: 100%;
799
+ background-color: #F5F4F3;
800
+ }
801
+ #inquiry td, .inquiry td {
802
+ border-bottom: 1px solid #CCCCCC;
803
+ padding: 7px;
804
+ }
805
+ #inquiry tr:last-child td, .inquiry tr:last-child td {
806
+ border-bottom: 0px;
807
+ }
808
+ #inquiry td label.stripped, .inquiry td label.stripped {
809
+ font-weight: bold;
810
+ }
811
+ body.dialog {
812
+ background: #FFF;
813
+ }
814
+ body.dialog, body.wym-dialog {
815
+ text-align: left;
816
+ }
817
+ #wym-hide-fields {
818
+ display: none;
819
+ }
820
+ body.dialog form {
821
+ width: 100% !important;
822
+ }
823
+ .dialog span.radio {
824
+ display: block;
825
+ line-height: 18px;
826
+ padding: 6px 0px;
827
+ }
828
+ .dialog span.radio * {
829
+ cursor: pointer;
830
+ font-weight: bold;
831
+ }
832
+ .dialog #dialog-menu-left {
833
+ position: fixed;
834
+ left: 12px;
835
+ top: 9px;
836
+ width: 130px;
837
+ }
838
+ .dialog #dialog-main {
839
+ float: left;
840
+ margin-left: 130px;
841
+ min-height: 405px;
842
+ width: 696px;
843
+ }
844
+ .wym-dialog-table {
845
+ height: 250px;
846
+ }
847
+ .dialog #existing-image-content {
848
+ position: relative;
849
+ height: 300px;
850
+ padding: 12px;
851
+ }
852
+ .dialog #existing-image-area-content {
853
+ margin-top: 28px;
854
+ }
855
+ .dialog #existing-image-area-content ul {
856
+ margin: 0px;
857
+ padding: 0px;
858
+ }
859
+ .dialog #existing-image-area-content ul li {
860
+ list-style: none;
861
+ padding: 0px;
862
+ margin: 0px 2px 0px 0px;
863
+ float: left;
864
+ height: 114px;
865
+ max-height: 114px;
866
+ width: 114px;
867
+ max-width: 114px;
868
+ overflow: hidden;
869
+ cursor: pointer;
870
+ text-align: center;
871
+ vertical-align: middle;
872
+ }
873
+ .dialog #existing-image-area-content ul li img {
874
+ border: 4px solid transparent;
875
+ }
876
+ .dialog #existing-image-area-content ul li.selected img {
877
+ border: 4px solid #22A7F2;
878
+ }
879
+ .dialog #existing-image-size-area {
880
+ margin-top: 18px;
881
+ }
882
+ .dialog #existing-image-size-area ul {
883
+ margin: 0px;
884
+ padding: 10px 0px 0px 0px;
885
+ }
886
+ .dialog #existing-image-size-area ul li {
887
+ float: left;
888
+ list-style: none;
889
+ margin: 0px 18px 0px 0px;
890
+ text-align:center;
891
+ }
892
+ .dialog #existing-image-size-area ul li.selected {
222
893
 
223
- left: 10px;
894
+ }
895
+ .dialog #existing-image-size-area ul li a {
896
+ display: block;
897
+ border: 1px solid #999999;
898
+ font-size: 10px;
899
+ /* The following default values are overridden below */
900
+ height: 90px;
901
+ width: 90px;
902
+ line-height: 90px;
903
+ margin-top:-20px
904
+ }
905
+ .dialog #existing-image-size-area ul li.selected a {
906
+ border-color: #22A7F2;
907
+ background: #22A7F2;
908
+ color: white;
909
+ font-weight: bold;
910
+ }
911
+ .dialog #existing-image-size-area #image-dialog-size-0 a { height: 30px; width: 30px; line-height: 30px; margin-top: 10px}
912
+ .dialog #existing-image-size-area #image-dialog-size-1 a { height: 50px; width: 50px; line-height: 50px; margin-top: 0px}
913
+ .dialog #existing-image-size-area #image-dialog-size-2 a { height: 70px; width: 70px; line-height: 70px; margin-top:-10px}
914
+ .dialog #existing-image-size-area #image-dialog-size-3 a { height: 90px; width: 90px; line-height: 90px; margin-top:-20px}
915
+
916
+ #dialog-main .pagination {
917
+ margin: 0px;
918
+ position: fixed;
919
+ bottom: 5px;
920
+ right: 12px;
921
+ z-index: 1000;
922
+ }
923
+ #upload-image-area, #upload-resource-area {
924
+ padding: 12px;
925
+ }
926
+ .dialog #content {
927
+ padding: 0px;
928
+ }
929
+ .wym-dialog #page {
930
+ width: 940px;
931
+ padding: 6px;
932
+ }
933
+ #dialog-main .pages-list {
934
+ width: 100%;
935
+ padding-bottom: 40px;
936
+ }
937
+ #dialog-main .pages-list ul {
938
+ margin: 0px 12px 0px 12px;
939
+ padding: 0px;
940
+ }
941
+ #dialog-main .pages-list ul li {
942
+ cursor: pointer;
943
+ line-height: 24px;
944
+ list-style: none;
945
+ }
946
+ #dialog-main .pages-list li.child a {
947
+ padding-left: 27px;
948
+ }
949
+ #dialog-main .pages-list li.child1 a {
950
+ padding-left: 47px;
951
+ }
952
+ #dialog-main .pages-list li.child2 a {
953
+ padding-left: 67px;
954
+ }
955
+ #dialog-main .pages-list li.child3 a {
956
+ padding-left: 87px;
957
+ }
958
+ #dialog-main .pages-list li.child4 a {
959
+ padding-left: 107px;
960
+ }
961
+ /*
962
+ #dialog-main .pages-list ul li span {
963
+ display: block;
964
+ padding: 3px;
965
+ margin-left: 24px;
966
+ }*/
967
+ #dialog-main .pages-list ul li a {
968
+ display: block;
969
+ padding: 3px 3px 3px 27px;
970
+ text-decoration: none;
971
+ border-bottom: none;
972
+ border: 1px solid transparent;
973
+ }
974
+ #dialog-main .pages-list li a:hover {
975
+ background-color: #C9DAE2;
976
+ }
977
+ #dialog-main .actions {
978
+ margin-right: 48px;
979
+ }
980
+ #dialog-main .pages-list .linked a, #dialog-main .pages-list .linked a:hover {
981
+ border: 1px solid #00A017;
982
+ color: #00A017;
983
+ background: 7px 7px no-repeat url('icons/accept.png') #E0F5E0;
984
+ }
985
+ #dialog-main .pages-list .linked a em {
986
+ color: #00A017;
987
+ }
988
+ #dialog-main #web-address-area, #dialog-main #email-address-area {
989
+ padding: 12px;
990
+ }
991
+ #link-title {
992
+ margin-top: 12px;
993
+ }
994
+ #link-title label {
995
+ margin: 3px 0px 0px 0px !important;
996
+ width: 130px;
997
+ display: block;
998
+ float: left;
999
+ }
1000
+ #link-title input {
1001
+ width: 770px;
1002
+ }
1003
+ ul#menu.reordering-menu li a {
1004
+ cursor: move;
1005
+ }
1006
+ #site-bar {
1007
+ background: #22a7f2;
1008
+ border-bottom: 0px none;
1009
+ }
1010
+ #search {
1011
+ border: 1px solid #b3b3b3;
1012
+ line-height: 18px;
1013
+ padding: 2px;
1014
+ font-size: 16px;
1015
+ width: 180px;
1016
+ }
1017
+ .pt-BR #search {
1018
+ width: 187px;
1019
+ }
1020
+ .en #search {
1021
+ width: 210px;
1022
+ }
1023
+ .search-form {
1024
+ position: relative;
1025
+ }
1026
+ .search-form .button, .search-form .button-wrapper {
1027
+ position: absolute;
1028
+ right: 0px;
1029
+ top: 0px;
1030
+ }
1031
+ form input[type=submit]:hover {
1032
+ background: #65c3f7;
1033
+ }
1034
+ .clearfix:after {
1035
+ content:".";
1036
+ display:block;
1037
+ height:0;
1038
+ clear:both;
1039
+ visibility:hidden;
1040
+ }
1041
+ .clearfix {display:inline-block;}
1042
+ /* Hide from IE Mac \*/
1043
+ .clearfix {display:block;}
1044
+ /* End hide from IE Mac */
224
1045
 
1046
+ /*
1047
+ Firefox Dotted Line Fix
1048
+ - http://sonspring.com/journal/removing-dotted-links
1049
+ */
1050
+ a:focus {
1051
+ outline: none;
1052
+ }
1053
+ a img {
1054
+ border: 0px none;
1055
+ }
1056
+ /* icons */
1057
+ .add-icon {
1058
+ background-image: url('icons/add.png');
1059
+ }
1060
+ .delete-icon {
1061
+ background-image: url('icons/delete.png');
1062
+ }
1063
+ .edit-icon {
1064
+ background-image: url('icons/application-edit.png');
1065
+ }
1066
+ .reorder-icon {
1067
+ background-image: url('icons/arrow-switch.png');
1068
+ }
1069
+ .reorder-icon.loading{
1070
+ background-image:url('icons/ajax-loader.gif');
1071
+ }
1072
+ .user-comment-icon {
1073
+ background-image: url('icons/user-comment.png');
1074
+ }
1075
+ .edit-email-icon {
1076
+ background-image: url('icons/email-edit.png');
1077
+ }
1078
+ .spam-icon {
1079
+ background-image: url('icons/bin.png');
1080
+ }
1081
+ .spam-empty-icon {
1082
+ background-image: url('icons/bin-closed.png');
1083
+ }
1084
+ .email-icon {
1085
+ background-image: url('icons/email.png');
225
1086
  }
1087
+ .back-icon {
1088
+ background-image: url('icons/arrow-left.png');
1089
+ }
1090
+ .go-icon {
1091
+ background-image: url('icons/application-go.png');
1092
+ }
1093
+ .success-icon {
1094
+ background-image: url('/images/refinery/icons/tick.png');
1095
+ padding: 0px 8px;
1096
+ }
1097
+ .failure-icon {
1098
+ background-image: url('icons/cross.png');
1099
+ padding: 0px 8px;
1100
+ }
1101
+ /* page parts */
226
1102
 
227
- /* user crud actions css special attributes */
1103
+ ul#page-parts {
1104
+ float: left;
1105
+ width: 94%;
1106
+ }
1107
+ ul#page-parts, ul#page-parts-controls {
1108
+ margin: 20px 0 0 0;
1109
+ padding: 0;
1110
+ }
1111
+ ul#page-parts-controls {
1112
+ float: right;
1113
+ width: 5%;
1114
+ margin-right: 3px;
1115
+ }
1116
+ ul#page-parts-controls li {
1117
+ list-style: none;
1118
+ float: right;
1119
+ margin: 12px 3px 0px 3px;
1120
+ }
1121
+ ul#page-parts-controls li a {
1122
+ border: 0px none;
1123
+ }
1124
+ ul#page-parts-controls img {
1125
+ vertical-align: middle;
1126
+ }
1127
+ #page-part-editors {
1128
+ clear:left;
1129
+ /* min-height: 446px;*/
1130
+ }
1131
+ a#toggle-advanced-options {
1132
+ background: url('icons/page-white-gear.png') no-repeat 0px 3px;
1133
+ padding: 5px 5px 5px 22px;
1134
+ border-bottom: none;
1135
+ }
1136
+ a#toggle-advanced-options:hover {
1137
+ border-bottom:1px dotted #727272;
1138
+ }
1139
+ /* dialog stuff */
1140
+ #dialog-frame {
1141
+ width:952px;
1142
+ height:460px;
1143
+ padding: 0px;
1144
+ border: 0px solid #F2F1ED;
1145
+ }
1146
+ .wym-hideables {
1147
+ display: none;
1148
+ }
1149
+ #content .form-actions, .wym-dialog .form-actions, .ui-dialog .form-actions {
1150
+ position: relative;
1151
+ background-color: #F2F2F2;
1152
+ border: 1px solid #CCCCCC;
1153
+ margin-top: 10px;
1154
+ height: 45px;
1155
+ }
1156
+ .dialog form {
1157
+ margin-bottom: 45px;
1158
+ }
1159
+ .dialog .dialog-area > div > .field label:first-child, .dialog .dialog-area > div > label:first-child {
1160
+ margin-top: 0px;
1161
+ }
1162
+ .wym-dialog .form-actions, #content.form-actions.dialog-form-actions, .ui-dialog .form-actions {
1163
+ margin-top: 16px;
1164
+ }
1165
+ #content .form-actions .form-actions-left, #content .form-actions .form-actions-right,
1166
+ .wym-dialog .form-actions .form-actions-left, .wym-dialog .form-actions .form-actions-right,
1167
+ .ui-dialog .form-actions .form-actions-left, .ui-dialog .form-actions .form-actions-right {
1168
+ position: absolute;
1169
+ top: 10px;
1170
+ }
228
1171
 
1172
+ .form-actions-left{
1173
+ float: left;margin-left: 10px;margin-top: 8px;
1174
+ }
229
1175
  .form-actions-right{
230
-
231
- float: right;
232
- margin-top: -35px;
233
- margin-right: 5px;
234
-
1176
+ float: right;margin-right: 10px;margin-top: 8px;
235
1177
  }
236
-
237
- /* user crud actions css special attributes */
238
-
239
- .delete-dialog{
240
-
241
- background: none repeat scroll 0 0 #EE1100 !important;
242
- text-decoration:none;
1178
+ #content .form-actions .form-actions-left, .wym-dialog .form-actions .form-actions-left, .ui-dialog .form-actions .form-actions-left {
1179
+ left: 10px;
1180
+
243
1181
  }
244
-
245
-
246
- .remembers{
247
-
248
- color: #41403C;
249
- font-family: Arial;
250
- font-size: 13px;
251
- font-weight: bold;
1182
+ #content .form-actions .form-actions-right, .wym-dialog .form-actions .form-actions-right, .ui-dialog .form-actions .form-actions-right {
1183
+ right: 10px;
252
1184
  }
253
-
254
-
255
- .close-dialog{
256
-
257
- background: none repeat scroll 0 0 #BCBCBC !important;
258
- text-decoration:none;
1185
+ #content .form-actions .save-loader {
1186
+ position: absolute;
1187
+ right: -24px;
1188
+ top: 4px;
259
1189
  }
260
-
261
- /* css for buttons */
262
-
263
- a.button {
264
- padding-bottom: 3px;
265
- background: none repeat scroll 0 0 #22A7F2;
266
- border: 0 none;
267
- color: white;
268
- cursor: pointer;
269
- display: inline-block;
270
- font-size: 14px;
271
- height: 25px;
272
- line-height: 25px;
273
- margin-bottom: 0px;
274
- margin-top: 10px;
275
- margin-left: 5px;
276
- padding: 0 14px;
277
-
278
- border-radius: 6px 6px 6px 6px;
279
- -moz-box-sizing: border-box;
280
-
281
-
282
-
1190
+ .wym-dialog .form-actions, .ui-dialog .form-actions {
1191
+ border: 0px none;
1192
+ border-top: 1px solid #E8E8E8;
283
1193
  }
284
-
1194
+ #dialog-iframe {
1195
+ position: relative;
1196
+ }
1197
+ #dialog-container #content .form-actions, .ui-dialog .form-actions, .dialog-container .form-actions {
1198
+ position: absolute;
1199
+ bottom: 0px;
1200
+ left: 0px;
1201
+ right: 0px;
1202
+ border-right: 0px;
1203
+ border-left: 0px;
1204
+ border-bottom: 0px;
1205
+ width: auto;
1206
+ }
1207
+ #dialog-container.dialog.iframed #content .form-actions {
1208
+ position: fixed;
1209
+ }
1210
+ body.dialog #content .search-form {
1211
+ float: right;
1212
+ width: auto !important;
1213
+ min-width: 300px;
1214
+ margin-bottom: 0px;
1215
+ }
1216
+ #existing-image-area {
1217
+ padding-top:6px;
1218
+ }
1219
+ textarea.wymeditor {
1220
+ }
1221
+ .ui-dialog div.field {
1222
+ margin: 0px 10px;
1223
+ }
1224
+ #dialog-container, .dialog-container {
1225
+ padding: 12px;
1226
+ }
1227
+ ul#image-grid, .pagination-container > ul#image-grid {
1228
+ width: 100%;
1229
+ padding: 0px;
1230
+ margin: 10px 0px 15px 0px;
1231
+ }
1232
+ .pagination-container > ul#image-grid.pagination-frame {
1233
+ top: 38px;
1234
+ }
1235
+ ul#image-grid li, .pagination-container > ul#image-grid li {
1236
+ position: relative;
1237
+ float: left;
1238
+ margin: 0px 7px 12px 0px;
1239
+ padding: 0px;
1240
+ width: 124px;
1241
+ text-align: center;
1242
+ height: 165px;
1243
+ overflow: hidden;
1244
+ max-width: 124px;
1245
+ max-height: 165px;
1246
+ }
1247
+ ul#image-grid li.image-4 {
1248
+ margin-left: 1px;
1249
+ margin-right: 0px;
1250
+ }
1251
+ #records ul#image-grid li .actions {
1252
+ top: auto;
1253
+ bottom: 0px;
1254
+ }
1255
+ #records ul#image-grid li .actions a {
1256
+ line-height: 24px;
1257
+ }
1258
+ ul#image-grid li.row-end {
1259
+ margin-right: 0px;
1260
+ float: right;
1261
+ }
1262
+ ul#image-grid li a {
1263
+ border: 0 none;
1264
+ }
1265
+ ul#image-grid li p {
1266
+ margin: 3px 0;
1267
+ }
1268
+ ul#image-grid li span.actions {
1269
+ width: 100%;
1270
+ }
1271
+ #content form.edit-image {
1272
+ width: 70%;
1273
+ float: left;
1274
+ }
1275
+ #content #existing-image {
1276
+ float: right;
1277
+ width: 25%;
1278
+ }
1279
+ ul.checkboxes {
1280
+ margin: 0px;
1281
+ padding: 0px;
1282
+ }
1283
+ ul.checkboxes li {
1284
+ list-style: none;
1285
+ }
1286
+ .label-inline-with-link label {
1287
+ float: left;
1288
+ margin-right: 6px;
1289
+ }
1290
+ .label-inline-with-link a {
1291
+ border: 0px none;
1292
+ margin-top: 19px;
1293
+ line-height: 17px;
1294
+ float: left;
1295
+ }
1296
+ .label-inline-with-link a img {
1297
+ vertical-align: middle;
1298
+ }
1299
+ .remove-picked-image {
1300
+ margin-top:8px;
1301
+ display:inline-block;
1302
+ width:auto;
1303
+ }
1304
+ #new-page-part-dialog .field {
1305
+ padding: 0px 10px;
1306
+ }
1307
+ .hide-overflow {
1308
+ overflow: hidden;
1309
+ }
1310
+ #remove-resource {
1311
+ margin-top:8px;
1312
+ display:inline-block;
1313
+ width:auto;
1314
+ }
1315
+ /**** Tooltip Icons *****/
1316
+ .tooltip {
1317
+ background: #22a7f2;
1318
+ border: 1px solid #1b82bd;
1319
+ word-wrap:break-word;
1320
+ position: relative;
1321
+ }
1322
+ .tooltip span {
1323
+ display: block;
1324
+ padding: 10px;
1325
+ border: 1px solid #62c1f6;
1326
+ }
1327
+ .tooltip-nib {
1328
+ position: absolute;
1329
+ z-index: 10001;
1330
+ }
1331
+ .tooltip, .tooltip * {
1332
+ color: white;
1333
+ }
1334
+ .wym-dialog-paste .field textarea {
1335
+ width: 98%;
1336
+ }
1337
+ .ui-dialog .wym-dialog-paste .field, .ui-dialog .wym-dialog-paste .field textarea {
1338
+ margin: 0px 0px 45px 0px;
1339
+ height: 300px;
1340
+ }
1341
+ input.button, a.button, #content a.button, span.button-wrapper, span.button-wrapper input {
1342
+ cursor:pointer;
1343
+ background: #22a7f2;
1344
+ color: white;
1345
+ padding: 0px 14px 0px 14px;
1346
+ font-size: 14px;
1347
+ line-height: 25px;
1348
+ height: 25px;
1349
+ display: inline-block;
1350
+ border: 0px none;
1351
+ margin-top: 0px;
1352
+ margin-bottom: 0px;
1353
+ }
1354
+ /* for those pesky IE browsers */
1355
+ span.button-wrapper {
1356
+ padding: 0px;
1357
+ }
1358
+ span.button-wrapper input {
1359
+ display: inherit;
1360
+ }
1361
+ /* fixes firefox display */
285
1362
  input.button {
286
- padding-bottom: 3px;
287
- background: none repeat scroll 0 0 #22A7F2;
288
- border: 0 none;
289
- color: white;
290
- cursor: pointer;
291
- display: inline-block;
292
- font-size: 14px;
293
- height: 25px;
294
- line-height: 25px;
295
- margin-bottom: 0px;
296
- margin-top: 10px;
297
- margin-left: 5px;
298
- padding: 0 14px;
299
-
300
- border-radius: 6px 6px 6px 6px;
301
- -moz-box-sizing: border-box;
302
-
303
-
304
-
1363
+ padding-bottom: 3px;
305
1364
  }
306
-
307
- #header{
308
-
309
- background: none repeat scroll 0 0 #22A7F2;
310
- height: 47px;
1365
+ input.button.close-dialog, a.button.close-dialog, #content a.button.close-dialog, span.button-wrapper.close-dialog, span.button-wrapper.close-dialog input {
1366
+ background: #bcbcbc;
311
1367
  }
312
-
313
- #tabs{
314
-
315
- margin-top: 40px;
316
- margin-left: 100px;
317
- margin-right: 100px;
1368
+ input.button:hover, a.button:hover, #content a.button:hover, span.button-wrapper:hover, span.button-wrapper:hover input {
1369
+ background:#62bef2;
318
1370
  }
319
-
320
- #tabs ul li{
321
-
322
- opacity: 6.35;
323
-
1371
+ input.button.close-dialog:hover, a.button.close-dialog:hover, #content a.button.close-dialog:hover, span.button-wrapper.close-dialog:hover {
1372
+ background: #cdcdcd;
324
1373
  }
325
- #site-bar-branding{
326
-
327
- color: white;
328
- font-family: Arial;
329
- font-size: 14px;
330
- font-weight: bold;
331
- line-height: 47px;
332
- float: right;
333
- margin-right: 100px;
1374
+ input.button:active, a.button:active, #content a.button:active, span.button-wrapper:active, span.button-wrapper:active input {
1375
+ background: #004a8f;
334
1376
  }
335
- #site-bar-branding a{
336
-
337
- color: white
1377
+ input.button.close-dialog:active, a.button.close-dialog:active, #content a.button.close-dialog:active, span.button-wrapper.close-dialog:active, span.button-wrapper.close-dialog:active input {
1378
+ background: #808080;
338
1379
  }
339
- #flash-container{
340
-
341
- margin-top: 10px;
1380
+ .wym-dialog a.button.wym-cancel.close-dialog {
1381
+ margin-left: 6px;
342
1382
  }
343
- #main-content {
344
-
345
- margin-left: 100px;
346
- margin-right: 100px;
347
- border-bottom-left-radius: 5px;
348
- border-bottom-right-radius: 5px;
349
- border-top-right-radius: 5px;
350
- border-top-left-radius: 5px;
351
- background: white;
352
- min-height: 98px;
353
- padding-bottom: 20px;
1383
+ #content a.button.close-dialog:active {
1384
+ color: white;
354
1385
  }
355
-
356
- #records{
357
-
358
- padding-top:10px;
359
- padding-bottom: 15px;
1386
+ .form-actions a.confirm-delete, #content .form-actions a.confirm-delete {
1387
+ background: #ee1100;
1388
+ position: absolute;
1389
+ right: 0px;
360
1390
  }
361
-
362
- .record{
363
-
364
- margin-left: 10px;
365
- line-height: 35px;
366
- list-style: none outside none;
367
- margin-bottom: 2px;
368
- width:550px;
369
- padding: 0 5px;
370
- position: relative;
371
- vertical-align: top;
372
-
1391
+ .form-actions a.confirm-delete:hover, #content .form-actions a.confirm-delete:hover {
1392
+ background: #ff3322;
373
1393
  }
374
-
375
- .roles {
376
- width:90%;
1394
+ .form-actions a.confirm-delete:active, #content .form-actions a.confirm-delete:active {
1395
+ background: #bb0000;
377
1396
  }
378
- .odd{
379
-
380
- background-color: #EAEAEA;
1397
+ .field input[type=text], .field input[type=email] , .field input[type=password], .field textarea {
1398
+ border: 1px solid #7f9db9;
1399
+ padding: 0.4% 0.5%;
1400
+ line-height: 20px;
381
1401
  }
382
- .even{
383
-
384
- background-color: #FFFFFF;
1402
+ /* ## Advanced Page Options --------------------------------------------- */
1403
+ #more-options{
1404
+ overflow:hidden;
385
1405
  }
386
- .actions{
387
-
388
- float: right;
1406
+ .hemisquare {
1407
+ padding: 10px;
1408
+ margin: 0px 0px;
1409
+ margin-left: 10px;
1410
+ width: 45%;
1411
+ }
1412
+ .hemisquare.right-side {
1413
+ float: right;
1414
+ }
1415
+ #content .hemisquare h2 {
1416
+ margin-top: 0px;
1417
+ }
1418
+ .hemisquare input, .hemisquare textarea, .hemisquare select {
1419
+ margin: 7px 0px;
1420
+ }
1421
+ .hemisquare textarea {
1422
+ margin-bottom: 0px;
1423
+ }
1424
+ .hemisquare label {
1425
+ margin: 0px;
1426
+ }
1427
+ #content .hemisquare .field {
1428
+ margin: 0 0 20px 0px;
1429
+ width: 98%;
1430
+ }
1431
+ .hemisquare small {
1432
+ font-size: 0.9em;
1433
+ }
1434
+ .label-with-help {
1435
+ vertical-align: middle;
1436
+ }
1437
+ .label-with-help label, .label-with-help span.help, .label-with-help img.help {
1438
+ display: inline;
1439
+ }
1440
+ .label-with-help img.help {
1441
+ vertical-align: middle;
1442
+ }
1443
+ .label-with-help span.help {
1444
+ font-weight: normal;
1445
+ margin-left: 3px;
1446
+ border-bottom: 1px dotted #727272;
1447
+ cursor: help;
1448
+ }
1449
+ #more-options-field {
1450
+ position: relative;
1451
+ }
1452
+ #draft-field {
1453
+ position: absolute;
1454
+ right: 0px;
1455
+ top: 0px;
1456
+ }
1457
+ .nothing-selected {
1458
+ border-bottom: 1px dotted #727272;
1459
+ width: auto;
1460
+ margin-bottom: 12px;
1461
+ display: inline-block;
1462
+ }
1463
+ .nothing-selected:hover {
1464
+ border-bottom: 1px solid #727272;
1465
+ }
1466
+ #upgrade-wrapper li a {
1467
+ line-height: 20px;
389
1468
  }
390
- .add-user{
391
1469
 
392
- float: right;
393
- background-color: #DBEDFF;
394
- background-position: 12px 50%;
395
- background-repeat: no-repeat;
396
- border: 1px solid #65C3F7;
397
- display: block;
398
- padding: 9px 12px 9px 36px;
399
- margin-right: 160px;
400
- width: 300px;
1470
+ #actions ul#current-locale {
1471
+ margin-top: 30px;
1472
+ }
1473
+ #current-locale li a {
1474
+ position: relative;
1475
+ }
1476
+ #current-locale li a span {
1477
+ position: absolute;
1478
+ right: 9px;
1479
+ border-bottom: 1px dotted #727272;
401
1480
  }
402
1481
 
403
- .checkboxes{
1482
+ #other-locales li:first-child {
1483
+ margin-top: 0px;
1484
+ }
404
1485
 
405
- background: none
1486
+ /* Locale picker */
1487
+ #switch-locale-picker {
1488
+ margin: 0px;
1489
+ padding: 0px;
1490
+ }
1491
+ #switch-locale-picker li {
1492
+ float: left;
1493
+ padding: 0px;
1494
+ margin: 0px 12px 0px 0px;
1495
+ list-style: none;
1496
+ }
1497
+ #switch-locale-picker a {
1498
+ border-bottom: 0px none;
1499
+ }
1500
+ #switch-locale-picker a img {
1501
+ border-width: 6px;
1502
+ border-style: solid;
1503
+ border-color: transparent;
1504
+ display: block;
1505
+ }
1506
+ #switch-locale-picker li.selected a img {
1507
+ border-color: #22A7F2;
1508
+ }
406
1509
 
1510
+ #content #records .title .preview a.locale {
1511
+ border-bottom: 0px none;
407
1512
  }
408
1513
 
409
- ul.checkboxes li {
1514
+ /* AJAX pagination */
1515
+ .pagination-container {
1516
+ position: relative;
1517
+ overflow: hidden;
1518
+ min-height: 600px;
1519
+ }
410
1520
 
411
- list-style: none outside none;
1521
+ .pagination-frame {
1522
+ padding: 0;
1523
+ width: 100%;
1524
+ height: auto;
1525
+ position: absolute;
1526
+ top: 28px;
1527
+ right: auto;
1528
+ -moz-transition: all 0.3s ease-in-out;
1529
+ -o-transition: all 0.3s ease-in-out;
1530
+ -webkit-transition: all 0.3s ease-in-out;
1531
+ transition: all 0.3s ease-in-out;
1532
+ }
1533
+ .pagination-container > div.pagination-frame {
1534
+ top: 40px;
1535
+ }
1536
+ .pagination-frame.frame-left {
1537
+ left: -1000px;
1538
+ }
1539
+ .pagination-frame.frame-right {
1540
+ left: 1000px;
1541
+ -moz-transition: all 0.3s ease-in-out;
1542
+ -o-transition: all 0.3s ease-in-out;
1543
+ -webkit-transition: all 0.3s ease-in-out;
1544
+ transition: all 0.3s ease-in-out;
1545
+ }
1546
+ .pagination-frame.frame-center {
1547
+ left: 0;
1548
+ }
1549
+ .pagination-frame li {
1550
+ position: relative;
1551
+ padding-left: 5px;
1552
+ }
1553
+ a.information:hover {
1554
+ background: #22a7f2;
1555
+ }
412
1556
 
1557
+ /* dubiously in here */
1558
+ .current-image-link {
1559
+ display: inline-block;
1560
+ width: auto;
413
1561
  }
414
1562
 
415
- .stripped {
1563
+ /* cornering */
1564
+ .button, #editor-switch a, #editor-switch span {
1565
+ border-radius: 6px;
1566
+ -moz-border-radius: 6px;
1567
+ -webkit-border-radius: 6px;
1568
+ }
1569
+ #page-container, .wym-box {
1570
+ border-radius-bottom: 5px;
1571
+ -moz-border-radius-bottomleft: 5px;
1572
+ -moz-border-radius-bottomright: 5px;
1573
+ -webkit-border-bottom-left-radius: 5px;
1574
+ -webkit-border-bottom-right-radius: 5px;
1575
+ }
1576
+ .wym-iframe iframe {
1577
+ border-radius-bottom: 2px;
1578
+ -moz-border-radius-bottomleft: 2px;
1579
+ -moz-border-radius-bottomright: 2px;
1580
+ -webkit-border-bottom-left-radius: 2px;
1581
+ -webkit-border-bottom-right-radius: 2px;
1582
+ }
1583
+ .form-actions {
1584
+ border-radius: 5px;
1585
+ -moz-border-radius: 5px;
1586
+ -webkit-border-radius: 5px;
1587
+ }
1588
+ .form-actions.form-actions-dialog {
1589
+ border-radius: 0px;
1590
+ -moz-border-radius: 0px;
1591
+ -webkit-border-radius: 0px;
1592
+ }
1593
+ #menu > a {
1594
+ border-radius-top: 5px;
1595
+ -moz-border-radius-topleft: 5px;
1596
+ -moz-border-radius-topright: 5px;
1597
+ -webkit-border-top-left-radius: 5px;
1598
+ -webkit-border-top-right-radius: 5px;
1599
+ }
1600
+ .ui-tabs .ui-state-default a {
1601
+ border-top-left-radius: 5px;
1602
+ border-top-right-radius: 5px;
1603
+ -moz-border-radius-topleft: 5px;
1604
+ -moz-border-radius-topright: 5px;
1605
+ -webkit-border-top-left-radius: 5px;
1606
+ -webkit-border-top-right-radius: 5px;
1607
+ }
1608
+ .tooltip, .tooltip span {
1609
+ border-radius: 6px;
1610
+ -moz-border-radius: 6px;
1611
+ -webkit-border-radius: 6px;
1612
+ }
416
1613
 
417
- display: inline !important;
418
- float: none;
419
- font-size: 1em !important;
420
- font-weight: normal !important;
421
- margin: 0;
422
- padding: 0;
1614
+ /* Internet Explorer to follow: */
1615
+ /* IE 7 */
1616
+ .ie7 #content .form-actions .form-actions-left a.button {
1617
+ height: 19px;
1618
+ line-height: 19px;
1619
+ padding-top: 3px;
1620
+ padding-bottom: 3px;
1621
+ }
1622
+ .ie7 .search-form input.button {
1623
+ padding-left: 8px;
1624
+ padding-right: 8px;
1625
+ }
1626
+ .ie7 body.login .field input.larger, .ie7 body.login .field input.larger:focus {
1627
+ background-image: none !important;
1628
+ padding: 0px;
1629
+ line-height: 30px;
1630
+ }
1631
+ .ie7 .pagination a, .ie7 #content .pagination a, .ie7 .pagination .current, .ie7 .disabled, .ie7 .pagination em {
1632
+ padding-bottom: 6px;
1633
+ }
1634
+ .ie7 .pt-BR #search {
1635
+ width: 177px;
1636
+ }
1637
+ .ie7 .en #search {
1638
+ width: 200px;
1639
+ }
423
1640
 
1641
+ /* IE 8 */
1642
+ .ie8 body.login .field input.larger, .ie8 body.login .field input.larger:focus {
1643
+ line-height: 30px;
1644
+ }
1645
+ .ie8 .pagination a, .ie8 #content .pagination a, .ie8 .pagination .current, .ie8 .disabled, .ie8 .pagination em {
1646
+ padding-bottom: 6px;
424
1647
  }