Merge branch bootstrap into master

Closes #160, closes #94, closes #99.

base/templatetags/menus.py

@@ -0,0 +1,39 @@
+import os
+
+import yaml
+from django import template
+from django.core.urlresolvers import reverse
+from sapl.settings import BASE_DIR
+
+register = template.Library()
+TEMPLATES_DIR = BASE_DIR.child("templates")
+
+
+@register.inclusion_tag('menus/subnav.html', takes_context=True)
+def subnav(context, path=None):
+    """Renders a subnavigation for views of a certain object.
+
+    If not provided, path defaults to <app_name>/subnav.yaml
+    """
+    # TODO: 118n !!!!!!!!!!!!!!
+    # How to internationalize yaml files????
+    menu = None
+    if 'object' in context:
+        obj = context['object']
+        default_path = '%s/subnav.yaml' % obj.__class__._meta.app_label
+        path = os.path.join(TEMPLATES_DIR, path or default_path)
+        if os.path.exists(path):
+            menu = yaml.load(open(path, 'r'))
+            resolve_urls_inplace(menu, obj.pk)
+    return dict(menu=menu)
+
+
+def resolve_urls_inplace(menu, pk):
+    if isinstance(menu, list):
+        for item in menu:
+            resolve_urls_inplace(item, pk)
+    else:
+        if 'url' in menu:
+            menu['url'] = reverse(menu['url'], kwargs={'pk': pk})
+        if 'children' in menu:
+            resolve_urls_inplace(menu['children'], pk)

base/views.py

@@ -2,7 +2,7 @@ import os
 from functools import lru_cache
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import HTML, ButtonHolder, Fieldset, Layout, Submit
+from crispy_forms.layout import HTML, Fieldset, Layout
 from django import forms
 from django.core.exceptions import ObjectDoesNotExist
 from django.core.urlresolvers import reverse
@@ -12,6 +12,7 @@ from django.views.generic.edit import FormMixin
 from vanilla import GenericView
 
 import sapl
+from sapl.layout import form_actions
 
 from .models import CasaLegislativa
 
@@ -160,10 +161,7 @@ class CasaLegislativaTabelaAuxForm(ModelForm):
                 row6,
                 row7,
                 row8,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(CasaLegislativaTabelaAuxForm, self).__init__(*args, **kwargs)

comissoes/views.py

@@ -1,5 +1,5 @@
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import ButtonHolder, Fieldset, Layout, Submit
+from crispy_forms.layout import Fieldset, Layout
 from django import forms
 from django.contrib import messages
 from django.core.urlresolvers import reverse
@@ -10,6 +10,7 @@ from django.views.generic.edit import FormMixin
 from vanilla import GenericView
 
 import sapl
+from sapl.layout import form_actions
 from materia.models import Tramitacao
 from parlamentares.models import Filiacao
 from sapl.crud import build_crud
@@ -154,10 +155,7 @@ class CadastrarComissaoForm(ModelForm):
                     row7,
                     row8
                 ),
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(CadastrarComissaoForm, self).__init__(*args, **kwargs)
@@ -215,7 +213,7 @@ class ComposicaoView(FormMixin, GenericView):
             'composicao_id': composicao_id,
             'form': form,
             'pk': self.kwargs['pk'],
-            'comissao': Comissao.objects.get(id=self.kwargs['pk'])})
+            'object': Comissao.objects.get(id=self.kwargs['pk'])})
 
     def post(self, request, *args, **kwargs):
         form = ComposicaoForm(request.POST)
@@ -230,7 +228,7 @@ class ComposicaoView(FormMixin, GenericView):
             'composicao_id': int(form.data['periodo']),
             'form': form,
             'pk': self.kwargs['pk'],
-            'comissao': Comissao.objects.get(id=self.kwargs['pk'])})
+            'object': Comissao.objects.get(id=self.kwargs['pk'])})
 
 
 class MateriasView(comissao_crud.CrudDetailView):
@@ -302,10 +300,7 @@ class ParticipacaoCadastroForm(ModelForm):
                 'Formulário de Cadastro',
                 row1, row2, row3, row4
             ),
-            ButtonHolder(
+            form_actions()
-                Submit('submit', 'Salvar',
-                       css_class='button primary')
-            )
         )
         super(ParticipacaoCadastroForm, self).__init__(*args, **kwargs)
 
@@ -416,5 +411,5 @@ class MateriasTramitacaoListView(ListView):
     def get_context_data(self, **kwargs):
         context = super(
             MateriasTramitacaoListView, self).get_context_data(**kwargs)
-        context['comissao'] = Comissao.objects.get(id=self.kwargs['pk'])
+        context['object'] = Comissao.objects.get(id=self.kwargs['pk'])
         return context

compilacao/forms.py

@@ -65,7 +65,7 @@ class TipoTaForm(ModelForm):
         self.helper = FormHelper()
         self.helper.layout = SaplFormLayout(
             Fieldset(_('Identificação Básica'),
-                     row1, css_class="large-12"))
+                     row1, css_class="col-md-12"))
         super(TipoTaForm, self).__init__(*args, **kwargs)
 
 
@@ -131,13 +131,13 @@ class TaForm(ModelForm):
 
         self.helper = FormHelper()
         self.helper.layout = SaplFormLayout(
-            Fieldset(_('Identificação Básica'), row1, css_class="large-12"),
+            Fieldset(_('Identificação Básica'), row1, css_class="col-md-12"),
             Fieldset(
                 TextoArticulado._meta.get_field('ementa').verbose_name,
-                Column('ementa'), css_class="large-12"),
+                Column('ementa'), css_class="col-md-12"),
             Fieldset(
                 TextoArticulado._meta.get_field('observacao').verbose_name,
-                Column('observacao'), css_class="large-12"),
+                Column('observacao'), css_class="col-md-12"),
 
         )
 
@@ -222,14 +222,14 @@ class NotaForm(ModelForm):
                     'titulo',
                     placeholder=_('Título da Nota (opcional)')
                 ),
-                css_class='columns large-8'))
+                css_class='col-md-8'))
 
         row3 = to_row([
             ('publicidade', 3),
             ('publicacao', 3),
             ('efetividade', 3),
             (Button('submit', _('Salvar'),
-                    css_class='button primary radius'), 3)
+                    css_class='btn btn-primary'), 3)
         ])
 
         self.helper = FormHelper()
@@ -313,7 +313,7 @@ class VideForm(ModelForm):
                             Button(
                                 'submit',
                                 'Salvar',
-                                css_class='button primary radius'), 12)))
+                                css_class='btn btn-primary'), 12)))
                     ), 4)),
                 to_column((
                     Div(
@@ -331,7 +331,7 @@ class VideForm(ModelForm):
                                 Button(
                                     'buscar',
                                     'Buscar',
-                                    css_class='button btn-busca radius'), 2))
+                                    css_class='btn btn-primary btn-busca'), 2))
 
                             ),
                         to_column(
@@ -431,7 +431,7 @@ class PublicacaoForm(ModelForm):
         self.helper = FormHelper()
         self.helper.layout = SaplFormLayout(
             Fieldset(Publicacao._meta.verbose_name,
-                     row1, row2, row3, css_class="large-12"))
+                     row1, row2, row3, css_class="col-md-12"))
 
         super(PublicacaoForm, self).__init__(*args, **kwargs)
         pass

materia/views.py

@@ -2,7 +2,7 @@ from datetime import date, datetime
 from re import sub
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import ButtonHolder, Column, Fieldset, Layout, Submit
+from crispy_forms.layout import Column, Fieldset, Layout
 from django import forms
 from django.contrib import messages
 from django.core.exceptions import ObjectDoesNotExist
@@ -18,6 +18,7 @@ from django.views.generic.edit import FormMixin
 from vanilla.views import GenericView
 
 import sapl
+from sapl.layout import form_actions
 from comissoes.models import Comissao, Composicao
 from compilacao.views import IntegracaoTaView
 from norma.models import LegislacaoCitada, NormaJuridica, TipoNormaJuridica
@@ -297,10 +298,7 @@ class FormularioSimplificadoForm(ModelForm):
                     'Identificação Básica',
                     row1, row2, row3, row4
                 ),
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(FormularioSimplificadoForm, self).__init__(*args, **kwargs)
@@ -376,10 +374,7 @@ class FormularioCadastroForm(ModelForm):
                     'indexacao',
                     'observacao'
                 ),
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(FormularioCadastroForm, self).__init__(*args, **kwargs)
@@ -473,10 +468,7 @@ class MateriaAnexadaForm(ModelForm):
             Fieldset(
                 'Anexar Matéria',
                 row1, row2,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Anexar',
-                           css_class='button primary')
-                )
             )
         )
         super(MateriaAnexadaForm, self).__init__(
@@ -493,7 +485,7 @@ class MateriaAnexadaView(FormMixin, GenericView):
         anexadas = Anexada.objects.filter(
             materia_principal_id=kwargs['pk'])
 
-        return self.render_to_response({'materialegislativa': materia,
+        return self.render_to_response({'object': materia,
                                         'anexadas': anexadas,
                                         'form': form})
 
@@ -575,7 +567,7 @@ class MateriaAnexadaEditView(FormMixin, GenericView):
         form = MateriaAnexadaForm(initial=data)
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'data': data,
              'get_tipos_materia': TipoMateriaLegislativa.objects.all()})
@@ -655,10 +647,7 @@ class DespachoInicialFom(ModelForm):
             Fieldset(
                 'Adicionar Despacho Inicial',
                 'comissao',
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(DespachoInicialFom, self).__init__(*args, **kwargs)
@@ -673,7 +662,7 @@ class DespachoInicialView(FormMixin, GenericView):
         form = DespachoInicialFom()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'despachos': despacho})
 
@@ -690,7 +679,7 @@ class DespachoInicialView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'despachos': despacho})
 
     def get_success_url(self):
@@ -707,7 +696,7 @@ class DespachoInicialEditView(FormMixin, GenericView):
         form = DespachoInicialFom()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'despacho': despacho,
              'comissoes': Comissao.objects.all()})
@@ -728,7 +717,7 @@ class DespachoInicialEditView(FormMixin, GenericView):
                 return self.form_valid(form)
         else:
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'despacho': despacho,
                  'comissoes': Comissao.objects.all()})
@@ -824,10 +813,7 @@ class LegislacaoCitadaForm(ModelForm):
             Fieldset(
                 'Incluir Legislação Citada',
                 row1, row2, row3, row4,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(LegislacaoCitadaForm, self).__init__(*args, **kwargs)
@@ -842,7 +828,7 @@ class LegislacaoCitadaView(FormMixin, GenericView):
         form = LegislacaoCitadaForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'legislacao': legislacao})
 
@@ -864,7 +850,7 @@ class LegislacaoCitadaView(FormMixin, GenericView):
                 msg = 'Norma Juridica não existe.'
                 messages.add_message(request, messages.INFO, msg)
                 return self.render_to_response({'form': form,
-                                                'materialegislativa': materia,
+                                                'object': materia,
                                                 'legislacao': legislacao_list})
             legislacao.materia = materia
             legislacao.norma = norma
@@ -885,7 +871,7 @@ class LegislacaoCitadaView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'legislacao': legislacao_list})
 
     def get_success_url(self):
@@ -906,7 +892,7 @@ class LegislacaoCitadaEditView(FormMixin, GenericView):
         form = LegislacaoCitadaForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'legislacao': legislacao,
              'tipos_norma': TipoNormaJuridica.objects.all()})
@@ -931,7 +917,7 @@ class LegislacaoCitadaEditView(FormMixin, GenericView):
                     messages.add_message(request, messages.INFO, msg)
                     return self.render_to_response(
                         {'form': form,
-                         'materialegislativa': materia,
+                         'object': materia,
                          'legislacao': legislacao,
                          'tipos_norma': TipoNormaJuridica.objects.all()})
                 legislacao.materia = materia
@@ -954,7 +940,7 @@ class LegislacaoCitadaEditView(FormMixin, GenericView):
         else:
             return self.render_to_response(
                 {'form': form,
-                 'materialegislativa': materia})
+                 'object': materia})
 
 
 class NumeracaoForm(ModelForm):
@@ -1002,10 +988,7 @@ class NumeracaoForm(ModelForm):
             Fieldset(
                 'Incluir Numeração',
                 row1, row2,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(NumeracaoForm, self).__init__(*args, **kwargs)
@@ -1020,7 +1003,7 @@ class NumeracaoView(FormMixin, GenericView):
         form = NumeracaoForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'numeracao': numeracao})
 
@@ -1045,7 +1028,7 @@ class NumeracaoView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'numeracao': numeracao_list})
 
     def get_success_url(self):
@@ -1062,7 +1045,7 @@ class NumeracaoEditView(FormMixin, GenericView):
         form = NumeracaoForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'numeracao': numeracao,
              'tipos': TipoMateriaLegislativa.objects.all()})
@@ -1089,7 +1072,7 @@ class NumeracaoEditView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'numeracao': numeracao})
 
     def get_success_url(self):
@@ -1147,10 +1130,7 @@ class DocumentoAcessorioForm(ModelForm):
             Fieldset(
                 'Incluir Documento Acessório',
                 row1, row2, row3,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(DocumentoAcessorioForm, self).__init__(*args, **kwargs)
@@ -1165,7 +1145,7 @@ class DocumentoAcessorioView(FormMixin, GenericView):
         form = DocumentoAcessorioForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'docs': docs})
 
@@ -1191,7 +1171,7 @@ class DocumentoAcessorioView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'docs': docs_list})
 
     def get_success_url(self):
@@ -1208,7 +1188,7 @@ class DocumentoAcessorioEditView(FormMixin, GenericView):
         form = DocumentoAcessorioForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'doc': documento,
              'tipos': TipoDocumento.objects.all()})
@@ -1235,7 +1215,7 @@ class DocumentoAcessorioEditView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'doc': documento})
 
     def get_success_url(self):
@@ -1287,7 +1267,7 @@ class RelatoriaEditView(FormMixin, GenericView):
         parlamentares = composicao.participacao_set.all()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'relatoria': relatoria,
              'tipo_fim_relatorias': TipoFimRelatoria.objects.all(),
@@ -1319,7 +1299,7 @@ class RelatoriaEditView(FormMixin, GenericView):
                 return self.form_valid(form)
         else:
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'relatoria': relatoria,
                  'tipo_fim_relatorias': TipoFimRelatoria.objects.all(),
@@ -1355,7 +1335,7 @@ class RelatoriaView(FormMixin, GenericView):
             parlamentares = composicao.participacao_set.all()
 
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'relatorias': relatorias,
                  'comissao': comissao,
@@ -1378,14 +1358,14 @@ class RelatoriaView(FormMixin, GenericView):
             msg = 'O local atual deve  ser uma Comissão!'
             messages.add_message(request, messages.INFO, msg)
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'relatorias': relatorias})
         else:
             composicao = Composicao.objects.filter(comissao=comissao).last()
             parlamentares = composicao.participacao_set.all()
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'relatorias': relatorias,
                  'comissao': comissao,
@@ -1453,10 +1433,7 @@ class TramitacaoForm(ModelForm):
             Fieldset('Incluir Tramitação',
                      row1, row2, row3, row4, row5,
                      ),
-            ButtonHolder(
+            form_actions()
-                Submit('submit', 'Salvar',
-                       css_class='button primary')
-            )
         )
         super(TramitacaoForm, self).__init__(
             *args, **kwargs)
@@ -1472,7 +1449,7 @@ class TramitacaoView(FormMixin, GenericView):
         form = TramitacaoForm
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'tramitacoes': tramitacoes})
 
