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> | ... | ... |