Ajustes nos padrões de botões

Edmar Moretti
1 parent 134fb155
Showing 7 changed files with 66 additions and 74 deletions Show diff stats
exemplos/index.php
init/dicionario.js
init/imagens/ogc_logo.jpg
init/imagens/ogc_logo.png
init/index.js
init/index.php
ogc/index.php
@@ -31,8 +31,7 @@ include &quot;../init/head.php&quot;;
 	padding: 3px 5px;
 }
-.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus
-	{
+.mega-dropdown-menu>li ul>li>a:hover, .mega-dropdown-menu>li ul>li>a:focus {
 	text-decoration: none;
 }
@@ -51,13 +50,11 @@ include &quot;../init/head.php&quot;;
 					class="fa fa-home fa-1x"></i></a>
 				<ul class="nav navbar-nav">
-					<li class="dropdown mega-dropdown"><a href="#"
-						class="dropdown-toggle" data-toggle="dropdown">Tags <span
-							class="caret"></span></a>
-						<div id="tplLista"
-							class="col-sm-12 dropdown-menu mega-dropdown-menu">
-							<a class="btn btn-primary" href="#"
-								onclick="$('.exemplo').hide();$('.{{id}}').fadeIn(600);">{{tag}}</a>
+					<li class="dropdown mega-dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Tags
+							<span class="caret"></span>
+					</a>
+						<div id="tplLista" class="col-sm-12 dropdown-menu mega-dropdown-menu">
+							<a class="btn btn-primary" href="#" onclick="$('.exemplo').hide();$('.{{id}}').fadeIn(600);">{{tag}}</a>
 						</div></li>
 				</ul>
 			</div>
@@ -80,28 +77,33 @@ include &quot;../init/head.php&quot;;
 						style="width: 260px; min-width: 260px; max-width: 260px;">
 						<div class="panel panel-default">
 							<div class="panel-body" style="height: 100px; overflow: auto;">
+								<span class="label label-info">{{{tag}}}</span>
 								<h4>{{{corpo}}}</h4>
 							</div>
-							<div class="panel-footer">
-								<span class="label label-info">{{{tag}}}</span> <a
-									class="pull-right" href="{{{link}}}" target="_blank"
-									role="button">Link</a>
+
+							<div class="panel-footer"
+								style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
+								<div class="row">
+									<div class="col-sm-12">
+										<a class="btn btn-primary pull-right" href="{{{link}}}" target="_blank" role="button">Abrir</a>
+									</div>
+								</div>
 							</div>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
-	</div>
-	<script src='../classesjs/compactados/mustache.js'></script>
-	<script src='../classesjs/compactados/classe_util_compacto.js'></script>
-	<script src='index.js'></script>
-	<script>
+		<script src='../classesjs/compactados/mustache.js'></script>
+		<script src='../classesjs/compactados/classe_util_compacto.js'></script>
+		<script src='index.js'></script>
+		<script>
 	$(document).ready(function(){
 		mostraBotoesBT();
 		$('.hidden').removeClass('hidden');
 		$.material.init();
 	});
 	</script>
+
 </body>
 </html>
@@ -38,9 +38,9 @@ g_traducao_init =
 			],
 		4 : [
 			{
-				pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>",
-				en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>",
-				es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers <i class='fa fa-external-link fa-1g' aria-hidden='true'></i></a>"
+				pt : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",
+				en : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>",
+				es : "i3Geo + <a href='http://openlayers.org/' >OpenLayers </a>"
 			}
 		],
 		"4a" : [
@@ -66,7 +66,7 @@ g_traducao_init =
 			],
 		6 : [
 			{
-				pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps <i class='fa fa-external-link' aria-hidden='true'></i></a>",
+				pt : "i3Geo + <a href='https://developers.google.com/maps' >Google Maps </a>",
 				en : "",
 				es : ""
 			}
@@ -262,7 +262,7 @@ g_traducao_init =
 		],
 		23 : [
 			{
-				pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM <i class='fa fa-external-link' aria-hidden='true'></i></a>",
+				pt : "i3Geo + <a href='http://wiki.openstreetmap.org' >OSM </a>",
 				en : "",
 				es : ""
 			}
@@ -290,7 +290,7 @@ g_traducao_init =
 		],
 		25 : [
 			{
-				pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU <i class='fa fa-external-link' aria-hidden='true'></i></a>",
+				pt : "i3Geo + <a href='http://community.meteorite.bi/' >SAIKU </a>",
 				en : "",
 				es : ""
 			}
@@ -374,7 +374,7 @@ g_traducao_init =
 		],
 		"32a" : [
 			{
-				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&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.",
+				pt : "Lista de e-mails da comunidade i3Geo mantida pela <a href='http://www.osgeo.org/' target='_blank' >OSGEO </a>. Tire d&uacute;vidas com outros usu&aacute;rios e divulgue assuntos de interesse.",
 				en : "",
 				es : ""
 			}
@@ -388,7 +388,7 @@ g_traducao_init =
 		],
 		"33a" : [
 			{
-				pt : "Links para aplicativos que podem auxiliar em algumas tarefas de construção de mapas.",
+				pt : "Links para aplicativos que podem auxiliar em algumas tarefas de constru&ccedil;&atilde;o de mapas.",
 				en : "",
 				es : ""
 			}
@@ -63,7 +63,7 @@ botoesIni = [
 	"fa": "download",
 	"target": "_self"
 },{
-	"img":"ogc_logo.jpg",
+	"img":"ogc_logo.png",
 	"href": location.href.replace("index.php","") + "../ogc/index.php",
 	"titulo":$trad(11,g_traducao_init),
 	"subtitulo": $trad("11a",g_traducao_init),
@@ -36,17 +36,16 @@ error_reporting ( 0 );
 include "head.php";
 ?>
 <style>
-.btn-qrcode{
-    background-color: #fff;
-    color: #ddd;
-    margin: 5px;
-    width: 13px;
-    position:absolute;
-    top:12px;
-    left:28px;
-    text-align: center;
-    border-radius: 20%;
-
+.btn-qrcode {
+	background-color: #fff;
+	color: #ddd;
+	margin: 5px;
+	width: 13px;
+	position: absolute;
+	top: 12px;
+	left: 28px;
+	text-align: center;
+	border-radius: 20%;
 }
 </style>
 <body style="background-color: #eeeeee; padding-top: 90px;" id="topo">
@@ -111,25 +110,20 @@ include &quot;head.php&quot;;
 					style="width: 260px; min-width: 260px; max-width: 260px;">
 					<div class="panel panel-default">
 						<div class="panel-body" style="max-height: 250px;">
-							<div class="thumbnail" role="button" style="height: 90px;" data-toggle="quadroQrcode" data-url="{{{href}}}">
-								<img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" />
-								<i class="fa fa-qrcode btn-qrcode pull-right" ></i>
+							<div class="thumbnail" role="button" style="height: 90px;" data-toggle="quadroQrcode"
+								data-url="{{{href}}}">
+								<img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /> <i
+									class="fa fa-qrcode btn-qrcode pull-right"></i>
 							</div>
 							<h4>{{{titulo}}}</h4>
 							<div class="hidden-xs" style="overflow: auto; height: 200px;">
 								<h5>{{{subtitulo}}}</h5>
 							</div>
 						</div>
-						<div class="panel-footer text-right" style="border: 0px; background-color: white;">
-							<div class="row">
-								<div class="col-xs-12">
-									<p>
-										<a class="btn btn-primary btn-raised " href="{{{href}}}" role="button"
-											target="{{{target}}}"> {{{abrir}}} <i class="fa fa-{{{fa}}}" aria-hidden="true"></i>
-										</a>
-									</p>
-								</div>
-							</div>
+						<div class="panel-footer text-right"
+							style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
+							<a class="btn btn-primary" href="{{{href}}}" role="button" target="{{{target}}}"> {{{abrir}}}
+							</a>
 						</div>
 					</div>
 				</div>
@@ -138,8 +132,8 @@ include &quot;head.php&quot;;
 				style="width: 260px; min-width: 260px; max-width: 260px;">
 				<div class="panel panel-default">
 					<div class="panel-body">
-						<a class="twitter-timeline tline" href=""
-							data-widget-id="288061915689787392" height="300">Tweets @i3Geo</a>
+						<a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="267">Tweets
+							@i3Geo</a>
 					</div>
 				</div>
 			</div>
@@ -147,8 +141,8 @@ include &quot;head.php&quot;;
 				style="width: 260px; min-width: 260px; max-width: 260px;">
 				<div class="panel panel-default">
 					<div class="panel-body">
-						<a class="twitter-timeline htag" href=""
-							data-widget-id="643417277208133633" height="300">i3geo Tweets</a>
+						<a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="267">i3geo
+							Tweets</a>
 					</div>
 				</div>
 			</div>
@@ -12,12 +12,12 @@ include &quot;../init/head.php&quot;;
 ?>
 <style>
 .panel-heading [data-toggle="collapse"]:after {
-	font-family: 'Glyphicons Halflings';
-	content: "\e250";
-	float: left;
+	font-family: 'FontAwesome';
+	content: "\f054";
+	float: right;
 	margin-right: 5px;
 	color: #fffff;
-	font-size: 8px;
+	font-size: 12px;
 	line-height: 16px;
 	-webkit-transform: rotate(-90deg);
 	-moz-transform: rotate(-90deg);
@@ -161,17 +161,14 @@ include &quot;../init/head.php&quot;;
 					<div class="panel panel-default">
 						<div class="panel-heading" style="background-color: #00BCD4;" role="tab">
 							<h3 class="panel-title">
-								<a class="collapsed in" role="button" data-toggle="collapse"
-									href="#corpoMetaestat" aria-expanded="false" aria-controls="#corpoMetaestat">
-									{{{nomemeta}}} </a>
+								<a class="collapsed in" role="button" data-toggle="collapse" href="#corpoMetaestat"
+									aria-expanded="false" aria-controls="#corpoMetaestat"> {{{nomemeta}}} </a>
 							</h3>
 						</div>
 						<div class="panel-body">
 							<div id="corpoMetaestat" class="panel-collapse collapse" role="tabpanel"
 								aria-multiselectable="true">
-								<div class="panel-body">
-									{{{camadasmeta}}}
-								</div>
+								<div class="panel-body">{{{camadasmeta}}}</div>
 							</div>
 						</div>
 					</div>
@@ -182,17 +179,14 @@ include &quot;../init/head.php&quot;;
 					<div class="panel panel-default">
 						<div class="panel-heading" style="background-color: #00BCD4;" role="tab">
 							<h3 class="panel-title">
-								<a class="collapsed in" role="button" data-toggle="collapse"
-									href="#corpomapasSalvos" aria-expanded="false" aria-controls="#corpomapasSalvos">
-									{{{nomeMapasSalvos}}} </a>
+								<a class="collapsed in" role="button" data-toggle="collapse" href="#corpomapasSalvos"
+									aria-expanded="false" aria-controls="#corpomapasSalvos"> {{{nomeMapasSalvos}}} </a>
 							</h3>
 						</div>
 						<div class="panel-body">
 							<div id="corpomapasSalvos" class="panel-collapse collapse" role="tabpanel"
 								aria-multiselectable="true">
-								<div class="panel-body">
-									{{{mapasSalvos}}}
-								</div>
+								<div class="panel-body">{{{mapasSalvos}}}</div>
 							</div>
 						</div>
 					</div>
@@ -214,12 +208,14 @@ include &quot;../init/head.php&quot;;
 		<div class="modal-dialog">
 			<div class="modal-content">
 				<div class="modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
 					<h4 class="modal-title">OGC</h4>
 				</div>
 				<div class="modal-body"></div>
+				<div class="modal-footer" style="padding: 0px;padding-right: 15px; border: 0px; background-color: white;">
+					<a class="btn btn-primary" href="#" role="button" data-dismiss="modal" aria-label="Close">
+						OK
+					</a>
+				</div>
 			</div>
 		</div>
 	</div>
	@@ -63,7 +63,7 @@ botoesIni = [		@@ -63,7 +63,7 @@ botoesIni = [
63	"fa": "download",	63	"fa": "download",
64	"target": "_self"	64	"target": "_self"
65	},{	65	},{
66	- "img":"ogc_logo.jpg",	66	+ "img":"ogc_logo.png",
67	"href": location.href.replace("index.php","") + "../ogc/index.php",	67	"href": location.href.replace("index.php","") + "../ogc/index.php",
68	"titulo":$trad(11,g_traducao_init),	68	"titulo":$trad(11,g_traducao_init),
69	"subtitulo": $trad("11a",g_traducao_init),	69	"subtitulo": $trad("11a",g_traducao_init),