mcms_blog 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 (43) hide show
  1. data/app/assets/images/icons/download.jpeg +0 -0
  2. data/app/assets/javascripts/admin/blog/mcms-blog-submenu.js +61 -44
  3. data/app/assets/stylesheets/blog_global.css +26 -486
  4. data/app/assets/stylesheets/blog_home.css +60 -0
  5. data/app/assets/stylesheets/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  6. data/app/assets/stylesheets/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  7. data/app/controllers/admin/blog/categories_controller.rb +10 -7
  8. data/app/controllers/admin/blog/comments_controller.rb +9 -4
  9. data/app/controllers/admin/blog/posts_controller.rb +11 -7
  10. data/app/controllers/admin/blog/settings_controller.rb +9 -5
  11. data/app/controllers/blog/posts_controller.rb +1 -1
  12. data/app/models/ckeditor/asset.rb +1 -1
  13. data/app/models/setting.rb +1 -1
  14. data/app/views/admin/blog/_submenu.html.erb +104 -77
  15. data/app/views/admin/blog/categories/_category.html.erb +28 -18
  16. data/app/views/admin/blog/categories/_form.html.erb +1 -0
  17. data/app/views/admin/blog/categories/index.html.erb +4 -3
  18. data/app/views/admin/blog/comments/_comment.html.erb +23 -20
  19. data/app/views/admin/blog/comments/index.html.erb +9 -2
  20. data/app/views/admin/blog/comments/show.html.erb +72 -60
  21. data/app/views/admin/blog/posts/_form.html.erb +26 -7
  22. data/app/views/admin/blog/posts/_form.js.erb +1 -1
  23. data/app/views/admin/blog/posts/_post.html.erb +20 -17
  24. data/app/views/admin/blog/posts/index.html.erb +22 -20
  25. data/app/views/admin/blog/posts/index.js.erb +1 -0
  26. data/app/views/blog/posts/_post.html.erb +1 -1
  27. data/app/views/blog/shared/_post.html.erb +1 -1
  28. data/app/views/layouts/_javascript.html.erb +2 -0
  29. data/app/views/layouts/_stylesheets.html.erb +1 -1
  30. data/app/views/layouts/admin.html.erb +6 -4
  31. data/app/views/layouts/home.html.erb +15 -6
  32. data/app/views/shared/admin/_error_messages.html.erb +1 -1
  33. data/app/views/shared/admin/_form_actions.html.erb +12 -2
  34. data/app/views/shared/admin/_includes.html.erb +4 -0
  35. data/config/locales/en.yml +6 -6
  36. data/config/routes.rb +0 -5
  37. data/db/seeds.rb +33 -13
  38. metadata +7 -7
  39. data/app/assets/javascripts/posts.js +0 -3
  40. data/app/views/layouts/application.html.erb +0 -38
  41. data/app/views/shared/_javascripts.html.erb +0 -3
  42. data/app/views/shared/_stylesheets.html.erb +0 -6
  43. data/lib/tasks/mcms_blog_tasks.rake +0 -4
@@ -17,7 +17,7 @@ body {
17
17
  font-size: 10px;
18
18
  font-family: Verdana;
19
19
  line-height: 1.5em;
20
- background: #303030 url('page_bg.png') repeat;
20
+ /*background: #303030 url('page_bg.png') repeat;*/
21
21
  }
22
22
  acronym {
23
23
  cursor: help;
@@ -57,10 +57,6 @@ select.widest {
57
57
  padding-left: 15px;
58
58
  padding-top: 0px;
59
59
  }
60
- #records {
61
- float: left;
62
- width: 67.7%;
63
- }
64
60
  #actions ul {
65
61
  margin: 0px 0px 18px 0px;
66
62
  padding: 0;
@@ -98,7 +94,7 @@ hr {
98
94
  border: none;
99
95
  text-decoration: none;
100
96
  }
