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})
 
@@ -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
+.masthead {
-/*
+  padding: 10px;
-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} {
+    margin-top: 65px;
-		.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);
   }
-				}
+  .navbar-brand {
-			}
+    color: $headings-color;
-		}
+    font-size: 24px;
-	}
-}
-
-
-
-// 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;
+      margin-right: $navbar-padding-horizontal;
     }
-
+    small {
-a {
+      color: #93A4AA;
-	background-color: transparent;
+      font-size: 75%;
-	color: $primary-color;
+      line-height: 25px;
-	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 {
-	display: table-row;
-	box-sizing: content-box;
 }
 
-/* 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);
-}
-
-.navigation > .container {
   padding: 0px;
-	max-width: 960px;
 }
 
-.icon-bar {
+// ADJUST DRUNKEN PARROT STYLES ########################################
-	vertical-align: top;
+h1, .h1 {
+  font-size: 30px;
 }
-
+h2, .h2 {
-.masthead .container {
+  font-size: 24px;
-	padding: 10px 0;
-	background-color: #e3e3e3;
 }
-
+h3, .h3 {
-.masthead > .container {
+  font-size: 20px;
-	padding: 0px;
-	max-width: none;
-	border-bottom: 1px solid $primary-color;
 }
-
+h4, .h4 {
-.masthead__logo {
+  font-size: 16px;
-	display: inline-block;
-	vertical-align: middle;
 }
-
+h5, .h5 {
-.masthead__logo a {
+  font-size: 14px;
-	display: block;
 }
-
+h6, .h6 {
-.masthead__logo img {
+  font-size: 12px;
-	width: auto;
-	height: 85px;
-}
-
-.masthead__heading {
-	display: inline-block;
-	margin-left: 10px;
-	margin-top:10px;
-	vertical-align: top;
 }
 
-.masthead__heading h1 {
+.page-header {
-	color: #333333;
+    margin: 20px 0px 10px;
-	text-shadow: 1px 1px 3px #dadada;
-	font-size: 130%;
 }
 
-.masthead__heading h2 {
+// #### CRUD DETAIL ########################################
-	padding-left: 2px;
+p.control-label {
-	color: #444444;
+  font-weight: bold;
-	text-shadow: 1px 1px 3px #dadada;
-	font-weight: normal;
-	font-size: 90%;
 }
 
+// copied from bootstrap _forms.scss legend
+// using @extend would require importing parts of bootstrap again and overriding drunken parrot css
+//   @import "bootstrap/mixins.scss";
+//   @import "bootstrap/forms.scss";
 
-.masthead .sub-nav {
+.legend {
-	display: block;
-	overflow: visible;
-	padding-top: 0.25rem;
-	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 {
+  padding: 0;
-					display: block;
+  margin-bottom: $line-height-computed;
-				}
+  font-size: ($font-size-base * 1.5);
-
+  line-height: inherit;
-				&:hover, &.active {
+  color: $legend-color;
-					background: #eee;
+  border: 0;
-
+  border-bottom: 1px solid $legend-border-color;
-				}
-			}
-		}
-
-		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 {
+// #### footer ###########################################
-			background: #fff;
+// based on http://getbootstrap.com/examples/sticky-footer
-			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);
-
-		}
-	}
-}
 
-.content {
+$footer-height : 140px;
+html {
   position: relative;
-	display: table-cell;
+  min-height: 100%;
-	overflow: hidden;
-	height: 100%;
-	text-align: left;
-	font-size: 100%;
 }
-
+body {
-.content > .container {
+  margin-bottom: $footer-height + 20px;
-	height: 100%;
-	background-color: #ffffff;
 }
-/* Layout */
-
 .footer {
-	width: 100%;
-	background-color: $secondary-color;
-	color: #ffffff;
-	text-align: center;
-}
-
-.footer__block {
-	position: relative;
-	display: inline-block;
-	margin: 5px 0;
-	padding: 0 20px;
-	vertical-align: middle;
-	font-size: 70%;
-}
-
-.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;
+  width: 100%;
-	margin: auto;
+  /* Set the fixed height of the footer here */
-	height: 50px;
+  height: $footer-height;
-	width: 1px;
+  background: #364347 none repeat scroll 0% 0%;
-	background-color: white;
+  color: white;
-}
+  text-align: center;
-
+  p {
-@media (max-width: 480px) {
+    color: white;
-
+    margin-top: 10px;
-	.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%;
   }
-
+  .container {
-	.masthead__heading h2 {
+    padding-top: 25px;
-		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' %}">
-                </a>
-              </div>
           </div>
+          <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav">
 
-            <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,36 +101,29 @@
                     <li class="nav__sub-item"><a class="nav__sub-link" href="#">Troca de Senha</a></li> -->
                   </ul>
                 </li>
+
             </ul>
-            </section>
+          </div><!--/.nav-collapse -->
-          </nav>
         </div>
+      </nav>
       {% endblock navigation %}
 
       {# Header #}
       {% block main_header %}
-        <header id="masthead" class="masthead page__row">
+      <header class="masthead">
-            <div class="container">
         <div class="container">
-                    <a class="masthead__logo" href="#">
+					<div class="navbar-header">
-                        {% if logotipo %}
+						<a class="navbar-brand" href="#">
-                            <img src="{{ MEDIA_URL }}{{ logotipo }}" alt="Logo">
+							<img src="{% if logotipo %}{{ MEDIA_URL }}{{ logotipo }}{% else %}{% static 'img/logo.png' %}{% endif %}"
-                        {% else %}
+							alt="Logo" class="img-responsive visible-lg-inline-block vcenter" >
-                            <img src="{% static 'img/logo.png' %}" alt="Logo">
+							<span class="vcenter">
-                        {% endif %}
-                    </a>
-                    <div class="masthead__heading">
 								{# XXX Make better use of translation tags in html blocks ie. actually use the proper blocktrans tag efficiently #}
-                        <h1>{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}</h1>
+								{{ parliament_type }} {% trans 'de' %} {{ city }} - {{ state }}
-                        <h2>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</h2>
+								<br/><small>{% trans 'Sistema de Apoio ao Processo Legislativo' %}</small>
-                    </div>
+							</span>
-
+						</a>
-
-                    {% block sections_nav %}
-                    {% endblock sections_nav %}
-
-
 					</div>
+          {% block sections_nav %} {% subnav %} {% endblock sections_nav %}
         </div>
       </header>
       {% endblock main_header %}
@@ -144,13 +131,16 @@
       {# 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">
+
+          <div class="row">
+            <div class="col-md-4">
+
               <a class="footer__logo" href="#">
                 <img src="{% static 'img/logo_interlegis.png' %}" alt="{% trans 'Logo do Interlegis' %} ">
               </a>
+              <p>
                 <small>
-              Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto sobre o <a href="#">Zope</a>.
+                  Desenvolvido pelo <a href="#">Interlegis</a> em software livre e aberto.
                 </small>
+              </p>
             </div>
-          <div class="footer__block footer__block--license footer__block--separator">
+            <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">
-          <div class="footer__block footer__block--parliament-info vcard">
+              <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>
-            <br>
+                </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 %}
-		</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 %}
       {% 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,19 +66,19 @@
             </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>

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'%}
-  </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%}
-	            <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%}
-	            <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%}
 
-            <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 %}
 
@@ -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

@@ -9,19 +9,18 @@
     {% endblock actions %}
 {% block 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'%}
-  </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 %}
-      <div class="row">
+    <div class="row-fluid">
       {% for column in row %}
-          <div class="columns large-{{ column.span }}">
+      <div class="col-sm-{{ column.span }}">
-              <div id="div_id_{{ column.id }}" class="holder">
+        <div id="div_id_{{ column.id }}" class="form-group">
-                  <label>{{ column.verbose_name }}</label> {# TODO replace labels, probably (are they correct here?) #}
+          <p class="control-label">{{ column.verbose_name }}</p>
-                  <p>{{ column.text }}</p>
+          <div class="controls">
+            <p class="form-control-static">{{ column.text }}</p>
+          </div>
         </div>
       </div>
       {% endfor %}
     </div>
     {% endfor %}
-    </fieldset>
     {% 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 %}
   {% 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,16 +32,16 @@
 
 		<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();">
               {% for tipo in tipo_autores %}
               <option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
@@ -49,9 +49,9 @@
               </option>
               {% endfor %}
             </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <select name="nome_autor">
               {% for a in autores %}
               {% if a.tipo_id == tipo_autor_id %}
@@ -61,15 +61,15 @@
               {% endif %}
               {% endfor %}
             </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <select name="primeiro_autor">
               <option value="1">Sim</option>
               <option value="0" selected>Não</option>
             </select>
-					</li>
+          </div>
-				</ul>
+        </div>
 				<input type="submit" name="salvar" value="Salvar" class="button primary">
 			</form>
 		</fieldset>

templates/materia/autoria_edit.html

@@ -5,25 +5,25 @@
 {% 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();">
               {% for tipo in tipo_autores %}
               <option value="{{tipo.id}}" {% if tipo.id == tipo_autor_id %} selected {% endif %}>
@@ -31,9 +31,9 @@
               </option>
               {% endfor %}
             </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <select name="nome_autor">
               {% for a in autores %}
               {% if a.tipo_id == tipo_autor_id %}
@@ -43,15 +43,15 @@
               {% endif %}
               {% endfor %}
             </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <select name="primeiro_autor">
               <option value="1">Sim</option>
               <option value="0" selected>Não</option>
             </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 %}
 

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,19 +5,19 @@
 {% 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>
               <select name="tipo">
                 {% for t in tipos %}
@@ -26,30 +26,30 @@
                 </option>
                 {% endfor %}
               </select>
-						</li>
+            </div>
 
-						<li>
+            <div class="col-md-4">
               <labe>Data</labe>
               <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>
               <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>
               <input type="text" name="autor" value="{{doc.autor}}" />
-						</li>
+            </div>
 
-						<li>
+            <div class="col-md-6">
               <labe>Ementa*</labe>
               <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" />
 				</form>

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,20 +5,20 @@
 {% 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>
             <select name="tipo">
               {% for tipo in tipos_norma %}
@@ -27,69 +27,69 @@
               </option>
               {% endfor %}
             </select>
-					</li>
+          </div>
-					<li>
+          <div class="col-md-4">
             <label>Número*</label>
             <input type="text" name="numero" value="{{legislacao.norma.numero}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-4">
             <label>Ano*</label>
             <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>
             <input type="text" name="disposicao" value="{{legislacao.disposicoes}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Parte</label>
             <input type="text" name="parte" value="{{legislacao.parte}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Livro</label>
             <input type="text" name="livro" value="{{legislacao.livro}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Título</label>
             <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>
             <input type="text" name="capitulo" value="{{legislacao.capitulo}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Seção</label>
             <input type="text" name="secao" value="{{legislacao.secao}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Subseção</label>
             <input type="text" name="subsecao" value="{{legislacao.subsecao}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Artigo</label>
             <input type="text" name="artigo" value="{{legislacao.artigo}}" />
-					</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>Inciso</label>
             <input type="text" name="inciso" value="{{legislacao.inciso}}" />
-					</li>						
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Alínea</label>
             <input type="text" name="alinea" value="{{legislacao.alinea}}" />
-					</li>
+          </div>
-					<li>
+          <div class="col-md-3">
             <label>Item</label>
             <input type="text" name="item" value="{{legislacao.item}}" />
-					</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" />

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,48 +5,48 @@
 {% 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">
 				{% 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>
             <select id="tipo" name="tipo">
               {% for tipo in get_tipos_materia %}
               <option value="{{tipo.id}}" {% if tipo.id == data.tipo.id %} selected {% endif %}>{{tipo.sigla}} - {{tipo.descricao}}</option>
               {% endfor %}
             </select>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <label>Número*</label>
             <input type="text" id="numero" name="numero" value="{{data.numero}}"/>
-					</li>
+          </div>
 
-					<li>
+          <div class="col-md-4">
             <label>Ano*</label>
             <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>
             <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>
             <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" />
 			</form>

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,19 +5,19 @@
 {% 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>
               <select name="tipo_materialegislativa">
                 {% for t in tipos %}
@@ -26,22 +26,22 @@
                 </option>
                 {% endfor %}
               </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>
               <input type="text" name="numero_materialegislativa" value="{{numeracao.numero_materialegislativa}}" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
               <label>Ano*</label>
               <input type="text" name="ano_materialegislativa" value="{{numeracao.ano_materialegislativa}}" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
               <label>Data</label>
               <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" />

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 %}

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>
@@ -35,24 +35,24 @@
 				<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
               <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*
               <input type="text" name="data_designacao_relator" class ="dateinput" />
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
               Data Destituição
               <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*
               <select name="parlamentar">
                 <option value=""> ---------- </option>
@@ -60,8 +60,8 @@
                 <option value="{{p.parlamentar_id}}"> {{p.parlamentar}} </option>
                 {% endfor %}
               </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-6">
               Motivo Fim Relatoria
               <select name="tipo_fim_relatoria">
                 <option value=""> ---------- </option>
@@ -69,8 +69,8 @@
                 <option value="{{t.id}}"> {{t.descricao}} </option>
                 {% endfor %}
               </select>
-						</li>
+            </div>
-					</ul>
+          </div>
 					<input type="submit" name="salvar" value="Salvar" class="primary button"/>
 				</form>
 		</fieldset>

templates/materia/relatoria_edit.html

@@ -5,36 +5,36 @@
 {% 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
             <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*
             <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
             <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*
             <select name="parlamentar">
               <option value=""> ---------- </option>
@@ -44,8 +44,8 @@
               </option>
               {% endfor %}
             </select>
-					</li>
+          </div>
-					<li>
+          <div class="col-md-6">
             Motivo Fim Relatoria
             <select name="tipo_fim_relatoria">
               <option value=""> ---------- </option>
@@ -55,8 +55,8 @@
               </option>
               {% endfor %}
             </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,30 +5,30 @@
 {% 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>
               <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>
               <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>
               <select name="status">
                 {% for s in status %}
@@ -37,22 +37,22 @@
                 </option>
                 {% endfor %}
               </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
               <label>Turno*</label>
               <select name="turno">
                 {% for a, b in turno %}
                 <option value="{{a}}">{{b}}</option>
                 {% endfor %}
               </select>
-						</li>
+            </div>
-						<li>
+            <div class="col-md-4">
               <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>
               <select name="unidade_tramitacao_destino">
                 {% for u in unidade_tramitacao %}
@@ -61,26 +61,26 @@
                 </option>
                 {% endfor %}
               </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>
               <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>
               <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>
               <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" />

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

@@ -8,8 +8,8 @@
 	<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>
         <select name="legislatura"  onChange="form.submit();">
           {% for l in legislaturas %}
@@ -18,8 +18,8 @@
           </option>
           {% endfor %}
         </select>
-			</li>
+      </div>
-			<li>
+      <div class="col-md-6">
         <label>Escolha uma Sessão Legislativa</label>
         <select name="sessao" onChange="form.submit();">
           {% for s in sessoes %}
@@ -28,14 +28,14 @@
           </option>
           {% endfor %}
         </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>
         <select multiple size="5" name="composicao_mesa">
           {% for p in composicao_mesa %}
@@ -44,17 +44,17 @@
           </option>
           {% endfor %}
         </select>
-			</li>
+      </div>
 
-			<li>
+      <div class="col-md-4">
         {% if cargos_vagos %} <input type="submit" name="Incluir" Value="Incluir" class="button primary" /> {% endif %}
         <br />
         <br />
         <input type="submit" name="Excluir" Value="Excluir" class="button primary" />
-			</li>
+      </div>
 
       {% if cargos_vagos %}
-				<li>
+      <div class="col-md-4">
         <label>Parlamentares</label>
         <select name="parlamentar" id="parlamentar">
           {% for p in parlamentares %}
@@ -67,10 +67,10 @@
           <option value="{{c.id}}">{{c}}</option>
           {% endfor %}
         </select>
-				</li>
+      </div>
       {% endif %}
 
-		</ul>
+    </div>
 	</fieldset>
 </form>
 {% endblock detail_content %}

templates/norma/normajuridica_detail.html

@@ -1,8 +1,8 @@
 {% 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 %}
   Opção adicionada para chamar o TextoArticulado da norma.
@@ -10,7 +10,7 @@
   e a view NormaTa(IntegracaoTaView) em views.py
   Em nada mais a integração interfere em Norma Jurídica
   {% 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

@@ -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 %}
-{% 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

@@ -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

@@ -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,13 +9,13 @@
 				{% 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>
                 {% for tipo in tipos_doc %}
                 {% if doc.tipo.id == tipo.id %}
@@ -23,54 +23,54 @@
                 {% endif %}
                 {% endfor %}
               </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">
                 <option value="True" {% if doc.tramitacao == True %} selected {% endif %} > Sim </option>
                 <option value="False" {% if doc.tramitacao == False %} selected {% endif %}> Não </option>
               </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,21 +20,21 @@
 
 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 %}
-			<li>
+  <div class="col-md-4">
     {{m.numero}} - <a href="{% url 'sessaoplenaria:expedienteordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
     &nbsp;
     </br>
     <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.tipo_votacao == 1 %}
     <b><a href="{% url 'sessaoplenaria:votacaosimbolicaexpedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
@@ -62,9 +62,9 @@ Matérias do Expediente
     </form>
     {% endif %}
     {% endif %}
-			</li>
+  </div>
   {% 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="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">
+      <div class="row">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem"/></li>
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem"/></div>
 
-	        <li><select name="parlamentar" id="parlamentar">
+        <div class="col-md-4"><select name="parlamentar" id="parlamentar">
             {% for parlamentar in view.get_candidatos_orador %}
             <option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>
             {% endfor %}
-	        </select></li>
+        </select></div>
-	        <li><input type="text" id="url_discurso" name="url_discurso" /></li>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" /></div>
-		</ul>
+      </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,22 +26,22 @@
 <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"}}' />
-		<li>
+      <div class="col-md-4">
         Tipo da Sessão: <select id="tipo_sessao" name="tipo_sessao" >
           <option value=""></option>
           {% for tipo in tipo_sessao %}
           <option value="{{tipo.id}}">{{tipo.nome}}</option>
           {% endfor %}
         </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:
         <select id="tipo_materia" name="tipo_materia">
           <option value=""></option>
@@ -49,13 +49,13 @@
           <option value="{{tipo.id}}">{{tipo.descricao}}</option>
           {% endfor %}
         </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:
         <select id="tipo_votacao" name="tipo_votacao">
           <option value=""></option>
@@ -63,12 +63,12 @@
           <option value="{{id}}">{{descricao}}</option>
           {% endfor %}
         </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

@@ -22,22 +22,22 @@
 <form method="POST">
 	{% csrf_token %}
 
-	<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" }}' />
-		<li>
+    <div class="col-md-4">
       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>
+    </div>
-		<li> Número Ordem: <input type="text" id="numero_ordem" name="numero_ordem" value="{{numero_ordem}}" /></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-3 medium-block-grid-3 large-block-grid-3">
+  <div class="row">
-		<li>
+    <div class="col-md-4">
       Tipo Matéria:
       <select id="tipo_materia" name="tipo_materia">
         <option value=""></option>
@@ -45,13 +45,13 @@
         <option value="{{ tipo.id }}" {% if tipo == tipo_materia_selected %} selected {% endif %}>{{tipo.descricao}}</option>
         {% endfor %}
       </select>
-		</li>
+    </div>
-		<li>Número Matéria: <input type="text" id="numero_materia" name="numero_materia" value="{{ numero_materia }}"/></li>
+    <div class="col-md-4">Número Matéria: <input type="text" id="numero_materia" name="numero_materia" value="{{ 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:
       <select id="tipo_votacao" name="tipo_votacao">
         <option value=""></option>
@@ -59,12 +59,12 @@
         <option value="{{ id }}" {% if id == tipo_votacao_selected %} selected {% endif %}>{{descricao}}</option>
         {% endfor %}
       </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">{{observacao}}</textarea> </li>
+    <div class="col-md-12"> Ementa: <textarea id="observacao" name="observacao" cols="10" rows="10">{{observacao}}</textarea> </div>
-	</ul>
+  </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,21 +19,21 @@
 {% 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 %}
-		<li>
+  <div class="col-md-4">
     {{m.numero}} - <a href="{% url 'sessaoplenaria:materiaordemdia_edit' m.pk m.oid %}">{{m.titulo}}</a>
     &nbsp;
     </br>
     <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.tipo_votacao == 1 %}
     <b><a href="{% url 'sessaoplenaria:votacaosimbolicaedit' m.pk m.oid m.ordem_id %}">{{m.resultado}}</a></b>
@@ -60,9 +60,9 @@ Matérias da Ordem do Dia
     </form>
     {% endif %}
     {% endif %}
-		</li>
+  </div>
   {% endfor %}
-</ul>
+</div>
 
 </br>
 <a href="{% url 'sessaoplenaria:materiaordemdia_create' object.pk %}" class="button primary">

templates/sessao/mesa.html

@@ -7,8 +7,8 @@
 	<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">
             {% for i in integrantes %}
             <option value="{{i.parlamentar.id}}:{{i.cargo.id}}">
@@ -16,16 +16,16 @@
             </option>
             {% endfor %}
           </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 %}
           <br />
           <br />
           <input type="submit" name="Excluir" Value="Excluir" class="button primary" />
-			</li>
+        </div>
         {% if view.get_cargos_mesa %}
-			<li>
+        <div class="col-md-4">
           <select name="parlamentar" id="parlamentar">
             {% for parlamentar in view.get_candidatos_mesa %}
             <option value="{{parlamentar.id}}" name="parlamentar" id="parlamentar">{{parlamentar.nome_parlamentar}}</option>
@@ -36,9 +36,9 @@
             <option value="{{cargo.id}}" name="cargo" id="cargo">{{cargo.descricao}}</option>
             {% endfor %}
           </select>
-			</li>
+        </div>
         {% 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="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">
+      <div class="row">
-	        <li><input type="text" id="numero_ordem" name="numero_ordem"/></li>
+        <div class="col-md-4"><input type="text" id="numero_ordem" name="numero_ordem"/></div>
 
-	        <li><select name="parlamentar" id="parlamentar">
+        <div class="col-md-4"><select name="parlamentar" id="parlamentar">
             {% for parlamentar in view.get_candidatos_orador %}
             <option value="{{parlamentar.id}}">{{parlamentar.nome_parlamentar}}</option>
             {% endfor %}
-	        </select></li>
+        </select></div>
-	        <li><input type="text" id="url_discurso" name="url_discurso" /></li>
+        <div class="col-md-4"><input type="text" id="url_discurso" name="url_discurso" /></div>
-		</ul>
+      </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 %}
 

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

@@ -12,75 +12,75 @@
 
 	<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 %}
-				<li>{{b}}</li>
+      <div class="col-md-4">{{b}}</div>
       {% 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 %}
-				<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 %}
-		</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 %}
-				<li>
+      <div class="col-md-4">
         {{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_expediente_detail' m.id %}">{{m.titulo}}</a>
         <br />
         <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 %}
-		</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 %}
-				<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 %}
-		</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 %}
-				<li>
+      <div class="col-md-4">
         {{m.numero}} - <a href="{% url 'sessaoplenaria:pauta_ordem_detail' m.id %}">{{m.titulo}}</a>
         <br />
         <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 %}
-		</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

@@ -8,113 +8,113 @@
 
 	<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 %}
-				<li>{{b}}</li>
+      <div class="col-md-4">{{b}}</div>
       {% 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 %}
-				<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 %}
-		</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 %}
-				<li>{{p}}</li>
+      <div class="col-md-12">{{p}}</div>
       {% 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 %}
