remção da tag table e ajustes no css dos botões de seleção (select>

Edmar Moretti
1 parent 0e0d14df
Showing 8 changed files with 59 additions and 59 deletions Show diff stats
admin/admin.db
css/geral.css
css/i3geo6.css
css/i3geo6.css.php
css/i3geo_ferramentas6.css
init/index.js
init/index.php
interface/osmdebug.htm
@@ -15,6 +15,9 @@ input[type=text]{
     -o-user-select: text;
     user-select: text;
 }
+a:active {
+    outline: none;
+}
 /*
 Popup do identifica no openlayers 3
 */
@@ -1343,10 +1346,10 @@ h1 {
 	text-overflow: ellipsis;
 	font-size: 12px;
 	appearance: none;
-  background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+  background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
   @media (-webkit-min-device-pixel-ratio: 2),
     (min-resolution: 192dpi) {
-      background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+      background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
       background-size: 16px 144px;
     }
 }
@@ -15,6 +15,9 @@ input[type=text]{
 -o-user-select: text;
 user-select: text;
 }
+a:active {
+outline: none;
+}
 /*
 Popup do identifica no openlayers 3
 */
@@ -1201,10 +1204,10 @@ white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 12px;
 appearance: none;
-background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
-background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
 background-size: 16px 144px;
 }
 }
@@ -15,6 +15,9 @@ input[type=text]{
 -o-user-select: text;
 user-select: text;
 }
+a:active {
+outline: none;
+}
 /*
 Popup do identifica no openlayers 3
 */
@@ -1201,10 +1204,10 @@ white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 12px;
 appearance: none;
-background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
 @media (-webkit-min-device-pixel-ratio: 2),
 (min-resolution: 192dpi) {
-background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
 background-size: 16px 144px;
 }
 }
@@ -15,6 +15,9 @@ input[type=text]{
     -o-user-select: text;
     user-select: text;
 }
+a:active {
+    outline: none;
+}
 /*
 Popup do identifica no openlayers 3
 */
@@ -1343,10 +1346,10 @@ h1 {
 	text-overflow: ellipsis;
 	font-size: 12px;
 	appearance: none;
-  background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+  background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
   @media (-webkit-min-device-pixel-ratio: 2),
     (min-resolution: 192dpi) {
-      background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 6px;
+      background: transparent url("../imagens/menuarodwn8_nrm_1.gif") no-repeat scroll 99% 0px;
       background-size: 16px 144px;
     }
 }