101
- .errorExplanation {
97
+ .error-explanation {
102
98
  background: 7px 10px no-repeat url('icons/cancel.png') #FFB1B1;
103
99
  padding: 0px 5px 5px 30px;
104
100
  font-weight: bold;
@@ -106,12 +102,12 @@ hr {
106
102
  margin-bottom: 5px;
107
103
  border: 1px solid red;
108
104
  }
109
- .errorExplanation h2 {
105
+ .error-explanation h2 {
110
106
  color: red;
111
107
  text-transform: none;
112
108
  display: none;
113
109
  }
114
- .errorExplanation p {
110
+ .error-explanation p {
115
111
  font-weight: normal;
116
112
  }
117
113
  .fieldWithErrors input, .fieldWithErrors textarea {
@@ -126,32 +122,32 @@ hr {
126
122
  margin-bottom: 15px;
127
123
  position: relative;
128
124
  }
129
- .flash_notice, .flash_message {
125
+ .flash-notice, .flash-message {
130
126
  border: 1px solid #00A017;
131
127
  color: #00A017;
132
128
  background: 7px 7px no-repeat url('icons/accept.png') #E0F5E0;
133
129
  }
134
- .flash_notice, .flash_notice * {
130
+ .flash-notice, .flash-notice * {
135
131
  color: #00A017;
136
132
  }
137
- .flash_error, .flash_alert {
133
+ .flash-error, .flash-alert {
138
134
  border: 1px solid #A00027;
139
135
  color: #A00027;
140
136
  background: 7px 7px no-repeat url('icons/cancel.png') #FFB1B1;
141
137
  }
142
- .flash.flash_notice #flash_close, .flash.flash_error #flash_close, .flash.flash_alert #flash_close {
138
+ .flash.flash-notice #flash-close, .flash.flash-error #flash-close, .flash.flash-alert #flash-close {
143
139
  text-transform: lowercase;
144
140
  }
145
- .flash.flash_message {
141
+ .flash.flash-message {
146
142
  background: #E0F5E0;
147
143
  padding: 9px;
148
144
  position: relative;
149
145
  margin-bottom: 32px;
150
146
  }
151
- .flash.flash_message h2 {
147
+ .flash.flash-message h2 {
152
148
  margin-top: 12px;
153
149
  }
154
- .flash_message, .flash_message * {
150
+ .flash-message, .flash-message * {
155
151
  color: #262719;
156
152
  font-size: 14px;
157
153
  }
@@ -159,21 +155,21 @@ hr {
159
155
  color: #e20003;
160
156
  border-bottom-color: #e20003;
161
157
  }
162
- .flash.flash_error a, .flash.flash_error a:hover,
163
- .flash.flash_alert a, .flash.flash_alert a:hover {
158
+ .flash.flash-error a, .flash.flash-error a:hover,
159
+ .flash.flash-alert a, .flash.flash-alert a:hover {
164
160
  display: none;
165
161
  }
166
- noscript .flash.flash_error a, noscript .flash.flash_error a:hover,
167
- noscript .flash.flash_alert a, noscript .flash.flash_alert a:hover {
162
+ noscript .flash.flash-error a, noscript .flash.flash-error a:hover,
163
+ noscript .flash.flash-alert a, noscript .flash.flash-alert a:hover {
168
164
  display: inline;
169
165
  font-weight: bold;
170
166
  }
171
- .flash a#flash_close {
167
+ .flash a#flash-close {
172
168
  position: absolute;
173
169
  right: 9px;
174
170
  top: 7px;
175
171
  }
176
- .flash.flash_message a#flash_close {
172
+ .flash.flash-message a#flash-close {
177
173
  top: 21px;
178
174
  }
179
175
  #content a {
@@ -228,87 +224,7 @@ body.login header {
228
224
  header, footer, nav {
229
225
  display: block;
230
226
  }
231
- body.login #site_bar_content a#site_bar_refinery_cms_logo {
232
- left: 247px;
233
- }
234
- #page-container .login #page h1 {
235
- margin: 0;
236
- padding: 5px;
237
- font-size: 20px;
238
- line-height:22px
239
- }
240
- body.login #page-container div.remember_me label, label.inline {
241
- display: inline;
242
- }
243
- body.login #page-container div.actions {
244
- margin-top: 12px;
245
- }
246
- body.login label {
247
- margin-top: 0px;
248
- }
249
- body.login .field {
250
- margin-bottom: 20px;
251
- }
252
- body.login .field.remember_me, body.login .field.forgot_password {
253
- margin-bottom: 0px;
254
- margin-top: 0px;
255
- }
256
- body.login .field.forgot_password {
257
- text-align: right;
258
- }
259
- body.login .field.remember_me label {
260
- margin-top: 20px;
261
- }
262
- body.login #page-container div.remember_me {
263
- width: 300px;
264
- float: left;
265
- }
266
- body.login #page-container div.forgot_password {
267
- float: right;
268
- width: 250px;
269
- }
270
- body.login label, body.login a {
271
- font-size: 14px;
272
- }
273
- body.login #flash_container, body.login .errorExplanation {
274
- margin-bottom: 12px;
275
- }
276
- div.field.checkbox_access ul.checkboxes li {
277
- margin-top: 3px;
278
- }
279
- div.field.checkbox_access {
280
- margin-top: 20px;
281
- }
282
- div.field.checkbox_access .label_with_help a {
283
- font-weight: normal;
284
- }
285
- /* Works in Firefox, Safari, Chrome, IE8+ */
286
- body.login input.larger {
287
- background: url('text_field_background.png') repeat-x white;
288
- height: 31px;
289
- }
290
- body.login input.larger:focus {
291
- background-position: 0px -41px;
292
- }
293
- body.login .fieldWithErrors input.larger {
294
- background-position: 0px -82px;
295
- border: 1px solid red;
296
- }
297
- header {
298
- height: 60px;
299
- position: relative;
300
- margin-bottom: 0px;
301
- }
302
- body.login header h1 {
303
- color: #41403c;
304
- vertical-align: middle;
305
- text-align: center;
306
- font-weight: bold;
307
- font-size: 18px;
308
- padding-bottom: 0px;
309
- line-height: 30px;
310
- padding-top: 15px;
311
- }
227
+
312
228
  #menu, header .jcarousel-container {
313
229
  display: block;
314
230
  margin: 0px;
@@ -414,116 +330,8 @@ header p {
414
330
  .filter {
415
331
  float: right;
416
332
  }
417
- #records > ul, #records > #recent_activity > ul, #records > #recent_inquiries > ul,
418
- #records .pagination_container > ul, #records .pagination_frame > ul {
419
- margin-left: 0;
420
- padding-left: 0;
421
- }
422
- #records > ul li, #records > #recent_activity > ul li, #records > #recent_inquiries > ul li,
423
- #records .pagination_container > ul li, #records .pagination_frame > ul {
424
- list-style: none;
425
- padding: 0px 5px;
426
- vertical-align: top;
427
- margin-bottom: 2px;
428
- line-height: 35px;
429
- position: relative;
430
- }
431
- #records > #recent_activity > ul li, #records > #recent_inquiries > ul li {
432
- max-height: 35px;
433
- }
434
- /*
435
- #records > ul.ui-sortable li {
436
- position: static;
437
- }
438
- */
439
- #content #records > ul li .actions a, #content #records .pagination_container > ul li .actions a {
440
- line-height: 29px;
441
- }
442
- #records ul.clickable li {
443
- padding: 0px;
444
- margin-bottom: 0px;
445
- }
446
- #records ul.clickable li a {
447
- padding: 0px 5px;
448
- vertical-align: top;
449
- margin-bottom: 2px;
450
- line-height: 35px;
451
- display: block;
452
- border-bottom: 0px none;
453
- }
454
- #records > #recent_activity, #records > #recent_inquiries {
455
- float: left;
456
- width: 48%;
457
- }
458
- #records > #recent_inquiries {
459
- margin-left: 21px;
460
- }
461
- #records.one_list > #recent_activity, #records.one_list > #recent_inquiries {
462
- width: 100%;
463
- }
464
- #records .left-column {
465
- float: left;
466
- width: 65%;
467
- }
468
- #records .left-column img {
469
- vertical-align: bottom;
470
- margin-top: 1px;
471
- margin-right: 5px;
472
- }
473
- #records .right-column {
474
- float: right;
475
- width: 34%;
476
- text-align: right;
477
- }
478
- #records .on {
479
- background-color: #EAEAEA;
480
- }
481
- #records .off, #records .on-hover {
482
- background-color: white;
483
- }
484
- #pagination ul a:hover, #pagination .on {
485
- background: url('hover-gradient.jpg') repeat-x bottom #D4D4C6;
486
- }
487
- #records ul.empty {
488
- display: none;
489
- }
490
- #records.tree ul li ul, .tree ul li ul {
491
- padding: 0;
492
- }
493
- #records.tree ul li, .tree ul li {
494
- margin: 0px;
495
- padding: 4px 0 0 40px;
496
- background: url('branch.gif') no-repeat 15px 0px;
497
- }
498
- #records.tree li.record ul {
499
- margin-left: 0;
500
- }
501
- #records.tree .on-hover, #pagination ul.tree a:hover, #pagination .tree .on {
502
- background: url('branch.gif') no-repeat 15px 0px;
503
- }
504
- #records.tree ul li.branch_start, .tree ul li.branch_start {
505
- background-image: url('branch-start.gif');
506
- }
507
- #records.tree ul li.branch_end, .tree ul li.branch_end {
508
- background-image: url('branch-end.gif');
509
- }
510
- #records.tree li {
511
- line-height: 25px;
512
- }
513
- #records.tree li span.spacing, .tree li span.spacing {
514
- display: none;
515
- }
516
- #records.tree ul li > div:hover, .tree ul li > div:hover {
517
- background-color: #EAEAEA;
518
- }
519
- /*
520
- #records.tree ul.ui-sortable li div:hover, .tree ul.ui-sortable li div:hover {
521
- background-color: inherit;
522
- }
523
- */
524
- #records ul#sortable_list {
525
- margin-top: 6px;
526
- }
333
+
334
+
527
335
 
