Version 0.10a

pages/diz/forerunner/base.css

@@ -0,0 +1,381 @@
+*
+{
+margin: 0;
+padding: 0;
+border: 0;
+}
+
+a
+{
+text-decoration: none;
+font-weight: bold;
+color: #FF3B01;
+}
+
+a:hover,a:visited:hover
+{
+text-decoration: underline;
+}
+
+a:visited
+{
+text-decoration: none;
+}
+
+body, html
+{
+background-color: #000000;
+text-align: center;
+font-family: "arial";
+font-size: 10px;
+color: #585858;
+}
+
+.all
+{
+background-color: #161616;
+width: 930px;
+margin-top: 30px;
+margin-bottom: 70px;
+margin-left: auto;
+margin-right: auto;
+padding: 16px;
+}
+
+.header
+{
+background-color: #1C1C1C;
+border: #222222 solid 1px;
+color: #FF3B01;
+margin-bottom: 20px;
+}
+
+.header_link
+{
+text-align: left;
+margin-left: 30px;
+}
+
+.buttons
+{
+margin-top: 5px;
+margin-left: auto;
+margin-right: auto;
+width: 890px;
+text-align: center;
+}
+
+.buttons a
+{
+display: block;
+float: left;
+width: 105px;
+height: 30px;
+text-align: center;
+padding-top: 10px;
+margin-right: 15px;
+color: #FFFFFF;
+border: #373737 solid 1px;
+background: #232323 url(images/button.gif) repeat-x bottom;
+}
+
+.buttons a:hover
+{
+color: #FF3B01;
+background: #414141 url(images/button_hover.gif) repeat-x bottom;
+text-decoration: none;
+}
+
+.pub
+{
+background-color: transparent;
+border: none;
+}
+
+.corps
+{
+background-color: #1C1C1C;
+border: #222222 solid 1px;
+padding: 30px;
+line-height: 18px;
+}
+
+.cadre
+{
+background-color: #222222;
+border: #303030 solid 1px;
+padding: 20px;
+margin-bottom: 50px;
+}
+
+.titre_cadre
+{
+background-color: #1C1C1C;
+border: #303030 solid 1px;
+padding: 5px;
+margin-bottom: 30px;
+}
+
+.titre
+{
+border: #303030 solid 1px;
+padding: 15px;
+margin-bottom: 10px;
+}
+
+.accueil_planete
+{
+border: #3E3E3E solid 1px;
+margin: 20px;
+}
+
+.contour
+{
+background-color: #1C1C1C;
+border: #303030 solid 1px;
+padding: 5px;
+}
+
+.accueil
+{
+border: #303030 solid 1px;
+padding: 15px;
+margin-top: 20px;
+}
+
+.footer
+{
+background-color: #FFFFFF;
+padding: 15px;
+font-size: 11px;
+color: #925F46;
+}
+
+.hightlight
+{
+color: #C2671E;
+font-family: sans-serif;
+font-size: 12px;
+word-spacing: 2px;
+}
+
+.construction
+{
+margin-left: auto;
+margin-right: auto;
+text-align: center;
+border-collapse: separate;
+border-spacing: 20px;
+}
+
+.constructionD
+{
+width: 130px;
+height: 132px;
+border: #464646 solid 1px;
+cursor: pointer;
+float: left;
+}
+
+.constructionI
+{
+height: 150px;
+width: 20px;
+float: left;
+border: none;
+}
+
+.espace
+{
+width: 450px;
+text-align: right;
+}
+
+input[type="text"]
+{
+color: #E88607;
+width: 60px;
+background-color: #DFDFDF;
+border: #4F4F4F solid 1px;
+}
+
+input[type="text"]:focus
+{
+background-color: #FFD49D;
+color: #000000;
+}
+
+input[type="text"]:hover
+{
+color: #8F5100;
+}
+
+input[type="submit"]
+{
+color: #F26701;
+background-color:#FFFFFF;
+font-weight: bold;
+font-size: 12px;
+border: outset #3A3A3A 2px;
+margin: 8px;
+padding: 2px;
+}
+
+input[type="submit"]:focus
+{
+border: inset #3A3A3A 2px;
+}
+
+.espace a
+{
+font-size: 22px;
+font-family: sans-serif;
+}
+
+.systeme
+{
+margin-left: auto;
+margin-right: auto;
+text-align: center;
+border-collapse: separate;
+border-spacing: 4px;
+empty-cells: show;
+}
+
+.systeme td
+{
+border: #614F3E solid 1px;
+padding: 4px 10px;
+font-size: 11px;
+font-weight: bold;
+color: #93846F;
+}
+
+#arbre
+{
+position:absolute;
+bottom: 60px;
+left: 20px;
+width: 220px;
+display: none;
+}
+
+#menu
+{
+float: left;
+width: 50px;
+height: 15px;
+background-color: #C05B01;
+color: #FFFFFF;
+border: outset #3A3A3A 1px;
+margin: 20px;
+cursor: pointer;
+}
+
+#arbre a
+{
+display: block;
+background-color: #7A7A7A;
+width: 220px;
+height: 15px;
+margin-bottom: 1px;
+color: #FFFFFF;
+font-size: 11px;
+font-weight: bold;
+}
+
+#arbre a:hover
+{
+background-color: #373737;
+color: #FF3B01;
+}
+
+#arbre .space
+{
+background-color: transparent;
+height: 3px;
+}
+
+.bulle
+{
+position: absolute;
+width: 200px;
+height: 250px;
+background-color: #000000;
+filter: alpha(opacity=70);
+-moz-opacity: 0.70;
+opacity: 0.70;
+padding: 5px;
+}
+
+.bulle a
+{
+font-size: 13px;
+}
+
+#barre
+{
+position: fixed;
+left: 0px;
+bottom: 0px;
+z-index: 50;
+width: 100%;
+height: 65px;
+background-color: #2B2B2B;
+}
+
+#barre span
+{
+float: left;
+display: block;
+padding: 4px;
+margin: 15px 20px;
+font-size: 12px;
+border: #E28500 ridge 2px;
+background-color: #A8A8A8;
+}
+
+#barre .planetes img
+{
+width: 55px;
+height: 55px;
+padding: 2px;
+}
+
+#barre a.planetes
+{
+display: block;
+margin: 0 10px;
+float: right;
+display: block;
+color: #FFFFFF;
+filter: alpha(opacity=50);
+-moz-opacity: 0.50;
+opacity: 0.50;
+border: #2B2B2B 1px dashed;
+}
+
+#barre a.planetes:hover
+{
+filter: alpha(opacity=100);
+-moz-opacity: 1;
+opacity: 1;
+border: #E14C03 1px dashed;
+}
+
+.versions
+{
+font-size: 12px;
+}
+
+.versions th
+{
+background-color: #222222;
+border: #3C3C3C solid 1px;
+}
+
+.versions td
+{
+background-color: #222222;
+border: #3C3C3C solid 1px;
+}