-				<li>
+      <div class="col-md-12">
         <b>{{e.tipo}}:</b>
         <br />
         {{e.conteudo|safe}}
-				</li>
+      </div>
       {% 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 %}
-				<li>
+      <div class="col-md-4">
         {{m.numero}} - {{m.titulo}}
         <br />
         <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 %}
-		</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 %}
-				<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 %}
-		</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 %}
-				<li>{{p}}</li>
+      <div class="col-md-12">{{p}}</div>
       {% 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 %}
-				<li>
+      <div class="col-md-4">
         {{m.numero}} - {{m.titulo}}
         <br />
         <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 %}
-		</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>
-		<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 %}
-		</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 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,38 +15,38 @@
 
 		<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 %}
-					<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">
             <option value="sim:{{parlamentar.id}}">Sim</option>
             <option value="nao:{{parlamentar.id}}">Não</option>
             <option value="abstencao:{{parlamentar.id}}">Abstenção</option>
             <option value="nao_votou:{{parlamentar.id}}">Não Votou</option>
           </select>
-					</li>
+        </div>
         {% 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
         <select id="resultado_votacao" name="resultado_votacao">
           {% for tipo in view.get_tipos_votacao %}
           <option value="{{tipo.id}}">{{tipo.nome}}</option>
           {% endfor %}
         </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
         <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" />

templates/sessao/votacao/nominal_edit.html

@@ -16,41 +16,41 @@
 
 		<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 %}