528
336
  #sortable_list.reordering > li {
529
337
  cursor: move;
@@ -537,9 +345,6 @@ header p {
537
345
  font-weight: bold;
538
346
  }
539
347
 
540
- #records h2, #actions h2 {
541
- margin-top: 0px;
542
- }
543
348
  .pagination {
544
349
  background-color: #C9DAE2;
545
350
  padding: 5px 5px 4px 5px;
@@ -741,241 +546,6 @@ label.stripped {
741
546
  .brown_border {
742
547
  border: 1px solid #99998B;
743
548
  }
744
- #inquiry, .inquiry {
745
- border-collapse: collapse;
746
- width: 100%;
747
- background-color: #F5F4F3;
748
- }
749
- #inquiry td, .inquiry td {
750
- border-bottom: 1px solid #CCCCCC;
751
- padding: 7px;
752
- }
753
- #inquiry tr:last-child td, .inquiry tr:last-child td {
754
- border-bottom: 0px;
755
- }
756
- #inquiry td label.stripped, .inquiry td label.stripped {
757
- font-weight: bold;
758
- }
759
- body.dialog {
760
- background: #FFF;
761
- }
762
- body.dialog, body.wym_dialog {
763
- text-align: left;
764
- }
765
- #wym_hide_fields {
766
- display: none;
767
- }
768
- body.dialog form {
769
- width: 100% !important;
770
- }
771
- .dialog span.radio {
772
- display: block;
773
- line-height: 18px;
774
- padding: 6px 0px;
775
- }
776
- .dialog span.radio * {
777
- cursor: pointer;
778
- font-weight: bold;
779
- }
780
- .dialog #dialog_menu_left {
781
- position: fixed;
782
- left: 12px;
783
- top: 9px;
784
- width: 130px;
785
- }
786
- .dialog #dialog_main {
787
- float: left;
788
- margin-left: 130px;
789
- min-height: 405px;
790
- width: 696px;
791
- }
792
- .wym_dialog_table {
793
- height: 250px;
794
- }
795
- .dialog #existing_image_content {
796
- position: relative;
797
- height: 300px;
798
- padding: 12px;
799
- }
800
- .dialog #existing_image_area_content {
801
- margin-top: 28px;
802
- }
803
- .dialog #existing_image_area_content ul {
804
- margin: 0px;
805
- padding: 0px;
806
- }
807
- .dialog #existing_image_area_content ul li {
808
- list-style: none;
809
- padding: 0px;
810
- margin: 0px 2px 0px 0px;
811
- float: left;
812
- height: 114px;
813
- max-height: 114px;
814
- width: 114px;
815
- max-width: 114px;
816
- overflow: hidden;
817
- cursor: pointer;
818
- text-align: center;
819
- vertical-align: middle;
820
- }
821
- .dialog #existing_image_area_content ul li img {
822
- border: 4px solid transparent;
823
- }
824
- .dialog #existing_image_area_content ul li.selected img {
825
- border: 4px solid #22A7F2;
826
- }
827
- .dialog #existing_image_size_area {
828
- margin-top: 18px;
829
- }
830
- .dialog #existing_image_size_area ul {
831
- margin: 0px;
832
- padding: 10px 0px 0px 0px;
833
- }
834
- .dialog #existing_image_size_area ul li {
835
- float: left;
836
- list-style: none;
837
- margin: 0px 18px 0px 0px;
838
- text-align:center;
839
- }
840
- .dialog #existing_image_size_area ul li.selected {
841
-
842
- }
843
- .dialog #existing_image_size_area ul li a {
844
- display: block;
845
- border: 1px solid #999999;
846
- font-size: 10px;
847
- /* The following default values are overridden below */
848
- height: 90px;
849
- width: 90px;
850
- line-height: 90px;
851
- margin-top:-20px
852
- }
853
- .dialog #existing_image_size_area ul li.selected a {
854
- border-color: #22A7F2;
855
- background: #22A7F2;
856
- color: white;
857
- font-weight: bold;
858
- }
859
- .dialog #existing_image_size_area #image_dialog_size_0 a { height: 30px; width: 30px; line-height: 30px; margin-top: 10px}
860
- .dialog #existing_image_size_area #image_dialog_size_1 a { height: 50px; width: 50px; line-height: 50px; margin-top: 0px}
861
- .dialog #existing_image_size_area #image_dialog_size_2 a { height: 70px; width: 70px; line-height: 70px; margin-top:-10px}
862
- .dialog #existing_image_size_area #image_dialog_size_3 a { height: 90px; width: 90px; line-height: 90px; margin-top:-20px}
863
-
864
- #dialog_main .pagination {
865
- margin: 0px;
866
- position: fixed;
867
- bottom: 5px;
868
- right: 12px;
869
- z-index: 1000;
870
- }
871
- #upload_image_area, #upload_resource_area {
872
- padding: 12px;
873
- }
874
- .dialog #content {
875
- padding: 0px;
876
- }
877
- .wym_dialog #page {
878
- width: 940px;
879
- padding: 6px;
880
- }
881
- #dialog_main .pages_list {
882
- width: 100%;
883
- padding-bottom: 40px;
884
- }
885
- #dialog_main .pages_list ul {
886
- margin: 0px 12px 0px 12px;
887
- padding: 0px;
888
- }
889
- #dialog_main .pages_list ul li {
890
- cursor: pointer;
891
- line-height: 24px;
892
- list-style: none;
893
- }
894
- #dialog_main .pages_list li.child a {
895
- padding-left: 27px;
896
- }
897
- #dialog_main .pages_list li.child1 a {
898
- padding-left: 47px;
899
- }
900
- #dialog_main .pages_list li.child2 a {
901
- padding-left: 67px;
902
- }
903
- #dialog_main .pages_list li.child3 a {
904
- padding-left: 87px;
905
- }
906
- #dialog_main .pages_list li.child4 a {
907
- padding-left: 107px;
908
- }
909
- /*
910
- #dialog_main .pages_list ul li span {
911
- display: block;
912
- padding: 3px;
913
- margin-left: 24px;
914
- }*/
915
- #dialog_main .pages_list ul li a {
916
- display: block;
917
- padding: 3px 3px 3px 27px;
918
- text-decoration: none;
919
- border-bottom: none;
920
- border: 1px solid transparent;
921
- }
922
- #dialog_main .pages_list li a:hover {
923
- background-color: #C9DAE2;
924
- }
925
- #dialog_main .actions {
926
- margin-right: 48px;
927
- }
928
- #dialog_main .pages_list .linked a, #dialog_main .pages_list .linked a:hover {
929
- border: 1px solid #00A017;
930
- color: #00A017;
931
- background: 7px 7px no-repeat url('icons/accept.png') #E0F5E0;
932
- }
933
- #dialog_main .pages_list .linked a em {
934
- color: #00A017;
935
- }
936
- #dialog_main #web_address_area, #dialog_main #email_address_area {
937
- padding: 12px;
938
- }
939
- #link_title {
940
- margin-top: 12px;
941
- }
942
- #link_title label {
943
- margin: 3px 0px 0px 0px !important;
944
- width: 130px;
945
- display: block;
946
- float: left;
947
- }
948
- #link_title input {
949
- width: 770px;
950
- }
951
- ul#menu.reordering_menu li a {
952
- cursor: move;
953
- }
954
- #site_bar {
955
- background: #22a7f2;
956
- border-bottom: 0px none;
957
- }
958
- #search {
959
- border: 1px solid #b3b3b3;
960
- line-height: 18px;
961
- padding: 2px;
962
- font-size: 16px;
963
- width: 180px;
964
- }
965
- .pt-BR #search {
966
- width: 187px;
967
- }
968
- .en #search {
969
- width: 210px;
970
- }
971
- .search_form {
972
- position: relative;
973
- }
974
- .search_form .button, .search_form .button-wrapper {
975
- position: absolute;
976
- right: 0px;
977
- top: 0px;
978
- }
979
549
  form input[type=submit]:hover {
980
550
  background: #65c3f7;
981
551
  }