@@ -123,11 +123,11 @@ function mostraBotoes(){
 	//i3GEO.barraDeBotoes.ATIVA = false;
 	var ins = [],i,n = botoesIni.length,texto;
 	for(i=0;i<n;i++){
-		texto = '<div class="r" ><table ><tr><td><a target=_blank href="'+botoesIni[i].href+'" ><img src="'+botoesIni[i].img+'" /><br><br>'+botoesIni[i].titulo+'</a>';
+		texto = '<div class="r" ><div class="ri" ><a target=_blank href="'+botoesIni[i].href+'" ><img src="'+botoesIni[i].img+'" /><br><br>'+botoesIni[i].titulo+'</a>';
 		if(botoesIni[i].subtitulo){
 			texto += botoesIni[i].subtitulo;
 		}
-		texto += '</td></tr></table></div>';
+		texto += '</div></div>';
 		ins.push(texto);
 	}
 	$i("botoes").innerHTML = ins.join("");
@@ -95,6 +95,14 @@ body {
 	z-index: 2;
 }
+.ri {
+	left: 50%;
+	position: absolute;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	width: 100%;
+}
+
 table {
 	width: 100%;
 }
@@ -187,47 +195,28 @@ A:hover {
 			<div id="botoes" style="width: 100%;"></div>
 			<script>mostraBotoes();</script>
 			<div class="r">
-				<table>
-					<tbody>
-						<tr>
-							<td>
-								<script type="text/javascript" src="http://www.openhub.net/p/150688/widgets/project_users.js?style=gray"></script>
-							</td>
-						</tr>
-					</tbody>
-				</table>
+				<div class="ri" >
+					<script type="text/javascript" src="http://www.openhub.net/p/150688/widgets/project_users.js?style=gray"></script>
+				</div>
 			</div>
 		</div>
-		<div style="float: left">
-			<a href="#" class="r" style="width: 230px; height: 380px;">
-				<table>
-					<tr>
-						<td>
-							<a class="twitter-timeline" href="https://twitter.com/i3geo" data-widget-id="288061915689787392" width="220" height="350">Tweets @i3Geo</a>
-							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-						</td>
-					</tr>
-				</table>
-			</a>
-			<a href="#" class="r" style="width: 230px; height: 380px;">
-				<table>
-					<tr>
-						<td>
-							<a class="twitter-timeline" href="https://twitter.com/search?q=@i3geo" data-widget-id="288053202174222336" width="220" height="350">Tweets #i3Geo</a>
-							<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-						</td>
-					</tr>
-				</table>
-			</a>
-			<a href="#" class="r" style="width: 345px; height: 220px;">
-				<table>
-					<tr>
-						<td>
-							<script type="text/javascript" src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>
-						</td>
-					</tr>
-				</table>
-			</a>
+		<div style="float: left;">
+			<div class="r" style="width: 230px; height: 380px;">
+				<div class="ri">
+					<a class="twitter-timeline" href="https://twitter.com/i3geo" data-widget-id="288061915689787392" width="220" height="350">Tweets @i3Geo</a>
+					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+				</div>
+			</div>
+			<div class="r" style="width: 230px; height: 380px;">
+				<div class="ri" >
+					<a class="twitter-timeline" href="https://twitter.com/search?q=@i3geo" data-widget-id="288053202174222336" width="220" height="350">Tweets #i3Geo</a>
+				</div>
+			</div>
+			<div class="r" style="width: 345px; height: 220px;">
+				<div class="ri">
+					<script type="text/javascript" src="http://www.openhub.net/p/150688/widgets/project_basic_stats.js"></script>
+				</div>
+			</div>
 		</div>
 	</div>
 </body>
@@ -175,14 +175,14 @@
 		OpenLayers.ImgPath = "../pacotes/openlayers/img/";
 		(function() {
 			function getTileURL(bounds) {
-		        console.info(this)   
+		        console.info(bounds)   
 				var res = this.map.getResolution();
 		           //var m = i3GEO.util.projGeo2OSM(i3geoOL.maxExtent);
 		           //bounds = i3GEO.util.projGeo2OSM(bounds)
 		           //this.map.zoomIn()
 		           var m = (this.maxExtent);
-		            var x = Math.round((bounds.left - m.left) / (res * 256));
-		            var y = Math.round((m.top - bounds.top) / (res * 256));
+		            var x = Math.round((bounds.left - m.left) / ((res) * 256));
+		            var y = Math.round((m.top - bounds.top) / ((res) * 256));
 		            var z = this.map.getZoom();
 		            var limit = Math.pow(2, z);
@@ -243,13 +243,13 @@
 				visibility : false
 			});
-			var layMSNOsmRoad = new OpenLayers.Layer.TMS("OSM Roads", "http://korona.geog.uni-heidelberg.de/tiles/roads/", {
+			var layMSNOsmRoad = new OpenLayers.Layer.OSM("OSM Roads", ["http://korona.geog.uni-heidelberg.de/tiles/roads/x=${x}&y=${y}&z=${z}"], {
+				displayOutsideMaxExtent: true,
 				type : 'png',
-				getURL : getTileURL,
+				//getURL : getTileURL,
 				isBaseLayer : true,
 				visibility : false,
-				attribution : mapSurfer,
-				displayOutsideMaxExtent: true
+				attribution : mapSurfer
 			});
 			var layMSNOsmRoadsGray =
@@ -272,9 +272,8 @@
 					attribution : mapSurfer
 				});
-			var layMSNOsmHybrid = new OpenLayers.Layer.TMS("OSM Semitransparent", "http://korona.geog.uni-heidelberg.de/tiles/hybrid/", {
-				type : 'png',
-				getURL : getTileURL,
+			var layMSNOsmHybrid = new OpenLayers.Layer.OSM("OSM Semitransparent", "http://korona.geog.uni-heidelberg.de/tiles/hybrid/x=${x}&y=${y}&z=${z}", {
+				displayOutsideMaxExtent: true,
 				visibility : false,
 				isBaseLayer : true,
 				attribution : mapSurfer
	@@ -123,11 +123,11 @@ function mostraBotoes(){		@@ -123,11 +123,11 @@ function mostraBotoes(){
123	//i3GEO.barraDeBotoes.ATIVA = false;	123	//i3GEO.barraDeBotoes.ATIVA = false;
124	var ins = [],i,n = botoesIni.length,texto;	124	var ins = [],i,n = botoesIni.length,texto;
125	for(i=0;i<n;i++){	125	for(i=0;i<n;i++){
126	- texto = '<div class="r" ><table ><tr><td><a target=_blank href="'+botoesIni[i].href+'" ><img src="'+botoesIni[i].img+'" /><br><br>'+botoesIni[i].titulo+'</a>';	126	+ texto = '<div class="r" ><div class="ri" ><a target=_blank href="'+botoesIni[i].href+'" ><img src="'+botoesIni[i].img+'" /><br><br>'+botoesIni[i].titulo+'</a>';
127	if(botoesIni[i].subtitulo){	127	if(botoesIni[i].subtitulo){
128	texto += botoesIni[i].subtitulo;	128	texto += botoesIni[i].subtitulo;
129	}	129	}
130	- texto += '</td></tr></table></div>';	130	+ texto += '</div></div>';
131	ins.push(texto);	131	ins.push(texto);
132	}	132	}
133	$i("botoes").innerHTML = ins.join("");	133	$i("botoes").innerHTML = ins.join("");