pages/diz/forerunner/menu.js

@@ -0,0 +1,149 @@
+
+var view = false;
+
+function menu()
+{
+/*
+ var x = 0;
+ var y = -15;
+ var menu1 = document.getElementById("menu");
+ var menu2 = document.getElementById("menu");
+ var xmenu = menu1.offsetLeft;
+ var ymenu = menu1.offsetBottom;
+ while (menu1 && menu1.tagName != 'BODY')
+	{
+		x += xmenu;
+		menu1 = menu1.offsetParent;
+		xmenu = menu1.offsetLeft;
+	}
+
+	 while (menu2 && menu2.tagName != 'BODY')
+	{
+		y += ymenu;
+		menu2 = menu2.offsetParent;
+		ymenu = menu2.offsetBottom;
+	}
+
+if (document.getElementById("arbre").style.display=="none" || !view)
+	{*/
+		document.getElementById("arbre").style.display = "block";
+		view = true;
+/*	}
+
+else
+	{
+		document.getElementById("arbre").style.display = "none";
+	}
+*/
+	return true;
+}
+
+function hidemenu()
+{
+	setTimeout("hidemenuV()",750);
+	view = false;
+}
+function hidemenuV()
+{
+	if (view == false) {
+		document.getElementById("arbre").style.display = "none";
+	}
+}
+var info_var;
+
+var onclick_var;
+
+var kill = false;
+
+function view_info(objet,nom,metal,cristal,hydrogene,temps,info,lien,display,form)
+	{
+
+	if(document.getElementById("bulle"))
+		{
+			var bulle = document.getElementById("bulle").parentNode;
+
+			bulle.innerHTML = info_var;
+
+			bulle.setAttribute("onclick",onclick_var);
+
+			info_var= false;
+
+			return(view_info(objet,nom,metal,cristal,hydrogene,temps,info,lien,display,form));
+		}
+
+	if (!info_var)
+		{
+
+			var x = 20;
+			var y = 80;
+			var menu1 = objet;
+			var menu2 = objet;
+			var xmenu = menu1.offsetLeft;
+			var ymenu = menu1.offsetTop;
+			while (menu1 && menu1.tagName != 'BODY')
+				{
+					x += xmenu;
+					menu1 = menu1.offsetParent;
+					xmenu = menu1.offsetLeft;
+				}
+
+			while (menu2 && menu2.tagName != 'BODY')
+				{
+					y += ymenu;
+					menu2 = menu2.offsetParent;
+					ymenu = menu2.offsetTop;
+				}
+
+			info_var = objet.innerHTML;
+
+			onclick_var = objet.getAttribute("onclick");
+
+			objet.setAttribute("onclick", "hide_info(this,\'"+nom+"\')");
+
+			var envoi = form?'<form action=\"'+lien+'\" method=\"post\">'+(display=="none"?"<span style=\"font-weight: bold; color: #FF3600\" class=\"hightlight\">Ressources insuffisantes</span><br />":"")+'nombre: <input'+(display=="none"?" disabled":"")+' onfocus=\"kill=true\" onblur=\"kill=false\" type=\"text\" name="sa" value=\"0\" /><br /><input'+(display=="none"?" disabled":"")+' onfocus=\"kill=true\" onblur=\"kill=false\" type=\"submit\" value=\"Envoyer\" /></form>':(display=='none'?'<span style=\"font-weight: bold; color: #FF3600\" class=\"hightlight\">Ressources insuffisantes</span>':'<a href=\"'+lien+'\">'+(display=="stop"?"Stopper":"Construire")+'</a>');
+
+			objet.innerHTML += '<div id="bulle" onclick=\"hide_info(this.parentNode,\''+nom+'\')\" class=\"bulle\" style=\"top: '+y+'px; left: '+x+'px;\"><span class=\"hightlight\">nom: </span>'+nom+'<br /><span class=\"hightlight\">Coût métal: </span>'+metal+'<br /><span class=\"hightlight\">Coût crisal: </span>'+cristal+'<br /><span class=\"hightlight\">Coût hydrogène: </span>'+hydrogene+'<br /><span class=\"hightlight\">Temps de construction: </span>'+temps+'<br /><span class=\"hightlight\">Description: </span>'+info+'<br /><br />'+envoi+'</div>';
+
+		}
+
+	return true;
+	}
+
+function hide_info(objet,nom)
+	{
+
+	if(kill)
+	{
+		return;
+	}
+
+
+		if (info_var)
+			{
+				objet.innerHTML = info_var;
+
+				objet.setAttribute("onclick",onclick_var);
+
+				info_var= false;
+				return true;
+			}
+		else return false;
+	}
+
+function reste(zetime) {
+    if (zetime>0) {
+        var heures = Math.floor(zetime / 3600);
+        var minutes = Math.floor(((zetime / 3600) - Math.floor(zetime / 3600)) * 60);
+        var secondes = zetime - ((Math.floor(zetime / 60)) * 60);
+        if (heures < 10) heures = "0" + heures;
+        if (minutes < 10) minutes = "0" + minutes;
+        if (secondes < 10) secondes = "0" + secondes;
+        document.getElementById("axion").innerHTML = heures + ":" + minutes + ":" + secondes;
+        var restant = zetime - 1;
+        setTimeout("reste(" + restant + ")", 1000);
+    }
+    else {
+        document.getElementById("axion").innerHTML = "Terminé";
+		setTimeout(window.document.location.reload(),3000);
+    }
+}