@@ -1101,15 +671,7 @@ a#toggle_advanced_options:hover {
1101
671
  margin-top: 10px;
1102
672
  height: 45px;
1103
673
  }
1104
- .dialog form {
1105
- margin-bottom: 45px;
1106
- }
1107
- .dialog .dialog_area > div > .field label:first-child, .dialog .dialog_area > div > label:first-child {
1108
- margin-top: 0px;
1109
- }
1110
- .wym_dialog .form-actions, #content.form-actions.dialog-form-actions, .ui-dialog .form-actions {
1111
- margin-top: 16px;
1112
- }
674
+
1113
675
  #content .form-actions .form-actions-left, #content .form-actions .form-actions-right,
1114
676
  .wym_dialog .form-actions .form-actions-left, .wym_dialog .form-actions .form-actions-right,
1115
677
  .ui-dialog .form-actions .form-actions-left, .ui-dialog .form-actions .form-actions-right {
@@ -1252,32 +814,6 @@ ul.checkboxes li {
1252
814
  display:inline-block;
1253
815
  width:auto;
1254
816
  }
1255
- /**** Tooltip Icons *****/
1256
- .tooltip {
1257
- background: #22a7f2;
1258
- border: 1px solid #1b82bd;
1259
- word-wrap:break-word;
1260
- position: relative;
1261
- }
1262
- .tooltip span {
1263
- display: block;
1264
- padding: 10px;
1265
- border: 1px solid #62c1f6;
1266
- }
1267
- .tooltip-nib {
1268
- position: absolute;
1269
- z-index: 10001;
1270
- }
1271
- .tooltip, .tooltip * {
1272
- color: white;
1273
- }
1274
- .wym_dialog_paste .field textarea {
1275
- width: 98%;
1276
- }
1277
- .ui-dialog .wym_dialog_paste .field, .ui-dialog .wym_dialog_paste .field textarea {
1278
- margin: 0px 0px 45px 0px;
1279
- height: 300px;
1280
- }
1281
817
  input.button, a.button, #content a.button, span.button-wrapper, span.button-wrapper input {
1282
818
  cursor:pointer;
1283
819
  background: #22a7f2;
@@ -1371,6 +907,10 @@ input.button.close_dialog:active, a.button.close_dialog:active, #content a.butto
1371
907
  .hemisquare small {
1372
908
  font-size: 0.9em;
1373
909
  }
910
+
911
+ .hemisquare ul li {
912
+ list-style: none;
913
+ }
1374
914
  .label_with_help {
1375
915
  vertical-align: middle;
1376
916
  }
@@ -1584,4 +1124,4 @@ a.information:hover {
1584
1124
  }
1585
1125
  .ie8 .pagination a, .ie8 #content .pagination a, .ie8 .pagination .current, .ie8 .disabled, .ie8 .pagination em {
1586
1126
  padding-bottom: 6px;
1587
- }
1127
+ }
@@ -1430,3 +1430,63 @@ th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
1430
1430
  #nav li a:hover, #nav li a.selected {
