Commit 202b450ffb142ccaee537e4f6319b69cf7d75562
1 parent
49d3e368
Exists in
master
and in
7 other branches
Correção para width=100% nos elementos select das ferramentas que usam Bootstrap
Showing
13 changed files
with
66 additions
and
57 deletions
Show diff stats
admin/php/xml.php
| ... | ... | @@ -603,7 +603,7 @@ function geraXmlAtlas($locaplic,$editores) |
| 603 | 603 | $dbhw = null; |
| 604 | 604 | return $xml; |
| 605 | 605 | } |
| 606 | -function geraXmlIdentifica($perfil,$locaplic,$editores) | |
| 606 | +function geraXmlIdentifica($perfil,$locaplic,$editores="") | |
| 607 | 607 | { |
| 608 | 608 | global $esquemaadmin; |
| 609 | 609 | $editor = "nao";//$editor = verificaEditores($editores); | ... | ... |
ferramentas/animagif/template_mst.html
| ... | ... | @@ -13,13 +13,13 @@ |
| 13 | 13 | </div> |
| 14 | 14 | <div class='form-group label-fixed condensed'> |
| 15 | 15 | <label class="control-label" for="i3GEOANIMAGIFcolunatSel">{{{colunat}}}</label> |
| 16 | - <div class="input-group"> | |
| 16 | + <div style="width: 100%;" class="input-group"> | |
| 17 | 17 | <div id='i3GEOANIMAGIFcolunatSel'></div> |
| 18 | 18 | </div> |
| 19 | 19 | </div> |
| 20 | 20 | <div class='form-group label-fixed condensed'> |
| 21 | 21 | <label class="control-label" >{{{tipocolunat}}}</label> |
| 22 | - <div id='i3GEOANIMAGIFtipocolunat' class="input-group"> | |
| 22 | + <div id='i3GEOANIMAGIFtipocolunat' style="width: 100%;" class="input-group"> | |
| 23 | 23 | <select class="form-control"> |
| 24 | 24 | <option value='numero'>{{{numerico}}}</option> |
| 25 | 25 | <option value='string'>{{{texto}}}</option> |
| ... | ... | @@ -40,7 +40,7 @@ |
| 40 | 40 | </div> |
| 41 | 41 | <div class='form-group label-fixed condensed'> |
| 42 | 42 | <label class="control-label" >{{{cache}}}</label> |
| 43 | - <div id='i3GEOANIMAGIFcache' class="input-group"> | |
| 43 | + <div id='i3GEOANIMAGIFcache' style="width: 100%;" class="input-group"> | |
| 44 | 44 | <select class="form-control"> |
| 45 | 45 | <option value='sim'>{{{sim}}}</option> |
| 46 | 46 | <option value='nao'>{{{nao}}}</option> |
| ... | ... | @@ -53,7 +53,7 @@ |
| 53 | 53 | </div> |
| 54 | 54 | <div class='form-group label-fixed condensed'> |
| 55 | 55 | <label class="control-label" >{{{legenda}}}</label> |
| 56 | - <div id='i3GEOANIMAGIFlegenda' class="input-group"> | |
| 56 | + <div id='i3GEOANIMAGIFlegenda' style="width: 100%;" class="input-group"> | |
| 57 | 57 | <select class="form-control"> |
| 58 | 58 | <option value='sim'>{{{sim}}}</option> |
| 59 | 59 | <option value='nao'>{{{nao}}}</option> |
| ... | ... | @@ -62,7 +62,7 @@ |
| 62 | 62 | </div> |
| 63 | 63 | <div class='form-group label-fixed condensed'> |
| 64 | 64 | <label class="control-label" >{{{transparencia}}}</label> |
| 65 | - <div id='i3GEOANIMAGIFtransparencia' class="input-group"> | |
| 65 | + <div id='i3GEOANIMAGIFtransparencia' style="width: 100%;" class="input-group"> | |
| 66 | 66 | <select class="form-control"> |
| 67 | 67 | <option value='sim'>{{{sim}}}</option> |
| 68 | 68 | <option value='nao'>{{{nao}}}</option> |
| ... | ... | @@ -71,7 +71,7 @@ |
| 71 | 71 | </div> |
| 72 | 72 | <div class='form-group label-fixed condensed'> |
| 73 | 73 | <label class="control-label" >{{{operador}}}</label> |
| 74 | - <div id='i3GEOANIMAGIFoperador' class="input-group"> | |
| 74 | + <div id='i3GEOANIMAGIFoperador' style="width: 100%;" class="input-group"> | |
| 75 | 75 | <select class="form-control"> |
| 76 | 76 | <option value=''>=</option> |
| 77 | 77 | <option value='lt'>lt</option> | ... | ... |
ferramentas/distancia/template_mst.html
| ... | ... | @@ -38,7 +38,7 @@ |
| 38 | 38 | </div> |
| 39 | 39 | <div class='form-group label-fixed condensed' style="display: inline;"> |
| 40 | 40 | <label class="control-label" for="">Estilo</label> |
| 41 | - <div class="input-group">{{{caixaDeEstilos}}}</div> | |
| 41 | + <div style="width: 100%;" class="input-group">{{{caixaDeEstilos}}}</div> | |
| 42 | 42 | </div> |
| 43 | 43 | <button onclick="i3GEOF.distancia.perfil();" class='btn btn-primary btn-sm btn-raised'>{{{perfilDistancia}}}</button> |
| 44 | 44 | </div> | ... | ... |
ferramentas/filtroarvore/dicionario.js
ferramentas/filtroarvore/index.js
| ... | ... | @@ -72,8 +72,8 @@ i3GEOF.filtroarvore = { |
| 72 | 72 | //cria a janela flutuante |
| 73 | 73 | titulo = "</div><a class='i3GeoTituloJanelaBs' href='javascript:void(0)' onclick='i3GEO.ajuda.ferramenta(97)' >" + $trad("t29")+"</a>"; |
| 74 | 74 | janela = i3GEO.janela.cria( |
| 75 | - "260px", | |
| 76 | - "140px", | |
| 75 | + "270px", | |
| 76 | + "160px", | |
| 77 | 77 | "", |
| 78 | 78 | "", |
| 79 | 79 | "", |
| ... | ... | @@ -82,11 +82,16 @@ i3GEOF.filtroarvore = { |
| 82 | 82 | false, |
| 83 | 83 | "hd", |
| 84 | 84 | cabecalho, |
| 85 | - minimiza | |
| 85 | + minimiza, | |
| 86 | + "", | |
| 87 | + true, | |
| 88 | + "", | |
| 89 | + "", | |
| 90 | + "", | |
| 91 | + "" | |
| 86 | 92 | ); |
| 87 | 93 | divid = janela[2].id; |
| 88 | 94 | $i("i3GEOF.filtroarvore_corpo").style.backgroundColor = "white"; |
| 89 | - $i("i3GEOF.filtroarvore_corpo").style.textAlign = "left"; | |
| 90 | 95 | i3GEOF.filtroarvore.aguarde = $i("i3GEOF.filtroarvore_imagemCabecalho").style; |
| 91 | 96 | i3GEOF.filtroarvore.inicia(divid); |
| 92 | 97 | }, | ... | ... |
ferramentas/filtroarvore/template_mst.html
| 1 | -<div style='margin-left: 5px;'> | |
| 2 | - <p class='paragrafo'>{{{selecionaFiltro}}}</p> | |
| 3 | - <div class=styled-select> | |
| 4 | - <select onchange='i3GEO.arvoreDeCamadas.FILTRO = this.value;i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)'> | |
| 5 | - <option value='naofaznada'>---</option> | |
| 6 | - <option value=''>{{{removeFiltro}}}</option> | |
| 7 | - <option value='ligados'>{{{ligado}}}</option> | |
| 8 | - <option value='desligados'>{{{desligado}}}</option> | |
| 9 | - <option value='selecionados'>{{{comSelecao}}}</option> | |
| 10 | - <option value='download'>{{{permiteDownload}}}</option> | |
| 11 | - <option value='wms'>{{{wms}}}</option> | |
| 12 | - <option value='raster'>{{{raster}}}</option> | |
| 13 | - <option value='toponimia'>{{{apenasTexto}}}</option> | |
| 14 | - </select> | |
| 1 | +<div class='container-fluid'> | |
| 2 | + <div class='form-group label-fixed condensed'> | |
| 3 | + <label class="control-label" for="">{{{selecionaFiltro}}}</label> | |
| 4 | + <div style="width: 100%;" class="input-group"> | |
| 5 | + <select class="form-control" onchange='i3GEO.arvoreDeCamadas.FILTRO = this.value;i3GEO.arvoreDeCamadas.atualiza(i3GEO.arvoreDeCamadas.CAMADAS,true)'> | |
| 6 | + <option value='naofaznada'>---</option> | |
| 7 | + <option value=''>{{{removeFiltro}}}</option> | |
| 8 | + <option value='ligados'>{{{ligado}}}</option> | |
| 9 | + <option value='desligados'>{{{desligado}}}</option> | |
| 10 | + <option value='selecionados'>{{{comSelecao}}}</option> | |
| 11 | + <option value='download'>{{{permiteDownload}}}</option> | |
| 12 | + <option value='wms'>{{{wms}}}</option> | |
| 13 | + <option value='raster'>{{{raster}}}</option> | |
| 14 | + <option value='toponimia'>{{{apenasTexto}}}</option> | |
| 15 | + </select> | |
| 16 | + </div> | |
| 15 | 17 | </div> |
| 16 | - <br> | |
| 17 | - <p class='paragrafo'>{{{operacao}}}</p> | |
| 18 | - <div class=styled-select> | |
| 19 | - <select onchange='i3GEOF.filtroarvore.lote(this)'> | |
| 18 | + <div class='form-group label-fixed condensed'> | |
| 19 | + <label class="control-label" for="">{{{operacao}}}</label> | |
| 20 | + <div style="width: 100%;" class="input-group"> | |
| 21 | + <select class="form-control" onchange='i3GEOF.filtroarvore.lote(this)'> | |
| 20 | 22 | <option value=''>---</option> |
| 21 | 23 | <option value='excluir'>{{{exclui}}}</option> |
| 22 | - </select> | |
| 24 | + </select> | |
| 25 | + </div> | |
| 23 | 26 | </div> |
| 27 | + | |
| 24 | 28 | </div> |
| 25 | 29 | \ No newline at end of file | ... | ... |
ferramentas/graficotema/template_mst.html
| ... | ... | @@ -27,7 +27,7 @@ |
| 27 | 27 | <div class='container-fluid' id='i3GEOgraficotemaguia2obj' > |
| 28 | 28 | <div class='form-group label-fixed condensed'> |
| 29 | 29 | <label class="control-label" for="i3GEOgraficotematipo">{{{tipo}}}</label> |
| 30 | - <div class="input-group"> | |
| 30 | + <div style="width: 100%;" class="input-group"> | |
| 31 | 31 | <select class="form-control" id="i3GEOgraficotematipo"> |
| 32 | 32 | <option value='PIE'>{{{pizza}}}</option> |
| 33 | 33 | <option value='BAR'>{{{barras}}}</option> | ... | ... |
ferramentas/legenda/template_mst.html
| ... | ... | @@ -137,7 +137,7 @@ |
| 137 | 137 | <h5>{{{alteraGeom}}}</h5> |
| 138 | 138 | <div class='form-group condensed'> |
| 139 | 139 | <label class="control-label" for="i3GEOlegentaTipoGeo">{{{transformaGeom}}}</label> |
| 140 | - <div class="input-group"> | |
| 140 | + <div style="width: 100%;" class="input-group"> | |
| 141 | 141 | <select class="form-control" id='i3GEOlegentaTipoGeo'> |
| 142 | 142 | <option value=''>{{{semTransformacao}}}</option> |
| 143 | 143 | <option value='centroid'>{{{centroide}}}</option> |
| ... | ... | @@ -187,7 +187,7 @@ |
| 187 | 187 | <h5>{{{valorUnico}}}</h5> |
| 188 | 188 | <div class='form-group condensed'> |
| 189 | 189 | <label class="control-label">{{{cadaOcorrenciaUnicoSimbolo}}}</label> |
| 190 | - <div class="input-group"> | |
| 190 | + <div style="width: 100%;" class="input-group"> | |
| 191 | 191 | <div id='i3GEOlegendaitensValorUnico'></div> |
| 192 | 192 | </div> |
| 193 | 193 | </div> |
| ... | ... | @@ -208,7 +208,7 @@ |
| 208 | 208 | <h5>{{{classesFixas}}}</h5> |
| 209 | 209 | <div class='form-group condensed'> |
| 210 | 210 | <label class="control-label">{{{criaClassesItemNumerico}}}</label> |
| 211 | - <div class="input-group"> | |
| 211 | + <div style="width: 100%;" class="input-group"> | |
| 212 | 212 | <div id='i3GEOlegendaitensValorClass'></div> |
| 213 | 213 | </div> |
| 214 | 214 | </div> |
| ... | ... | @@ -226,7 +226,7 @@ |
| 226 | 226 | <h5>{{{metade}}}</h5> |
| 227 | 227 | <div class='form-group condensed'> |
| 228 | 228 | <label class="control-label">{{{duasmetades}}}</label> |
| 229 | - <div class="input-group"> | |
| 229 | + <div style="width: 100%;" class="input-group"> | |
| 230 | 230 | <div id='i3GEOlegendaitensMetade'></div> |
| 231 | 231 | </div> |
| 232 | 232 | </div> |
| ... | ... | @@ -262,13 +262,13 @@ |
| 262 | 262 | <h5>{{{calcularQuartil}}}</h5> |
| 263 | 263 | <div class='form-group condensed'> |
| 264 | 264 | <label class="control-label">{{{criaQuartis}}}</label> |
| 265 | - <div class="input-group"> | |
| 265 | + <div style="width: 100%;" class="input-group"> | |
| 266 | 266 | <div id='i3GEOlegendaitensValorQuartil'></div> |
| 267 | 267 | </div> |
| 268 | 268 | </div> |
| 269 | 269 | <div class='form-group condensed'> |
| 270 | 270 | <label class="control-label">{{{estiloNomeClasses}}}</label> |
| 271 | - <div class="input-group"> | |
| 271 | + <div style="width: 100%;" class="input-group"> | |
| 272 | 272 | <select class="form-control" id='estiloClassesQuartis'> |
| 273 | 273 | <option value='minimo'>{{{soValores}}}</option> |
| 274 | 274 | <option value='simples'>{{{quartilValores}}}</option> |
| ... | ... | @@ -288,7 +288,7 @@ |
| 288 | 288 | <h5>{{{etiquetasClasse}}}</h5> |
| 289 | 289 | <div class='form-group condensed'> |
| 290 | 290 | <label class="control-label" for="i3GEOlegendaitensLabel">{{{itemComTexto}}}</label> |
| 291 | - <div class="input-group"> | |
| 291 | + <div style="width: 100%;" class="input-group"> | |
| 292 | 292 | <div id='i3GEOlegendaitensLabel'></div> |
| 293 | 293 | </div> |
| 294 | 294 | </div> |
| ... | ... | @@ -346,7 +346,7 @@ |
| 346 | 346 | <label class="control-label" for="i3GEOlegendaClusterFilter">{{{ClusterFilter}}}</label> |
| 347 | 347 | <input class="form-control input-lg" type='text' id='i3GEOlegendaClusterFilter' value='' /> |
| 348 | 348 | </div> |
| 349 | - <div class='form-group label-fixed' > | |
| 349 | + <div style="width: 100%;" class='form-group label-fixed' > | |
| 350 | 350 | <label class="control-label" for="i3GEOlegendaClusterRegion">{{{ClusterRegion}}}</label> |
| 351 | 351 | <select class="form-control" id='i3GEOlegendaClusterRegion'> |
| 352 | 352 | <option value='rectangle'>rectangle</option> | ... | ... |
ferramentas/storymap/template_mst.html
| ... | ... | @@ -9,37 +9,37 @@ |
| 9 | 9 | </div> |
| 10 | 10 | <div class='form-group label-fixed condensed'> |
| 11 | 11 | <label class="control-label" for="i3GEOstocolcabecalho">{{{colcabecalho}}}</label> |
| 12 | - <div class="input-group"> | |
| 12 | + <div style="width: 100%;" class="input-group"> | |
| 13 | 13 | <div id='i3GEOstocolcabecalho'></div> |
| 14 | 14 | </div> |
| 15 | 15 | </div> |
| 16 | 16 | <div class='form-group label-fixed condensed'> |
| 17 | 17 | <label class="control-label" for="i3GEOstocoltexto">{{{coltexto}}}</label> |
| 18 | - <div class="input-group"> | |
| 18 | + <div style="width: 100%;" class="input-group"> | |
| 19 | 19 | <div id='i3GEOstocoltexto'></div> |
| 20 | 20 | </div> |
| 21 | 21 | </div> |
| 22 | 22 | <div class='form-group label-fixed condensed'> |
| 23 | 23 | <label class="control-label" for="i3GEOstocollocal">{{{collocal}}}</label> |
| 24 | - <div class="input-group"> | |
| 24 | + <div style="width: 100%;" class="input-group"> | |
| 25 | 25 | <div id='i3GEOstocollocal'></div> |
| 26 | 26 | </div> |
| 27 | 27 | </div> |
| 28 | 28 | <div class='form-group label-fixed condensed'> |
| 29 | 29 | <label class="control-label" for="i3GEOstocolmedia">{{{colmedia}}}</label> |
| 30 | - <div class="input-group"> | |
| 30 | + <div style="width: 100%;" class="input-group"> | |
| 31 | 31 | <div id='i3GEOstocolmedia'></div> |
| 32 | 32 | </div> |
| 33 | 33 | </div> |
| 34 | 34 | <div class='form-group label-fixed condensed'> |
| 35 | 35 | <label class="control-label" for="i3GEOstocollon">{{{collon}}}</label> |
| 36 | - <div class="input-group"> | |
| 36 | + <div style="width: 100%;" class="input-group"> | |
| 37 | 37 | <div id='i3GEOstocollon'></div> |
| 38 | 38 | </div> |
| 39 | 39 | </div> |
| 40 | 40 | <div class='form-group label-fixed condensed'> |
| 41 | 41 | <label class="control-label" for="i3GEOstocollat">{{{collat}}}</label> |
| 42 | - <div class="input-group"> | |
| 42 | + <div style="width: 100%;" class="input-group"> | |
| 43 | 43 | <div id='i3GEOstocollat'></div> |
| 44 | 44 | </div> |
| 45 | 45 | </div> | ... | ... |
ferramentas/tme/template_mst.html
| ... | ... | @@ -47,7 +47,7 @@ |
| 47 | 47 | </div> |
| 48 | 48 | <div class='form-group label-fixed condensed'> |
| 49 | 49 | <label class="control-label" for="i3GEOTMEregioeslista">{{{colunaRegioes}}}</label> |
| 50 | - <div class="input-group"> | |
| 50 | + <div style="width: 100%;" class="input-group"> | |
| 51 | 51 | <div id='i3GEOTMEregioeslista'></div> |
| 52 | 52 | </div> |
| 53 | 53 | </div> | ... | ... |
ferramentas/toponimia/template_mst.html
| ... | ... | @@ -26,7 +26,7 @@ |
| 26 | 26 | <div id='i3GEOtoponimiaguia1obj' class='container-fluid'> |
| 27 | 27 | <div class='form-group condensed'> |
| 28 | 28 | <label class="control-label" for="i3GEOlegentaTipoGeo">{{{selecionaItem}}}</label> |
| 29 | - <div class="input-group" id='i3GEOtoponimiaDivListaItens'> | |
| 29 | + <div style="width: 100%;" class="input-group" id='i3GEOtoponimiaDivListaItens'> | |
| 30 | 30 | </div> |
| 31 | 31 | </div> |
| 32 | 32 | |
| ... | ... | @@ -53,7 +53,7 @@ |
| 53 | 53 | <div id='i3GEOtoponimiaguia2obj' class='container-fluid'> |
| 54 | 54 | <div class='form-group label-fixed condensed'> |
| 55 | 55 | <label class="control-label" for="i3GEOtoponimiaDivListaFonte">{{{fonte}}}</label> |
| 56 | - <div class="input-group" id='i3GEOtoponimiaDivListaFonte'> | |
| 56 | + <div style="width: 100%;" class="input-group" id='i3GEOtoponimiaDivListaFonte'> | |
| 57 | 57 | </div> |
| 58 | 58 | </div> |
| 59 | 59 | <div class='form-group label-fixed condensed' > |
| ... | ... | @@ -82,7 +82,7 @@ |
| 82 | 82 | </div> |
| 83 | 83 | <div class='form-group label-fixed condensed'> |
| 84 | 84 | <label class="control-label" for="i3GEOtoponimiaposition_i">{{{posicionamento}}}</label> |
| 85 | - <div class="input-group"> | |
| 85 | + <div style="width: 100%;" class="input-group"> | |
| 86 | 86 | <select class="form-control" id="i3GEOtoponimiaposition_i" > |
| 87 | 87 | <option value='MS_AUTO'>auto</option> |
| 88 | 88 | <option value='MS_UL'>UL</option> |
| ... | ... | @@ -127,7 +127,7 @@ |
| 127 | 127 | </div> |
| 128 | 128 | <div class='form-group label-fixed condensed'> |
| 129 | 129 | <label class="control-label" for="i3GEOtoponimiaforce_i">{{{forcaColisaoTextos}}}</label> |
| 130 | - <div class="input-group"> | |
| 130 | + <div style="width: 100%;" class="input-group"> | |
| 131 | 131 | <select class="form-control" id="i3GEOtoponimiaforce_i" > |
| 132 | 132 | <option value='0'>{{{nao}}}</option> |
| 133 | 133 | <option value='1'>{{{sim}}}</option> |
| ... | ... | @@ -144,7 +144,7 @@ |
| 144 | 144 | </div> |
| 145 | 145 | <div class='form-group label-fixed condensed'> |
| 146 | 146 | <label class="control-label" for="i3GEOtoponimiapartials_i">{{{textoUltrapassaMapa}}}</label> |
| 147 | - <div class="input-group"> | |
| 147 | + <div style="width: 100%;" class="input-group"> | |
| 148 | 148 | <select class="form-control" id="i3GEOtoponimiapartials_i" > |
| 149 | 149 | <option value='1'>{{{sim}}}</option> |
| 150 | 150 | <option value='0'>{{{nao}}}</option> | ... | ... |
ferramentas/upload/template_mst.html
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | <br> |
| 29 | 29 | <div class='form-group label-fixed condensed'> |
| 30 | 30 | <label class="control-label" for="tipo">{{{tipoGeom}}}</label> |
| 31 | - <div class="input-group"> | |
| 31 | + <div style="width: 100%;" class="input-group"> | |
| 32 | 32 | <select class="form-control" id="tipo" name="tipo"> |
| 33 | 33 | <option value="">{{{naoConhecido}}}</option> |
| 34 | 34 | <option value="1">{{{pontual}}}</option> |
| ... | ... | @@ -40,7 +40,7 @@ |
| 40 | 40 | |
| 41 | 41 | <div class='form-group label-fixed condensed'> |
| 42 | 42 | <label class="control-label" for="tipo">{{{projecao}}}</label> |
| 43 | - <div class="input-group"></div> | |
| 43 | + <div style="width: 100%;" class="input-group"></div> | |
| 44 | 44 | <div id=i3GEOuploadListaepsg style="text-align: left; overflow: auto; height: 70px; margin-top:8px;"></div> |
| 45 | 45 | </div> |
| 46 | 46 | ... | ... |
ferramentas/uploaddbf/template_mst.html
| ... | ... | @@ -9,7 +9,7 @@ |
| 9 | 9 | <br> |
| 10 | 10 | <div class='form-group label-fixed condensed'> |
| 11 | 11 | <label class="control-label">{{{tipoArquivo}}}</label> |
| 12 | - <div class="input-group"> | |
| 12 | + <div style="width: 100%;" class="input-group"> | |
| 13 | 13 | <select class="form-control" name="i3GEOuploaddbftipoarquivo"> |
| 14 | 14 | <option value='dbf' selected>dbf</option> |
| 15 | 15 | <option value='csvpv'>csv separado por ;</option> |
| ... | ... | @@ -28,7 +28,7 @@ |
| 28 | 28 | |
| 29 | 29 | <div class='form-group label-fixed condensed'> |
| 30 | 30 | <label class="control-label" for="tipo">{{{projecao}}}</label> |
| 31 | - <div class="input-group"></div> | |
| 31 | + <div style="width: 100%;" class="input-group"></div> | |
| 32 | 32 | <div id=i3GEOuploaddbfListaepsg style="text-align: left; overflow: auto; height: 70px; margin-top: 8px;"></div> |
| 33 | 33 | </div> |
| 34 | 34 | <hr /> | ... | ... |