mcms_authentication 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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
  }