1431
1431
  background-position: 0 -31px;
1432
1432
  }
1433
+ .pages-menu {
1434
+
1435
+ width: 100%;
1436
+ float: left;
1437
+ text-align: right;
1438
+ margin-bottom: 20px;
1439
+
1440
+ }
1441
+
1442
+ .pages-menu-li{
1443
+
1444
+ list-style-type: none;
1445
+ float: left;
1446
+ margin-left: 10px;
1447
+ }
1448
+
1449
+ .pages-menu-ul {
1450
+ margin: 0;
1451
+ padding: 0;
1452
+ height: 1em;
1453
+ float: right;
1454
+ }
1455
+ .pages-menu-ul li {
1456
+ list-style: none;
1457
+ float: left;
1458
+ }
1459
+ .pages-menu-ul li a {
1460
+ display: block;
1461
+ padding: 3px 8px;
1462
+ text-decoration: none;
1463
+ }
1464
+
1465
+ .pages-menu-ul li ul {
1466
+ display: none;
1467
+ width: 10em; /* Width to help Opera out */
1468
+ background-color: #69f;
1469
+ z-index: 1000;
1470
+
1471
+ }
1472
+
1473
+ .pages-menu-ul li:hover ul {
1474
+ display: block;
1475
+ position: absolute;
1476
+ margin: 0;
1477
+ padding-bottom: 5px;
1478
+ z-index: 1000;
1479
+ }
1480
+
1481
+ .pages-menu-ul li:hover li {
1482
+ float: left;
1483
+ }
1484
+
1485
+ .pages-menu-ul li:hover li a {
1486
+ border-bottom: 1px solid #fff;
1487
+ color: #000;
1488
+ }
1489
+
1490
+ .pages-menu-ul li li a:hover {
1491
+ background-color: #8db3ff;
1492
+ }