Commit 967f4d47263eaf4ae04ea199871e773795aeefe0
1 parent
134fb155
Exists in
master
and in
7 other branches
Ajustes nos padrões de botões
Showing
7 changed files
with
66 additions
and
74 deletions
Show diff stats
exemplos/index.php
| ... | ... | @@ -31,8 +31,7 @@ include "../init/head.php"; |
| 31 | 31 | padding: 3px 5px; |
| 32 | 32 | } |
| 33 | 33 | |
| 34 | -.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus | |
| 35 | - { | |
| 34 | +.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus { | |
| 36 | 35 | text-decoration: none; |
| 37 | 36 | } |
| 38 | 37 | |
| ... | ... | @@ -51,13 +50,11 @@ include "../init/head.php"; |
| 51 | 50 | class="fa fa-home fa-1x"></i></a> |
| 52 | 51 | |
| 53 | 52 | <ul class="nav navbar-nav"> |
| 54 | - <li class="dropdown mega-dropdown"><a href="#" | |
| 55 | - class="dropdown-toggle" data-toggle="dropdown">Tags <span | |
| 56 | - class="caret"></span></a> | |
| 57 | - <div id="tplLista" | |
| 58 | - class="col-sm-12 dropdown-menu mega-dropdown-menu"> | |
| 59 | - <a class="btn btn-primary" href="#" | |
| 60 | - onclick="$('.exemplo').hide();$('.{{id}}').fadeIn(600);">{{tag}}</a> | |
| 53 | + <li class="dropdown mega-dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Tags | |
| 54 | + <span class="caret"></span> | |
| 55 | + </a> | |
| 56 | + <div id="tplLista" class="col-sm-12 dropdown-menu mega-dropdown-menu"> | |
| 57 | + <a class="btn btn-primary" href="#" onclick="$('.exemplo').hide();$('.{{id}}').fadeIn(600);">{{tag}}</a> | |
| 61 | 58 | </div></li> |
| 62 | 59 | </ul> |
| 63 | 60 | </div> |
| ... | ... | @@ -80,28 +77,33 @@ include "../init/head.php"; |
| 80 | 77 | style="width: 260px; min-width: 260px; max-width: 260px;"> |
| 81 | 78 | <div class="panel panel-default"> |
| 82 | 79 | <div class="panel-body" style="height: 100px; overflow: auto;"> |
| 80 | + <span class="label label-info">{{{tag}}}</span> | |
| 83 | 81 | <h4>{{{corpo}}}</h4> |
| 84 | 82 | </div> |
| 85 | - <div class="panel-footer"> | |
| 86 | - <span class="label label-info">{{{tag}}}</span> <a | |
| 87 | - class="pull-right" href="{{{link}}}" target="_blank" | |
| 88 | - role="button">Link</a> | |
| 83 | + | |
| 84 | + <div class="panel-footer" | |
| 85 | + style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;"> | |
| 86 | + <div class="row"> | |
| 87 | + <div class="col-sm-12"> | |
| 88 | + <a class="btn btn-primary pull-right" href="{{{link}}}" target="_blank" role="button">Abrir</a> | |
| 89 | + </div> | |
| 90 | + </div> | |
| 89 | 91 | </div> |
| 90 | 92 | </div> |
| 91 | 93 | </div> |
| 92 | 94 | </div> |
| 93 | 95 | </div> |
| 94 | 96 | </div> |
| 95 | - </div> | |
| 96 | - <script src='../classesjs/compactados/mustache.js'></script> | |
| 97 | - <script src='../classesjs/compactados/classe_util_compacto.js'></script> | |
| 98 | - <script src='index.js'></script> | |
| 99 | - <script> | |
| 97 | + <script src='../classesjs/compactados/mustache.js'></script> | |
| 98 | + <script src='../classesjs/compactados/classe_util_compacto.js'></script> | |
| 99 | + <script src='index.js'></script> | |
| 100 | + <script> | |
| 100 | 101 | $(document).ready(function(){ |
| 101 | 102 | mostraBotoesBT(); |
| 102 | 103 | $('.hidden').removeClass('hidden'); |
| 103 | 104 | $.material.init(); |
| 104 | 105 | }); |
| 105 | 106 | </script> |
| 107 | + | |
| 106 | 108 | </body> |
| 107 | 109 | </html> | ... | ... |
init/dicionario.js
| ... | ... | @@ -38,9 +38,9 @@ g_traducao_init = |
| 38 | 38 | ], |
| 39 | 39 | 4 : [ |
| 40 | 40 | { |
| 41 | - pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>", | |
| 42 | - en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>", | |
| 43 | - es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>" | |
| 41 | + pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>", | |
| 42 | + en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>", | |
| 43 | + es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>" | |
| 44 | 44 | } |
| 45 | 45 | ], |
| 46 | 46 | "4a" : [ |
| ... | ... | @@ -66,7 +66,7 @@ g_traducao_init = |
| 66 | 66 | ], |
| 67 | 67 | 6 : [ |
| 68 | 68 | { |
| 69 | - pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps <i class='fa fa-external-link' aria-hidden='true'></i></a>", | |
| 69 | + pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>", | |
| 70 | 70 | en : "", |
| 71 | 71 | es : "" |
| 72 | 72 | } |
| ... | ... | @@ -262,7 +262,7 @@ g_traducao_init = |
| 262 | 262 | ], |
| 263 | 263 | 23 : [ |
| 264 | 264 | { |
| 265 | - pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM <i class='fa fa-external-link' aria-hidden='true'></i></a>", | |
| 265 | + pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM </a>", | |
| 266 | 266 | en : "", |
| 267 | 267 | es : "" |
| 268 | 268 | } |
| ... | ... | @@ -290,7 +290,7 @@ g_traducao_init = |
| 290 | 290 | ], |
| 291 | 291 | 25 : [ |
| 292 | 292 | { |
| 293 | - pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU <i class='fa fa-external-link' aria-hidden='true'></i></a>", | |
| 293 | + pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU </a>", | |
| 294 | 294 | en : "", |
| 295 | 295 | es : "" |
| 296 | 296 | } |
| ... | ... | @@ -374,7 +374,7 @@ g_traducao_init = |
| 374 | 374 | ], |
| 375 | 375 | "32a" : [ |
| 376 | 376 | { |
| 377 | - pt : "Lista de e-mails da comunidade i3Geo mantida pela <a href='http://www.osgeo.org/' target='_blank' >OSGEO <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>. Tire dúvidas com outros usuários e divulgue assuntos de interesse.", | |
| 377 | + pt : "Lista de e-mails da comunidade i3Geo mantida pela <a href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire dúvidas com outros usuários e divulgue assuntos de interesse.", | |
| 378 | 378 | en : "", |
| 379 | 379 | es : "" |
| 380 | 380 | } |
| ... | ... | @@ -388,7 +388,7 @@ g_traducao_init = |
| 388 | 388 | ], |
| 389 | 389 | "33a" : [ |
| 390 | 390 | { |
| 391 | - pt : "Links para aplicativos que podem auxiliar em algumas tarefas de construção de mapas.", | |
| 391 | + pt : "Links para aplicativos que podem auxiliar em algumas tarefas de construção de mapas.", | |
| 392 | 392 | en : "", |
| 393 | 393 | es : "" |
| 394 | 394 | } | ... | ... |
init/imagens/ogc_logo.jpg
8.51 KB
7.64 KB
init/index.js
| ... | ... | @@ -63,7 +63,7 @@ botoesIni = [ |
| 63 | 63 | "fa": "download", |
| 64 | 64 | "target": "_self" |
| 65 | 65 | },{ |
| 66 | - "img":"ogc_logo.jpg", | |
| 66 | + "img":"ogc_logo.png", | |
| 67 | 67 | "href": location.href.replace("index.php","") + "../ogc/index.php", |
| 68 | 68 | "titulo":$trad(11,g_traducao_init), |
| 69 | 69 | "subtitulo": $trad("11a",g_traducao_init), | ... | ... |
init/index.php
| ... | ... | @@ -36,17 +36,16 @@ error_reporting ( 0 ); |
| 36 | 36 | include "head.php"; |
| 37 | 37 | ?> |
| 38 | 38 | <style> |
| 39 | -.btn-qrcode{ | |
| 40 | - background-color: #fff; | |
| 41 | - color: #ddd; | |
| 42 | - margin: 5px; | |
| 43 | - width: 13px; | |
| 44 | - position:absolute; | |
| 45 | - top:12px; | |
| 46 | - left:28px; | |
| 47 | - text-align: center; | |
| 48 | - border-radius: 20%; | |
| 49 | - | |
| 39 | +.btn-qrcode { | |
| 40 | + background-color: #fff; | |
| 41 | + color: #ddd; | |
| 42 | + margin: 5px; | |
| 43 | + width: 13px; | |
| 44 | + position: absolute; | |
| 45 | + top: 12px; | |
| 46 | + left: 28px; | |
| 47 | + text-align: center; | |
| 48 | + border-radius: 20%; | |
| 50 | 49 | } |
| 51 | 50 | </style> |
| 52 | 51 | <body style="background-color: #eeeeee; padding-top: 90px;" id="topo"> |
| ... | ... | @@ -111,25 +110,20 @@ include "head.php"; |
| 111 | 110 | style="width: 260px; min-width: 260px; max-width: 260px;"> |
| 112 | 111 | <div class="panel panel-default"> |
| 113 | 112 | <div class="panel-body" style="max-height: 250px;"> |
| 114 | - <div class="thumbnail" role="button" style="height: 90px;" data-toggle="quadroQrcode" data-url="{{{href}}}"> | |
| 115 | - <img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /> | |
| 116 | - <i class="fa fa-qrcode btn-qrcode pull-right" ></i> | |
| 113 | + <div class="thumbnail" role="button" style="height: 90px;" data-toggle="quadroQrcode" | |
| 114 | + data-url="{{{href}}}"> | |
| 115 | + <img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /> <i | |
| 116 | + class="fa fa-qrcode btn-qrcode pull-right"></i> | |
| 117 | 117 | </div> |
| 118 | 118 | <h4>{{{titulo}}}</h4> |
| 119 | 119 | <div class="hidden-xs" style="overflow: auto; height: 200px;"> |
| 120 | 120 | <h5>{{{subtitulo}}}</h5> |
| 121 | 121 | </div> |
| 122 | 122 | </div> |
| 123 | - <div class="panel-footer text-right" style="border: 0px; background-color: white;"> | |
| 124 | - <div class="row"> | |
| 125 | - <div class="col-xs-12"> | |
| 126 | - <p> | |
| 127 | - <a class="btn btn-primary btn-raised " href="{{{href}}}" role="button" | |
| 128 | - target="{{{target}}}"> {{{abrir}}} <i class="fa fa-{{{fa}}}" aria-hidden="true"></i> | |
| 129 | - </a> | |
| 130 | - </p> | |
| 131 | - </div> | |
| 132 | - </div> | |
| 123 | + <div class="panel-footer text-right" | |
| 124 | + style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;"> | |
| 125 | + <a class="btn btn-primary" href="{{{href}}}" role="button" target="{{{target}}}"> {{{abrir}}} | |
| 126 | + </a> | |
| 133 | 127 | </div> |
| 134 | 128 | </div> |
| 135 | 129 | </div> |
| ... | ... | @@ -138,8 +132,8 @@ include "head.php"; |
| 138 | 132 | style="width: 260px; min-width: 260px; max-width: 260px;"> |
| 139 | 133 | <div class="panel panel-default"> |
| 140 | 134 | <div class="panel-body"> |
| 141 | - <a class="twitter-timeline tline" href="" | |
| 142 | - data-widget-id="288061915689787392" height="300">Tweets @i3Geo</a> | |
| 135 | + <a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="267">Tweets | |
| 136 | + @i3Geo</a> | |
| 143 | 137 | </div> |
| 144 | 138 | </div> |
| 145 | 139 | </div> |
| ... | ... | @@ -147,8 +141,8 @@ include "head.php"; |
| 147 | 141 | style="width: 260px; min-width: 260px; max-width: 260px;"> |
| 148 | 142 | <div class="panel panel-default"> |
| 149 | 143 | <div class="panel-body"> |
| 150 | - <a class="twitter-timeline htag" href="" | |
| 151 | - data-widget-id="643417277208133633" height="300">i3geo Tweets</a> | |
| 144 | + <a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="267">i3geo | |
| 145 | + Tweets</a> | |
| 152 | 146 | </div> |
| 153 | 147 | </div> |
| 154 | 148 | </div> | ... | ... |
ogc/index.php
| ... | ... | @@ -12,12 +12,12 @@ include "../init/head.php"; |
| 12 | 12 | ?> |
| 13 | 13 | <style> |
| 14 | 14 | .panel-heading [data-toggle="collapse"]:after { |
| 15 | - font-family: 'Glyphicons Halflings'; | |
| 16 | - content: "\e250"; | |
| 17 | - float: left; | |
| 15 | + font-family: 'FontAwesome'; | |
| 16 | + content: "\f054"; | |
| 17 | + float: right; | |
| 18 | 18 | margin-right: 5px; |
| 19 | 19 | color: #fffff; |
| 20 | - font-size: 8px; | |
| 20 | + font-size: 12px; | |
| 21 | 21 | line-height: 16px; |
| 22 | 22 | -webkit-transform: rotate(-90deg); |
| 23 | 23 | -moz-transform: rotate(-90deg); |
| ... | ... | @@ -161,17 +161,14 @@ include "../init/head.php"; |
| 161 | 161 | <div class="panel panel-default"> |
| 162 | 162 | <div class="panel-heading" style="background-color: #00BCD4;" role="tab"> |
| 163 | 163 | <h3 class="panel-title"> |
| 164 | - <a class="collapsed in" role="button" data-toggle="collapse" | |
| 165 | - href="#corpoMetaestat" aria-expanded="false" aria-controls="#corpoMetaestat"> | |
| 166 | - {{{nomemeta}}} </a> | |
| 164 | + <a class="collapsed in" role="button" data-toggle="collapse" href="#corpoMetaestat" | |
| 165 | + aria-expanded="false" aria-controls="#corpoMetaestat"> {{{nomemeta}}} </a> | |
| 167 | 166 | </h3> |
| 168 | 167 | </div> |
| 169 | 168 | <div class="panel-body"> |
| 170 | 169 | <div id="corpoMetaestat" class="panel-collapse collapse" role="tabpanel" |
| 171 | 170 | aria-multiselectable="true"> |
| 172 | - <div class="panel-body"> | |
| 173 | - {{{camadasmeta}}} | |
| 174 | - </div> | |
| 171 | + <div class="panel-body">{{{camadasmeta}}}</div> | |
| 175 | 172 | </div> |
| 176 | 173 | </div> |
| 177 | 174 | </div> |
| ... | ... | @@ -182,17 +179,14 @@ include "../init/head.php"; |
| 182 | 179 | <div class="panel panel-default"> |
| 183 | 180 | <div class="panel-heading" style="background-color: #00BCD4;" role="tab"> |
| 184 | 181 | <h3 class="panel-title"> |
| 185 | - <a class="collapsed in" role="button" data-toggle="collapse" | |
| 186 | - href="#corpomapasSalvos" aria-expanded="false" aria-controls="#corpomapasSalvos"> | |
| 187 | - {{{nomeMapasSalvos}}} </a> | |
| 182 | + <a class="collapsed in" role="button" data-toggle="collapse" href="#corpomapasSalvos" | |
| 183 | + aria-expanded="false" aria-controls="#corpomapasSalvos"> {{{nomeMapasSalvos}}} </a> | |
| 188 | 184 | </h3> |
| 189 | 185 | </div> |
| 190 | 186 | <div class="panel-body"> |
| 191 | 187 | <div id="corpomapasSalvos" class="panel-collapse collapse" role="tabpanel" |
| 192 | 188 | aria-multiselectable="true"> |
| 193 | - <div class="panel-body"> | |
| 194 | - {{{mapasSalvos}}} | |
| 195 | - </div> | |
| 189 | + <div class="panel-body">{{{mapasSalvos}}}</div> | |
| 196 | 190 | </div> |
| 197 | 191 | </div> |
| 198 | 192 | </div> |
| ... | ... | @@ -214,12 +208,14 @@ include "../init/head.php"; |
| 214 | 208 | <div class="modal-dialog"> |
| 215 | 209 | <div class="modal-content"> |
| 216 | 210 | <div class="modal-header"> |
| 217 | - <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |
| 218 | - <span aria-hidden="true">×</span> | |
| 219 | - </button> | |
| 220 | 211 | <h4 class="modal-title">OGC</h4> |
| 221 | 212 | </div> |
| 222 | 213 | <div class="modal-body"></div> |
| 214 | + <div class="modal-footer" style="padding: 0px;padding-right: 15px; border: 0px; background-color: white;"> | |
| 215 | + <a class="btn btn-primary" href="#" role="button" data-dismiss="modal" aria-label="Close"> | |
| 216 | + OK | |
| 217 | + </a> | |
| 218 | + </div> | |
| 223 | 219 | </div> |
| 224 | 220 | </div> |
| 225 | 221 | </div> | ... | ... |