Ajustes no nas dimensões dos cartoes da pagina inicial

Edmar Moretti
1 parent b367e033
Showing 57 changed files with 15 additions and 11 deletions Show diff stats
css/i3geo7.css.php
ferramentas/editorgm/editorgm_compacto.js
ferramentas/editorol/editorol_compacto.js
init/head.php
init/index.php
js/compactados/ajuda_compacto.js
js/compactados/analise_compacto.js
js/compactados/arvoredecamadas_compacto.js
js/compactados/arvoredetemas_compacto.js
js/compactados/base64_compacto.js
js/compactados/busca_compacto.js
js/compactados/caixaDeFerramentas_compacto.js
js/compactados/calculo_compacto.js
js/compactados/catalogoDir_compacto.js
js/compactados/catalogoEstrelas_compacto.js
js/compactados/catalogoInde_compacto.js
js/compactados/catalogoMapas_compacto.js
js/compactados/catalogoMenus_compacto.js
js/compactados/catalogoMetaestat_compacto.js
js/compactados/catalogoOgc_compacto.js
@@ -106,6 +106,7 @@ hr {
 body{
 	background-color: rgb(240,240,240);
 }
+
 /* conforme regra de acessibilidade */
 .navbar, .navbar.navbar-default, .btn.btn-fab.btn-primary {
     background-color: #008579;
@@ -245,7 +246,9 @@ h2 small {
 .btn-breadcrumb > *:nth-child(n+2) {
   display:none;
 }
-
+.navbar {
+    font-size: 1.8rem;
+}
 /* === For phones =================================== */
 @media (max-width: 767px) {
     .btn-breadcrumb > *:nth-last-child(-n+2) {
@@ -254,6 +257,7 @@ h2 small {
     .btn-breadcrumb > * div {
         max-width: 60px;
     }
+
 }
 /* === For tablets ================================== */
@@ -274,6 +278,7 @@ h2 small {
     .btn-breadcrumb > * div {
         max-width: 170px;
     }
+
 }
 </style>
@@ -74,12 +74,12 @@ include &quot;head.php&quot;;
 				<!-- template para permitir a traducao -->
 				<div id="menuTpl" class="hidden">
 					<ul class="nav navbar-nav">
-						<li class="fa"><a href="#" tabindex='-1' ><span id="bandeiras"></span></a></li>
-						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.map-o').fadeIn(600);">{{{mapas}}}</a></li>
+						<li class="fa visible-lg"><a href="#" tabindex='-1' ><span id="bandeiras"></span></a></li>
+						<li class="visible-lg"><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.map-o').fadeIn(600);">{{{mapas}}}</a></li>
 						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.download').fadeIn(600);">OGC/Download</a></li>
 						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.cogs').fadeIn(600);">{{{admin}}}</a></li>
-						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
-						<li><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li>
+						<li class="visible-lg"><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.book').fadeIn(600);">{{{docs}}}</a></li>
+						<li class="visible-lg"><a data-toggle="collapse" data-target=".in" role="button" href="#topo" onclick="$('.cartao').hide();$('.group').fadeIn(600);">{{{comunidade}}}</a></li>
 						<li><a role="button" href="../social/index.php" >Social</a></li>
 						<li><a role="button" href="../rss/index.php" >RSS</a></li>
 						<li <?php if(isset($i3geoPermiteLogin) && $i3geoPermiteLogin == false) { echo "style=display:none "; }?>>
@@ -90,7 +90,6 @@ include &quot;head.php&quot;;
 				</div>
 			</div>
 		</div>
-
 	</nav>
 	<nav class="navbar-fixed-bottom">
 		<div class="container-fluid hidden">
@@ -109,12 +108,12 @@ include &quot;head.php&quot;;
 		</div>
 	</nav>
-	<div class="container" id="conteudoPrincipal" tabindex="-1">
+	<div class="container-fluid" id="conteudoPrincipal" tabindex="-1">
 		<div class="row center-block">
 			<!-- Template para criacao dos quadros ver index.js -->
 			<div id="botoesTpl" class="hidden">
 				<div class="cartao {{{fa}}} col-xs-12 center-block"
-					style="width: 260px; min-width: 260px; max-width: 260px;">
+					style="width: 30rem; min-width: 30rem; max-width: 30rem;">
 					<div class="panel panel-default">
 						<div class="panel-body" tabindex="-1" >
 							<!--
@@ -124,14 +123,14 @@ include &quot;head.php&quot;;
 								</a>
 							</div>
 							-->
-							<div class="thumbnail" role="button" style="height: 90px;">
+							<div class="thumbnail" role="button" style="height: 90px; width: 200px;margin:auto;">
 								<a tabindex="-1" target="{{{target}}}" href="{{{href}}}"> <img alt="{{{titulo}}}" tabindex="-1" class="img-rounded {{{img}}}"
 									style="height: 100%; width: 100%" src="../imagens/branco.gif" />
 								</a>
 							</div>
 							<h4 style="height: 40px;">{{{titulo}}}</h4>
-							<h5 tabindex="-1" class="hidden-xs" style="height: 100px;">{{{subtitulo}}}</h5>
+							<h5 tabindex="-1" class="hidden-xs" style="height: 10rem;font-size: 1.7rem;">{{{subtitulo}}}</h5>
 						</div>
 						<div class="panel-footer text-right"
@@ -205,7 +204,7 @@ include &quot;head.php&quot;;
 		$(window).on("scroll click",
 			function(){
 				$("#mensagemLogin").fadeOut(300);
-				$("#jumbotron").fadeOut(300)
+				$("#jumbotron").fadeOut(300);
 			}
 		);
 		//verifica se deve ou nao esconder a mensagem de boas vindas verificando o parametro enviado pela url
	@@ -106,6 +106,7 @@ hr {		@@ -106,6 +106,7 @@ hr {
106	body{	106	body{
107	background-color: rgb(240,240,240);	107	background-color: rgb(240,240,240);
108	}	108	}
		109	+
109	/* conforme regra de acessibilidade */	110	/* conforme regra de acessibilidade */
110	.navbar, .navbar.navbar-default, .btn.btn-fab.btn-primary {	111	.navbar, .navbar.navbar-default, .btn.btn-fab.btn-primary {
111	background-color: #008579;	112	background-color: #008579;
	@@ -245,7 +246,9 @@ h2 small {		@@ -245,7 +246,9 @@ h2 small {
245	.btn-breadcrumb > *:nth-child(n+2) {	246	.btn-breadcrumb > *:nth-child(n+2) {
246	display:none;	247	display:none;
247	}	248	}
248	-	249	+.navbar {
		250	+ font-size: 1.8rem;
		251	+}
249	/* === For phones =================================== */	252	/* === For phones =================================== */
250	@media (max-width: 767px) {	253	@media (max-width: 767px) {
251	.btn-breadcrumb > *:nth-last-child(-n+2) {	254	.btn-breadcrumb > *:nth-last-child(-n+2) {
	@@ -254,6 +257,7 @@ h2 small {		@@ -254,6 +257,7 @@ h2 small {
254	.btn-breadcrumb > * div {	257	.btn-breadcrumb > * div {
255	max-width: 60px;	258	max-width: 60px;
256	}	259	}
		260	+
257	}	261	}
258		262
259	/* === For tablets ================================== */	263	/* === For tablets ================================== */
	@@ -274,6 +278,7 @@ h2 small {		@@ -274,6 +278,7 @@ h2 small {
274	.btn-breadcrumb > * div {	278	.btn-breadcrumb > * div {
275	max-width: 170px;	279	max-width: 170px;
276	}	280	}
		281	+
277	}	282	}
278		283
279	</style>	284	</style>