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 | 538 | h4.help-pane-title { |
539 | 539 | font-family: Arial; |
540 | 540 | color: #172738; |
541 | - text-align: justify; | |
542 | 541 | } |
543 | 542 | |
544 | 543 | #btn-cadastrar { |
... | ... | @@ -552,3 +551,14 @@ h4.help-pane-title { |
552 | 551 | font-weight: normal; |
553 | 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 | 26 | <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12"> |
27 | 27 | <div style="border-left: 1px solid #ccc; padding-left: 52px; min-height: 500px"> |
28 | 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 | 62 | </div> |
63 | + </div> | |
110 | 64 | <br> |
111 | 65 | <p>Conheça também a seção completa de <a href="/social/spb/ajuda#faq">Ajuda</a></p> |
112 | 66 | <hr> |
113 | 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 | 68 | </div> |
116 | 69 | </div> |
117 | 70 | </div> | ... | ... |