-					<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 %}
-			</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
         <select id="anular_votacao" name="anular_votacao">
           <option value="1">Sim</option>
           <option value="0" selected>Não</option>
         </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:
         {% for tipo in view.get_tipos_votacao %}
         {% if votacao.tipo_resultado == tipo.id %}
         <b>{{ tipo.nome }}</b>
         {% endif %}
         {% endfor %}
-			</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
         <textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
-			</li>
+      </div>
-		</ul>
+    </div>
 
 		<br /><br />
 		<input type="submit" value="Salvar" class="button primary" />

templates/sessao/votacao/votacao.html

@@ -36,37 +36,37 @@
 		</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?
         <select id="voto_presidente" name="voto_presidente">
           <option value="1">Sim</option>
           <option value="0" selected>Não</option>
         </select>
-			</li>
+      </div>
 
-			<li>
+      <div class="col-md-6">
         Resultado da Votação
         <select id="resultado_votacao" name="resultado_votacao">
           {% for tipo in view.get_tipos_votacao %}
           <option value="{{tipo.id}}">{{tipo.nome}}</option>
           {% endfor %}
         </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
         <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" />

templates/sessao/votacao/votacao_edit.html

@@ -14,33 +14,33 @@
 		</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
         <select id="anular_votacao" name="anular_votacao">
           <option value="1">Sim</option>
           <option value="0" selected>Não</option>
         </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:
         {% for tipo in view.get_tipos_votacao %}
         {% if votacao.tipo_resultado == tipo.id %}
         <b>{{ tipo.nome }}</b>
         {% endif %}
         {% endfor %}
-			</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
         <textarea id="observacao" name="observacao" cols="10" rows="10">{{votacao.observacao|safe}}</textarea>
-			</li>
+      </div>
-		</ul>
+    </div>
 
 		<br /><br />
 		<input type="submit" value="Salvar" class="button primary" />

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 %}