Commit bab0531be7701a32fb9720a3071f5be827a40c53
Committed by
Carlos Coêlho
1 parent
a903d9ec
Exists in
master
and in
53 other branches
Started accordion
Signed-off-by: Carlos Oliveira <carloshfoliveira@linuxmail.org> Signed-off-by: Bruna Nayara <brunanayaramlima@gmail.com>
Showing
2 changed files
with
45 additions
and
82 deletions
Show diff stats
src/colab-spb-theme-plugin/colab_spb_theme/static/css/screen.css
| @@ -538,7 +538,6 @@ span.highlighted { | @@ -538,7 +538,6 @@ span.highlighted { | ||
| 538 | h4.help-pane-title { | 538 | h4.help-pane-title { |
| 539 | font-family: Arial; | 539 | font-family: Arial; |
| 540 | color: #172738; | 540 | color: #172738; |
| 541 | - text-align: justify; | ||
| 542 | } | 541 | } |
| 543 | 542 | ||
| 544 | #btn-cadastrar { | 543 | #btn-cadastrar { |
| @@ -552,3 +551,14 @@ h4.help-pane-title { | @@ -552,3 +551,14 @@ h4.help-pane-title { | ||
| 552 | font-weight: normal; | 551 | font-weight: normal; |
| 553 | font-size: 16px; | 552 | font-size: 16px; |
| 554 | } | 553 | } |
| 554 | + | ||
| 555 | +#accordion1 ul { | ||
| 556 | + list-style-type: none; | ||
| 557 | + padding: 0; | ||
| 558 | + margin: 0; | ||
| 559 | +} | ||
| 560 | + | ||
| 561 | +#accordion1>li>a:hover, #accordion1>li>a:focus{ | ||
| 562 | + background: none; | ||
| 563 | +} | ||
| 564 | + |
src/colab-spb-theme-plugin/colab_spb_theme/templates/accounts/user_create_form.html
| @@ -26,92 +26,45 @@ | @@ -26,92 +26,45 @@ | ||
| 26 | <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12"> | 26 | <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12"> |
| 27 | <div style="border-left: 1px solid #ccc; padding-left: 52px; min-height: 500px"> | 27 | <div style="border-left: 1px solid #ccc; padding-left: 52px; min-height: 500px"> |
| 28 | <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> | 28 | <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> |
| 29 | - <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> | ||
| 30 | - <div class="panel panel-default"> | ||
| 31 | - <div class="panel-heading" role="tab" id="headingOne"> | ||
| 32 | - <h4 class="panel-title"> | ||
| 33 | - <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> | ||
| 34 | - Como faço para me cadastrar no Portal do Software Público Brasileiro? | ||
| 35 | - </a> | ||
| 36 | - </h4> | ||
| 37 | - </div> | ||
| 38 | - <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> | ||
| 39 | - <div class="panel-body"> | ||
| 40 | - <div class="embed-responsive embed-responsive-16by9"> | ||
| 41 | - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" width="420" height="315" allowfullscreen></iframe> | ||
| 42 | - </div> | ||
| 43 | - </div> | ||
| 44 | - </div> | ||
| 45 | - </div> | ||
| 46 | - <div class="panel panel-default"> | ||
| 47 | - <div class="panel-heading" role="tab" id="headingTwo"> | ||
| 48 | - <h4 class="panel-title"> | ||
| 49 | - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> | ||
| 50 | - Como posso atribuir outro e-mail ao meu perfil? | ||
| 51 | - </a> | ||
| 52 | - </h4> | ||
| 53 | - </div> | ||
| 54 | - <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> | ||
| 55 | - <div class="panel-body"> | ||
| 56 | - <div class="embed-responsive embed-responsive-16by9"> | ||
| 57 | - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/U5wxjAB7LS4" frameborder="0" width="420" height="315" allowfullscreen></iframe> | ||
| 58 | - </div> | ||
| 59 | - </div> | ||
| 60 | - </div> | ||
| 61 | - </div> | ||
| 62 | - <div class="panel panel-default"> | ||
| 63 | - <div class="panel-heading" role="tab" id="headingThree"> | ||
| 64 | - <h4 class="panel-title"> | ||
| 65 | - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> | ||
| 66 | - Qual o procedimento para associar-me em uma comunidade de um software? | ||
| 67 | - </a> | ||
| 68 | - </h4> | ||
| 69 | - </div> | ||
| 70 | - <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> | ||
| 71 | - <div class="panel-body"> | ||
| 72 | - <div class="embed-responsive embed-responsive-16by9"> | ||
| 73 | - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/uJwdZ7M1uoM" frameborder="0" width="420" height="315" allowfullscreen></iframe> | ||
| 74 | - </div> | ||
| 75 | - </div> | ||
| 76 | - </div> | ||
| 77 | - </div> | ||
| 78 | - <div class="panel panel-default"> | ||
| 79 | - <div class="panel-heading" role="tab" id="headingThree"> | ||
| 80 | - <h4 class="panel-title"> | ||
| 81 | - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> | ||
| 82 | - Como faço para associar-me à uma lista de discussão de um software? | ||
| 83 | - </a> | ||
| 84 | - </h4> | ||
| 85 | - </div> | ||
| 86 | - <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour"> | ||
| 87 | - <div class="panel-body"> | ||
| 88 | - <div class="embed-responsive embed-responsive-16by9"> | ||
| 89 | - <iframe class="embed-responsive-item" src="//www.youtube.com/embed/gKFxucHUvsU" frameborder="0" width="420" height="315" allowfullscreen></iframe> | ||
| 90 | - </div> | ||
| 91 | - </div> | ||
| 92 | - </div> | ||
| 93 | - </div> | ||
| 94 | - <div class="panel panel-default"> | ||
| 95 | - <div class="panel-heading" role="tab" id="headingThree"> | ||
| 96 | - <h4 class="panel-title"> | ||
| 97 | - <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive"> | ||
| 98 | - Como faço para participar da lista de discussão? | ||
| 99 | - </a> | ||
| 100 | - </h4> | ||
| 101 | - </div> | ||
| 102 | - <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive"> | ||
| 103 | - <div class="panel-body"> | ||
| 104 | - <div class="embed-responsive embed-responsive-16by9"> | ||
| 105 | - <iframe width="420" height="315" src="//www.youtube.com/embed/j83stOqdCBI" frameborder="0" allowfullscreen></iframe> | ||
| 106 | - </div> | ||
| 107 | - </div> | ||
| 108 | - </div> | 29 | + <div class="row"> |
| 30 | + <div class="col-md-12"> | ||
| 31 | + <ul class="nav nav-stacked" id="accordion1"> | ||
| 32 | + <li> <a data-toggle="collapse" data-parent="#accordion1" href="#firstLink">Como faço para me cadastrar ao Portal do Software Público Brasileiro?</a> | ||
| 33 | + <ul id="firstLink" class="collapse"> | ||
| 34 | + <li> | ||
| 35 | + <div class="embed-responsive embed-responsive-4by3"> | ||
| 36 | + <iframe width="410" height="315" src="https://www.youtube.com/embed/lNq0UtBqrHg" frameborder="0" allowfullscreen></iframe> | ||
| 37 | + </div> | ||
| 38 | + </li> | ||
| 39 | + </ul> | ||
| 40 | + </li> | ||
| 41 | + <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Como posso atribuir outro e-mail ao meu perfil?</a> | ||
| 42 | + <ul id="secondLink" class="collapse"> | ||
| 43 | + <li>SubTest2</li> | ||
| 44 | + <li>SubTest2</li> | ||
| 45 | + <li>SubTest2</li> | ||
| 46 | + <li>SubTest2</li> | ||
| 47 | + </ul> | ||
| 48 | + </li> | ||
| 49 | + <li class="panel"> <a data-toggle="collapse" data-parent="#accordion1" href="#secondLink">Qual o procedimento para associar-me em uma comunidade?</a> | ||
| 50 | + <ul id="secondLink" class="collapse"> | ||
| 51 | + <li>SubTest2</li> | ||
| 52 | + <li>SubTest2</li> | ||
| 53 | + <li>SubTest2</li> | ||
| 54 | + <li>SubTest2</li> | ||
| 55 | + </ul> | ||
| 56 | + </li> | ||
| 57 | + <li><a href="#">Como faço para associar-me à uma lista de discussão?</a> | ||
| 58 | + </li> | ||
| 59 | + <li><a href="#">Como faço para participar da lista de discussão?</a> | ||
| 60 | + </li> | ||
| 61 | + </ul> | ||
| 109 | </div> | 62 | </div> |
| 63 | + </div> | ||
| 110 | <br> | 64 | <br> |
| 111 | <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p> | 65 | <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p> |
| 112 | <hr> | 66 | <hr> |
| 113 | <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> | 67 | <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> |
| 114 | - </div> | ||
| 115 | </div> | 68 | </div> |
| 116 | </div> | 69 | </div> |
| 117 | </div> | 70 | </div> |