From bab0531be7701a32fb9720a3071f5be827a40c53 Mon Sep 17 00:00:00 2001
From: Carlos Oliveira <carloshfoliveira@linuxmail.org>
Date: Tue, 17 Nov 2015 18:35:53 -0200
Subject: [PATCH] Started accordion

---
 src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css                    |  12 +++++++++++-
 src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html | 115 ++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------
 2 files changed, 45 insertions(+), 82 deletions(-)

diff --git a/src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css b/src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
index f198138..9b6056e 100644
--- a/src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
+++ b/src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
@@ -538,7 +538,6 @@ span.highlighted {
 h4.help-pane-title {
     font-family: Arial;
     color: #172738;
-    text-align: justify;
 }
 
 #btn-cadastrar {
@@ -552,3 +551,14 @@ h4.help-pane-title {
     font-weight: normal;
     font-size: 16px;
 }
+
+#accordion1 ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+#accordion1>li>a:hover, #accordion1>li>a:focus{
+  background: none;
+}
+
diff --git a/src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html b/src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html
index df11787..e532cb6 100644
--- a/src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html
+++ b/src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html
@@ -26,92 +26,45 @@
       <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
         <div style="border-left: 1px solid #ccc; padding-left: 52px; min-height: 500px">
           <h4 class="help-pane-title">Olá! Se estiver com dúvidas, temos várias maneiras para tentar te ajudar. Veja abaixo algumas opções:</h4>
-          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
-            <div class="panel panel-default">
-              <div class="panel-heading" role="tab" id="headingOne">
-                <h4 class="panel-title">
-                  <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-                    Como faço para me cadastrar no Portal do Software Público Brasileiro?
-                  </a>
-                </h4>
-              </div>
-              <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
-                <div class="panel-body">
-                  <div class="embed-responsive embed-responsive-16by9">
-                    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" width="420" height="315" allowfullscreen></iframe>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="panel panel-default">
-              <div class="panel-heading" role="tab" id="headingTwo">
-                <h4 class="panel-title">
-                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                    Como posso atribuir outro e-mail ao meu perfil?
-                  </a>
-                </h4>
-              </div>
-              <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
-                <div class="panel-body">
-                  <div class="embed-responsive embed-responsive-16by9">
-                    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/U5wxjAB7LS4" frameborder="0" width="420" height="315" allowfullscreen></iframe>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="panel panel-default">
-              <div class="panel-heading" role="tab" id="headingThree">
-                <h4 class="panel-title">
-                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-                    Qual o procedimento para associar-me em uma comunidade de um software?
-                  </a>
-                </h4>
-              </div>
-              <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
-                <div class="panel-body">
-                  <div class="embed-responsive embed-responsive-16by9">
-                    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/uJwdZ7M1uoM" frameborder="0" width="420" height="315" allowfullscreen></iframe>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="panel panel-default">
-              <div class="panel-heading" role="tab" id="headingThree">
-                <h4 class="panel-title">
-                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
-                    Como faço para associar-me à uma lista de discussão de um software?
-                  </a>
-                </h4>
-              </div>
-              <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
-                <div class="panel-body">
-                  <div class="embed-responsive embed-responsive-16by9">
-                    <iframe class="embed-responsive-item" src="//www.youtube.com/embed/gKFxucHUvsU" frameborder="0" width="420" height="315" allowfullscreen></iframe>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="panel panel-default">
-              <div class="panel-heading" role="tab" id="headingThree">
-                <h4 class="panel-title">
-                  <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
-                    Como faço para participar da lista de discussão?
-                  </a>
-                </h4>
-              </div>
-              <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
-                <div class="panel-body">
-                  <div class="embed-responsive embed-responsive-16by9">
-                    <iframe width="420" height="315" src="//www.youtube.com/embed/j83stOqdCBI" frameborder="0" allowfullscreen></iframe>
-                  </div>
-                </div>
-              </div>
+          <div class="row">
+            <div class="col-md-12">
+              <ul class="nav nav-stacked" id="accordion1">
+                <li> <a data-toggle="collapse" data-parent="#accordion1" href="#firstLink">Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a>
+                  <ul id="firstLink" class="collapse">
+                    <li>
+                    <div class="embed-responsive embed-responsive-4by3">
+                      <iframe width="410" height="315" src="https://www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" allowfullscreen></iframe>
+                    </div>
+                    </li>
+                  </ul>
+                </li>
+                <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Como posso atribuir outro e-mail ao meu perfil?</a>
+                  <ul id="secondLink" class="collapse">
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                  </ul>
+                </li>
+                <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Qual o procedimento para associar-me em uma comunidade?</a>
+                  <ul id="secondLink" class="collapse">
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                    <li>SubTest2</li>
+                  </ul>
+                </li>
+                <li><a href="#">Como faço para associar-me à uma lista de discussão?</a>
+                </li>
+                <li><a href="#">Como faço para participar da lista de discussão?</a>
+                </li>
+              </ul>
             </div>
+          </div>
             <br>
             <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p>
             <hr>
             <p>Caso ainda permaneça com dúvidas fique à vontade para entrar em contato conosco através do email <a href="mailto:admin@softwarepublico.gov.br">admin@softwarepublico.gov.br</a></p>
-          </div>
         </div>
       </div>
     </div>
--
libgit2 0.21.2