Consolidate the document carousel and carousel items CSS styles

mayan/apps/documents/forms.py

@@ -144,7 +144,7 @@ class DocumentContentForm(forms.Form):
         for page in document_pages:
             if page.content:
                 content.append(conditional_escape(force_unicode(page.content)))
-                content.append(u'\n\n\n<hr/><div style="text-align: center;">- %s %s -</div><hr/>\n\n\n' % (ugettext(u'Page'), page.page_number))
+                content.append(u'\n\n\n<hr/><div class="document-page-content-divider">- %s %s -</div><hr/>\n\n\n' % (ugettext(u'Page'), page.page_number))
 
         self.fields['contents'].initial = mark_safe(u''.join(content))
 

mayan/apps/documents/widgets.py

@@ -61,7 +61,7 @@ class DocumentPagesCarouselWidget(forms.widgets.Widget):
                     post_load_class='lazy-load-carousel-loaded',
                 )
             )
-            output.append(u'<div class="tc">%s</div>' % ugettext(u'Page %(page_number)d') % {'page_number': page.page_number})
+            output.append(u'<div class="carousel-item-page-number">%s</div>' % ugettext(u'Page %(page_number)d') % {'page_number': page.page_number})
             output.append(u'</div>')
 
         output.append(u'</div>')
@@ -116,7 +116,7 @@ def document_html_widget(document, click_view=None, click_view_arguments=None, p
         result.append(u'<a %s class="%s" href="%s" %s>' % (gallery_template, fancybox_class, u'%s?%s' % (reverse(click_view, args=click_view_arguments or [document.pk]), query_string), title_template))
 
     if nolazyload:
-        result.append(u'<img style="border: 1px solid black;" src="%s" alt="%s" />' % (preview_view, alt_text))
+        result.append(u'<img class="img-nolazyload" src="%s" alt="%s" />' % (preview_view, alt_text))
     else:
         result.append(u'<img class="thin_border %s" data-src="%s" data-post-load-class="%s" src="%smain/icons/hourglass.png" alt="%s" />' % (image_class, preview_view, post_load_class, settings.STATIC_URL, alt_text))
 

mayan/apps/main/templates/main/base.html

@@ -169,6 +169,18 @@
                 .carousel-item {
                     margin: 5px 10px 10px 10px
                 }
+
+                .carousel-item-page-number {
+                    text-align: center;
+                }
+
+                .img-nolazyload {
+                    border: 1px solid black;
+                }
+
+                .document-page-content-divider {
+                    text-align: center;
+                }
             </style>
             {% block stylesheets %}{% endblock %}