@@ -1498,7 +1475,7 @@ class TramitacaoView(FormMixin, GenericView):
                 messages.add_message(request, messages.INFO, msg)
                 return self.render_to_response(
                     {'form': form,
-                     'materialegislativa': materia,
+                     'object': materia,
                      'tramitacoes': tramitacoes_list})
 
             corpo_email = ('A tramitação da matéria %s foi alterada.' % materia
@@ -1514,7 +1491,7 @@ class TramitacaoView(FormMixin, GenericView):
             return self.form_valid(form)
         else:
             return self.render_to_response({'form': form,
-                                            'materialegislativa': materia,
+                                            'object': materia,
                                             'tramitacoes': tramitacoes_list})
 
     def get_success_url(self):
@@ -1531,7 +1508,7 @@ class TramitacaoEditView(FormMixin, GenericView):
         form = TramitacaoForm
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'tramitacao': tramitacao,
              'turno': Tramitacao.TURNO_CHOICES,
@@ -1554,7 +1531,7 @@ class TramitacaoEditView(FormMixin, GenericView):
                     deletada!'
                     messages.add_message(request, messages.INFO, msg)
                     return self.render_to_response(
-                        {'materialegislativa': materia,
+                        {'object': materia,
                          'form': form,
                          'tramitacao': tramitacao,
                          'turno': Tramitacao.TURNO_CHOICES,
@@ -1576,7 +1553,7 @@ class TramitacaoEditView(FormMixin, GenericView):
                 return self.form_valid(form)
         else:
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'tramitacao': tramitacao,
                  'turno': Tramitacao.TURNO_CHOICES,
@@ -1603,7 +1580,7 @@ class AutoriaView(GenericView):
         form = AutoriaForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'autorias': autorias,
              'tipo_autores': TipoAutor.objects.all(),
@@ -1638,7 +1615,7 @@ class AutoriaView(GenericView):
                 autoria.save()
 
                 return self.render_to_response(
-                    {'materialegislativa': materia,
+                    {'object': materia,
                      'form': form,
                      'autorias': autorias,
                      'tipo_autores': TipoAutor.objects.all(),
@@ -1648,7 +1625,7 @@ class AutoriaView(GenericView):
                 msg = 'Essa autoria já foi adicionada!'
                 messages.add_message(request, messages.INFO, msg)
                 return self.render_to_response(
-                    {'materialegislativa': materia,
+                    {'object': materia,
                      'form': form,
                      'autorias': autorias,
                      'tipo_autores': TipoAutor.objects.all(),
@@ -1656,7 +1633,7 @@ class AutoriaView(GenericView):
                      'tipo_autor_id': int(form.data['tipo_autor'])})
         else:
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'autorias': autorias,
                  'tipo_autores': TipoAutor.objects.all(),
@@ -1678,7 +1655,7 @@ class AutoriaEditView(GenericView):
         form = AutoriaForm()
 
         return self.render_to_response(
-            {'materialegislativa': materia,
+            {'object': materia,
              'form': form,
              'autorias': autorias,
              'tipo_autores': TipoAutor.objects.all(),
@@ -1714,7 +1691,7 @@ class AutoriaEditView(GenericView):
                 autoria.save()
 
                 return self.render_to_response(
-                    {'materialegislativa': materia,
+                    {'object': materia,
                      'form': form,
                      'autorias': autorias,
                      'tipo_autores': TipoAutor.objects.all(),
@@ -1724,7 +1701,7 @@ class AutoriaEditView(GenericView):
                 msg = 'Essa autoria já foi adicionada!'
                 messages.add_message(request, messages.INFO, msg)
                 return self.render_to_response(
-                    {'materialegislativa': materia,
+                    {'object': materia,
                      'form': form,
                      'autorias': autorias,
                      'tipo_autores': TipoAutor.objects.all(),
@@ -1732,7 +1709,7 @@ class AutoriaEditView(GenericView):
                      'tipo_autor_id': int(form.data['tipo_autor'])})
         else:
             return self.render_to_response(
-                {'materialegislativa': materia,
+                {'object': materia,
                  'form': form,
                  'autorias': autorias,
                  'tipo_autores': TipoAutor.objects.all(),
@@ -1792,11 +1769,7 @@ class ProposicaoForm(ModelForm):
             [('texto_original', 10)])
 
         row4.append(
-            Column(
+            Column(form_actions(), css_class='col-md-2'))
-                ButtonHolder(
-                    Submit('sumbmit', 'Salvar',
-                           css_class='button primary')
-                ), css_class='columns large-2'))
 
         self.helper = FormHelper()
         self.helper.layout = Layout(
@@ -1971,10 +1944,7 @@ class MateriaLegislativaPesquisaForm(forms.Form):
         self.helper.layout = Layout(
             Fieldset('Pesquisa Básica',
                      row1, row2, row3, row4, row5, row6, row7),
-            ButtonHolder(
+            form_actions(save_label='Pesquisar')
-                Submit('submit', 'Pesquisar',
-                       css_class='button primary')
-            )
         )
         super(MateriaLegislativaPesquisaForm, self).__init__(
             *args, **kwargs)

norma/views.py

@@ -2,7 +2,7 @@ from datetime import datetime
 from re import sub
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import ButtonHolder, Fieldset, Layout, Submit
+from crispy_forms.layout import Fieldset, Layout
 from django import forms
 from django.core.exceptions import ObjectDoesNotExist
 from django.forms import ModelForm
@@ -13,6 +13,7 @@ from django.views.generic.edit import FormMixin
 from vanilla.views import GenericView
 
 import sapl
+from sapl.layout import form_actions
 from compilacao.views import IntegracaoTaView
 from materia.models import MateriaLegislativa, TipoMateriaLegislativa
 from sapl.crud import build_crud
@@ -163,9 +164,7 @@ class NormaJuridicaForm(ModelForm):
             Fieldset('Cadastro de Norma Jurídica',
                      Fieldset('Identificação Básica',
                               row1, row2, row3, row4, row5, row6, row7, row8),
-                     ButtonHolder(
+                     form_actions()
-                         Submit('submit', 'Salvar',
-                                css_class='button primary'))
                      )
         )
         super(NormaJuridicaForm, self).__init__(*args, **kwargs)

parlamentares/views.py

@@ -2,7 +2,7 @@ import os
 from re import sub
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import HTML, ButtonHolder, Fieldset, Layout, Submit
+from crispy_forms.layout import HTML, Fieldset, Layout, Submit
 from django import forms
 from django.contrib import messages
 from django.core.urlresolvers import reverse
@@ -14,6 +14,7 @@ from django.views.generic.edit import FormMixin
 from vanilla import GenericView
 
 import sapl
+from sapl.layout import form_actions
 from sapl.crud import build_crud
 
 from .models import (CargoMesa, Coligacao, ComposicaoMesa, Dependente,
@@ -383,10 +384,7 @@ class ParlamentaresForm (ModelForm):
                                value="Remover Foto"/>
                          {% endif %}""", ),
                      row14,
-                     ButtonHolder(
+                     form_actions())
-                         Submit('submit', 'Salvar',
-                                css_class='button primary'),
-                     ))
 
         )
         super(ParlamentaresForm, self).__init__(
@@ -399,12 +397,10 @@ class ParlamentaresEditForm(ParlamentaresForm):
         super(ParlamentaresEditForm, self).__init__(
             *args, **kwargs)
 
-        self.helper.layout[0][-1:] = ButtonHolder(
+        self.helper.layout[0][-1:] = form_actions(more=[
-            Submit('salvar', 'Salvar',
-                   css_class='button primary'),
             HTML(' '),
             Submit('excluir', 'Excluir',
-                   css_class='button primary'),)
+                   css_class='btn btn-primary')])
 
 
 class ParlamentaresCadastroView(FormMixin, GenericView):
@@ -454,7 +450,7 @@ class ParlamentaresEditarView(FormMixin, GenericView):
         parlamentar = Parlamentar.objects.get(pk=pk)
         form = ParlamentaresEditForm(instance=parlamentar)
         return self.render_to_response(
-            {'form': form, 'parlamentar': parlamentar})
+            {'form': form, 'object': parlamentar})
 
     def post(self, request, *args, **kwargs):
         pk = kwargs['pk']
@@ -518,10 +514,7 @@ class DependenteForm(ModelForm):
         self.helper.layout = Layout(
             Fieldset('Cadastro de Dependentes',
                      row1, row2, row3,
-                     ButtonHolder(
+                     form_actions())
-                         Submit('Salvar', 'Salvar',
-                                css_class='button primary'),
-                     ))
 
         )
         super(DependenteForm, self).__init__(
@@ -534,12 +527,10 @@ class DependenteEditForm(DependenteForm):
         super(DependenteEditForm, self).__init__(
             *args, **kwargs)
 
-        self.helper.layout[0][-1:] = ButtonHolder(
+        self.helper.layout[0][-1:] = form_actions(more=[
-            Submit('Salvar', 'Salvar',
-                   css_class='button primary'),
             HTML(' '),
-            Submit('Excluir', 'Excluir',
+            Submit('excluir', 'Excluir',
-                   css_class='button primary'),)
+                   css_class='btn btn-primary')])
 
 
 class ParlamentaresDependentesView(FormMixin, GenericView):
@@ -559,7 +550,7 @@ class ParlamentaresDependentesView(FormMixin, GenericView):
         form = DependenteForm()
 
         return self.render_to_response(
-            {'parlamentar': parlamentar,
+            {'object': parlamentar,
              'dependentes': dependentes,
              'form': form,
              'legislatura_id': parlamentar.mandato_set.last().legislatura.id})
@@ -583,7 +574,7 @@ class ParlamentaresDependentesView(FormMixin, GenericView):
                 parlamentar=parlamentar).order_by('nome', 'tipo')
 
             return self.render_to_response(
-                {'parlamentar': parlamentar,
+                {'object': parlamentar,
                  'dependentes': dependentes,
                  'form': form,
                  'legislatura_id': parlamentar.mandato_set.last(
@@ -603,7 +594,7 @@ class ParlamentaresDependentesEditView(FormMixin, GenericView):
         form = DependenteEditForm(instance=dependente)
         return self.render_to_response(
             {'form': form,
-             'parlamentar': parlamentar,
+             'object': parlamentar,
              'legislatura_id': dependente.parlamentar.mandato_set.last(
              ).legislatura_id})
 
@@ -621,7 +612,7 @@ class ParlamentaresDependentesEditView(FormMixin, GenericView):
         else:
             return self.render_to_response(
                 {'form': form,
-                 'parlamentar': parlamentar,
+                 'object': parlamentar,
                  'legislatura_id': dependente.parlamentar.mandato_set.last(
                  ).legislatura_id})
 
@@ -640,10 +631,10 @@ class MesaDiretoraView(FormMixin, GenericView):
         messages.add_message(request, messages.INFO, mensagem)
 
         return self.render_to_response(
-                {'legislaturas': Legislatura.objects.all(
+            {'legislaturas': Legislatura.objects.all(
-                 ).order_by('-data_inicio'),
+            ).order_by('-data_inicio'),
-                 'legislatura_selecionada': Legislatura.objects.last(),
+                'legislatura_selecionada': Legislatura.objects.last(),
-                 'cargos_vagos': CargoMesa.objects.all()})
+                'cargos_vagos': CargoMesa.objects.all()})
 
     def get(self, request, *args, **kwargs):
 
@@ -668,16 +659,16 @@ class MesaDiretoraView(FormMixin, GenericView):
 
         return self.render_to_response(
             {'legislaturas': Legislatura.objects.all(
-                ).order_by('-data_inicio'),
+            ).order_by('-data_inicio'),
-             'legislatura_selecionada': Legislatura.objects.last(),
+                'legislatura_selecionada': Legislatura.objects.last(),
-             'sessoes': SessaoLegislativa.objects.filter(
+                'sessoes': SessaoLegislativa.objects.filter(
-                 legislatura=Legislatura.objects.last()),
+                legislatura=Legislatura.objects.last()),
-             'sessao_selecionada': SessaoLegislativa.objects.filter(
+                'sessao_selecionada': SessaoLegislativa.objects.filter(
-                 legislatura=Legislatura.objects.last()).first(),
+                legislatura=Legislatura.objects.last()).first(),
-             'composicao_mesa': mesa,
+                'composicao_mesa': mesa,
-             'parlamentares': parlamentares_vagos,
+                'parlamentares': parlamentares_vagos,
-             'cargos_vagos': cargos_vagos
+                'cargos_vagos': cargos_vagos
-             })
+            })
 
     def post(self, request, *args, **kwargs):
         if 'Incluir' in request.POST:
@@ -705,10 +696,10 @@ class MesaDiretoraView(FormMixin, GenericView):
             if 'composicao_mesa' in request.POST:
                 ids = request.POST['composicao_mesa'].split(':')
                 composicao = ComposicaoMesa.objects.get(
-                            sessao_legislativa_id=int(request.POST['sessao']),
+                    sessao_legislativa_id=int(request.POST['sessao']),
-                            parlamentar_id=int(ids[0]),
+                    parlamentar_id=int(ids[0]),
-                            cargo_id=int(ids[1])
+                    cargo_id=int(ids[1])
-                            )
+                )
                 composicao.delete()
             return self.form_valid(form=None)
         else:
@@ -728,17 +719,17 @@ class MesaDiretoraView(FormMixin, GenericView):
                     parlamentares_ocupados))
             return self.render_to_response(
                 {'legislaturas': Legislatura.objects.all(
-                 ).order_by('-data_inicio'),
+                ).order_by('-data_inicio'),
-                 'legislatura_selecionada': Legislatura.objects.get(
+                    'legislatura_selecionada': Legislatura.objects.get(
-                     id=int(request.POST['legislatura'])),
+                    id=int(request.POST['legislatura'])),
-                 'sessoes': SessaoLegislativa.objects.filter(
+                    'sessoes': SessaoLegislativa.objects.filter(
-                     legislatura_id=int(request.POST['legislatura'])),
+                    legislatura_id=int(request.POST['legislatura'])),
-                 'sessao_selecionada': SessaoLegislativa.objects.get(
+                    'sessao_selecionada': SessaoLegislativa.objects.get(
-                     id=int(request.POST['sessao'])),
+                    id=int(request.POST['sessao'])),
-                 'composicao_mesa': mesa,
+                    'composicao_mesa': mesa,
-                 'parlamentares': parlamentares_vagos,
+                    'parlamentares': parlamentares_vagos,
-                 'cargos_vagos': cargos_vagos
+                    'cargos_vagos': cargos_vagos
-                 })
+                })
 
 
 class FiliacaoForm(ModelForm):
@@ -759,10 +750,7 @@ class FiliacaoForm(ModelForm):
         self.helper = FormHelper()
         self.helper.layout = Layout(
             Fieldset('Adicionar Filiação', row1,
-                     ButtonHolder(
+                     form_actions())
-                         Submit('Salvar', 'Salvar',
-                                css_class='button primary'),
-                     ))
 
         )
         super(FiliacaoForm, self).__init__(
@@ -775,12 +763,10 @@ class FiliacaoEditForm(FiliacaoForm):
         super(FiliacaoEditForm, self).__init__(
             *args, **kwargs)
 
-        self.helper.layout[0][-1:] = ButtonHolder(
+        self.helper.layout[0][-1:] = form_actions(more=[
-            Submit('Salvar', 'Salvar',
-                   css_class='button primary'),
             HTML(' '),
-            Submit('Excluir', 'Excluir',
+            Submit('excluir', 'Excluir',
-                   css_class='button primary'),)
+                   css_class='btn btn-primary')])
 
 
 class FiliacaoView(FormMixin, GenericView):
@@ -799,7 +785,7 @@ class FiliacaoView(FormMixin, GenericView):
         form = FiliacaoForm()
 
         return self.render_to_response(
-            {'parlamentar': parlamentar,
+            {'object': parlamentar,
              'filiacoes': filiacoes,
              'form': form,
              'legislatura_id': parlamentar.mandato_set.last().legislatura.id})
@@ -809,7 +795,7 @@ class FiliacaoView(FormMixin, GenericView):
         filiacoes = Filiacao.objects.filter(parlamentar=parlamentar)
         messages.add_message(request, messages.INFO, mensagem)
         return self.render_to_response(
-            {'parlamentar': parlamentar,
+            {'object': parlamentar,
              'filiacoes': filiacoes,
              'form': form,
              'legislatura_id': parlamentar.mandato_set.last(
@@ -915,7 +901,7 @@ class FiliacaoEditView(FormMixin, GenericView):
         form = FiliacaoEditForm(instance=filiacao)
         return self.render_to_response(
             {'form': form,
-             'parlamentar': parlamentar,
+             'object': parlamentar,
              'legislatura_id': parlamentar.mandato_set.last(
              ).legislatura_id})
 
@@ -923,7 +909,7 @@ class FiliacaoEditView(FormMixin, GenericView):
         messages.add_message(request, messages.INFO, mensagem)
         return self.render_to_response(
             {'form': form,
-             'parlamentar': parlamentar,
+             'object': parlamentar,
              'legislatura_id': parlamentar.mandato_set.last(
              ).legislatura_id})
 
@@ -1014,7 +1000,7 @@ class FiliacaoEditView(FormMixin, GenericView):
         else:
             return self.render_to_response(
                 {'form': form,
-                 'parlamentar': parlamentar,
+                 'object': parlamentar,
                  'legislatura_id': parlamentar.mandato_set.last(
                  ).legislatura_id})
 
@@ -1047,10 +1033,7 @@ class MandatoForm(ModelForm):
         self.helper = FormHelper()
         self.helper.layout = Layout(
             Fieldset('Adicionar Mandato', row1, row2, row3,
-                     ButtonHolder(
+                     form_actions())
-                         Submit('Salvar', 'Salvar',
-                                css_class='button primary'),
-                     ))
 
         )
         super(MandatoForm, self).__init__(
@@ -1063,12 +1046,10 @@ class MandatoEditForm(MandatoForm):
         super(MandatoEditForm, self).__init__(
             *args, **kwargs)
 
-        self.helper.layout[0][-1:] = ButtonHolder(
+        self.helper.layout[0][-1:] = form_actions(more=[
-            Submit('Salvar', 'Salvar',
-                   css_class='button primary'),
             HTML(' '),
-            Submit('Excluir', 'Excluir',
+            Submit('excluir', 'Excluir',
-                   css_class='button primary'),)
+                   css_class='btn btn-primary')])
 
 
 class MandatoView(FormMixin, GenericView):
@@ -1087,7 +1068,7 @@ class MandatoView(FormMixin, GenericView):
         form = MandatoForm()
 
         return self.render_to_response(
-            {'parlamentar': parlamentar,
+            {'object': parlamentar,
              'mandatos': mandatos,
              'form': form,
              'legislatura_id': parlamentar.mandato_set.last().legislatura.id})
@@ -1111,7 +1092,7 @@ class MandatoView(FormMixin, GenericView):
                 parlamentar=parlamentar)
 
             return self.render_to_response(
-                {'parlamentar': parlamentar,
+                {'object': parlamentar,
                  'mandatos': mandatos,
                  'form': form,
                  'legislatura_id': parlamentar.mandato_set.last(
@@ -1131,7 +1112,7 @@ class MandatoEditView(FormMixin, GenericView):
         form = MandatoEditForm(instance=mandato)
         return self.render_to_response(
             {'form': form,
-             'parlamentar': parlamentar,
+             'object': parlamentar,
              'legislatura_id': parlamentar.mandato_set.last(
              ).legislatura_id})
 
@@ -1149,6 +1130,6 @@ class MandatoEditView(FormMixin, GenericView):
         else:
             return self.render_to_response(
                 {'form': form,
-                 'parlamentar': parlamentar,
+                 'object': parlamentar,
                  'legislatura_id': parlamentar.mandato_set.last(
                  ).legislatura_id})

protocoloadm/views.py

@@ -2,8 +2,7 @@ from datetime import date, datetime
 from re import sub
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import (HTML, ButtonHolder, Field, Fieldset, Layout,
+from crispy_forms.layout import (HTML, Field, Fieldset, Layout)
-                                 Submit)
 from django import forms
 from django.core.exceptions import ObjectDoesNotExist
 from django.core.urlresolvers import reverse
@@ -20,6 +19,7 @@ from django.views.generic.edit import FormMixin
 from vanilla import GenericView
 
 import sapl
+from sapl.layout import form_actions
 from materia.models import Proposicao, TipoMateriaLegislativa
 from sapl.crud import build_crud
 
@@ -330,10 +330,7 @@ class AnularProcoloAdmForm(forms.Form):
                      row1,
                      row2,
                      HTML(" "),
-                     ButtonHolder(Submit('submit', 'Anular',
+                     form_actions(save_label='Anular')
-                                         css_class='button primary'
-                                         )
-                                  )
                      )
         )
         super(AnularProcoloAdmForm, self).__init__(
@@ -460,10 +457,7 @@ class ProtocoloDocumentForm(forms.Form):
                      row5,
                      row6,
                      HTML(" "),
-                     ButtonHolder(Submit('submit', 'Protocolar Documento',
+                     form_actions(save_label='Protocolar Documento')
-                                         css_class='button primary'
-                                         )
-                                  )
                      )
         )
         super(ProtocoloDocumentForm, self).__init__(
@@ -580,10 +574,7 @@ class ProtocoloMateriaForm(forms.Form):
                      row4,
                      row5,
                      HTML(" "),
-                     ButtonHolder(Submit('submit', 'Protocolar Matéria',
+                     form_actions(save_label='Protocolar Matéria')
-                                         css_class='button primary'
-                                         )
-                                  )
                      )
         )
         super(ProtocoloMateriaForm, self).__init__(
@@ -894,10 +885,7 @@ class ModelFormDocumentoAcessorioAdministrativo(ModelForm):
                 'autor',
                 'arquivo',
                 'assunto',
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(ModelFormDocumentoAcessorioAdministrativo, self).__init__(
@@ -1009,10 +997,7 @@ class TramitacaoAdmForm(ModelForm):
                      'data_fim_prazo',
                      'texto'),
             Field('documento', type="hidden"),
-            ButtonHolder(
+            form_actions()
-                Submit('submit', 'Salvar',
-                       css_class='button primary')
-            )
         )
         super(TramitacaoAdmForm, self).__init__(
             *args, **kwargs)

requirements/requirements.txt

@@ -1,4 +1,3 @@
-crispy-forms-foundation
 Django<1.9
 djangorestframework
 django-admin-bootstrapped

sapl/layout.py

@@ -1,15 +1,15 @@
-from crispy_forms_foundation.layout import (HTML, Column, Div, Fieldset,
+from crispy_forms.bootstrap import FormActions
-                                            Layout, Row, Submit)
+from crispy_forms.layout import Submit, Layout, Div, Fieldset, HTML
 from django.utils.translation import ugettext as _
 
 
 def to_column(name_span):
     fieldname, span = name_span
-    return Column(fieldname, css_class='large-%d' % span)
+    return Div(fieldname, css_class='col-md-%d' % span)
 
 
 def to_row(names_spans):
-    return Row(*list(map(to_column, names_spans)))
+    return Div(*map(to_column, names_spans), css_class='row-fluid')
 
 
 def to_fieldsets(fields):
@@ -22,16 +22,15 @@ def to_fieldsets(fields):
             yield field
 
 
+def form_actions(more=[], save_label=_('Salvar')):
+    return FormActions(Submit('save', save_label), *more)
+
+
 class SaplFormLayout(Layout):
 
     def __init__(self, *fields):
-        buttons = Div(
+        buttons = form_actions(more=[
             HTML('<a href="{{ view.cancel_url }}"'
-                 ' class="button radius alert">%s</a>' % _('Cancelar')),
+                 ' class="btn btn-inverse">%s</a>' % _('Cancelar'))])
-            Submit('submit', _('Enviar'),
+        _fields = list(to_fieldsets(fields)) + [to_row([(buttons, 12)])]
-                   css_class='button radius success right'),
-            css_class='radius clearfix'
-        )
-        _fields = list(to_fieldsets(fields)) + \
-            [Row(Column(buttons, css_class='clearfix'))]
         super(SaplFormLayout, self).__init__(*_fields)

sapl/settings.py

@@ -58,7 +58,6 @@ INSTALLED_APPS = (
     'djangobower',
     'bootstrap3',  # basically for django_admin_bootstrapped
     'crispy_forms',
-    'crispy_forms_foundation',
     'sass_processor',
 )
 
@@ -159,28 +158,28 @@ MEDIA_URL = '/media/'
 
 DAB_FIELD_RENDERER = \
     'django_admin_bootstrapped.renderers.BootstrapFieldRenderer'
-CRISPY_TEMPLATE_PACK = 'foundation-5'
+CRISPY_TEMPLATE_PACK = 'bootstrap3'
-CRISPY_ALLOWED_TEMPLATE_PACKS = 'foundation-5'
+CRISPY_ALLOWED_TEMPLATE_PACKS = 'bootstrap3'
 CRISPY_FAIL_SILENTLY = not DEBUG
 
 BOWER_COMPONENTS_ROOT = BASE_DIR.child("bower")
 BOWER_INSTALLED_APPS = (
-    'foundation',
+    'bootstrap-sass',
-    'foundation-datepicker',
     'components-font-awesome',
-    'foundation-icon-fonts',
     'tinymce',
     'jquery-ui',
     'jquery-runner',
     'jQuery-Mask-Plugin',
     'jsdiff',
+    'https://github.com/hoarrd/drunken-parrot-flat-ui.git',
 )
 
 # Additional search paths for SASS files when using the @import statement
-SASS_PROCESSOR_INCLUDE_DIRS = (
+SASS_PROCESSOR_INCLUDE_DIRS = (BOWER_COMPONENTS_ROOT.child(
-    BOWER_COMPONENTS_ROOT.child('bower_components', 'foundation', 'scss'),
+    'bower_components', 'bootstrap-sass', 'assets', 'stylesheets'),
 )
 
+# FIXME update cripy-forms and remove this
 # hack to suppress many annoying warnings from crispy_forms
 # see sapl.temp_suppress_crispy_form_warnings
 LOGGING = SUPRESS_CRISPY_FORM_WARNINGS_LOGGING

sessao/views.py

@@ -2,7 +2,7 @@ from datetime import datetime
 from re import sub
 
 from crispy_forms.helper import FormHelper
-from crispy_forms.layout import ButtonHolder, Column, Fieldset, Layout, Submit
+from crispy_forms.layout import Column, Fieldset, Layout
 from django import forms
 from django.core.exceptions import ObjectDoesNotExist
 from django.core.urlresolvers import reverse
@@ -15,6 +15,7 @@ from django.views.generic.edit import FormMixin
 from rest_framework import generics
 
 import sapl
+from sapl.layout import form_actions
 from materia.models import (Autoria, DocumentoAcessorio,
                             TipoMateriaLegislativa, Tramitacao)
 from norma.models import NormaJuridica
@@ -2410,10 +2411,7 @@ class SessaoForm(ModelForm):
                 row3,
                 row4,
                 row5,
-                ButtonHolder(
+                form_actions()
-                    Submit('submit', 'Salvar',
-                           css_class='button primary')
-                )
             )
         )
         super(SessaoForm, self).__init__(*args, **kwargs)
@@ -2505,12 +2503,7 @@ class AcompanharMateriaForm(ModelForm):
         row1 = sapl.layout.to_row([('email', 10)])
 
         row1.append(
-            Column(
+            Column(form_actions(save_label='Cadastrar'), css_class='col-md-2')
-                ButtonHolder(
-                    Submit('Submit', 'Cadastrar',
-                           css_class='button primary')
-                    ), css_class='columns-large-2'
-                )
             )
 
         self.helper = FormHelper()

static/styles/_header.scss

@@ -0,0 +1,10 @@
+
+$logo-height: 0.8 * $navbar-height;
+$logo-margin: ($navbar-height - $logo-height) / 2;
+
+.logo img {
+	width: $logo-height;
+	height: $logo-height;
+	margin: $logo-margin $navbar-padding-horizontal;
+}
+

static/styles/app.scss

@@ -1,432 +1,111 @@
-@import "settings";
-@import "normalize";
-@import "foundation";
 
-@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
+@import "bootstrap/variables.scss";
+@import "header";
 
-$top-bar-dropdown-radius: $global-radius;
+.vcenter {
-
+  display: inline-block;
-// Foundation Restyling
+  vertical-align: middle;
-// - - - - - - - - - - - - - - - - - - - - - - - - -
+  float: none;
-
-// Moving the mobile menu icon to the right
-.title-area.left {
-	.toggle-topbar {
-		right: initial;
-	}
-	// Making sure dropdowns on mobile are not rendered on top of the top bar.
-	@media #{$small-only} {
-		~ .top-bar-section {
-			.has-dropdown.moved > .dropdown,
-			.dropdown {
-				top: $topbar-height;
-			}
-		}
-	}
-}
-
-// Restyles to foundation top bar menu, in order to behave aesthetically different
-/*
-XXX
-Is there a better way to implement these styles using best practices without the
-need to override this much of foundation? Or at least avoid too much nesting and
-specificity (better use of BEM and ITCSS)?
-*/
-
-.nav {
-	@media #{$topbar-media-query} {
-		.has-dropdown {
-			// Default values for dropdowns, while also being hidden.
-			.dropdown {
-				// Border-radius for the first and last dropdown items. We don't style the parent dropdown, as the items overflows it.
-				@include radius(rem-calc($top-bar-dropdown-radius));
-				// Second child here actually targets the first item, since Foundation JS injects a hidden li before it for a mobile back button.
-				> li:nth-child(2), > li:nth-child(2) > a {
-					@include side-radius(top, rem-calc($top-bar-dropdown-radius));
-				}
-				> li:last-child, li:last-child > a {
-					@include side-radius(bottom, rem-calc($top-bar-dropdown-radius));
-				}
-				box-shadow: 0 10px 18px rgba(0, 0, 0, 0.19),
-				0 2px 6px rgba(0, 0, 0, 0.23);
-				// For the transition effect.
-				opacity: 0;
-				// Show the dropdown accurately while it animates.
-				width: auto;
-				// This will allow the triangle pip to be visible above the dropdown.
-				overflow: visible;
-				// This ensures we won't accidentally trigger the dropdown if we hover on it, while the animation to default values is run.
-				pointer-events: none;
-				transform: translateY(rem-calc(25px));
-				// This transition is actually for when we hover-out of the dropdown.
-				transition: transform 0.1s linear,
-				opacity 0.1s linear,
-				clip 0s 0.3s;
-				// The triangle pip
-				&::before {
-					@include css-triangle(rem-calc(6px), $topbar-dropdown-bg, bottom);
-					position: absolute;
-					top: rem-calc(-12px);
-					left: rem-calc(15px);
-				}
-				// This bridges the gap between the top bar and a dropdown.
-				&::after {
-					content: "";
-					position: absolute;
-					z-index: -1;
-					left: 0;
-					top: rem-calc(-25px);
-					height: rem-calc(25px);
-					width: 100%;
-					// This transition is for hover-on.
-					transition: all 0.3s cubic-bezier(0.55,0,0.1,1);
-				}
-			}
-			// When hovering
-			&.hover, &.not-click:hover {
-				> .dropdown {
-					opacity: 1;
-					// Here we override the default clip value ("auto") for an arbitrary large size that fits any dropdown,
-					// as this now makes it possible to apply a transition effect for it.
-					clip: rect(-100px, 2000px, 2000px, -100px);
-					transform: translateY(rem-calc(10px));
-					// Reverting back our pointer-events.
-					pointer-events: auto;
-					// Animating with a beautiful cubic-bezier curve, or Google's "Swift out" easing :)
-					transition: transform 0.3s cubic-bezier(0.55,0,0.1,1),
-					opacity 0.3s cubic-bezier(0.55,0,0.1,1),
-					// Here we make sure the clipping is set before any other transition.
-					clip 0s 0s;
-					// Don't forget to properly animate our bridge, so it keeps only between our gap.
-					&::after {
-						top: rem-calc(-10px);
-					}
-				}
-			}
-		}
-	}
-}
-
-
-
-// Our app
-// - - - - - - - - - - - - - - - - - - - - - - - - -
-
-@-webkit-keyframes fadeIn {
-	0% {opacity: 0;}
-	100% {opacity: 1;}
-}
-@keyframes fadeIn {
-	0% {opacity: 0;}
-	100% {opacity: 1;}
-}
-
-html, body {
-	margin: 0;
-	padding: 0;
-	height: 100%;
-}
-
-h1, h2, h3, h4, h5, h6, form, dl, dt, dd, p, div, img, a {
-	margin: 0;
-	padding: 0;
-}
-
-img {
-	border: none;
-}
-
-a {
-	background-color: transparent;
-	color: $primary-color;
-	text-decoration: none;
-	transition: 0.2s;
-}
-
-h1 {
-	color: $primary-color;
-	font-size: 120%;
-}
-
-h2 {
-	color: $primary-color;
-	font-size: 110%;
-}
-
-h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {
-	color: $primary-color;
-}
-
-.fadein {
-	-webkit-animation: fadeIn 0.25s ease-in-out;
-	-moz-animation: fadeIn 0.25s ease-in-out;
-	-o-animation: fadeIn 0.25s ease-in-out;
-}
-
-.container {
-	position: relative;
-	margin: 0 auto;
-	padding: 20px;
-	max-width: 960px;
-}
-
-.page {
-	position: relative;
-	display: table;
-	width: 100%;
-	height: 100%;
-	background-color: #fafafa;
-	color: #444444;
 }
 
-.page__row {
+.masthead {
-	display: table-row;
+  padding: 10px;
-	box-sizing: content-box;
+  .nav {
+    margin-top: 65px;
+  }
+  .navbar-brand {
+    color: $headings-color;
+    font-size: 24px;
+    img {
+      margin-right: $navbar-padding-horizontal;
+    }
+    small {
+      color: #93A4AA;
+      font-size: 75%;
+      line-height: 25px;
+    }
+  }
 }
 
-/* XXX find a better way to fix main layout box-sizing */
+.navbar {
-.page__row > .container > *{
+  margin-bottom: 0;
-	box-sizing: border-box;
 }
 
-.navigation {
+.navbar-brand {
-	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.23);
+  padding: 0px;
 }
 
-.navigation > .container {
+// ADJUST DRUNKEN PARROT STYLES ########################################
-	padding: 0px;
+h1, .h1 {
-	max-width: 960px;
+  font-size: 30px;
 }
-
+h2, .h2 {
-.icon-bar {
+  font-size: 24px;
-	vertical-align: top;
 }
-
+h3, .h3 {
-.masthead .container {
+  font-size: 20px;
-	padding: 10px 0;
-	background-color: #e3e3e3;
 }
-
+h4, .h4 {
-.masthead > .container {
+  font-size: 16px;
-	padding: 0px;
-	max-width: none;
-	border-bottom: 1px solid $primary-color;
 }
-
+h5, .h5 {
-.masthead__logo {
+  font-size: 14px;
-	display: inline-block;
-	vertical-align: middle;
 }
-
+h6, .h6 {
-.masthead__logo a {
+  font-size: 12px;
-	display: block;
 }
 
-.masthead__logo img {
+.page-header {
-	width: auto;
+    margin: 20px 0px 10px;
-	height: 85px;
 }
 
-.masthead__heading {
+// #### CRUD DETAIL ########################################
-	display: inline-block;
+p.control-label {
-	margin-left: 10px;
+  font-weight: bold;
-	margin-top:10px;
-	vertical-align: top;
 }
 
-.masthead__heading h1 {
+// copied from bootstrap _forms.scss legend
-	color: #333333;
+// using @extend would require importing parts of bootstrap again and overriding drunken parrot css
-	text-shadow: 1px 1px 3px #dadada;
+//   @import "bootstrap/mixins.scss";
-	font-size: 130%;
+//   @import "bootstrap/forms.scss";
-}
 
-.masthead__heading h2 {
+.legend {
-	padding-left: 2px;
+  display: block;
-	color: #444444;
+  width: 100%;
-	text-shadow: 1px 1px 3px #dadada;
+  padding: 0;
-	font-weight: normal;
+  margin-bottom: $line-height-computed;
-	font-size: 90%;
+  font-size: ($font-size-base * 1.5);
+  line-height: inherit;
+  color: $legend-color;
+  border: 0;
+  border-bottom: 1px solid $legend-border-color;
 }
 
+// #### footer ###########################################
+// based on http://getbootstrap.com/examples/sticky-footer
 
-.masthead .sub-nav {
+$footer-height : 140px;
-	display: block;
+html {
-	overflow: visible;
+  position: relative;
-	padding-top: 0.25rem;
+  min-height: 100%;
-	width: auto;
-	position: absolute;
-	bottom: -1px;
-	margin: 0;
-	right: 0.5em;
-
-
-	dd {
-		margin: 0;
-		border: 1px solid transparent;
-		border-bottom: 1px solid $primary-color;
-		border-top: 2px solid transparent;
-		border-radius: 5px 5px 0px 0px;
-		transition: all 0.5s cubic-bezier(0.55,0,0.1,1);
-
-		ul {
-			margin-right: -3px;
-		&::after, &::before  {
-			border: 0px;
-		}
-			li {
-				margin: 0;
-				display: block;
-				padding: 0.3rem;
-				color: #555555;
-				width: 100%;
-				a {
-					display: block;
-				}
-
-				&:hover, &.active {
-					background: #eee;
-
-				}
-			}
-		}
-
-		a {
-			color: #18577A;
-			background-color: transparent;
-			display: inline-block;
-			padding: 2px 6px 0;
-			position: relative;
-			font-size: 90%;
-			&:hover {
-				color: #444;
-				background-color: transparent;
-			}
-		}
-
-		&:hover, &.active {
-			background: #fff;
-			border: 1px solid $primary-color;
-			border-bottom: 1px solid #fff;
-			border-top: 2px solid $primary-color;
-			transition: all 0.5s cubic-bezier(0.55,0,0.1,1);
-
-		}
-	}
 }
-
+body {
-.content {
+  margin-bottom: $footer-height + 20px;
-	position: relative;
-	display: table-cell;
-	overflow: hidden;
-	height: 100%;
-	text-align: left;
-	font-size: 100%;
-}
-
-.content > .container {
-	height: 100%;
-	background-color: #ffffff;
 }
-/* Layout */
-
 .footer {
-	width: 100%;
+  position: absolute;
-	background-color: $secondary-color;
+  bottom: 0;
-	color: #ffffff;
+  width: 100%;
-	text-align: center;
+  /* Set the fixed height of the footer here */
-}
+  height: $footer-height;
-
+  background: #364347 none repeat scroll 0% 0%;
-.footer__block {
+  color: white;
-	position: relative;
+  text-align: center;
-	display: inline-block;
+  p {
-	margin: 5px 0;
+    color: white;
-	padding: 0 20px;
+    margin-top: 10px;
-	vertical-align: middle;
+  }
-	font-size: 70%;
+  .container {
-}
+    padding-top: 25px;
-
+  }
-.footer__block a {
-	color: rgb(255, 255, 255);
-	font-weight: 600;
-}
-
-.footer__block a:hover {
-	text-decoration: underline;
-}
-
-.footer__block small {
-	font-size: 100%;
-}
-
-.footer__logo {
-	display: block;
-	font-size: 0;
-	margin-bottom: 10px;
-}
-
-.footer__logo > img {
-	height: 32px;
-}
-
-.footer__block--about {
-	padding-left: 0;
-	max-width: 195px;
-}
-
-.footer__block--license {
-	max-width: 285px;
-}
-
-.footer__block--parliament-info {
-	border: 0;
-	padding-right: 0;
-	max-width: 385px;
-}
-
-.footer__block--parliament-info > abbr {
-	border: 0;
-	font-size: inherit;
-	cursor: inherit;
-	color: inherit;
-}
-
-.footer__block--separator::after {
-	content: '';
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: 0;
-	margin: auto;
-	height: 50px;
-	width: 1px;
-	background-color: white;
-}
-
-@media (max-width: 480px) {
-
-	.masthead {
-		text-align: center
-	}
-
-	.masthead__logo {
-		display: block;
-		margin: 10px;
-	}
-
-	.masthead__heading {
-		margin-left: 0;
-	}
-
-	.masthead__logo > img{
-		height: 80px;
-	}
-
-	.masthead__heading h1 {
-		font-size: 90%;
-	}
-
-	.masthead__heading h2 {
-		font-size: 70%;
-	}
-
 }

templates/base.html

@@ -1,6 +1,4 @@
-{% load i18n %}
+{% load i18n staticfiles sass_tags menus %}
-{% load staticfiles %}
-{% load sass_tags %}
 <!DOCTYPE html>
 <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
 <!--[if gt IE 8]><!-->
@@ -15,17 +13,14 @@
       <link rel="icon" href="{% static 'img/favicon.ico' %}"  type="image/png" >
 
       {# Styles #}
-      <link rel="stylesheet" href="{% static 'foundation-datepicker/css/foundation-datepicker.min.css' %}">
       <link rel="stylesheet" href="{% static 'components-font-awesome/css/font-awesome.css' %}">
-      <link rel="stylesheet" href="{% static 'foundation-icon-fonts/foundation-icons.css' %}">
+      <link rel="stylesheet" href="{% sass_src 'bootstrap-sass/assets/stylesheets/_bootstrap.scss' %}" type="text/css">
+      <link rel="stylesheet" href="{% static 'drunken-parrot-flat-ui/css/drunken-parrot.css' %}">
       <link rel="stylesheet" href="{% sass_src 'styles/app.scss' %}" type="text/css">
 
+
       {# Scripts #}
       {# modernizr must be in head (see http://modernizr.com/docs/#installing) #}
-      <script type="text/javascript" src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>
-      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
-      <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
-      <script type="text/javascript" src="{% static 'foundation-datepicker/js/foundation-datepicker.js' %}"></script>
       <script type="text/javascript" src="{% static 'jQuery-runner/build/jquery.runner.js' %}"></script>
       <script type="text/javascript" src="{% static 'jquery-mask-plugin/dist/jquery.mask.js' %}"></script>
     {% endblock %}
@@ -34,49 +29,44 @@
   <body>
     <div class="page fadein">
 
-      {# Navigation #}
       {% block navigation %}
-        <div id="navigation" class="navigation fixed contain-to-grid">
-          <nav class="top-bar" data-topbar role="navigation">
-            <ul class="title-area left">
-              <li class="name"></li>
-              <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-            </ul>
 
-            <div class="nav right">
+      <nav class="navbar navbar-inverse navbar-static-top">
-              <div class="icon-bar three-up">
+        <div class="container">
-                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Pesquisa' %}">
+          <div class="navbar-header">
-                  <img src="{% static 'img/search.png' %}">
+            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-                </a>
+              <span class="sr-only">Toggle navigation</span>
-                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Manual' %}">
+              <span class="icon-bar"></span>
-                  <img src="{% static 'img/manual.png' %}">
+              <span class="icon-bar"></span>
-                </a>
+              <span class="icon-bar"></span>
-                <a class="item" tabindex="0" role="button" aria-label="{% trans 'Usuário' %}">
+            </button>
-                  <img src="{% static 'img/user.png' %}">
+          </div>
-                </a>
+          <div id="navbar" class="navbar-collapse collapse">
-              </div>
+            <ul class="nav navbar-nav">
-            </div>
 
-            <section class="top-bar-section">
+              <li class="dropdown">
-              <ul class="nav left">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Institucional <span class="caret"></span></a>
-                <li class="nav__item has-dropdown"><a class="nav__link">Institucional</a>
+                  <ul class="dropdown-menu">
-                  <ul class="nav__sub-nav dropdown">
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'mesa_diretora' %}">Mesa Diretora</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'comissao:list' %}">Comissões</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Bancadas</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'parlamentares' %}">Parlamentares</a></li>
                   </ul>
                 </li>
-                <li class="nav__item has-dropdown"><a class="nav__link">Protocolo</a>
+
-                  <ul class="nav__sub-nav dropdown">
+              <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Protocolo <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'protocolo' %}">Pesquisar</a></li>
                     <!-- <li class="nav__sub-item"><a class="nav__sub-link" href="/materia">Protocolo Legislativo</a></li> -->
                     {# <li class="nav__sub-item"><a class="nav__sub-link" href="">Protocolo Geral</a></li> #}
                     {# <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'proposicao' %}">Proposições</a></li> #}
                   </ul>
                 </li>
-                <li class="nav__item has-dropdown"><a class="nav__link">Atividade Legislativa</a>
+
-                  <ul class="nav__sub-nav dropdown">
+              <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Atividade Legislativa <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'list_proposicao' %}">Proposições</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'materialegislativa:list' %}">Matérias Legislativas</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'sessaoplenaria:list_sessao' %}">Sessões Plenárias</a></li>
@@ -88,14 +78,18 @@
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Relatórios</a></li> -->
                   </ul>
                 </li>
-                 <li class="nav__item has-dropdown"><a class="nav__link">{% trans 'Legislação'%}</a>
+
-                  <ul class="nav__sub-nav dropdown">
+              <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans 'Legislação'%} <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
                     <li class="nav__sub-item"><a class="nav__sub-link" href="{% url 'normajuridica:list'%}">{% trans 'Normas Jurídicas'%}</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Índice de Assuntos</a></li>
                   </ul>
                 </li>
-                <li class="nav__item has-dropdown"><a class="nav__link">Sistema</a>
+
-                  <ul class="nav__sub-nav dropdown">
+              <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Sistema <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
                     <li class="nav__sub-item"><a class="nav__sub-link" href="/sistema">Tabelas Auxiliares</a></li>
 <!--                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Provedor LexML</a></li>
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Publicador LexML</a></li>
@@ -107,50 +101,46 @@
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Troca de Senha</a></li> -->
                   </ul>
                 </li>
-              </ul>
+
-            </section>
+            </ul>
-          </nav>
+          </div><!--/.nav-collapse -->
         </div>
+      </nav>
       {% endblock navigation %}
 
       {# Header #}
       {% block main_header %}
-        <header id="masthead" class="masthead page__row">
+      <header class="masthead">
-            <div class="container">
+        <div class="container">
-                <div class="container">
+					<div class="navbar-header">
-                    <a class="masthead__logo" href="#">
+						<a class="navbar-brand" href="#">
-                        {% if logotipo %}
+							<img src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% static 'img/logo.png' %}{% endif %}"
-                            <img src="{{ MEDIA_URL }}{{ logotipo }}" alt="Logo">
+							alt="Logo" class="img-responsive visible-lg-inline-block vcenter" >
-                        {% else %}
+							<span class="vcenter">
-                            <img src="{% static 'img/logo.png' %}" alt="Logo">
+								{# XXX Make better use of translation tags in html blocks ie. actually use the proper blocktrans tag efficiently #}
-                        {% endif %}
+								{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}
-                    </a>
+								<br/><small>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</small>
-                    <div class="masthead__heading">
+							</span>
-                        {# XXX Make better use of translation tags in html blocks ie. actually use the proper blocktrans tag efficiently #}
+						</a>
-                        <h1>{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}</h1>
+					</div>
-                        <h2>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</h2>
+          {% block sections_nav %} {% subnav %} {% endblock sections_nav %}
-                    </div>
+        </div>
-
+      </header>
-
-                    {% block sections_nav %}
-                    {% endblock sections_nav %}
-
-
-                </div>
-            </div>
-        </header>
       {% endblock main_header %}
 
       {# Main content #}
       {% block content_container %}
         <main id="content" class="content page__row">
+
           <div class="container">
 
             {# Feedback messages #}
             {% for message in messages %}
-              <div data-alert class="alert-box {% if message.tags == 'error' %}alert{% else %}{{ message.tags }}{% endif %} radius">
+              <div class="alert alert-{% if message.tags == 'error' %}danger{% else %}{{ message.tags }}{% endif %} alert-dismissible fade in" role="alert">
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
+                </button>
                 {{ message|safe }}
-                <a href="#" class="close">&times;</a>
               </div>
             {% endfor %}
 
@@ -166,7 +156,7 @@
 
                 {% block title %}
                   {% if view.title %}
-                    <h1>{{ view.title|linebreaksbr  }}</h1>
+                    <h1 class="page-header">{{ view.title|linebreaksbr }}</h1>
                   {% endif %}
                 {% endblock %}
 
@@ -174,8 +164,7 @@
             {% endblock base_header %}
 
             {# Content per se #}
-            {% block base_content %}
+            {% block base_content %}{% endblock %}
-            {% endblock base_content %}
 
           </div>
         </main>
@@ -184,50 +173,58 @@
 
       <footer id="footer" class="footer page__row">
         <div class="container">
-          <div class="footer__block footer__block--about footer__block--separator">
-            <a class="footer__logo" href="#">
-              <img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
-            </a>
-            <small>
-              Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto sobre o <a href="#">Zope</a>.
-            </small>
-          </div>
-          <div class="footer__block footer__block--license footer__block--separator">
-            <a class="footer__logo" href="#">
-              <img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
-            </a>
-            <small>
-              Conteúdo e dados sob licença <a href="#">Creative Commons</a> 4.0 <a href="#">Atribuir Fonte - Compartilhar Igual</a>
-            </small>
-          </div>
 
-          <div class="footer__block footer__block--parliament-info vcard">
+          <div class="row">
-            <span class="org">{{ parliament_type }}</span> de <span class="locality">{{ city }}</span> - <abbr class="region" title="{{ state }}">{{ state_abbr }}</abbr>
+            <div class="col-md-4">
-            <br>
+
-            <span class="street-address">{{ address }}</span>
+              <a class="footer__logo" href="#">
-            <br> CEP: <span class="postal-code">{{ postal_code }}</span> | Telefone: <span>{{ phone_number }}</span>
+                <img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
-            <br>
+              </a>
-            <a href="{{url_portal}}" class="url">{% trans 'Site da Câmara' %}</a> | <a href="{{url_email}}" class="email">{% trans 'Fale Conosco' %}</a>
+              <p>
-            <br>
+                <small>
+                  Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto.
+                </small>
+              </p>
+            </div>
+            <div class="col-md-4">
+              <a class="footer__logo" href="#">
+                <img src="{% static 'img/logo_cc.png' %}" alt="{% trans 'Logo do Creative Commons BY SA' %}">
+              </a>
+              <p>
+                <small>
+                  Conteúdo e dados sob licença <a href="#">Creative Commons</a> 4.0 <a href="#">Atribuir Fonte - Compartilhar Igual</a>
+                </small>
+              </p>
+            </div>
+            <div class="col-md-4">
+              <address>
+                <small>
+                  <strong>
+                    <span class="org">{{ parliament_type }}</span> de <span class="locality">{{ city }}</span> - <abbr class="region" title="{{ state }}">{{ state_abbr }}</abbr>
+                  </strong>
+                  <br>
+                  <span class="street-address">{{ address }}</span>
+                  <br> CEP: <span class="postal-code">{{ postal_code }}</span> | Telefone: <span>{{ phone_number }}</span>
+                  <br>
+                  <a href="{{url_portal}}" class="url">{% trans 'Site da Câmara' %}</a> | <a href="{{url_email}}" class="email">{% trans 'Fale Conosco' %}</a>
+                </small>
+              </address>
+            </div>
           </div>
         </div>
       </footer>
     </div>
 
     {% block foot_js %}
-      <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
+      <!-- Bootstrap core JavaScript ================================================== -->
-      <script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>
+      <!-- Placed at the end of the document so the pages load faster -->
-      <script src="{% static 'tinymce/tinymce.min.js' %}"></script>
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-
+      <script type="text/javascript" src="{% static 'bootstrap-sass/assets/javascripts/bootstrap.min.js' %}"></script>
 
+      <script src="{% static 'tinymce/tinymce.min.js' %}"></script>
       <script type="text/javascript" src="{% static 'js/app.js' %}"></script>
 
-      <script>
+      {% block extra_js %}{% endblock %}
-
-      </script>
-
-      {% block extra_js %}
-      {% endblock %}
 
     {% endblock foot_js %}
   </body>

templates/comissoes/comissao_detail.html

@@ -1,9 +0,0 @@
-{% extends "crud/detail.html" %}
-{% load i18n %}
-{% block sections_nav %}
-  <dl class="sub-nav left">
-    <dd><a href="{% url 'comissao:detail' comissao.id %}" class="button secondary">{% trans 'Início' %}</a></dd>
-    <dd><a href="{% url 'comissao:composicao' comissao.id %}" class="button secondary">{% trans 'Composição' %}</a></dd>
-    <dd><a href="{% url 'comissao:materias_em_tramitacao' comissao.id %}" class="button secondary">{% trans 'Matérias em Tramitação' %}</a></dd>
-  </dl>
-{% endblock sections_nav %}

templates/comissoes/comissao_list.html

@@ -3,11 +3,11 @@
 {% load crispy_forms_tags %}
 
 {% block base_content %}
-	<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-		<dd><a href="{% url 'comissao:cadastrar_comissao' %}">
+  <a href="{% url 'comissao:cadastrar_comissao' %}" class="btn btn-default">
-			{% blocktrans with verbose_name=view.verbose_name %} Adicionar Comissão {% endblocktrans %}
+    {% blocktrans with verbose_name=view.verbose_name %} Adicionar Comissão {% endblocktrans %}
-		</a></dd>
+  </a>
-	</dl>
+</div>
 	{% block detail_content %}
 		<table width="100%">
 			<tr>

templates/comissoes/subnav.yaml

@@ -0,0 +1,6 @@
+- title: Início
+  url: comissao:detail
+- title: Composição
+  url: comissao:composicao
+- title: Matérias em Tramitação
+  url: comissao:materias_em_tramitacao

templates/compilacao/publicacao_detail.html

@@ -9,10 +9,10 @@
         <li><a href="{% url 'ta_pub_delete' object.ta.pk object.pk %}" class="button alert tiny">{% trans 'Excluir' %}</a></li>
     </ul>
     {% endblock actions %}
-    <dl class="sub-nav left">
+    <div class="actions btn-group pull-right" role="group">
-        {% block sections_nav %}
+      {% block sections_nav %}
-         {% endblock %}
+      {% endblock %}
-    </dl>
+    </div>
 </div>
 
     {% block detail_content %} {# TODO replace fieldset for something semantically correct, but with similar visual grouping style #}
@@ -20,19 +20,19 @@
         <legend>{%trans 'Identificação Básica'%}</legend>
 
         <div class="row">
-            <div class="columns large-4">
+            <div class="col-md-4">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'tipo_publicacao' %}</label>
                     <p>{{ object.tipo_publicacao}}</p>
                 </div>
             </div>
-            <div class="columns large-6">
+            <div class="col-md-6">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'veiculo_publicacao' %}</label>
                     <p>{{ object.veiculo_publicacao}}</p>
                 </div>
             </div>
-            <div class="columns large-2">
+            <div class="col-md-2">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'ano' %}</label>
                     <p>{{ object.ano}}</p>
@@ -40,25 +40,25 @@
             </div>
         </div>
         <div class="row">
-            <div class="columns large-4">
+            <div class="col-md-4">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'data' %}</label>
                     <p>{{ object.data}}</p>
                 </div>
             </div>
-            <div class="columns large-4">
+            <div class="col-md-4">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'hora' %}</label>
                     <p>{{ object.hora|time:"H:i:s"}}</p>
                 </div>
             </div>
-            <div class="columns large-2">
+            <div class="col-md-2">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'numero' %}</label>
                     <p>{{ object.numero|default:''}}</p>
                 </div>
             </div>
-            <div class="columns large-2">
+            <div class="col-md-2">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'edicao' %}</label>
                     <p>{{ object.edicao|default:''}}</p>
@@ -66,25 +66,25 @@
             </div>
         </div>
         <div class="row">
-            <div class="columns large-2">
+            <div class="col-md-2">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'pagina_inicio' %}</label>
                     <p>{{ object.pagina_inicio|default:''}}</p>
                 </div>
             </div>
-            <div class="columns large-2">
+            <div class="col-md-2">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'pagina_fim' %}</label>
                     <p>{{ object.pagina_fim|default:''}}</p>
                 </div>
             </div>
-            <div class="columns large-8">
+            <div class="col-md-8">
                 <div id="div_id_tipo" class="holder">
                     <label>{% field_verbose_name object 'url_externa' %}</label>
                     <p>{{ object.url_externa|default:''}}</p>
                 </div>
             </div>
-                        
+
         </div>
     </fieldset>
     {% endblock detail_content %}

templates/compilacao/publicacao_list.html

@@ -5,15 +5,15 @@
 
 {% block base_content %}
 
-<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-  <dd><a href="{{ view.create_url }}">
+  <a href="{{ view.create_url }}" class="btn btn-default">
-      {% trans 'Adicionar'%} {%model_verbose_name 'compilacao.models.Publicacao'%}
+    {% trans 'Adicionar'%} {%model_verbose_name 'compilacao.models.Publicacao'%}
-  </a></dd>
+  </a>
   {% block more_buttons %}
-    <dd><a href="{% url 'ta_text' view.kwargs|lookup:'ta_id' %}">{% trans 'Voltar'  %}</a></dd>
+  <a href="{% url 'ta_text' view.kwargs|lookup:'ta_id' %}" class="btn btn-default">{% trans 'Voltar'  %}</a>
 
   {% endblock more_buttons %}
-</dl>
+</div>
 
 {% if not object_list %}
   <p>{{ NO_ENTRIES_MSG }}</p>

templates/compilacao/textoarticulado_detail.html

@@ -5,18 +5,18 @@
 
     {% block sections_nav %}
 	    {%if object %}
-	      <dl class="sub-nav">
+      <div class="actions btn-group pull-right" role="group">
-	        {% if object.content_object%}
+        {% if object.content_object%}
-	            <dd><a href="{% url object|urldetail_content_type object.content_object.pk %}"title="{% trans 'Ir para '%}{{object.content_object}}">Início</a></dd>
+        <a href="{% url object|urldetail_content_type object.content_object.pk %}"title="{% trans 'Ir para '%}{{object.content_object}}" class="btn btn-default">Início</a>
-	        {%else%}
+        {%else%}
-	            <dd><a href="{% url 'ta_detail' object.pk %}">{% trans 'Início' %}</a></dd>
+        <a href="{% url 'ta_detail' object.pk %}" class="btn btn-default">{% trans 'Início' %}</a>
-	        {%endif%}
+        {%endif%}
-	        
+
-            <dd><a href="{% url 'ta_pub_list' object.pk %}">{% model_verbose_name_plural 'compilacao.models.Publicacao' %}</a></dd>
+        <a href="{% url 'ta_pub_list' object.pk %}" class="btn btn-default">{% model_verbose_name_plural 'compilacao.models.Publicacao' %}</a>
 
-            <dd><a href="{% url 'ta_text' object.pk %}">{% trans 'Texto' %}</a></dd>
+        <a href="{% url 'ta_text' object.pk %}" class="btn btn-default">{% trans 'Texto' %}</a>
-            <dd><a href="{% url 'ta_text_edit' object.pk %}">{% trans 'Edição do Texto' %}</a></dd>
+        <a href="{% url 'ta_text_edit' object.pk %}" class="btn btn-default">{% trans 'Edição do Texto' %}</a>
-          </dl>
+      </div>
 	     {%endif %}
      {% endblock %}
 
@@ -24,7 +24,7 @@
 <div class="clearfix">
     {% block actions %}
     <ul class="button-group right">
-    
+
         {%if object %}
             <li><a href="{% url 'ta_edit' object.pk %}" class="button tiny">{% trans 'Edição dos Metadados do Texto Articulado' %}</a></li>
             <li><a href="{% url 'ta_delete' object.pk %}" class="button alert tiny">{% trans 'Excluir' %}</a></li>
@@ -50,7 +50,7 @@
 
     <div class="row">
 
-        <div class="columns large-3">
+        <div class="col-md-3">
             <div id="div_id_tipo" class="holder">
                 <label>{% field_verbose_name object 'tipo_ta' %}</label>
                 <p>{{ object.tipo_ta}}</p>
@@ -58,7 +58,7 @@
         </div>
 
         {% if object.content_object and object.content_object.tipo%}
-        <div class="columns large-3">
+        <div class="col-md-3">
             <div id="div_id_tipo" class="holder">
                 <label>{% field_verbose_name object.content_object 'tipo' %}</label>
                 <p>{{ object.content_object.tipo}}</p>
@@ -66,21 +66,21 @@
         </div>
         {%endif%}
 
-        <div class="columns large-2">
+        <div class="col-md-2">
             <div id="div_id_numero" class="holder">
                 <label>{% field_verbose_name object 'numero' %}</label>
                 <p>{{ object.numero}}</p>
             </div>
         </div>
 
-        <div class="columns large-2">
+        <div class="col-md-2">
             <div id="div_id_ano" class="holder">
                 <label>{% field_verbose_name object 'ano' %}</label>
                 <p>{{ object.ano}}</p>
             </div>
         </div>
 
-        <div class="columns large-2">
+        <div class="col-md-2">
             <div id="div_id_data" class="holder">
                 <label>{% field_verbose_name object 'data' %}</label>
                 <p>{{ object.data}}</p>
@@ -89,7 +89,7 @@
     </div>
     <br>
     <div class="row">
-        <div class="columns large-12">
+        <div class="col-md-12">
             <div id="div_id_ementa" class="holder">
                 <label>{% field_verbose_name object 'ementa' %}</label>
                 <p>{{ object.ementa|safe}}</p>

templates/compilacao/textoarticulado_list.html

@@ -5,23 +5,22 @@
 
 {% block base_content %}
     {% block actions %}{{block.super}}
-    
+
     {% endblock actions %}
-{% block detail_content %} 
+{% block detail_content %}
-{% endblock detail_content %} 
+{% endblock detail_content %}
-<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-  <dd><a href="{{ view.create_url }}">
+  <a href="{{ view.create_url }}" class="btn btn-default">
     {% trans 'Adicionar'%} {%model_verbose_name 'compilacao.models.TextoArticulado'%}
-
+  </a>
-  </a></dd>
 
 
   {% block more_buttons %}
 
   {% endblock more_buttons %}
-</dl>
+</div>
 
-<table class="table table-hover">
+<table class="table table-striped table-hover">
     <thead>
         <tr>
             <th>{% fieldclass_verbose_name 'compilacao.models.TextoArticulado' 'tipo_ta' %}</th>

templates/compilacao/tipotextoarticulado_detail.html

@@ -21,27 +21,27 @@
 
 	    <div class="row">
 
-	        <div class="columns large-2">
+	        <div class="col-md-2">
 	            <div id="div_id_tipo" class="holder">
 	                <label>{% field_verbose_name object 'sigla' %}</label>
 	                <p>{{ object.sigla}}</p>
 	            </div>
 	        </div>
 
-	        <div class="columns large-4">
+	        <div class="col-md-4">
 	            <div id="div_id_numero" class="holder">
 	                <label>{% field_verbose_name object 'descricao' %}</label>
 	                <p>{{ object.descricao}}</p>
 	            </div>
 	        </div>
 
-            <div class="columns large-3">
+            <div class="col-md-3">
                 <div id="div_id_ano" class="holder">
                     <label>{% field_verbose_name object 'content_type' %}</label>
                     <p>{{ object.content_type|default:""}}</p>
                 </div>
             </div>
-            <div class="columns large-3">
+            <div class="col-md-3">
                 <div id="div_id_ano" class="holder">
                     <label>{% field_verbose_name object 'participacao_social' %}</label>
                     <p>{{ object.get_participacao_social_display}}</p>

templates/compilacao/tipotextoarticulado_list.html

@@ -5,19 +5,19 @@
 
 {% block base_content %}
 
-<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-  <dd><a href="{{ view.create_url }}">
+  <a href="{{ view.create_url }}" class="btn btn-default">
-      {% trans 'Adicionar'%} {%model_verbose_name 'compilacao.models.TipoTextoArticulado'%}
+    {% trans 'Adicionar'%} {%model_verbose_name 'compilacao.models.TipoTextoArticulado'%}
-  </a></dd> 
+  </a>
   {% block more_buttons %}
 
   {% endblock more_buttons %}
-</dl>
+</div>
 
 {% if not object_list %}
   <p>{{ NO_ENTRIES_MSG }}</p>
 {% else %}
-	<table class="table table-hover" width=100%>
+	<table class="table table-striped table-hover" width=100%>
 	    <thead>
 	        <tr>
 	            <th>{% fieldclass_verbose_name 'compilacao.models.TipoTextoArticulado' 'sigla' %}</th>

templates/crud/detail.html

@@ -6,32 +6,31 @@
   {# FIXME is this the best markup to use? #}
   <div class="clearfix">
     {% block actions %}
-      <dl class="sub-nav right">
+    <div class="actions btn-group pull-right" role="group">
-        <dd><a href="{{ view.update_url }}" class="button">{% trans 'Editar' %}</a></dd>
+      <a href="{{ view.update_url }}" class="btn btn-default">{% trans 'Editar' %}</a>
-        <dd><a href="{{ view.delete_url }}" class="button alert">{% trans 'Excluir' %}</a></dd>
+      <a href="{{ view.delete_url }}" class="btn btn-default">{% trans 'Excluir' %}</a>
-      </dl>
+    </div>
     {% endblock actions %}
-
   </div>
 
   {% block detail_content %}
     {# TODO replace fieldset for something semantically correct, but with similar visual grouping style #}
     {% for fieldset in view.fieldsets %}
-    <fieldset>
+    <h2 class="legend">{{ fieldset.legend }}</h2>
-      <legend>{{ fieldset.legend }}</legend>
+    {% for row in fieldset.rows %}
-      {% for row in fieldset.rows %}
+    <div class="row-fluid">
-      <div class="row">
+      {% for column in row %}
-          {% for column in row %}
+      <div class="col-sm-{{ column.span }}">
-          <div class="columns large-{{ column.span }}">
+        <div id="div_id_{{ column.id }}" class="form-group">
-              <div id="div_id_{{ column.id }}" class="holder">
+          <p class="control-label">{{ column.verbose_name }}</p>
-                  <label>{{ column.verbose_name }}</label> {# TODO replace labels, probably (are they correct here?) #}
+          <div class="controls">
-                  <p>{{ column.text }}</p>
+            <p class="form-control-static">{{ column.text }}</p>
-              </div>
           </div>
-          {% endfor %}
+        </div>
       </div>
       {% endfor %}
-    </fieldset>
+    </div>
+    {% endfor %}
     {% endfor %}
   {% endblock detail_content %}
 

templates/crud/list.html

@@ -4,20 +4,20 @@
 {% block base_content %}
 
 {# FIXME is this the best markup to use? #}
-<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-  <dd><a href="{{ view.create_url }}">
+  <a href="{{ view.create_url }}" class="btn btn-default">
     {% blocktrans with verbose_name=view.verbose_name %} Adicionar {{ verbose_name }} {% endblocktrans %}
-  </a></dd>
+  </a>
 
-  {% block more_buttons %}  
+  {% block more_buttons %}
   {% endblock more_buttons %}
 
-</dl>
+</div>
 
 {% if not rows %}
   <p>{{ NO_ENTRIES_MSG }}</p>
 {% else %}
-  <table class="table table-hover">
+  <table class="table table-striped table-hover">
     <thead>
       <tr>
         {% for name in headers %}

templates/materia/autoria.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Autorias</legend>
@@ -32,44 +32,44 @@
 
 		<fieldset>
 			<legend>Adicionar Autoria</legend>
-			<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-				<li>Tipo do Autor</li>
+        <div class="col-md-4">Tipo do Autor</div>
-				<li>Nome Autor</li>
+        <div class="col-md-4">Nome Autor</div>
-				<li>Primeiro Autor</li>
+        <div class="col-md-4">Primeiro Autor</div>
-			</ul>
+      </div>
 			<form method="POST">
 				{% csrf_token %}
 
-				<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+        <div class="row">
-					<li>
+          <div class="col-md-4">
-						<select name="tipo_autor" onChange="form.submit();">
+            <select name="tipo_autor" onChange="form.submit();">
-							{% for tipo in tipo_autores %}
+              {% for tipo in tipo_autores %}
-								<option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
+              <option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
-									{{tipo.descricao}}
+              {{tipo.descricao}}
-								</option>
+              </option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<select name="nome_autor">
+            <select name="nome_autor">
-							{% for a in autores %}
+              {% for a in autores %}
-								{% if a.tipo_id == tipo_autor_id %}
+              {% if a.tipo_id == tipo_autor_id %}
-									<option value="{{a.id}}">
+              <option value="{{a.id}}">
-										{{a}}
+              {{a}}
-									</option>
+              </option>
-								{% endif %}
+              {% endif %}
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<select name="primeiro_autor">
+            <select name="primeiro_autor">
-							<option value="1">Sim</option>
+              <option value="1">Sim</option>
-							<option value="0" selected>Não</option>
+              <option value="0" selected>Não</option>
-						</select>
+            </select>
-					</li>
+          </div>
-				</ul>
+        </div>
 				<input type="submit" name="salvar" value="Salvar" class="button primary">
 			</form>
 		</fieldset>

templates/materia/autoria_edit.html

@@ -5,53 +5,53 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Editar Autoria</legend>
-			<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-				<li>Tipo do Autor</li>
+        <div class="col-md-4">Tipo do Autor</div>
-				<li>Nome Autor</li>
+        <div class="col-md-4">Nome Autor</div>
-				<li>Primeiro Autor</li>
+        <div class="col-md-4">Primeiro Autor</div>
-			</ul>
+      </div>
 			<form method="POST">
 				{% csrf_token %}
 
-				<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+        <div class="row">
-					<li>
+          <div class="col-md-4">
-						<select name="tipo_autor" onChange="form.submit();">
+            <select name="tipo_autor" onChange="form.submit();">
-							{% for tipo in tipo_autores %}
+              {% for tipo in tipo_autores %}
-								<option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
+              <option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
-									{{tipo.descricao}}
+              {{tipo.descricao}}
-								</option>
+              </option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<select name="nome_autor">
+            <select name="nome_autor">
-							{% for a in autores %}
+              {% for a in autores %}
-								{% if a.tipo_id == tipo_autor_id %}
+              {% if a.tipo_id == tipo_autor_id %}
-									<option value="{{a.id}}" {% if a.id == autor_id%} selected {% endif %}>
+              <option value="{{a.id}}" {% if a.id == autor_id%} selected {% endif %}>
-										{{a}}
+              {{a}}
-									</option>
+              </option>
-								{% endif %}
+              {% endif %}
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<select name="primeiro_autor">
+            <select name="primeiro_autor">
-							<option value="1">Sim</option>
+              <option value="1">Sim</option>
-							<option value="0" selected>Não</option>
+              <option value="0" selected>Não</option>
-						</select>
+            </select>
-					</li>
+          </div>
-				</ul>
+        </div>
 				<input type="submit" name="salvar" value="Salvar" class="button primary">
 			</form>
 		</fieldset>

templates/materia/despacho_inicial.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Despachos</legend>

templates/materia/despacho_inicial_edit.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 		<form method="POST">
 		{% csrf_token %}
 
@@ -23,7 +23,7 @@
 				</select>
 
 				<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
-				<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />		
+				<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 			</fieldset>
 		</form>
 	</fieldset>

templates/materia/documento_acessorio.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Documentos Acessório</legend>

templates/materia/documento_acessorio_edit.html

@@ -5,53 +5,53 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Editar Documento Acessório</legend>
 				<form method="POST">
 					{% csrf_token %}
-					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+          <div class="row">
-						<li>
+            <div class="col-md-4">
-							<labe>Tipo*</labe>
+              <labe>Tipo*</labe>
-							<select name="tipo">
+              <select name="tipo">
-								{% for t in tipos %}
+                {% for t in tipos %}
-									<option value="{{t.id}}" {% if t.id == doc.tipo.id %} selected {% endif %}>
+                <option value="{{t.id}}" {% if t.id == doc.tipo.id %} selected {% endif %}>
-										{{t.descricao}}
+                {{t.descricao}}
-									</option>
+                </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
 
-						<li>
+            <div class="col-md-4">
-							<labe>Data</labe>
+              <labe>Data</labe>
-							<input type="text" name="data" class="dateinput" value="{{doc.data|date:'d/m/Y'}}" />
+              <input type="text" name="data" class="dateinput" value="{{doc.data|date:'d/m/Y'}}" />
-						</li>
+            </div>
 
-						<li>
+            <div class="col-md-4">
-							<labe>Nome*</labe>
+              <labe>Nome*</labe>
-							<input type="text" name="nome" value="{{doc.nome}}" />
+              <input type="text" name="nome" value="{{doc.nome}}" />
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li>
+            <div class="col-md-6">
-							<labe>Autor*</labe>			
+              <labe>Autor*</labe>
-							<input type="text" name="autor" value="{{doc.autor}}" />
+              <input type="text" name="autor" value="{{doc.autor}}" />
-						</li>
+            </div>
-						
+
-						<li>
+            <div class="col-md-6">
-							<labe>Ementa*</labe>		
+              <labe>Ementa*</labe>
-							<input type="text" name="ementa" value="{{doc.ementa}}" />
+              <input type="text" name="ementa" value="{{doc.ementa}}" />
-						</li>
+            </div>
-					</ul>
+          </div>
 					<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
-					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />		
+					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 				</form>
 		</fieldset>
 	</fieldset>

templates/materia/legislacao_citada.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Legislação Citada</legend>

templates/materia/legislacao_citada_edit.html

@@ -5,92 +5,92 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Editar Legislação Citada</legend>
 			<form method="POST">
 				{% csrf_token %}
 
-				<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+        <div class="row">
-					<li>
+          <div class="col-md-4">
-						<label>Tipo Norma*</label>
+            <label>Tipo Norma*</label>
-						<select name="tipo">
+            <select name="tipo">
-							{% for tipo in tipos_norma %}
+              {% for tipo in tipos_norma %}
-								<option value="{{tipo.id}}" {% if tipo == legislacao.norma.tipo %} selected {% endif %}>
+              <option value="{{tipo.id}}" {% if tipo == legislacao.norma.tipo %} selected {% endif %}>
-									{{tipo.sigla}} - {{tipo.descricao}}
+              {{tipo.sigla}} - {{tipo.descricao}}
-								</option>
+              </option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
-					<li>
+          <div class="col-md-4">
-						<label>Número*</label>
+            <label>Número*</label>
-						<input type="text" name="numero" value="{{legislacao.norma.numero}}" />
+            <input type="text" name="numero" value="{{legislacao.norma.numero}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-4">
-						<label>Ano*</label>
+            <label>Ano*</label>
-						<input type="text" name="ano" value="{{legislacao.norma.ano}}" />
+            <input type="text" name="ano" value="{{legislacao.norma.ano}}" />
-					</li>
+          </div>
-				</ul>
+        </div>
 
-				<ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+        <div class="row">
-					<li>
+          <div class="col-md-3">
-						<label>Disposição</label>
+            <label>Disposição</label>
-						<input type="text" name="disposicao" value="{{legislacao.disposicoes}}" />
+            <input type="text" name="disposicao" value="{{legislacao.disposicoes}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Parte</label>
+            <label>Parte</label>
-						<input type="text" name="parte" value="{{legislacao.parte}}" />
+            <input type="text" name="parte" value="{{legislacao.parte}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Livro</label>
+            <label>Livro</label>
-						<input type="text" name="livro" value="{{legislacao.livro}}" />
+            <input type="text" name="livro" value="{{legislacao.livro}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Título</label>
+            <label>Título</label>
-						<input type="text" name="titulo" value="{{legislacao.titulo}}" />
+            <input type="text" name="titulo" value="{{legislacao.titulo}}" />
-					</li>
+          </div>
-				</ul>
+        </div>
 
-				<ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+        <div class="row">
-					<li>
+          <div class="col-md-3">
-						<label>Capítulo</label>
+            <label>Capítulo</label>
-						<input type="text" name="capitulo" value="{{legislacao.capitulo}}" />
+            <input type="text" name="capitulo" value="{{legislacao.capitulo}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Seção</label>
+            <label>Seção</label>
-						<input type="text" name="secao" value="{{legislacao.secao}}" />
+            <input type="text" name="secao" value="{{legislacao.secao}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Subseção</label>
+            <label>Subseção</label>
-						<input type="text" name="subsecao" value="{{legislacao.subsecao}}" />
+            <input type="text" name="subsecao" value="{{legislacao.subsecao}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
-						<label>Artigo</label>
+            <label>Artigo</label>
-						<input type="text" name="artigo" value="{{legislacao.artigo}}" />
+            <input type="text" name="artigo" value="{{legislacao.artigo}}" />
-					</li>
+          </div>
-				</ul>
+        </div>
+
+        <div class="row">
+          <div class="col-md-3">
+            <label>Inciso</label>
+            <input type="text" name="inciso" value="{{legislacao.inciso}}" />
+          </div>
+          <div class="col-md-3">
+            <label>Alínea</label>
+            <input type="text" name="alinea" value="{{legislacao.alinea}}" />
+          </div>
+          <div class="col-md-3">
+            <label>Item</label>
+            <input type="text" name="item" value="{{legislacao.item}}" />
+          </div>
+        </div>
 
-				<ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
-					<li>
-						<label>Inciso</label>
-						<input type="text" name="inciso" value="{{legislacao.inciso}}" />
-					</li>						
-					<li>
-						<label>Alínea</label>
-						<input type="text" name="alinea" value="{{legislacao.alinea}}" />
-					</li>
-					<li>
-						<label>Item</label>
-						<input type="text" name="item" value="{{legislacao.item}}" />
-					</li>
-				</ul>
-				
 				<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
 				<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 			</form>

templates/materia/materia_anexada.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Matérias Anexadas</legend>

templates/materia/materia_anexada_edit.html

@@ -5,50 +5,50 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 		<fieldset>
 			<legend>Editar Matéria Anexada</legend>
-			<form method="POST"> 
+			<form method="POST">
 				{% csrf_token %}
-				<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+        <div class="row">
-					<li>
+          <div class="col-md-4">
-						<label>Tipo*</label>
+            <label>Tipo*</label>
-						<select id="tipo" name="tipo">
+            <select id="tipo" name="tipo">
-							{% for tipo in get_tipos_materia %}
+              {% for tipo in get_tipos_materia %}
-								<option value="{{tipo.id}}" {% if tipo.id == data.tipo.id %} selected {% endif %}>{{tipo.sigla}} - {{tipo.descricao}}</option>
+              <option value="{{tipo.id}}" {% if tipo.id == data.tipo.id %} selected {% endif %}>{{tipo.sigla}} - {{tipo.descricao}}</option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<label>Número*</label>
+            <label>Número*</label>
-						<input type="text" id="numero" name="numero" value="{{data.numero}}"/>
+            <input type="text" id="numero" name="numero" value="{{data.numero}}"/>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
-						<label>Ano*</label>
+            <label>Ano*</label>
-						<input type="text" id="ano" name="ano" value="{{data.ano}}"/>
+            <input type="text" id="ano" name="ano" value="{{data.ano}}"/>
-					</li>
+          </div>
-				</ul>
+        </div>
 
-				<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+        <div class="row">
-					<li>
+          <div class="col-md-6">
-						<label>Data Anexação*</label>
+            <label>Data Anexação*</label>
-						<input type="text" id="data_anexacao" name="data_anexacao" value="{{data.data_anexacao|date:'d/m/Y'}}" class="dateinput"/>
+            <input type="text" id="data_anexacao" name="data_anexacao" value="{{data.data_anexacao|date:'d/m/Y'}}" class="dateinput"/>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-6">
-						<label>Data Desanexação</label>
+            <label>Data Desanexação</label>
-						<input type="text" id="data_desanexacao" name="data_desanexacao" value="{{data.data_desanexacao|date:'d/m/Y'}}" class="dateinput"/>
+            <input type="text" id="data_desanexacao" name="data_desanexacao" value="{{data.data_desanexacao|date:'d/m/Y'}}" class="dateinput"/>
-					</li>
+          </div>
-				</ul>
+        </div>
 				<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
-				<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />				
+				<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 			</form>
 		</fieldset>
 	</fieldset>

templates/materia/materialegislativa_detail.html

@@ -1,24 +1 @@
 {% extends "crud/detail.html" %}
-{% load i18n %}
-
-{% block sections_nav %}
-  <dl class="sub-nav">
-    <dd><a href="{% url 'materialegislativa:detail' materialegislativa.id %}">{% trans 'Início' %}</a></dd>
-    <dd><a href="{% url 'materia_anexada' materialegislativa.id %}">{% trans 'Anexada' %}</a></dd>
-    <dd><a href="{% url 'autoria' materialegislativa.id %}">{% trans 'Autoria' %}</a></dd>
-    <dd><a href="{% url 'despacho_inicial' materialegislativa.id %}">{% trans 'Despacho Inicial' %}</a></dd>
-    <dd><a href="{% url 'documento_acessorio' materialegislativa.id %}">{% trans 'Documento Acessório' %}</a></dd>
-    <dd><a href="{% url 'legislacao_citada' materialegislativa.id %}">{% trans 'Legislação Citada' %}</a></dd>
-    <dd><a href="{% url 'numeracao' materialegislativa.id %}">{% trans 'Numeração' %}</a></dd>
-    <dd><a href="{% url 'tramitacao_materia' materialegislativa.id %}">{% trans 'Tramitação' %}</a></dd>
-    <dd><a href="{% url 'relatoria' materialegislativa.id %}">{% trans 'Relatoria' %}</a></dd>
-
-    {% comment %}
-        Opção adicionada para chamar o TextoArticulado da matéria.
-            para integração foram necessárias apenas criar a url materia_ta em urls.py
-            e a view MateriaTaView(IntegracaoTaView) em views.py
-           Em nada mais a integração interfere em MateriaLegislativa
-    {% endcomment %}
-    <dd><a href="{% url 'materia_ta' materialegislativa.id %}">{% trans 'Texto' %}</a></dd>
-  </dl>
-{% endblock sections_nav %}

templates/materia/numeracao.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Numeração</legend>

templates/materia/numeracao_edit.html

@@ -5,47 +5,47 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Editar Numeração</legend>
 				<form method="POST">
 					{% csrf_token %}
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li>
+            <div class="col-md-12">
-							<label>Tipo Matéria*</label>
+              <label>Tipo Matéria*</label>
-							<select name="tipo_materialegislativa">
+              <select name="tipo_materialegislativa">
-								{% for t in tipos %}
+                {% for t in tipos %}
-									<option value="{{t.id}}" {% if t.id == numeracao.tipo_materialegislativa_id %} selected {% endif %}>
+                <option value="{{t.id}}" {% if t.id == numeracao.tipo_materialegislativa_id %} selected {% endif %}>
-										{{t.sigla}} - {{t.descricao}}
+                {{t.sigla}} - {{t.descricao}}
-									</option>
+                </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+					<div class="row">
-						<li>
+            <div class="col-md-4">
-							<label>Número*</select>label>
+              <label>Número*</select>label>
-							<input type="text" name="numero_materialegislativa" value="{{numeracao.numero_materialegislativa}}" />
+              <input type="text" name="numero_materialegislativa" value="{{numeracao.numero_materialegislativa}}" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
-							<label>Ano*</label>		
+              <label>Ano*</label>
-							<input type="text" name="ano_materialegislativa" value="{{numeracao.ano_materialegislativa}}" />
+              <input type="text" name="ano_materialegislativa" value="{{numeracao.ano_materialegislativa}}" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
-							<label>Data</label>
+              <label>Data</label>
-							<input type="text" name="data_materialegislativa" class="dateinput" value="{{numeracao.data_materialegislativa|date:'d/m/Y'}}" />
+              <input type="text" name="data_materialegislativa" class="dateinput" value="{{numeracao.data_materialegislativa|date:'d/m/Y'}}" />
-						</li>
+            </div>
 					<ul>
 
 					<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
-					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />		
+					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 				</form>
 		</fieldset>
 	</fieldset>

templates/materia/proposicao_list.html

@@ -7,9 +7,9 @@
 {% block sections_nav %}
 	<h2><b>Proposições</b></h2>
 	<br />
-    <dl class="sub-nav left">
+  <div class="actions btn-group pull-right" role="group">
-    	<dd><a href="{% url 'adicionar_proposicao' %}" class="button secondary">Nova Proposição</a></dd>
+    <a href="{% url 'adicionar_proposicao' %}" class="btn btn-default">Nova Proposição</a>
-    </dl>
+  </div>
 {% endblock %}
 
 {% block detail_content %}
@@ -20,7 +20,7 @@
 			<th>Descrição</th>
 			<th>Incorporada?</th>
 		</tr>
-		
+
 		{% for proposicao in page_obj %}
 			<tr>
 				{% if proposicao.data_envio %}

templates/materia/relatoria.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Relatorias</legend>
@@ -29,48 +29,48 @@
 					{% endfor %}
 			</table>
 		</fieldset>
-		
+
 		<fieldset>
 			<legend>Adicionar Relator</legend>
 				<form method="POST">
 					{% csrf_token %}
 
-					<ul class='small-block-grid-1 medium-block-grid-1 large-block-grid-1'>
+          <div class="row">
-						<li>
+            <div class="col-md-12">
-							Localização Atual
+              Localização Atual
-							<input type="text" name="comissao" disabled value="{{comissao.nome}}" />
+              <input type="text" name="comissao" disabled value="{{comissao.nome}}" />
-						</li>
+            </div>
-					</ul>
+          </div>
-					<ul class='small-block-grid-2 medium-block-grid-2 large-block-grid-2'>
+          <div class="row">
-						<li>
+            <div class="col-md-6">
-							Data Designação*
+              Data Designação*
-							<input type="text" name="data_designacao_relator" class ="dateinput" />
+              <input type="text" name="data_designacao_relator" class ="dateinput" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
-							Data Destituição
+              Data Destituição
-							<input type="text" name="data_destituicao_relator" class ="dateinput" />
+              <input type="text" name="data_destituicao_relator" class ="dateinput" />
-						</li>
+            </div>
-					</ul>
+          </div>
-					<ul class='small-block-grid-2 medium-block-grid-2 large-block-grid-2'>
+          <div class="row">
-						<li>
+            <div class="col-md-6">
-							Parlamentar*
+              Parlamentar*
-							<select name="parlamentar">
+              <select name="parlamentar">
-								<option value=""> ---------- </option>
+                <option value=""> ---------- </option>
-								{% for p in parlamentares %}
+                {% for p in parlamentares %}
-									<option value="{{p.parlamentar_id}}"> {{p.parlamentar}} </option>
+                <option value="{{p.parlamentar_id}}"> {{p.parlamentar}} </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
-							Motivo Fim Relatoria
+              Motivo Fim Relatoria
-							<select name="tipo_fim_relatoria">
+              <select name="tipo_fim_relatoria">
-								<option value=""> ---------- </option>
+                <option value=""> ---------- </option>
-								{% for t in tipo_fim_relatoria %}
+                {% for t in tipo_fim_relatoria %}
-									<option value="{{t.id}}"> {{t.descricao}} </option>
+                <option value="{{t.id}}"> {{t.descricao}} </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-					</ul>
+          </div>
 					<input type="submit" name="salvar" value="Salvar" class="primary button"/>
 				</form>
 		</fieldset>

templates/materia/relatoria_edit.html

@@ -5,58 +5,58 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
-		
+
 		<fieldset>
 			<legend>Editar Relator</legend>
 			<form method="POST">
 				{% csrf_token %}
-			
+
-				<ul class='small-block-grid-1 medium-block-grid-1 large-block-grid-1'>
+        <div class="row">
-					<li>
+          <div class="col-md-12">
-						Localização Atual
+            Localização Atual
-						<input type="text" name="comissao" disabled value="{{relatoria.comissao.nome}}" />
+            <input type="text" name="comissao" disabled value="{{relatoria.comissao.nome}}" />
-					</li>
+          </div>
-				</ul>
+        </div>
-				<ul class='small-block-grid-2 medium-block-grid-2 large-block-grid-2'>
+        <div class="row">
-					<li>
+          <div class="col-md-6">
-						Data Designação*
+            Data Designação*
-						<input type="text" name="data_designacao_relator" class ="dateinput" value="{{relatoria.data_designacao_relator}}" />
+            <input type="text" name="data_designacao_relator" class ="dateinput" value="{{relatoria.data_designacao_relator}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-6">
-						Data Destituição
+            Data Destituição
-						<input type="text" name="data_destituicao_relator" class ="dateinput" value="{{relatoria.data_destituicao_relator}}" />
+            <input type="text" name="data_destituicao_relator" class ="dateinput" value="{{relatoria.data_destituicao_relator}}" />
-					</li>
+          </div>
-				</ul>
+        </div>
-				<ul class='small-block-grid-2 medium-block-grid-2 large-block-grid-2'>
+        <div class="row">
-					<li>
+          <div class="col-md-6">
-						Parlamentar*
+            Parlamentar*
-						<select name="parlamentar">
+            <select name="parlamentar">
-							<option value=""> ---------- </option>
+              <option value=""> ---------- </option>
-							{% for p in parlamentares %}
+              {% for p in parlamentares %}
-								<option value="{{p.parlamentar_id}}" {% if relatoria.parlamentar_id == p.parlamentar_id %} selected {% endif %}> 
+              <option value="{{p.parlamentar_id}}" {% if relatoria.parlamentar_id == p.parlamentar_id %} selected {% endif %}>
-									{{p.parlamentar}} 
+              {{p.parlamentar}}
-								</option>
+              </option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
-					<li>
+          <div class="col-md-6">
-						Motivo Fim Relatoria
+            Motivo Fim Relatoria
-						<select name="tipo_fim_relatoria">
+            <select name="tipo_fim_relatoria">
-							<option value=""> ---------- </option>
+              <option value=""> ---------- </option>
-							{% for t in tipo_fim_relatorias %}
+              {% for t in tipo_fim_relatorias %}
-								<option value="{{t.id}}" {% if t.id == relatoria.tipo_fim_relatoria_id %} selected {% endif %}>
+              <option value="{{t.id}}" {% if t.id == relatoria.tipo_fim_relatoria_id %} selected {% endif %}>
-									{{t.descricao}}
+              {{t.descricao}}
-								</option>
+              </option>
-							{% endfor %}
+              {% endfor %}
-						</select>
+            </select>
-					</li>
+          </div>
-				</ul>
+        </div>
 				<input type="submit" name="salvar" value="Salvar" class="primary button"/>
 				<input type="submit" name="excluir" value="Excluir" class="primary button"/>
 			</form>

templates/materia/subnav.yaml

@@ -0,0 +1,25 @@
+- title: Início
+  url: materialegislativa:detail
+- title: Anexada
+  url: materia_anexada
+- title: Autoria
+  url: autoria
+- title: Despacho Inicial
+  url: despacho_inicial
+- title: Documento Acessório
+  url: documento_acessorio
+- title: Legislação Citada
+  url: legislacao_citada
+- title: Numeração
+  url: numeracao
+- title: Tramitação
+  url: tramitacao_materia
+- title: Relatoria
+  url: relatoria
+
+#  Opção adicionada para chamar o TextoArticulado da matéria.
+#   para integração foram necessárias apenas criar a url materia_ta em urls.py
+#   e a view MateriaTaView(IntegracaoTaView) em views.py
+#  Em nada mais a integração interfere em MateriaLegislativa
+- title: Texto
+  url: materia_ta

templates/materia/tramitacao.html

@@ -5,12 +5,12 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Tramitações</legend>

templates/materia/tramitacao_edit.html

@@ -5,85 +5,85 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Matéria Legislativa</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{materialegislativa.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{object.tipo.sigla}}</b></div>
-			<li>Número: <b>{{materialegislativa.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{object.numero}}</b></div>
-			<li>Ano: <b>{{materialegislativa.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{object.ano}}</b></div>
-		</ul>
+    </div>
-		Ementa: <b>{{materialegislativa.ementa}}</b>
+		Ementa: <b>{{object.ementa}}</b>
 
 		<fieldset>
 			<legend>Editar Tramitação</legend>
 				<form method="POST">
 					{% csrf_token %}
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li>
+            <div class="col-md-6">
-							<label>Data Tramitação</label>
+              <label>Data Tramitação</label>
-							<input type="text" name="data_tramitacao" class="dateinput" value="{{tramitacao.data_tramitacao|date:'d/m/Y'}}" disabled />
+              <input type="text" name="data_tramitacao" class="dateinput" value="{{tramitacao.data_tramitacao|date:'d/m/Y'}}" disabled />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
-							<label>Unidade Local</label>
+              <label>Unidade Local</label>
-							<input type="text" name="unidade_tramitacao_local" value="{{tramitacao.unidade_tramitacao_local}}" disabled />
+              <input type="text" name="unidade_tramitacao_local" value="{{tramitacao.unidade_tramitacao_local}}" disabled />
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+          <div class="row">
-						<li>
+            <div class="col-md-4">
-							<label>Status*</label>
+              <label>Status*</label>
-							<select name="status">
+              <select name="status">
-								{% for s in status %}
+                {% for s in status %}
-									<option value="{{s.id}}" {% if s.id == tramitacao.status.id %} selected {% endif %}>
+                <option value="{{s.id}}" {% if s.id == tramitacao.status.id %} selected {% endif %}>
-										{{s.descricao}}
+                {{s.descricao}}
-									</option>
+                </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
-							<label>Turno*</label>
+              <label>Turno*</label>
-							<select name="turno">
+              <select name="turno">
-								{% for a, b in turno %}
+                {% for a, b in turno %}
-									<option value="{{a}}">{{b}}</option>
+                <option value="{{a}}">{{b}}</option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
-							<input type="checkbox" name="urgente" value="{{tramtiacao.urgente}}" /> Urgente ?<br />
+              <input type="checkbox" name="urgente" value="{{tramtiacao.urgente}}" /> Urgente ?<br />
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li>
+            <div class="col-md-12">
-							<label>Unidade Destino</label>
+              <label>Unidade Destino</label>
-							<select name="unidade_tramitacao_destino">
+              <select name="unidade_tramitacao_destino">
-								{% for u in unidade_tramitacao %}
+                {% for u in unidade_tramitacao %}
-									<option value="{{u.id}}" {% if u.id == tramitacao.unidade_tramitacao_destino.id %} selected {% endif %}>
+                <option value="{{u.id}}" {% if u.id == tramitacao.unidade_tramitacao_destino.id %} selected {% endif %}>
-										{{u.orgao}} - {{u.comissao}}
+                {{u.orgao}} - {{u.comissao}}
-									</option>
+                </option>
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li>
+            <div class="col-md-6">
-							<label>Data Encaminhamento</label>
+              <label>Data Encaminhamento</label>
-							<input type="text" name="data_encaminhamento" class="dateinput" value="{{tramitacao.data_encaminhamento|date:'d/m/Y'}}" />
+              <input type="text" name="data_encaminhamento" class="dateinput" value="{{tramitacao.data_encaminhamento|date:'d/m/Y'}}" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
-							<label>Data Fim Prazo</label>
+              <label>Data Fim Prazo</label>
-							<input type="text" name="data_fim_prazo" class="dateinput" value="{{tramitacao.data_fim_prazo|date:'d/m/Y'}}" />
+              <input type="text" name="data_fim_prazo" class="dateinput" value="{{tramitacao.data_fim_prazo|date:'d/m/Y'}}" />
-						</li>
+            </div>
-					</ul>
+          </div>
 
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li>
+            <div class="col-md-12">
-							<label>Texto da Ação</label>
+              <label>Texto da Ação</label>
-							<textarea rows="4" cols="50" name="texto">{{tramitacao.texto}}</textarea> 
+              <textarea rows="4" cols="50" name="texto">{{tramitacao.texto}}</textarea>
-						</li>
+            </div>
-					</ul>
+          </div>
 
 					<input type="submit" value="Salvar" id="salvar" name="salvar" class="primary button" />
-					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />		
+					<input type="submit" value="Excluir" id="excluir" name="excluir" class="primary button" />
 				</form>
 		</fieldset>
 	</fieldset>

templates/menus/subnav.html

@@ -0,0 +1,23 @@
+{% load i18n %}
+
+{% if menu %}
+<ul class="nav nav-pills navbar-right">
+
+  {% for item in menu %}
+  {% if item.children %}
+    <li class="dropdown">
+      <a class="dropdown-toggle" data-toggle="dropdown" href="#fakeLink">
+        {% trans item.title %}
+        <span class="fa-chevron-down fa"></span>
+      </a>
+      <ul class="dropdown-menu" role="menu">{% for subitem in item.children %}
+        <li><a href="{{ subitem.url }}">{% trans subitem.title %}</a></li>{% endfor %}
+      </ul>
+    </li>
+  {% else %}
+    <li><a href="{{ item.url }}">{% trans item.title %}</a></li>
+  {% endif %}
+  {% endfor %}
+
+</ul>
+{% endif %}

templates/mesa_diretora/mesa_diretora.html

@@ -7,70 +7,70 @@
 	{% csrf_token %}
 	<fieldset>
 		<legend>Escolha da Legislatura e da Sessão Legislativa</legend>
-		
+
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			<li>
+      <div class="col-md-6">
-				<label>Escolha uma Legislatura</label>
+        <label>Escolha uma Legislatura</label>
-				<select name="legislatura"  onChange="form.submit();">
+        <select name="legislatura"  onChange="form.submit();">
-					{% for l in legislaturas %}
+          {% for l in legislaturas %}
-				        <option value="{{l.id}}" {% if l == legislatura_selecionada %} selected {% endif %}>
+          <option value="{{l.id}}" {% if l == legislatura_selecionada %} selected {% endif %}>
-				        	{{l}}
+          {{l}}
-				        </option>        
+          </option>
-					{% endfor %}
+          {% endfor %}
-				</select>
+        </select>
-			</li>
+      </div>
-			<li>
+      <div class="col-md-6">
-				<label>Escolha uma Sessão Legislativa</label>
+        <label>Escolha uma Sessão Legislativa</label>
-				<select name="sessao" onChange="form.submit();">
+        <select name="sessao" onChange="form.submit();">
-					{% for s in sessoes %}
+          {% for s in sessoes %}
-			        	<option value="{{s.id}}" {% if s == sessao_selecionada %} selected {% endif %}>
+          <option value="{{s.id}}" {% if s == sessao_selecionada %} selected {% endif %}>
-			        		{{s}}
+          {{s}}
-			        	</option>        
+          </option>
-					{% endfor %}
+          {% endfor %}
-				</select>
+        </select>
-			</li>
+      </div>
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Escolha da Composição da Mesa Diretora</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>
+      <div class="col-md-4">
-				<label>Composição da Mesa Diretora</label>
+        <label>Composição da Mesa Diretora</label>
-				<select multiple size="5" name="composicao_mesa">
+        <select multiple size="5" name="composicao_mesa">
-					{% for p in composicao_mesa %}
+          {% for p in composicao_mesa %}
-						<option value="{{p.parlamentar.id}}:{{p.cargo.id}}">
+          <option value="{{p.parlamentar.id}}:{{p.cargo.id}}">
-							{{p.parlamentar}} || {{p.cargo}}
+          {{p.parlamentar}} || {{p.cargo}}
-						</option>
+          </option>
-					{% endfor %}
+          {% endfor %}
-				</select>
+        </select>
-			</li>
+      </div>
 
-			<li>
+      <div class="col-md-4">
-				{% if cargos_vagos %} <input type="submit" name="Incluir" Value="Incluir" class="button primary" /> {% endif %}
+        {% if cargos_vagos %} <input type="submit" name="Incluir" Value="Incluir" class="button primary" /> {% endif %}
-				<br />
+        <br />
-				<br />
+        <br />
-				<input type="submit" name="Excluir" Value="Excluir" class="button primary" />
+        <input type="submit" name="Excluir" Value="Excluir" class="button primary" />
-			</li>
+      </div>
 
-			{% if cargos_vagos %}
+      {% if cargos_vagos %}
-				<li>
+      <div class="col-md-4">
-					<label>Parlamentares</label>
+        <label>Parlamentares</label>
-					<select name="parlamentar" id="parlamentar">
+        <select name="parlamentar" id="parlamentar">
-						{% for p in parlamentares %}
+          {% for p in parlamentares %}
-				        	<option value="{{p.id}}">{{p.nome_completo}}</option>        
+          <option value="{{p.id}}">{{p.nome_completo}}</option>
-						{% endfor %}
+          {% endfor %}
-					</select>
+        </select>
 
-					<select name="cargo" id="cargo">
+        <select name="cargo" id="cargo">
-						{% for c in cargos_vagos %}
+          {% for c in cargos_vagos %}
-				        	<option value="{{c.id}}">{{c}}</option>        
+          <option value="{{c.id}}">{{c}}</option>
-						{% endfor %}
+          {% endfor %}
-					</select>
+        </select>
-				</li>
+      </div>
-			{% endif %}
+      {% endif %}
 
-		</ul>
+    </div>
 	</fieldset>
 </form>
 {% endblock detail_content %}

templates/norma/normajuridica_detail.html

@@ -1,16 +1,16 @@
 {% extends "crud/detail.html" %}
 {% load i18n %}
 {% block sections_nav %}
-    <dl class="sub-nav left">
+<div class="actions btn-group pull-right" role="group">
-        <dd><a href="{% url 'normajuridica:detail' object.pk %}">{% trans 'Início' %}</a></dd>
+  <a href="{% url 'normajuridica:detail' object.pk %}" class="btn btn-default">{% trans 'Início' %}</a>
 
-        {% comment %}
+  {% comment %}
-            Opção adicionada para chamar o TextoArticulado da norma.
+  Opção adicionada para chamar o TextoArticulado da norma.
-                para integração foram necessárias apenas criar a url norma_ta em urls.py
+  para integração foram necessárias apenas criar a url norma_ta em urls.py
-                e a view NormaTa(IntegracaoTaView) em views.py
+  e a view NormaTa(IntegracaoTaView) em views.py
-               Em nada mais a integração interfere em Norma Jurídica
+  Em nada mais a integração interfere em Norma Jurídica
-        {% endcomment %}
+  {% endcomment %}
-        <dd><a href="{% url 'norma_ta' object.pk %}">{% trans 'Texto' %}</a></dd>
+  <a href="{% url 'norma_ta' object.pk %}" class="btn btn-default">{% trans 'Texto' %}</a>
-    </dl>
+</div>
 
 {% endblock sections_nav %}

templates/parlamentares/parlamentares_dependentes.html

@@ -3,7 +3,7 @@
 {% load crispy_forms_tags %}
 {% block actions %}{% endblock %}
 {% block detail_content %}
-	
+
 <strong>Parlamentar: </strong>{{ parlamentar.nome_parlamentar }}
 
 <fieldset>
@@ -17,7 +17,7 @@
 		</tr>
 			{% for d in dependentes %}
 				<tr>
-					<td><a href="{% url 'parlamentares_dependentes_edit' parlamentar.id d.id %}">{{d.nome}}</a></td>
+					<td><a href="{% url 'parlamentares_dependentes_edit' object.id d.id %}">{{d.nome}}</a></td>
 					<td>{{d.tipo }}</td>
 					<td>{{d.data_nascimento|default_if_none:""}}</td>
 				</tr>

templates/parlamentares/parlamentares_detail.html

@@ -1,19 +1,9 @@
 {% extends "crud/detail.html" %}
 {% load i18n %}
 {% block actions %}
-  <dl class="sub-nav left">
+  <div class="actions btn-group pull-right" role="group">
     {% if legislatura_id != 0 %}
-    	<dd><a href="{% url 'parlamentares_cadastro' legislatura_id %}" id="incluir-parlamentar" class="button secondary">{% trans 'Incluir Parlamentar' %}</a></dd>
+    <a href="{% url 'parlamentares_cadastro' legislatura_id %}" id="incluir-parlamentar" class="btn btn-default">{% trans 'Incluir Parlamentar' %}</a>
     {% endif %}
-  </dl>
+  </div>
-{% endblock actions %}
+{% endblock actions %}
-{% block sections_nav %}
-<dl class="sub-nav left">
-	{% if parlamentar %}
-		<dd><a href="{% url 'parlamentares_editar' parlamentar.id %}" id="incluir-parlamentar" class="button secondary">{% trans 'Inicio' %}</a></dd>
-		<dd><a href="{% url 'parlamentares_mandato' parlamentar.id %}" id="incluir-parlamentar" class="button secondary">{% trans 'Mandatos' %}</a></dd>
-		<dd><a href="{% url 'parlamentares_filiacao' parlamentar.id %}" id="incluir-parlamentar" class="button secondary">{% trans 'Filiações Partidárias' %}</a></dd>
-		<dd><a href="{% url 'parlamentares_dependentes' parlamentar.id %}" id="incluir-parlamentar" class="button secondary">{% trans 'Dependentes' %}</a></dd>
-	{% endif %}
-</dl>
-{% endblock sections_nav %}

templates/parlamentares/parlamentares_filiacao.html

@@ -3,7 +3,7 @@
 {% load crispy_forms_tags %}
 {% block actions %}{% endblock %}
 {% block detail_content %}
-	
+
 <strong>Parlamentar: </strong>{{ parlamentar.nome_parlamentar }}
 
 <fieldset>
@@ -17,7 +17,7 @@
 		</tr>
 			{% for f in filiacoes %}
 				<tr>
-					<td><a href="{% url 'parlamentares_filiacao_edit' parlamentar.id f.id %}">{{f.partido.sigla}}</a></td>
+					<td><a href="{% url 'parlamentares_filiacao_edit' object.id f.id %}">{{f.partido.sigla}}</a></td>
 					<td>{{f.data}}</td>
 					<td>{{f.data_desfiliacao|default_if_none:""}}</td>
 				</tr>

templates/parlamentares/parlamentares_mandato.html

@@ -3,7 +3,7 @@
 {% load crispy_forms_tags %}
 {% block actions %}{% endblock %}
 {% block detail_content %}
-	
+
 <strong>Parlamentar: </strong>{{ parlamentar.nome_parlamentar }}
 
 <fieldset>
@@ -20,7 +20,7 @@
 		</tr>
 			{% for m in mandatos %}
 				<tr>
-					<td><a href="{% url 'parlamentares_mandato_edit' parlamentar.id m.id %}">{{m.legislatura}}</a></td>
+					<td><a href="{% url 'parlamentares_mandato_edit' object.id m.id %}">{{m.legislatura}}</a></td>
 					<td>{{m.coligacao|default_if_none:""}}</td>
 					<td>{{m.data_fim_mandato|default_if_none:""}}</td>
 					<td>{{m.data_expedicao_diploma|default_if_none:""}}</td>

templates/parlamentares/subnav.yaml

@@ -0,0 +1,8 @@
+- title: Início
+  url: parlamentares_editar
+- title: Mandatos
+  url: parlamentares_mandato
+- title: Filiações Partidárias
+  url: parlamentares_filiacao
+- title: Dependentes
+  url: parlamentares_dependentes

templates/protocoloadm/detail_doc_adm.html

@@ -9,68 +9,68 @@
 				{% csrf_token %}
 				<fieldset>
 					<legend>Identificação Básica</legend>
-					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+          <div class="row">
-						<li><b>Tipo Documento</b></li>
+            <div class="col-md-4"><b>Tipo Documento</b></div>
-						<li><b>Número</b></li>
+            <div class="col-md-4"><b>Número</b></div>
-						<li><b>Ano</b></li>
+            <div class="col-md-4"><b>Ano</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+          <div class="row">
-						<li>
+            <div class="col-md-4">
-							<select name="tipo_documento" disabled>
+              <select name="tipo_documento" disabled>
-								{% for tipo in tipos_doc %}
+                {% for tipo in tipos_doc %}
-									{% if doc.tipo.id == tipo.id %}
+                {% if doc.tipo.id == tipo.id %}
-										<option value="{{ tipo }}" selected> {{ tipo.sigla }} - {{ tipo.descricao }} </option>
+                <option value="{{ tipo }}" selected> {{ tipo.sigla }} - {{ tipo.descricao }} </option>
-									{% endif %}
+                {% endif %}
-								{% endfor %}
+                {% endfor %}
-							</select>
+              </select>
-						</li>
+            </div>
-						<li><input type="text" name="numero" value="{{ doc.numero }}"/></li>
+            <div class="col-md-4"><input type="text" name="numero" value="{{ doc.numero }}"/></div>
-						<li><input type="text" name="ano" value="{{ doc.ano }}"/></li>
+            <div class="col-md-4"><input type="text" name="ano" value="{{ doc.ano }}"/></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><b>Data</b></li>
+            <div class="col-md-6"><b>Data</b></div>
-						<li><b>Núm. Protocolo</b></li>
+            <div class="col-md-6"><b>Núm. Protocolo</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><input type="text" name="data" class="dateinput" value="{{ doc.data|date:"d/m/Y" }}"/></li>
+            <div class="col-md-6"><input type="text" name="data" class="dateinput" value="{{ doc.data|date:"d/m/Y" }}"/></div>
-						<li><input type="text" name="numero_protocolo" value="{{ doc.numero_protocolo }}"/></li>
+            <div class="col-md-6"><input type="text" name="numero_protocolo" value="{{ doc.numero_protocolo }}"/></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li><b>Assunto</b></li>
+            <div class="col-md-12"><b>Assunto</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li><textarea rows="4" cols="50" name="assunto">{{ d.assunto }}</textarea></li>
+            <div class="col-md-12"><textarea rows="4" cols="50" name="assunto">{{ d.assunto }}</textarea></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><b>Interessado</b></li>
+            <div class="col-md-6"><b>Interessado</b></div>
-						<li><b>Em Tramitação?</b></li>
+            <div class="col-md-6"><b>Em Tramitação?</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><input type="text" name="interessado" value="{{ doc.interessado }}"/></li>
+            <div class="col-md-6"><input type="text" name="interessado" value="{{ doc.interessado }}"/></div>
-						<li>
+            <div class="col-md-6">
-							<select name="tramitacao">
+              <select name="tramitacao">
-								<option value="True" {% if doc.tramitacao == True %} selected {% endif %} > Sim </option>
+                <option value="True" {% if doc.tramitacao == True %} selected {% endif %} > Sim </option>
-								<option value="False" {% if doc.tramitacao == False %} selected {% endif %}> Não </option>
+                <option value="False" {% if doc.tramitacao == False %} selected {% endif %}> Não </option>
-							</select>
+              </select>
-						</li>
+            </div>
-					</ul>
+          </div>
 				</fieldset>
 				<fieldset>
 					<legend>Outras Informações</legend>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><b>Dias Prazo</b></li>
+            <div class="col-md-6"><b>Dias Prazo</b></div>
-						<li><b>Data Fim Prazo</b></li>
+            <div class="col-md-6"><b>Data Fim Prazo</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+          <div class="row">
-						<li><input type="text" name="dias_prazo" {% if doc.diasprazo != None %} value="{{ doc.dias_prazo }}" {% endif %} /></li>
+            <div class="col-md-6"><input type="text" name="dias_prazo" {% if doc.diasprazo != None %} value="{{ doc.dias_prazo }}" {% endif %} /></div>
-						<li><input type="text" name="data_fim_prazo" class="dateinput" {% if doc.data_fim_prazo != None %} value="{{ doc.data_fim_prazo }}" {% endif %} /></li>
+            <div class="col-md-6"><input type="text" name="data_fim_prazo" class="dateinput" {% if doc.data_fim_prazo != None %} value="{{ doc.data_fim_prazo }}" {% endif %} /></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li><b>Obervação</b></li>
+            <div class="col-md-12"><b>Obervação</b></div>
-					</ul>
+          </div>
-					<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+          <div class="row">
-						<li><textarea rows="4" cols="50" name="observacao">{{ documento.observacao }}</textarea></li>
+            <div class="col-md-12"><textarea rows="4" cols="50" name="observacao">{{ documento.observacao }}</textarea></div>
-					</ul>
+          </div>
 				</fieldset>
 				<input type="submit" value="Salvar" name="Salvar" class="primary button"/>
 				<input type="submit" value="Excluir" name="Excluir" class="primary button"/>

templates/protocoloadm/detail_doc_detail.html

@@ -2,8 +2,9 @@
 {% load i18n %}
 
 {% block sections_nav %}
-  <dl class="sub-nav left">
+<div class="actions btn-group pull-right" role="group">
-    <dd><a href="#" class="button secondary">{% trans 'Inicio' %}</a></dd>
+  <a href="#" class="btn btn-default">{% trans 'Inicio' %}</a>
-    <dd><a href="#" class="button secondary">{% trans 'Documento Acessório' %}</a></dd>
+  <a href="#" class="btn btn-default">{% trans 'Documento Acessório' %}</a>
-    <dd><a href="{% url 'tramitacao_adm' pk %}" class="button secondary">{% trans 'Tramitação' %}</a></dd>      
+  <a href="{% url 'tramitacao_adm' pk %}" class="btn btn-default">{% trans 'Tramitação' %}</a>
+</div>
 {% endblock sections_nav %}

templates/protocoloadm/documento_acessorio_administrativo.html

@@ -5,11 +5,11 @@
 {% block detail_content %}
 	<fieldset>
 		<legend>Documento Administrativo</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Tipo: <b>{{doc.tipo.sigla}}</b></li>
+      <div class="col-md-4">Tipo: <b>{{doc.tipo.sigla}}</b></div>
-			<li>Número: <b>{{doc.numero}}</b></li>
+      <div class="col-md-4">Número: <b>{{doc.numero}}</b></div>
-			<li>Ano: <b>{{doc.ano}}</b></li>
+      <div class="col-md-4">Ano: <b>{{doc.ano}}</b></div>
-		</ul>
+    </div>
 		Assunto: <b>{{doc.assunto}}</b>
 
 		<fieldset>

templates/protocoloadm/pesquisa_documento_detail.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block sections_nav %}
-  <dl class="sub-nav left">
+<div class="actions btn-group pull-right" role="group">
-    <dd><a href="/materia/formulario-simplificado" class="button secondary">{% trans 'Incluir Documento' %}</a></dd>
+  <a href="/materia/formulario-simplificado" class="btn btn-default">{% trans 'Incluir Documento' %}</a>
-  </dl>
+</div>
 {% endblock sections_nav %}

templates/protocoloadm/proposicoes_detail.html

@@ -2,10 +2,10 @@
 {% load i18n %}
 
 {% block sections_nav %}
-  <dl class="sub-nav left">
+<div class="actions btn-group pull-right" role="group">
-    <dd><a href="{% url 'proposicao_receber' %}" class="button secondary">{% trans 'Incorporar Proposições' %}</a></dd>
+  <a href="{% url 'proposicao_receber' %}" class="btn btn-default">{% trans 'Incorporar Proposições' %}</a>
-    <dd><a href="{% url 'proposicoes_naorecebidas' %}" class="button secondary">{% trans 'Proposições Não Recebidas' %}</a></dd>
+  <a href="{% url 'proposicoes_naorecebidas' %}" class="btn btn-default">{% trans 'Proposições Não Recebidas' %}</a>
-    <dd><a href="{% url 'proposicoes_naoincorporadas' %}" class="button secondary">{% trans 'Proposições Não Incorporadas' %}</a></dd>
+  <a href="{% url 'proposicoes_naoincorporadas' %}" class="btn btn-default">{% trans 'Proposições Não Incorporadas' %}</a>
-    <dd><a href="{% url 'proposicoes_incorporadas' %}" class="button secondary">{% trans 'Proposições Incorporadas' %}</a></dd>
+  <a href="{% url 'proposicoes_incorporadas' %}" class="btn btn-default">{% trans 'Proposições Incorporadas' %}</a>
-  </dl>
+</div>
 {% endblock sections_nav %}

templates/protocoloadm/protocoloadm_detail.html

@@ -2,10 +2,10 @@
 {% load i18n %}
 {% block actions %}{% endblock %}
 {% block sections_nav %}
-  <dl class="sub-nav left">
+<div class="actions btn-group pull-right" role="group">
-    <dd><a href="{% url 'protocolo' %}" class="button secondary">{% trans 'Pesquisa Protocolo' %}</a></dd>
+  <a href="{% url 'protocolo' %}" class="btn btn-default">{% trans 'Pesquisa Protocolo' %}</a>
-    <dd><a href="{% url 'protocolar_doc' %}" class="button secondary">{% trans 'Protocolar Documento' %}</a></dd>
+  <a href="{% url 'protocolar_doc' %}" class="btn btn-default">{% trans 'Protocolar Documento' %}</a>
-    <dd><a href="{% url 'protocolar_mat' %}" class="button secondary">{% trans 'Protocolar Matéria' %}</a></dd>
+  <a href="{% url 'protocolar_mat' %}" class="btn btn-default">{% trans 'Protocolar Matéria' %}</a>
-    <dd><a href="{% url 'anular_protocolo' %}" class="button secondary">{% trans 'Anular Protocolo' %}</a></dd>
+  <a href="{% url 'anular_protocolo' %}" class="btn btn-default">{% trans 'Anular Protocolo' %}</a>
-  </dl>
+</div>
 {% endblock sections_nav %}

templates/sessao/edit_explicacao.html

@@ -21,16 +21,16 @@
 	<form method="POST" action="">
 	    {% csrf_token %}
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-		        <li>Ordem de pronunciamento</li>
+        <div class="col-md-4">Ordem de pronunciamento</div>
-		        <li>Parlamentar</li>
+        <div class="col-md-4">Parlamentar</div>
-		        <li>URL Discurso</li>
+        <div class="col-md-4">URL Discurso</div>
-		</ul>
+      </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem" value="{{explicacao.numero_ordem}}" /></li>
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem" value="{{explicacao.numero_ordem}}" /></div>
-	        <li><input type="text" id="parlamentar" name="parlamentar" value="{{explicacao.parlamentar.nome_parlamentar}}" disabled /></li>
+        <div class="col-md-4"><input type="text" id="parlamentar" name="parlamentar" value="{{explicacao.parlamentar.nome_parlamentar}}" disabled /></div>
-	        <li><input type="text" id="url_discurso" name="url_discurso" value="{{explicacao.url_discurso}}"/></li>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" value="{{explicacao.url_discurso}}"/></div>
-		</ul>
+      </div>
 		<input type="submit" value="Salvar Orador" class="button primary" />
 	</form>
 </fieldset>

templates/sessao/edit_orador.html

@@ -21,16 +21,16 @@
 	<form method="POST" action="">
 	    {% csrf_token %}
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-		        <li>Ordem de pronunciamento</li>
+        <div class="col-md-4">Ordem de pronunciamento</div>
-		        <li>Parlamentar</li>
+        <div class="col-md-4">Parlamentar</div>
-		        <li>URL Discurso</li>
+        <div class="col-md-4">URL Discurso</div>
-		</ul>
+      </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem" value="{{orador.numero_ordem}}" /></li>
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem" value="{{orador.numero_ordem}}" /></div>
-	        <li><input type="text" id="parlamentar" name="parlamentar" value="{{orador.parlamentar.nome_parlamentar}}" disabled /></li>
+        <div class="col-md-4"><input type="text" id="parlamentar" name="parlamentar" value="{{orador.parlamentar.nome_parlamentar}}" disabled /></div>
-	        <li><input type="text" id="url_discurso" name="url_discurso" value="{{orador.url_discurso}}"/></li>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" value="{{orador.url_discurso}}"/></div>
-		</ul>
+      </div>
 		<input type="submit" value="Salvar Orador" class="button primary" />
 	</form>
 </fieldset>

templates/sessao/expediente_ordemdia_list.html

@@ -20,51 +20,51 @@
 
 Matérias do Expediente
 
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+<div class="row">
-		<li>Matéria</li>
+  <div class="col-md-4">Matéria</div>
-		<li>Ementa</li>
+  <div class="col-md-4">Ementa</div>
-		<li>Resultado da Votação</li>
+  <div class="col-md-4">Resultado da Votação</div>
-	</ul>
+</div>
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+<div class="row">
-		{% for m in materias_ordem %}
+  {% for m in materias_ordem %}
-			<li>
+  <div class="col-md-4">
-				{{m.numero}} - <a href="{% url 'sessaoplenaria:expedienteordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
+    {{m.numero}} - <a href="{% url 'sessaoplenaria:expedienteordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
-				&nbsp;
+    &nbsp;
-				</br>
+    </br>
-				<strong>Autor{{m.autor|length|pluralize:"es"}}</strong>: {{m.autor|join:', '}}
+    <strong>Autor{{m.autor|length|pluralize:"es"}}</strong>: {{m.autor|join:', '}}
-			</li>
+  </div>
-			<li>{{m.ementa|safe}}</li>
+  <div class="col-md-4">{{m.ementa|safe}}</div>
-			<li>
+  <div class="col-md-4">
-			{% if m.resultado %}
+    {% if m.resultado %}
-				{% if m.tipo_votacao == 1 %}
+    {% if m.tipo_votacao == 1 %}
-					<b><a href="{% url 'sessaoplenaria:votacaosimbolicaexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosimbolicaexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% elif m.tipo_votacao == 2 %}
+    {% elif m.tipo_votacao == 2 %}
-					<b><a href="{% url 'sessaoplenaria:votacaonominalexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaonominalexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% elif m.tipo_votacao == 3%}
+    {% elif m.tipo_votacao == 3%}
-					<b><a href="{% url 'sessaoplenaria:votacaosecretaexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosecretaexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% endif %}
+    {% endif %}
-			{% else %}
+    {% else %}
-				Matéria não votada <br />
+    Matéria não votada <br />
-				{% if m.votacao_aberta %}
+    {% if m.votacao_aberta %}
-					{% if m.tipo_votacao == 1 %}
+    {% if m.tipo_votacao == 1 %}
-						<b><a href="{% url 'sessaoplenaria:votacaosimbolicaexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosimbolicaexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% elif m.tipo_votacao == 2 %}
+    {% elif m.tipo_votacao == 2 %}
-						<b><a href="{% url 'sessaoplenaria:votacaonominalexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaonominalexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% elif m.tipo_votacao == 3%}
+    {% elif m.tipo_votacao == 3%}
-						<b><a href="{% url 'sessaoplenaria:votacaosecretaexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosecretaexp' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% endif %}
+    {% endif %}
-				{% else %}
+    {% else %}
-					<form method="POST" action="{% url 'sessaoplenaria:expedienteordemdia_list' object.pk %}"> 
+    <form method="POST" action="{% url 'sessaoplenaria:expedienteordemdia_list' object.pk %}">
-						{% csrf_token %}
+      {% csrf_token %}
-						<input type="hidden" name="error_message" id="error_message" />
+      <input type="hidden" name="error_message" id="error_message" />
-						<input type="hidden" id="ordem_id" name="ordem_id" value="{{ m.ordem_id }}">
+      <input type="hidden" id="ordem_id" name="ordem_id" value="{{ m.ordem_id }}">
-						<input type="submit" id="abrir-votacao" name="abrir-votacao" value="Abrir Votação" class="button primary">
+      <input type="submit" id="abrir-votacao" name="abrir-votacao" value="Abrir Votação" class="button primary">
-					</form>
+    </form>
-				{% endif %}						
+    {% endif %}
-			{% endif %}
+    {% endif %}
-			</li>
+  </div>
-		{% endfor %}
+  {% endfor %}
-	</ul>
+</div>
 
 	</br>
 	<a href="{% url 'sessaoplenaria:expedienteordemdia_create' object.pk %}" class="button primary">

templates/sessao/explicacao.html

@@ -6,22 +6,22 @@
 
 <fieldset>
 	<legend>Oradores das Explicações Pessoais</legend>
-	<ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+  <div class="row">
-	        <li>Ordem de pronunciamento</li>
+    <div class="col-md-3">Ordem de pronunciamento</div>
-	        <li>Parlamentar</li>
+    <div class="col-md-3">Parlamentar</div>
-	        <li>URL Discurso</li>
+    <div class="col-md-3">URL Discurso</div>
-		    <li>Editar/Excluir</li>
+    <div class="col-md-3">Editar/Excluir</div>
-	</ul>
+  </div>
 		{% for numero_ordem, url_discurso, parlamentar in view.get_oradores %}
-		    <ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+    <div class="row">
-		        <li>{{numero_ordem}}</li>
+      <div class="col-md-3">{{numero_ordem}}</div>
-	            <li>{{parlamentar.nome_parlamentar }}</li>
+      <div class="col-md-3">{{parlamentar.nome_parlamentar }}</div>
-		        <li>{% if not url_discurso %}Orador sem discurso cadastrado{% else %}{{url_discurso}}{% endif %}</li>
+      <div class="col-md-3">{% if not url_discurso %}Orador sem discurso cadastrado{% else %}{{url_discurso}}{% endif %}</div>
-	            <li>
+      <div class="col-md-3">
-	            	<a id="editar-orador" href="{% url 'sessaoplenaria:explicacaoeditar' object.pk parlamentar.id %}">Editar</a>
+        <a id="editar-orador" href="{% url 'sessaoplenaria:explicacaoeditar' object.pk parlamentar.id %}">Editar</a>
-	              / <a id="excluir-orador" href="{% url 'sessaoplenaria:explicacaoexcluir' object.pk parlamentar.id %}">Excluir</a>
+        / <a id="excluir-orador" href="{% url 'sessaoplenaria:explicacaoexcluir' object.pk parlamentar.id %}">Excluir</a>
-	            </li>
+      </div>
-		    </ul>
+    </div>
 		{% endfor %}
 </fieldset>
 
@@ -42,22 +42,22 @@
 	<form method="POST" action="">
 	    {% csrf_token %}
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-		        <li>Ordem de pronunciamento</li>
+        <div class="col-md-4">Ordem de pronunciamento</div>
-		        <li>Parlamentar</li>
+        <div class="col-md-4">Parlamentar</div>
-		        <li>URL Discurso</li>
+        <div class="col-md-4">URL Discurso</div>
-		</ul>
+      </div>
-		
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem"/></li>
 
-	        <li><select name="parlamentar" id="parlamentar">
+      <div class="row">
-	        {% for parlamentar in view.get_candidatos_orador %}
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem"/></div>
-	        	<option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>        
+
-	        {% endfor %}
+        <div class="col-md-4"><select name="parlamentar" id="parlamentar">
-	        </select></li>
+            {% for parlamentar in view.get_candidatos_orador %}
-	        <li><input type="text" id="url_discurso" name="url_discurso" /></li>
+            <option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>
-		</ul>
+            {% endfor %}
+        </select></div>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" /></div>
+      </div>
 		<input type="submit" value="Adicionar Orador" name="adicionar" id="adicionar" class="button primary" />
 		<input type="submit" value="Reordenar Oradores" name="reordenar" id="reordenar" class="button primary" />
 	</form>

templates/sessao/materia_ordemdia.html

@@ -26,49 +26,49 @@
 <form method="POST">
 	{% csrf_token %}
 		<input type="hidden" name="error_message" id="error_message" />
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-		<li>Data da Sessão: <input type="text" value='{{data_sessao|date:"d/m/Y"}}' disabled /></li>
+      <div class="col-md-4">Data da Sessão: <input type="text" value='{{data_sessao|date:"d/m/Y"}}' disabled /></div>
-		<input type="hidden" id="data_sessao" name="data_sessao" length="10" maxlength="10" value='{{data_sessao|date:"d/m/Y"}}' />
+      <input type="hidden" id="data_sessao" name="data_sessao" length="10" maxlength="10" value='{{data_sessao|date:"d/m/Y"}}' />
-		<li>
+      <div class="col-md-4">
-			Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
+        Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
-			<option value=""></option>
+          <option value=""></option>
-			{% for tipo in tipo_sessao %}
+          {% for tipo in tipo_sessao %}
-				<option value="{{tipo.id}}">{{tipo.nome}}</option>
+          <option value="{{tipo.id}}">{{tipo.nome}}</option>
-			{% endfor %}	  	
+          {% endfor %}
-			</select>
+        </select>
-		</li>
+      </div>
-		<li> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem"/> </li>
+      <div class="col-md-4"> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem"/> </div>
-	</ul>
+    </div>
 
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-		<li>
+      <div class="col-md-4">
-			Tipo Matéria: 
+        Tipo Matéria:
-			<select id="tipo_materia" name="tipo_materia">
+        <select id="tipo_materia" name="tipo_materia">
-				<option value=""></option>	  	
+          <option value=""></option>
-				{% for tipo in tipo_materia %}
+          {% for tipo in tipo_materia %}
-					<option value="{{tipo.id}}">{{tipo.descricao}}</option>
+          <option value="{{tipo.id}}">{{tipo.descricao}}</option>
-				{% endfor %}
+          {% endfor %}
-			</select>
+        </select>
-		</li>
+      </div>
-		<li>Número Matéria: <input type="text" id="numero_materia" name="numero_materia"/></li>
+      <div class="col-md-4">Número Matéria: <input type="text" id="numero_materia" name="numero_materia"/></div>
-		<li>Ano Matéria: <input type="text" id="ano_materia" name="ano_materia" value="{{ano_materia}}" /></li>
+      <div class="col-md-4">Ano Matéria: <input type="text" id="ano_materia" name="ano_materia" value="{{ano_materia}}" /></div>
-	</ul>
+    </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-		<li>
+      <div class="col-md-12">
-			Tipo Votação:
+        Tipo Votação:
-			<select id="tipo_votacao" name="tipo_votacao">
+        <select id="tipo_votacao" name="tipo_votacao">
-				<option value=""></option>	  	
+          <option value=""></option>
-				{% for id, descricao in tipo_votacao %}
+          {% for id, descricao in tipo_votacao %}
-					<option value="{{id}}">{{descricao}}</option>
+          <option value="{{id}}">{{descricao}}</option>
-				{% endfor %}  	
+          {% endfor %}
-			</select>
+        </select>
-		</li>
+      </div>
-	</ul>
+    </div>
-	
+
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-		<li> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea> </li>
+      <div class="col-md-12"> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea> </div>
-	</ul>
+    </div>
 
 	<input type="submit" value="Salvar" class="button primary" />
 

templates/sessao/materia_ordemdia_edit.html

@@ -21,50 +21,50 @@
 
 <form method="POST">
 	{% csrf_token %}
-		 
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
-		<li>Data da Sessão: <input type="text" value='{{ data_sessao|date:"d/m/Y" }}' disabled /></li>
-		<input type="hidden" id="data_sessao" name="data_sessao" length="10" maxlength="10" value='{{ data_sessao|date:"d/m/Y" }}' />
-		<li>
-			Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
-			<option value=""></option>
-			{% for tipo in tipo_sessao %}
-				<option value="{{ tipo.id }}" {% if tipo == tipo_sessao_selected %} selected {% endif %} >{{tipo.nome}}</option>
-			{% endfor %}	  	
-			</select>
-		</li>
-		<li> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem" value="{{numero_ordem}}" /></li>
-	</ul>
 
-	<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+  <div class="row">
-		<li>
+    <div class="col-md-4">Data da Sessão: <input type="text" value='{{ data_sessao|date:"d/m/Y" }}' disabled /></div>
-			Tipo Matéria: 
+    <input type="hidden" id="data_sessao" name="data_sessao" length="10" maxlength="10" value='{{ data_sessao|date:"d/m/Y" }}' />
-			<select id="tipo_materia" name="tipo_materia">
+    <div class="col-md-4">
-				<option value=""></option>	  	
+      Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
-				{% for tipo in tipo_materia %}
+        <option value=""></option>
-					<option value="{{ tipo.id }}" {% if tipo == tipo_materia_selected %} selected {% endif %}>{{tipo.descricao}}</option>
+        {% for tipo in tipo_sessao %}
-				{% endfor %}
+        <option value="{{ tipo.id }}" {% if tipo == tipo_sessao_selected %} selected {% endif %} >{{tipo.nome}}</option>
-			</select>
+        {% endfor %}
-		</li>
+      </select>
-		<li>Número Matéria: <input type="text" id="numero_materia" name="numero_materia" value="{{ numero_materia }}"/></li>
+    </div>
-		<li>Ano Matéria: <input type="text" id="ano_materia" name="ano_materia" value="{{ ano_materia }}" /></li>
+    <div class="col-md-4"> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem" value="{{numero_ordem}}" /></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li>
+    <div class="col-md-4">
-			Tipo Votação:
+      Tipo Matéria:
-			<select id="tipo_votacao" name="tipo_votacao">
+      <select id="tipo_materia" name="tipo_materia">
-				<option value=""></option>	  	
+        <option value=""></option>
-				{% for id, descricao in tipo_votacao %}
+        {% for tipo in tipo_materia %}
-					<option value="{{ id }}" {% if id == tipo_votacao_selected %} selected {% endif %}>{{descricao}}</option>
+        <option value="{{ tipo.id }}" {% if tipo == tipo_materia_selected %} selected {% endif %}>{{tipo.descricao}}</option>
-				{% endfor %}  	
+        {% endfor %}
-			</select>
+      </select>
-		</li>
+    </div>
-	</ul>
+    <div class="col-md-4">Número Matéria: <input type="text" id="numero_materia" name="numero_materia" value="{{ numero_materia }}"/></div>
-	
+    <div class="col-md-4">Ano Matéria: <input type="text" id="ano_materia" name="ano_materia" value="{{ ano_materia }}" /></div>
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  </div>
-		<li> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10">{{observacao}}</textarea> </li>
+
-	</ul>
+  <div class="row">
+    <div class="col-md-12">
+      Tipo Votação:
+      <select id="tipo_votacao" name="tipo_votacao">
+        <option value=""></option>
+        {% for id, descricao in tipo_votacao %}
+        <option value="{{ id }}" {% if id == tipo_votacao_selected %} selected {% endif %}>{{descricao}}</option>
+        {% endfor %}
+      </select>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="col-md-12"> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10">{{observacao}}</textarea> </div>
+  </div>
 
 	<input type="submit" id="update-ordemdia" name="update-ordemdia" value="Salvar" class="button primary" />
 	<input type="submit" id="delete-ordemdia" name="delete-ordemdia" value="Remover" class="button primary" />

templates/sessao/materia_ordemdia_list.html

@@ -19,50 +19,50 @@
 {% endif %}
 
 Matérias da Ordem do Dia
-<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+<div class="row">
-	<li>Matéria</li>
+  <div class="col-md-4">Matéria</div>
-	<li>Ementa</li>
+  <div class="col-md-4">Ementa</div>
-	<li>Resultado da Votação</li>
+  <div class="col-md-4">Resultado da Votação</div>
-</ul>
+</div>
-<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+<div class="row">
-	{% for m in materias_ordem %}
+  {% for m in materias_ordem %}
-		<li>
+  <div class="col-md-4">
-			{{m.numero}} - <a href="{% url 'sessaoplenaria:materiaordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
+    {{m.numero}} - <a href="{% url 'sessaoplenaria:materiaordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
-			&nbsp;
+    &nbsp;
-			</br>
+    </br>
-			<strong>Autor{{m.autor|length|pluralize:"es"}}</strong>: {{m.autor|join:', '}}
+    <strong>Autor{{m.autor|length|pluralize:"es"}}</strong>: {{m.autor|join:', '}}
-		</li>
+  </div>
-		<li>{{m.ementa|safe}}</li>
+  <div class="col-md-4">{{m.ementa|safe}}</div>
-		<li>
+  <div class="col-md-4">
-			{% if m.resultado %}
+    {% if m.resultado %}
-				{% if m.tipo_votacao == 1 %}
+    {% if m.tipo_votacao == 1 %}
-					<b><a href="{% url 'sessaoplenaria:votacaosimbolicaedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosimbolicaedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% elif m.tipo_votacao == 2 %}
+    {% elif m.tipo_votacao == 2 %}
-					<b><a href="{% url 'sessaoplenaria:votacaonominaledit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaonominaledit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% elif m.tipo_votacao == 3%}
+    {% elif m.tipo_votacao == 3%}
-					<b><a href="{% url 'sessaoplenaria:votacaosecretaedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosecretaedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
-				{% endif %}
+    {% endif %}
-			{% else %}
+    {% else %}
-				Matéria não votada <br />
+    Matéria não votada <br />
-				{% if m.votacao_aberta %}
+    {% if m.votacao_aberta %}
-					{% if m.tipo_votacao == 1 %}
+    {% if m.tipo_votacao == 1 %}
-						<b><a href="{% url 'sessaoplenaria:votacaosimbolica' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosimbolica' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% elif m.tipo_votacao == 2 %}
+    {% elif m.tipo_votacao == 2 %}
-						<b><a href="{% url 'sessaoplenaria:votacaonominal' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaonominal' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% elif m.tipo_votacao == 3%}
+    {% elif m.tipo_votacao == 3%}
-						<b><a href="{% url 'sessaoplenaria:votacaosecreta' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
+    <b><a href="{% url 'sessaoplenaria:votacaosecreta' m.pk m.oid m.ordem_id %}">Registrar Votação</a></b>
-					{% endif %}
+    {% endif %}
-				{% else %}
+    {% else %}
-					<form method="POST" action="{% url 'sessaoplenaria:materiaordemdia_list' object.pk %}"> 
+    <form method="POST" action="{% url 'sessaoplenaria:materiaordemdia_list' object.pk %}">
-						{% csrf_token %}
+      {% csrf_token %}
-						<input type="hidden" id="ordem_id" name="ordem_id" value="{{ m.ordem_id }}">
+      <input type="hidden" id="ordem_id" name="ordem_id" value="{{ m.ordem_id }}">
-						<input type="submit" id="abrir-votacao" name="abrir-votacao" value="Abrir Votação" class="button primary">
+      <input type="submit" id="abrir-votacao" name="abrir-votacao" value="Abrir Votação" class="button primary">
-					</form>
+    </form>
-				{% endif %}						
+    {% endif %}
-			{% endif %}
+    {% endif %}
-		</li>
+  </div>
-	{% endfor %}
+  {% endfor %}
-</ul>
+</div>
 
 </br>
 <a href="{% url 'sessaoplenaria:materiaordemdia_create' object.pk %}" class="button primary">

templates/sessao/mesa.html

@@ -7,38 +7,38 @@
 	<form method="POST">
 	    {% csrf_token %}
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-			<li>
+        <div class="col-md-4">
-				<select multiple size="5" name="composicao_mesa">
+          <select multiple size="5" name="composicao_mesa">
-					{% for i in integrantes %}
+            {% for i in integrantes %}
-						<option value="{{i.parlamentar.id}}:{{i.cargo.id}}">
+            <option value="{{i.parlamentar.id}}:{{i.cargo.id}}">
-							{{i.parlamentar.nome_parlamentar}} || {{i.cargo.descricao}}
+            {{i.parlamentar.nome_parlamentar}} || {{i.cargo.descricao}}
-						</option>
+            </option>
-					{% endfor %}
+            {% endfor %}
-				</select>
+          </select>
-			</li>
+        </div>
-			
+
-			<li>
+        <div class="col-md-4">
-				{% if view.get_cargos_mesa %}<input type="submit" name="Incluir" Value="Incluir" class="button primary" />{% endif %}
+          {% if view.get_cargos_mesa %}<input type="submit" name="Incluir" Value="Incluir" class="button primary" />{% endif %}
-				<br />
+          <br />
-				<br />
+          <br />
-				<input type="submit" name="Excluir" Value="Excluir" class="button primary" />
+          <input type="submit" name="Excluir" Value="Excluir" class="button primary" />
-			</li>
+        </div>
-			{% if view.get_cargos_mesa %}
+        {% if view.get_cargos_mesa %}
-			<li>
+        <div class="col-md-4">
-				<select name="parlamentar" id="parlamentar">
+          <select name="parlamentar" id="parlamentar">
-			        {% for parlamentar in view.get_candidatos_mesa %}
+            {% for parlamentar in view.get_candidatos_mesa %}
-			        	<option value="{{parlamentar.id}}" name="parlamentar" id="parlamentar">{{parlamentar.nome_parlamentar}}</option>        
+            <option value="{{parlamentar.id}}" name="parlamentar" id="parlamentar">{{parlamentar.nome_parlamentar}}</option>
-			        {% endfor %}
+            {% endfor %}
-				</select>
+          </select>
-				<select name="cargo" id="cargo">
+          <select name="cargo" id="cargo">
-			        {% for cargo in view.get_cargos_mesa %}
+            {% for cargo in view.get_cargos_mesa %}
-			        	<option value="{{cargo.id}}" name="cargo" id="cargo">{{cargo.descricao}}</option>        
+            <option value="{{cargo.id}}" name="cargo" id="cargo">{{cargo.descricao}}</option>
-			        {% endfor %}
+            {% endfor %}
-				</select>
+          </select>
-			</li>
+        </div>
-			{% endif %}
+        {% endif %}
-		</ul>
+      </div>
 	</form>
 </fieldset>
 {% endblock detail_content %}

templates/sessao/orador_expediente.html

@@ -6,22 +6,22 @@
 
 <fieldset>
 	<legend>Oradores do Expediente</legend>
-	<ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+  <div class="row">
-	        <li>Ordem de pronunciamento</li>
+    <div class="col-md-3">Ordem de pronunciamento</div>
-	        <li>Parlamentar</li>
+    <div class="col-md-3">Parlamentar</div>
-	        <li>URL Discurso</li>
+    <div class="col-md-3">URL Discurso</div>
-		    <li>Editar/Excluir</li>
+    <div class="col-md-3">Editar/Excluir</div>
-	</ul>
+  </div>
 		{% for numero_ordem, url_discurso, parlamentar in view.get_oradores %}
-		    <ul class="small-block-grid-4 medium-block-grid-4 large-block-grid-4">
+    <div class="row">
-		        <li>{{numero_ordem}}</li>
+      <div class="col-md-3">{{numero_ordem}}</div>
-	            <li>{{parlamentar.nome_parlamentar }}</li>
+      <div class="col-md-3">{{parlamentar.nome_parlamentar }}</div>
-		        <li>{% if not url_discurso %}Orador sem discurso cadastrado{% else %}{{url_discurso}}{% endif %}</li>
+      <div class="col-md-3">{% if not url_discurso %}Orador sem discurso cadastrado{% else %}{{url_discurso}}{% endif %}</div>
-	            <li>
+      <div class="col-md-3">
-	            	<a id="editar-orador" href="{% url 'sessaoplenaria:oradoreditar' object.pk parlamentar.id %}">Editar</a>
+        <a id="editar-orador" href="{% url 'sessaoplenaria:oradoreditar' object.pk parlamentar.id %}">Editar</a>
-	              / <a id="excluir-orador" href="{% url 'sessaoplenaria:oradorexcluir' object.pk parlamentar.id %}">Excluir</a>
+        / <a id="excluir-orador" href="{% url 'sessaoplenaria:oradorexcluir' object.pk parlamentar.id %}">Excluir</a>
-	            </li>
+      </div>
-		    </ul>
+    </div>
 		{% endfor %}
 </fieldset>
 
@@ -42,22 +42,22 @@
 	<form method="POST" action="">
 	    {% csrf_token %}
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+      <div class="row">
-		        <li>Ordem de pronunciamento</li>
+        <div class="col-md-4">Ordem de pronunciamento</div>
-		        <li>Parlamentar</li>
+        <div class="col-md-4">Parlamentar</div>
-		        <li>URL Discurso</li>
+        <div class="col-md-4">URL Discurso</div>
-		</ul>
+      </div>
-		
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem"/></li>
 
-	        <li><select name="parlamentar" id="parlamentar">
+      <div class="row">
-	        {% for parlamentar in view.get_candidatos_orador %}
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem"/></div>
-	        	<option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>        
+
-	        {% endfor %}
+        <div class="col-md-4"><select name="parlamentar" id="parlamentar">
-	        </select></li>
+            {% for parlamentar in view.get_candidatos_orador %}
-	        <li><input type="text" id="url_discurso" name="url_discurso" /></li>
+            <option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>
-		</ul>
+            {% endfor %}
+        </select></div>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" /></div>
+      </div>
 		<input type="submit" value="Adicionar Orador" name="adicionar" id="adicionar" class="button primary" />
 		<input type="submit" value="Reordenar Oradores" name="reordenar" id="reordenar" class="button primary"/>
 	</form>

templates/sessao/painel.html

@@ -5,56 +5,56 @@
 {% block detail_content %}
 	<audio type="hidden" id="audio" src="{% static 'audio/ring.mp3' %}"> </audio>
 
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-<!--   		<li><a href="{% url 'painel_principal' object.pk %}">Iniciar painel presidente</a></li> -->
+    <!--   		<div class="col-md-6"><a href="{% url 'painel_principal' object.pk %}">Iniciar painel presidente</a></div> -->
-  		<li><a href="{% url 'painel_principal' object.pk %}">Iniciar painel completo</a></li>
+    <div class="col-md-6"><a href="{% url 'painel_principal' object.pk %}">Iniciar painel completo</a></div>
-<!--   		<li><a href="{% url 'painel_mensagem' %}">Iniciar painel mensagem</a></li>
+    <!--   		<div class="col-md-6"><a href="{% url 'painel_mensagem' %}">Iniciar painel mensagem</a></div>
-  		<li><a href="{% url 'painel_parlamentares' %}">Iniciar painel parlamentares</a></li>
+    <div class="col-md-6"><a href="{% url 'painel_parlamentares' %}">Iniciar painel parlamentares</a></div>
-  		<li><a href="{% url 'painel_votacao' %}">Iniciar painel votação</a></li> -->
+    <div class="col-md-6"><a href="{% url 'painel_votacao' %}">Iniciar painel votação</a></div> -->
-  		<li><a href="{% url 'painel_controlador' %}">Controlador Painel</a></li>
+    <div class="col-md-6"><a href="{% url 'painel_controlador' %}">Controlador Painel</a></div>
-	</ul>
+  </div>
 	<br />
 	<h5>Operação do Painel Eletrônico</h5>
 	<h8><span id="relogio"></span></h8>
 	<br /><br />
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><h5>Cronômetro do Discurso</h5></li>
+    <div class="col-md-12"><h5>Cronômetro do Discurso</h5></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><input size="2" id="discurso" name="discurso" value="" readyonly="true"></li>
+    <div class="col-md-12"><input size="2" id="discurso" name="discurso" value="" readyonly="true"></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-		<li><button type="button" id="discursoStart">Iniciar</button></li>
+    <div class="col-md-6"><button type="button" id="discursoStart">Iniciar</button></div>
-		<li><button type="button" id="discursoReset">Reiniciar</button></li>
+    <div class="col-md-6"><button type="button" id="discursoReset">Reiniciar</button></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><h5>Cronômetro do Aparte</h5></li>
+    <div class="col-md-12"><h5>Cronômetro do Aparte</h5></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><input size="2" id="aparte" name="aparte" value="" readyonly="true"></li>
+    <div class="col-md-12"><input size="2" id="aparte" name="aparte" value="" readyonly="true"></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-		<li><button type="button" id="aparteStart">Iniciar</button></li>
+    <div class="col-md-6"><button type="button" id="aparteStart">Iniciar</button></div>
-		<li><button type="button" id="aparteReset">Reiniciar</button></li>
+    <div class="col-md-6"><button type="button" id="aparteReset">Reiniciar</button></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><h5>Cronômetro da Questão de Ordem </h5></li>
+    <div class="col-md-12"><h5>Cronômetro da Questão de Ordem </h5></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+  <div class="row">
-		<li><input size="2" id="ordem" name="ordem" value="" readyonly="true"></li>
+    <div class="col-md-12"><input size="2" id="ordem" name="ordem" value="" readyonly="true"></div>
-	</ul>
+  </div>
 
-	<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-		<li><button type="button" id="ordemStart">Iniciar</button></li>
+    <div class="col-md-6"><button type="button" id="ordemStart">Iniciar</button></div>
-		<li><button type="button" id="ordemReset">Reiniciar</button></li>
+    <div class="col-md-6"><button type="button" id="ordemReset">Reiniciar</button></div>
-	</ul>
+  </div>
 
 {% endblock detail_content %}
 
@@ -95,11 +95,11 @@ $(function() {
         stopAt: 0,
         milliseconds: false
 	}).on('runnerFinish', function(eventObject, info){
-		audioAlertFinish.play();		
+		audioAlertFinish.play();
 	});
 
     $('#discursoStart').click(function() {
-		
+
 		if ($('#discursoStart').text() == 'Iniciar'){
 
 			$.get('/painel/cronometro', { tipo: 'discurso', action: 'start' } );

templates/sessao/pauta/acompanhar_materia.html

@@ -6,15 +6,15 @@
 
 <h1>Acompanhamento de Matéria</h1>
 <hr>
-<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+<div class="row">
-	<li><b>Tipo:</b> {{materia.tipo.sigla}} - {{materia.tipo.descricao}}</li>
+  <div class="col-md-4"><b>Tipo:</b> {{materia.tipo.sigla}} - {{materia.tipo.descricao}}</div>
-	<li><b>Número:</b> {{materia.numero}}</li>
+  <div class="col-md-4"><b>Número:</b> {{materia.numero}}</div>
-	<li><b>Ano:</b> {{materia.ano}}</li>
+  <div class="col-md-4"><b>Ano:</b> {{materia.ano}}</div>
 
-</ul>
+</div>
-<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+<div class="row">
-	<li><b>Ementa:</b> {{materia.ementa|safe}}</li>
+  <div class="col-md-12"><b>Ementa:</b> {{materia.ementa|safe}}</div>
-</ul>
+</div>
 
 {% if error %} <h5 align="center"><font color="#FF0000">{{ error }}</font></h5> {% endif %}
 {% crispy form %}

templates/sessao/pauta_sessao_detail.html

@@ -9,78 +9,78 @@
 <fieldset>
 	<legend>Pauta da Sessão</legend>
 	<h5 align="center">{{ sessaoplenaria }}</h5>
-	
+
 	<fieldset>
 		<legend>Identificação Básica</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for b in basica %}
+      {% for b in basica %}
-				<li>{{b}}</li>
+      <div class="col-md-4">{{b}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Expedientes</legend>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			{% for e in expedientes %}
+      {% for e in expedientes %}
-				<li><b>{{e.tipo}}:</b></li>
+      <div class="col-md-6"><b>{{e.tipo}}:</b></div>
-				<li>{{e.conteudo|safe}}</li>
+      <div class="col-md-6">{{e.conteudo|safe}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Matérias do Expediente</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Matéria</li>
+      <div class="col-md-4">Matéria</div>
-			<li>Ementa</li>
+      <div class="col-md-4">Ementa</div>
-			<li>Resultado da Votação</li>
+      <div class="col-md-4">Resultado da Votação</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for m in materia_expediente %}
+      {% for m in materia_expediente %}
-				<li>
+      <div class="col-md-4">
-					{{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_expediente_detail' m.id %}">{{m.titulo}}</a>
+        {{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_expediente_detail' m.id %}">{{m.titulo}}</a>
-					<br />
+        <br />
-					<b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
+        <b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
-				</li>
+      </div>
-				<li>{{m.ementa|safe}}</li>
+      <div class="col-md-4">{{m.ementa|safe}}</div>
-				<li>{{m.situacao}}</li>
+      <div class="col-md-4">{{m.situacao}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Oradores do Expediente</legend>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-		<li>Parlamentar</li>
+      <div class="col-md-6">Parlamentar</div>
-		<li>Discurso</li>
+      <div class="col-md-6">Discurso</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			{% for o in oradores %}
+      {% for o in oradores %}
-				<li><b>{{o.numero_ordem}}</b> - {{o.parlamentar}}</li>
+      <div class="col-md-6"><b>{{o.numero_ordem}}</b> - {{o.parlamentar}}</div>
-				<li>{{o.url_discurso}}</li>
+      <div class="col-md-6">{{o.url_discurso}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Matérias da Ordem do Dia</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Matéria</li>
+      <div class="col-md-4">Matéria</div>
-			<li>Ementa</li>
+      <div class="col-md-4">Ementa</div>
-			<li>Resultado da Votação</li>
+      <div class="col-md-4">Resultado da Votação</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for m in materias_ordem %}
+      {% for m in materias_ordem %}
-				<li>
+      <div class="col-md-4">
-					{{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_ordem_detail' m.id %}">{{m.titulo}}</a>
+        {{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_ordem_detail' m.id %}">{{m.titulo}}</a>
-					<br />
+        <br />
-					<b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
+        <b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
-				</li>
+      </div>
-				<li>{{m.ementa|safe}}</li>
+      <div class="col-md-4">{{m.ementa|safe}}</div>
-				<li>{{m.situacao}}</li>
+      <div class="col-md-4">{{m.situacao}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 </fieldset>

templates/sessao/presenca.html

@@ -5,20 +5,20 @@
 	<form method="POST">
 	  {% csrf_token %}
 
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			<li>Presença</li>
+      <div class="col-md-6">Presença</div>
-			<li>Parlamentar</li>
+      <div class="col-md-6">Parlamentar</div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li><input type="checkbox" onClick="checkAll(this)" /> Marcar/Desmarcar Todos</li>
+      <div class="col-md-12"><input type="checkbox" onClick="checkAll(this)" /> Marcar/Desmarcar Todos</div>
-		</ul>
+    </div>
 
 		{% for parlamentar, check in view.get_parlamentares %}
-			<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-				<li><input type="checkbox" name="presenca" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/></li>
+      <div class="col-md-6"><input type="checkbox" name="presenca" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/></div>
-				<li><label for="parlamentar">{{ parlamentar }}</label></li>
+      <div class="col-md-6"><label for="parlamentar">{{ parlamentar }}</label></div>
-			</ul>
+    </div>
 		{% endfor %}
 
 		<br />

templates/sessao/presenca_ordemdia.html

@@ -5,20 +5,20 @@
 	<form method="POST">
 	  {% csrf_token %}
 
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			<li>Presença</li>
+      <div class="col-md-6">Presença</div>
-			<li>Parlamentar</li>
+      <div class="col-md-6">Parlamentar</div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li><input type="checkbox" onClick="checkAll(this)" /> Marcar/Desmarcar Todos</li>
+      <div class="col-md-12"><input type="checkbox" onClick="checkAll(this)" /> Marcar/Desmarcar Todos</div>
-		</ul>
+    </div>
 
 		{% for parlamentar, check in view.get_parlamentares %}
-			<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-				<li><input type="checkbox" name="presenca" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/></li>
+      <div class="col-md-6"><input type="checkbox" name="presenca" value="{{ parlamentar.id }}" {% if check %} checked {% endif %}/></div>
-				<li><label for="parlamentar">{{ parlamentar }}</label></li>
+      <div class="col-md-6"><label for="parlamentar">{{ parlamentar }}</label></div>
-			</ul>
+    </div>
 		{% endfor %}
 
 		<br />

templates/sessao/resumo.html

@@ -5,116 +5,116 @@
 {% block detail_content %}
 <fieldset>
 	<legend>Resumo</legend>
-	
+
 	<fieldset>
 		<legend>Identificação Básica</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for b in basica %}
+      {% for b in basica %}
-				<li>{{b}}</li>
+      <div class="col-md-4">{{b}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Conteúdo Multimídia</legend>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			<li>{{multimidia_audio}}</li>
+      <div class="col-md-6">{{multimidia_audio}}</div>
-			<li>{{multimidia_video}}</li>
+      <div class="col-md-6">{{multimidia_video}}</div>
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Mesa Diretora</legend>
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			{% for m in mesa %}
+      {% for m in mesa %}
-				<li><b>{{m.cargo}}: </b>{{m.parlamentar.nome_parlamentar}}</li>
+      <div class="col-md-12"><b>{{m.cargo}}: </b>{{m.parlamentar.nome_parlamentar}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Lista de Presença na Sessão</legend>
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			{% for p in presenca_sessao %}
+      {% for p in presenca_sessao %}
-				<li>{{p}}</li>
+      <div class="col-md-12">{{p}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Expedientes</legend>
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			{% for e in expedientes %}
+      {% for e in expedientes %}
-				<li>
+      <div class="col-md-12">
-					<b>{{e.tipo}}:</b>
+        <b>{{e.tipo}}:</b>
-					<br />
+        <br />
-					{{e.conteudo|safe}}
+        {{e.conteudo|safe}}
-				</li>
+      </div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Matérias do Expediente</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Matéria</li>
+      <div class="col-md-4">Matéria</div>
-			<li>Ementa</li>
+      <div class="col-md-4">Ementa</div>
-			<li>Resultado da Votação</li>
+      <div class="col-md-4">Resultado da Votação</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for m in materia_expediente %}
+      {% for m in materia_expediente %}
-				<li>
+      <div class="col-md-4">
-					{{m.numero}} - {{m.titulo}}
+        {{m.numero}} - {{m.titulo}}
-					<br />
+        <br />
-					<b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
+        <b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
-				</li>
+      </div>
-				<li>{{m.ementa|safe}}</li>
+      <div class="col-md-4">{{m.ementa|safe}}</div>
-				<li>{{m.resultado}}</li>
+      <div class="col-md-4">{{m.resultado}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Oradores do Expediente</legend>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-		<li>Parlamentar</li>
+      <div class="col-md-6">Parlamentar</div>
-		<li>Discurso</li>
+      <div class="col-md-6">Discurso</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			{% for o in oradores %}
+      {% for o in oradores %}
-				<li><b>{{o.numero_ordem}}</b> - {{o.parlamentar}}</li>
+      <div class="col-md-6"><b>{{o.numero_ordem}}</b> - {{o.parlamentar}}</div>
-				<li>{{o.url_discurso}}</li>
+      <div class="col-md-6">{{o.url_discurso}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Lista de Presença na Ordem do Dia</legend>
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			{% for p in presenca_ordem %}
+      {% for p in presenca_ordem %}
-				<li>{{p}}</li>
+      <div class="col-md-12">{{p}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 	<fieldset>
 		<legend>Matérias da Ordem do Dia</legend>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Matéria</li>
+      <div class="col-md-4">Matéria</div>
-			<li>Ementa</li>
+      <div class="col-md-4">Ementa</div>
-			<li>Resultado da Votação</li>
+      <div class="col-md-4">Resultado da Votação</div>
-		</ul>
+    </div>
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			{% for m in materias_ordem %}
+      {% for m in materias_ordem %}
-				<li>
+      <div class="col-md-4">
-					{{m.numero}} - {{m.titulo}}
+        {{m.numero}} - {{m.titulo}}
-					<br />
+        <br />
-					<b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
+        <b>Autor{{ m.autor|length|pluralize:"es" }}</b>: {{ m.autor|join:', ' }}
-				</li>
+      </div>
-				<li>{{m.ementa|safe}}</li>
+      <div class="col-md-4">{{m.ementa|safe}}</div>
-				<li>{{m.resultado}}</li>
+      <div class="col-md-4">{{m.resultado}}</div>
-			{% endfor %}
+      {% endfor %}
-		</ul>
+    </div>
 	</fieldset>
 
 </fieldset>

templates/sessao/sessao_list.html

@@ -3,12 +3,12 @@
 {% load crispy_forms_tags %}
 
 {% block base_content %}
-	<dl class="sub-nav">
+<div class="actions btn-group pull-right" role="group">
-		<h2>Sessões Plenárias</h2>
+  <h2>Sessões Plenárias</h2>
-		<dd><a href="{% url 'sessaoplenaria:sessao_cadastro' %}">
+  <a href="{% url 'sessaoplenaria:sessao_cadastro' %}" class="btn btn-default">
-			{% blocktrans with verbose_name=view.verbose_name %} Adicionar Sessão Plenária {% endblocktrans %}
+    {% blocktrans with verbose_name=view.verbose_name %} Adicionar Sessão Plenária {% endblocktrans %}
-		</a></dd>
+  </a>
-	</dl>
+</div>
 	{% block detail_content %}
 		<table width="100%">
 			{% for sessao in page_obj %}

templates/sessao/sessaoplenaria_detail.html

@@ -1,29 +1,2 @@
 {% extends "crud/detail.html" %}
-{% load i18n %}
+{% block actions %}{% endblock %}
-{% block actions %} {% endblock %}
-{% block sections_nav %}
-  <dl class="sub-nav">
-    <dd><a data-dropdown="hover1" data-options="is_hover:true; hover_timeout:1000"  aria-expanded="false" >{% trans 'Abertura' %}</a>
-        <ul id="hover1" class="f-dropdown" data-dropdown-content  aria-hidden="true">
-            <li><a href="{% url 'sessaoplenaria:detail' object.pk %}">{% trans 'Dados Básicos' %}</a></li>
-            <li><a href="{% url 'sessaoplenaria:mesa' object.pk %}">{% trans 'Mesa' %}</a></li>
-          <li><a href="{% url 'sessaoplenaria:presenca' object.pk %}">{% trans 'Presença' %}</a></li>
-          <li><a href="{% url 'sessaoplenaria:explicacao' object.pk %}">{% trans 'Explicações Pessoais' %}</a></li>
-        </ul></dd>
-    <dd><a data-dropdown="hover2" data-options="is_hover:true; hover_timeout:1000">{% trans 'Expedientes' %}</a>
-        <ul id="hover2" class="f-dropdown" data-dropdown-content>
-        <li><a href="{% url 'sessaoplenaria:expediente' object.pk %}">{% trans 'Expediente Diversos' %}</a></li>
-        <li><a href="{% url 'sessaoplenaria:expedienteordemdia_list' object.pk %}">{% trans 'Matérias Expediente' %}</a></li>
-        <li><a href="{% url 'sessaoplenaria:oradorexpediente' object.pk %}">{% trans 'Oradores do Expediente' %}</a></li>
-            </ul></dd>
-
-    <dd><a data-dropdown="hover3" data-options="is_hover:true; hover_timeout:1000">{% trans 'Ordem do Dia' %}</a>
-        <ul id="hover3" class="f-dropdown" data-dropdown-content>
-            <li><a href="{% url 'sessaoplenaria:materiaordemdia_list' object.pk %}">{% trans 'Matérias Ordem do Dia' %}</a></li>
-            <li><a href="{% url 'sessaoplenaria:presencaordemdia' object.pk %}">{% trans 'Presença Ordem do Dia' %}</a></li>
-            </ul></dd>
-
-    <dd><a href="{% url 'sessaoplenaria:painel' object.pk %}">{% trans 'Painel Eletrônico' %}</a></dd>
-    <dd><a href="{% url 'sessaoplenaria:resumo' object.pk %}">{% trans 'Resumo' %}</a></dd>
-  </dl>
-{% endblock sections_nav %}

templates/sessao/subnav.yaml

@@ -0,0 +1,32 @@
+- title: Abertura
+  children:
+    - title: Dados Básicos
+      url: sessaoplenaria:detail
+    - title: Mesa
+      url: sessaoplenaria:mesa
+    - title: Presença
+      url: sessaoplenaria:presenca
+    - title: Explicações Pessoais
+      url: sessaoplenaria:explicacao
+
+- title: Expedientes
+  children:
+    - title: Expediente Diversos
+      url: sessaoplenaria:expediente
+    - title: Matérias Expediente
+      url: sessaoplenaria:expedienteordemdia_list
+    - title: Oradores do Expediente
+      url: sessaoplenaria:oradorexpediente
+
+- title: Ordem do Dia
+  children:
+    - title: Matérias Ordem do Dia
+      url: sessaoplenaria:materiaordemdia_list
+    - title: Presença Ordem do Dia
+      url: sessaoplenaria:presencaordemdia
+
+- title: Painel Eletrônico
+  url: sessaoplenaria:painel
+
+- title: Resumo
+  url: sessaoplenaria:resumo

templates/sessao/votacao/nominal.html

@@ -15,42 +15,42 @@
 
 		<fieldset>
 			<legend>Votos</legend>
-			<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+      <div class="row">
-				{% for parlamentar in view.get_parlamentares %}
+        {% for parlamentar in view.get_parlamentares %}
-					<li>{{parlamentar.nome_parlamentar}}</li>
+        <div class="col-md-6">{{parlamentar.nome_parlamentar}}</div>
-					<li>
+        <div class="col-md-6">
-						<select id="voto_parlamentar" name="voto_parlamentar">
+          <select id="voto_parlamentar" name="voto_parlamentar">
-							<option value="sim:{{parlamentar.id}}">Sim</option>
+            <option value="sim:{{parlamentar.id}}">Sim</option>
-							<option value="nao:{{parlamentar.id}}">Não</option>
+            <option value="nao:{{parlamentar.id}}">Não</option>
-							<option value="abstencao:{{parlamentar.id}}">Abstenção</option>
+            <option value="abstencao:{{parlamentar.id}}">Abstenção</option>
-							<option value="nao_votou:{{parlamentar.id}}">Não Votou</option>
+            <option value="nao_votou:{{parlamentar.id}}">Não Votou</option>
-						</select>
+          </select>
-					</li>
+        </div>
-				{% endfor %}
+        {% endfor %}
-			</ul>
+      </div>
 		</fieldset>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Resultado da Votação
+        Resultado da Votação
-				<select id="resultado_votacao" name="resultado_votacao">
+        <select id="resultado_votacao" name="resultado_votacao">
-					{% for tipo in view.get_tipos_votacao %}
+          {% for tipo in view.get_tipos_votacao %}
-						<option value="{{tipo.id}}">{{tipo.nome}}</option>
+          <option value="{{tipo.id}}">{{tipo.nome}}</option>
-					{% endfor %}
+          {% endfor %}
-				</select>
+        </select>
-			</li>
+      </div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Observações
+        Observações
-				<textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
+        <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
-			</li>
+      </div>
-		</ul>
+    </div>
 
 		<br /><br />
 		<input type="submit" id="salvar-votacao" name="salvar-votacao" value="Salvar" class="button primary" />
-		<input type="submit" id="cancelar-votacao" name="cancelar-votacao" value="Cancelar Votação" class="button primary" />		
+		<input type="submit" id="cancelar-votacao" name="cancelar-votacao" value="Cancelar Votação" class="button primary" />
 	</fieldset>
 </form>
 {% endblock detail_content %}

templates/sessao/votacao/nominal_edit.html

@@ -16,42 +16,42 @@
 
 		<fieldset>
 			<legend>Votos</legend>
-			<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+      <div class="row">
-				{% for v in votos %}
+        {% for v in votos %}
-					<li>{{v.parlamentar}}</li>
+        <div class="col-md-6">{{v.parlamentar}}</div>
-					<li>{{v.voto}}</li>	
+        <div class="col-md-6">{{v.voto}}</div>
-				{% endfor %}
+        {% endfor %}
-			</ul>
+      </div>
 		</fieldset>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Anular Votação
+        Anular Votação
-				<select id="anular_votacao" name="anular_votacao">
+        <select id="anular_votacao" name="anular_votacao">
-					<option value="1">Sim</option>
+          <option value="1">Sim</option>
-					<option value="0" selected>Não</option>
+          <option value="0" selected>Não</option>
-				</select>
+        </select>
-			</li>
+      </div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Resultado da Votação: 
+        Resultado da Votação:
-				{% for tipo in view.get_tipos_votacao %}
+        {% for tipo in view.get_tipos_votacao %}
-					{% if votacao.tipo_resultado == tipo.id %}
+        {% if votacao.tipo_resultado == tipo.id %}
-						<b>{{ tipo.nome }}</b>
+        <b>{{ tipo.nome }}</b>
-					{% endif %}
+        {% endif %}
-				{% endfor %}
+        {% endfor %}
-			</li>
+      </div>
-		</ul>
+    </div>
+
+    <div class="row">
+      <div class="col-md-12">
+        Observações
+        <textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
+      </div>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
-			<li>
-				Observações
-				<textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
-			</li>
-		</ul>
-			
 		<br /><br />
 		<input type="submit" value="Salvar" class="button primary" />
 	</fieldset>

templates/sessao/votacao/votacao.html

@@ -32,42 +32,42 @@
 			<br />
 			<br />
 			<b>Total presentes:</b> {{total_presentes}} (com presidente)
-			<input type="hidden" id="total_votos" name="total_votos"> 
+			<input type="hidden" id="total_votos" name="total_votos">
 		</div>
 		<br />
 
-		<ul class="small-block-grid-3 medium-block-grid-3 large-block-grid-3">
+    <div class="row">
-			<li>Sim: <input type="text" id="votos_sim" name="votos_sim" value=""/></li>
+      <div class="col-md-4">Sim: <input type="text" id="votos_sim" name="votos_sim" value=""/></div>
-			<li>Não: <input type="text" id="votos_nao" name="votos_nao" value=""/></li>
+      <div class="col-md-4">Não: <input type="text" id="votos_nao" name="votos_nao" value=""/></div>
-			<li>Abstenções: <input type="text" id="abstencoes" name="abstencoes" value=""/></li>
+      <div class="col-md-4">Abstenções: <input type="text" id="abstencoes" name="abstencoes" value=""/></div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-2 medium-block-grid-2 large-block-grid-2">
+    <div class="row">
-			<li>
+      <div class="col-md-6">
-				A totalização inclui o voto do Presidente?
+        A totalização inclui o voto do Presidente?
-				<select id="voto_presidente" name="voto_presidente">
+        <select id="voto_presidente" name="voto_presidente">
-					<option value="1">Sim</option>
+          <option value="1">Sim</option>
-					<option value="0" selected>Não</option>
+          <option value="0" selected>Não</option>
-				</select>
+        </select>
-			</li>
+      </div>
 
-			<li>
+      <div class="col-md-6">
-				Resultado da Votação
+        Resultado da Votação
-				<select id="resultado_votacao" name="resultado_votacao">
+        <select id="resultado_votacao" name="resultado_votacao">
-					{% for tipo in view.get_tipos_votacao %}
+          {% for tipo in view.get_tipos_votacao %}
-						<option value="{{tipo.id}}">{{tipo.nome}}</option>
+          <option value="{{tipo.id}}">{{tipo.nome}}</option>
-					{% endfor %}
+          {% endfor %}
-				</select>
+        </select>
-			</li>
+      </div>
-		</ul>
+    </div>
+
+    <div class="row">
+      <div class="col-md-12">
+        Observações
+        <textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
+      </div>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
-			<li>
-				Observações
-				<textarea id="observacao" name="observacao" cols="10" rows="10"></textarea>
-			</li>
-		</ul>
-			
 		<br /><br />
 		<input type="submit" id="salvar-votacao" name="salvar-votacao" value="Salvar" class="button primary" />
 		<input type="submit" id="cancelar-votacao" name="cancelar-votacao" value="Cancelar Votação" class="button primary" />

templates/sessao/votacao/votacao_edit.html

@@ -14,34 +14,34 @@
 		</div>
 		<br />
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Anular Votação
+        Anular Votação
-				<select id="anular_votacao" name="anular_votacao">
+        <select id="anular_votacao" name="anular_votacao">
-					<option value="1">Sim</option>
+          <option value="1">Sim</option>
-					<option value="0" selected>Não</option>
+          <option value="0" selected>Não</option>
-				</select>
+        </select>
-			</li>
+      </div>
-		</ul>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
+    <div class="row">
-			<li>
+      <div class="col-md-12">
-				Resultado da Votação: 
+        Resultado da Votação:
-				{% for tipo in view.get_tipos_votacao %}
+        {% for tipo in view.get_tipos_votacao %}
-					{% if votacao.tipo_resultado == tipo.id %}
+        {% if votacao.tipo_resultado == tipo.id %}
-						<b>{{ tipo.nome }}</b>
+        <b>{{ tipo.nome }}</b>
-					{% endif %}
+        {% endif %}
-				{% endfor %}
+        {% endfor %}
-			</li>
+      </div>
-		</ul>
+    </div>
+
+    <div class="row">
+      <div class="col-md-12">
+        Observações
+        <textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
+      </div>
+    </div>
 
-		<ul class="small-block-grid-1 medium-block-grid-1 large-block-grid-1">
-			<li>
-				Observações
-				<textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
-			</li>
-		</ul>
-			
 		<br /><br />
 		<input type="submit" value="Salvar" class="button primary" />
 	</fieldset>

templates/sistema.html

@@ -1,102 +1,89 @@
 {% extends "base.html" %}
 {% load i18n crispy_forms_tags %}
 
-{% block head_content %}
-  {{ block.super }}
-	<style>
-		h5{
-			color: #000080;
-		}
-		ul{
-			color: #2EB82E;
-			font-size: 90%;
-		}
-	</style>
-{% endblock head_content %}
-
 {% block base_content %}
 
-	<h5>Configuração Inicial</h5>
+	<h2>Configuração Inicial</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'casa_legislativa' %}">Casa Legislativa</a></li>
+    <div class="col-md-6"><a href="{% url 'casa_legislativa' %}">Casa Legislativa</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Parlamentares</h5>
+	<h2>Módulo Parlamentares</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'legislatura:list' %}">Legislatura</a></li>
+    <div class="col-md-6"><a href="{% url 'legislatura:list' %}">Legislatura</a></div>
-  		<li><a href="{% url 'tipoafastamento:list' %}">Tipo de Afastamento</a></li>
+    <div class="col-md-6"><a href="{% url 'tipoafastamento:list' %}">Tipo de Afastamento</a></div>
-  		<li><a href="{% url 'tipodependente:list' %}">Tipo de Dependente</a></li>
+    <div class="col-md-6"><a href="{% url 'tipodependente:list' %}">Tipo de Dependente</a></div>
-  		<li><a href="{% url 'situacaomilitar:list' %}">Tipo de Situação Militar</a></li>
+    <div class="col-md-6"><a href="{% url 'situacaomilitar:list' %}">Tipo de Situação Militar</a></div>
-  		<li><a href="{% url 'nivelinstrucao:list' %}">Nível de Intrução</a></li>
+    <div class="col-md-6"><a href="{% url 'nivelinstrucao:list' %}">Nível de Intrução</a></div>
-  		<li><a href="{% url 'partido:list' %}">Partido</a></li>
+    <div class="col-md-6"><a href="{% url 'partido:list' %}">Partido</a></div>
-  		<li><a href="{% url 'coligacao:list' %}">Coligação</a></li>
+    <div class="col-md-6"><a href="{% url 'coligacao:list' %}">Coligação</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Mesa Diretora</h5>
+	<h2>Módulo Mesa Diretora</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'sessaolegislativa:list' %}">Sessão Legislativa</a></li>
+    <div class="col-md-6"><a href="{% url 'sessaolegislativa:list' %}">Sessão Legislativa</a></div>
-  		<li><a href="{% url 'cargomesa:list' %}">Cargo da Mesa</a></li>
+    <div class="col-md-6"><a href="{% url 'cargomesa:list' %}">Cargo da Mesa</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Comissões</h5>
+	<h2>Módulo Comissões</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'cargocomissao:list' %}">Cargo de Comissão</a></li>
+    <div class="col-md-6"><a href="{% url 'cargocomissao:list' %}">Cargo de Comissão</a></div>
-  		<li><a href="{% url 'periodo:list' %}">Período de Composição</a></li>
+    <div class="col-md-6"><a href="{% url 'periodo:list' %}">Período de Composição</a></div>
-  		<li><a href="{% url 'tipocomissao:list' %}">Tipo de Composição</a></li>
+    <div class="col-md-6"><a href="{% url 'tipocomissao:list' %}">Tipo de Composição</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Bancadas</h5>
+	<h2>Módulo Bancadas</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="#">Bancadas</a></li>
+    <div class="col-md-6"><a href="#">Bancadas</a></div>
-  		<li><a href="#">Cargo de Bancada</a></li>
+    <div class="col-md-6"><a href="#">Cargo de Bancada</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Proposições</h5>
+	<h2>Módulo Proposições</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'tipoproposicao:list' %}">Tipo de Proposição</a></li>
+    <div class="col-md-6"><a href="{% url 'tipoproposicao:list' %}">Tipo de Proposição</a></div>
-  		<li><a href="{% url 'autor:list' %}">Autor</a></li>
+    <div class="col-md-6"><a href="{% url 'autor:list' %}">Autor</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Matéria Legislativa</h5>
+	<h2>Módulo Matéria Legislativa</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'tipomaterialegislativa:list' %}">Tipo de Matéria Legislativa</a></li>
+    <div class="col-md-6"><a href="{% url 'tipomaterialegislativa:list' %}">Tipo de Matéria Legislativa</a></div>
-  		<li><a href="{% url 'regimetramitacao:list' %}">Regime de Tramitação</a></li>
+    <div class="col-md-6"><a href="{% url 'regimetramitacao:list' %}">Regime de Tramitação</a></div>
-  		<li><a href="{% url 'tipoautor:list' %}">Tipo de Autor</a></li>
+    <div class="col-md-6"><a href="{% url 'tipoautor:list' %}">Tipo de Autor</a></div>
-  		<li><a href="{% url 'tipodocumento:list' %}">Tipo de Documento</a></li>
+    <div class="col-md-6"><a href="{% url 'tipodocumento:list' %}">Tipo de Documento</a></div>
-  		<li><a href="{% url 'tipofimrelatoria:list' %}">Tipo de fim de Relatoria</a></li>
+    <div class="col-md-6"><a href="{% url 'tipofimrelatoria:list' %}">Tipo de fim de Relatoria</a></div>
-  		<li><a href="{% url 'unidadetramitacao:list' %}">Unidade de Tramitação</a></li>
+    <div class="col-md-6"><a href="{% url 'unidadetramitacao:list' %}">Unidade de Tramitação</a></div>
-  		<li><a href="{% url 'origem:list' %}">Origem</a></li>
+    <div class="col-md-6"><a href="{% url 'origem:list' %}">Origem</a></div>
-  		<li><a href="{% url 'autor:list' %}">Autor</a></li>
+    <div class="col-md-6"><a href="{% url 'autor:list' %}">Autor</a></div>
-  		<li><a href="{% url 'statustramitacao:list' %}">Status da Tramitação</a></li>
+    <div class="col-md-6"><a href="{% url 'statustramitacao:list' %}">Status da Tramitação</a></div>
-  		<li><a href="{% url 'orgao:list' %}">Órgão</a></li>
+    <div class="col-md-6"><a href="{% url 'orgao:list' %}">Órgão</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Normas Jurídicas</h5>
+	<h2>Módulo Normas Jurídicas</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="">Tipo de Norma Jurídica</a></li>
+    <div class="col-md-6"><a href="">Tipo de Norma Jurídica</a></div>
-  		<li><a href="">Assunto de Norma Jurídica</a></li>
+    <div class="col-md-6"><a href="">Assunto de Norma Jurídica</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Sessão Plenária</h5>
+	<h2>Módulo Sessão Plenária</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'tiposessaoplenaria:list' %}">Tipo de Sessão Plenária</a></li>
+    <div class="col-md-6"><a href="{% url 'tiposessaoplenaria:list' %}">Tipo de Sessão Plenária</a></div>
-  		<li><a href="{% url 'tiporesultadovotacao:list' %}">Tipo de Resultado da Votação</a></li>
+    <div class="col-md-6"><a href="{% url 'tiporesultadovotacao:list' %}">Tipo de Resultado da Votação</a></div>
-  		<li><a href="#">Cadastro dos endereços dos computadores dos parlamentares</a></li>
+    <div class="col-md-6"><a href="#">Cadastro dos endereços dos computadores dos parlamentares</a></div>
-  		<li><a href="{% url 'tipoexpediente:list' %}">Tipo de Expediente</a></li>
+    <div class="col-md-6"><a href="{% url 'tipoexpediente:list' %}">Tipo de Expediente</a></div>
-  		<li><a href="#">Propriedades do Painel Eletrônico</a></li>
+    <div class="col-md-6"><a href="#">Propriedades do Painel Eletrônico</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo LexML</h5>
+	<h2>Módulo LexML</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="{% url 'lexmlprovedor:list' %}">Provedor</a></li>
+    <div class="col-md-6"><a href="{% url 'lexmlprovedor:list' %}">Provedor</a></div>
-  		<li><a href="{% url 'lexmlpublicador:list' %}">Publicador</a></li>
+    <div class="col-md-6"><a href="{% url 'lexmlpublicador:list' %}">Publicador</a></div>
-	</ul>
+  </div>
 
-	<h5>Módulo Administrativo</h5>
+	<h2>Módulo Administrativo</h2>
-	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
+  <div class="row">
-  		<li><a href="#">Tipo de Documento</a></li>
+    <div class="col-md-6"><a href="#">Tipo de Documento</a></div>
-  		<li><a href="#">Tipo de Instituição</a></li>
+    <div class="col-md-6"><a href="#">Tipo de Instituição</a></div>
-  		<li><a href="#">Status de Tramitação</a></li>
+    <div class="col-md-6"><a href="#">Status de Tramitação</a></div>
-	</ul>
+  </div>
 
 {% endblock base_content %}