rm 8001, draft

Elena.Budnik
1 parent cd5809e4
Showing 2 changed files with 13 additions and 16 deletions Show diff stats
index.html
js/resources/css/AccueilAmda.css
@@ -13,19 +13,18 @@
 <body>
 <div id="centrage">
  
-
 <div id="trou">
-
 <div id="couvercle"></div>
  
 <div id="TousLesBoutons">
 <div id="Btn_FirstVisit" onclick="location.href='help.html';"></div>
 <div id="Btn_Rules" onclick="location.href='help/policy.html';"></div>
-<form id="Form_Login" method="POST" action="desktop.php" onsubmit="return checkForm(this);">  
-            <div id="loader" class="loader"></div>
+<form id="Form_Login" method="POST" action="desktop.php" onsubmit="return checkForm(this);"> 
+        <div id="loader" class="loader"></div>
 	    <input type="text" name="username" placeholder="LOGIN" id="Btn_EnterLogin" class="PlaceHolder" />   
 	    <input type="password" name="password" placeholder="PASSWORD" id="Btn_EnterPassword" class="PlaceHolder"/>
-     <div><input id="Btn_Login" name="login" type="submit" value=""/></div>
+        <div><input id="Btn_Login" name="login" type="submit" value=""/></div>
+        <div id="textLogin">( Registered User )</div>
 </form>
 <script type="text/javascript">
   function setLoginLoader(value) {
@@ -73,24 +72,22 @@
 </script>
 <a href="mailto:amda@irap.omp.eu?subject=AMDA registration" id="Btn_Register"></a>
 <a href="mailto:amda@irap.omp.eu?subject=AMDA contact" id="Btn_Contact"></a>
-<div id="Btn_About" onclick="location.href='help/info.html';"></div><div id="textAbout">AMDA Info</div>
+<div id="Btn_About" onclick="location.href='help/info.html';"></div>
+<div id="textAbout">AMDA Info</div>
+
 <a href="http://www.cdpp.eu/" id="Logo_CDPP"></a>
 <div id="PaveGuest">
-<div id="TitrePaveGuest">Try AMDA as a guest</div>
-<div id="TextePaveGuest">login: guest</div>
-<div id="TextePaveGuest">password : your e-mail address</div>
+<input id="Btn_GuestLogin" name="guest_login" type="submit" value=""/>
+<div id="TitrePaveGuest">Public Login</div>
 </div>
+
 <div id="Logos_partenaires"></div>
  
 <div id="PaveAnnoucements">
-<div id="TitrePaveAnnoucement">Announcements </div>
+<div id="TitrePaveAnnoucement">Announcements</div>
 <div id="DateAnnoucement">20/01/2020</div>
-<div id="TexteAnnoucement">New data: PHOBOS 2,</BR>Solar Wind at BepiColombo in cruise phase (Tao model)</div>
-<div id="DateAnnoucement">01/10/2019</div>
-<div id="TexteAnnoucement">New data: </BR>Rosetta/LAP,</BR> MESSENGER/FIPS,</BR> MESSENGER/EPS,</BR>Earth Moon/Ephemeris,</BR> Cassini/MAG cruise</div>
-<div id="TexteAnnoucement">Access to <a href="http://amda-old.cdpp.eu" target="_blank">old version</a></div>
+<div id="TexteAnnoucement">New data: Parker Solar Probe :</BR> SWEAP (spc,spi), ISOIS (epilo, epihi)</div>
 </div>
-
 </div><!--TousLesBoutons-->
 </div><!--trou-->
 </div><!--centrage-->
-@charset "UTF-8";
@import url("../fonts/stylesheet.css");
/* CSS Document */
body{
		text-align: left;
		background-color: #FFF;
}
/*•••••••••••••• couvercle et trou ••••••••••••*/

#trou{
		position: relative;
		margin-right: 50%;
		margin-left: 50%;
		left: -1050px;
		top: -10px;
		width: 1920px;
		height: 1170px;
		z-index: 1;
		background-attachment: scroll;
		background-image: url(../images/trou.jpg);
		background-repeat: no-repeat;
}


#couvercle{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		left: -276px;
		top: -130px;
		width: 676px;
		height: 676px;
		z-index: 1;
		background: url(../images/Couvercle_complet.png) 0 0 no-repeat scroll;
		background-repeat: no-repeat;
		background-image: url(../images/Couvercle_complet.png);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		
		
	}
#couvercle:hover{
		left: -400px;
		top: -100px;
/*		-webkit-transform: rotate(-5deg)*/
		
		 }
		

		 
/*•••••••••••••• boutons ••••••••••••*/

#TousLesBoutons{
	left: 937px;
	top: -608px;
	z-index: 6;
	position: relative;
	width: 350px;
	height: 500px;
	}	 

#Btn_About, #Btn_FirstVisit, #Btn_Rules, #Btn_Login, #Btn_Register, #Btn_Contact{
		background: url(../images/bouton_off.png) 0 0 no-repeat scroll;
		z-index: 6;
		position: relative;
		width: 40px;
		height: 40px;
	}
		
#Btn_About:hover, #Btn_FirstVisit:hover, #Btn_Rules:hover, #Btn_Login:hover, #Btn_Register:hover, #Btn_Contact:hover{
		background: url(../images/bouton_over.png) 0 0 no-repeat scroll;
	}
	
#Btn_EnterLogin, #Btn_EnterPassword{
	left: 90px;
	z-index: 6;
	position: relative;
	width: 230px;
	height: 25px;
	background-color: rgba(0, 0, 0, 1);
	border-radius:5px 0px 10px 5px;
	padding: 1px 0px 0px 15px;
	border:none;

	}
	#Btn_EnterLogin:hover, #Btn_EnterPassword:hover{
	background-color: rgba(66, 66, 66, 1);

	
	}




#Btn_EnterLogin, #Btn_EnterPassword{
		font-family: orbitronbold;
		font-size: 10px;
		text-align: left;
	}
	
.PlaceHolder {
	  color: #0CF; 
	}

/*••••••••••••••••••••••••••• positionnement des boutons ••••••••••••••••••*/

#Btn_FirstVisit{
		left: 83px;
		top: 0px;	
	}

#Btn_Rules{
		left: 92px;
		top: 13px;		
	}

#Btn_EnterLogin{
		top: 35px;
		
	}

#Btn_EnterPassword{
		
		top: 45px;
	}

#Btn_Login{
		left: 83px;
		top: 75px;
		border: none;
	}

#Btn_Register{
		left: 62px;
		top: 95px;
		display: block;
	}

#Btn_Contact{
		left: 30px;
		top: 112px;
		display: block;
	}
	
#Btn_About{
		left: -10px;
		top: 125px;
	}

	
#Logo_CDPP{
	width: 209px;
	height: 144px;
	display: block;
	top: -70px;
	left:400px;
	z-index: 50;
	position: absolute;
	background: url(../images/Logo_CDPP_off.png) 0 0 no-repeat scroll;
	}
#Logo_CDPP:hover{
	background: url(../images/Logo_CDPP_over.png) 0 0 no-repeat scroll;
	z-index: 100;
}	

#Logos_partenaires{
	margin-right: auto;
	margin-left: auto;
	left:15%;
	right:10%;
	width: 1500px;
	height: 42px;
	bottom: 50px;
	z-index: 50;
	position: fixed;
	background: url(../images/LogosPartenaires.png) 0px 0px no-repeat scroll;				
}
#PaveGuest{
		font-family: orbitronbold;
		font-size: 15px;
		color: rgba(0, 0, 42, 0.3);
		left: 350px;
		top: -178px;
		width: 300px;
		height: 30px;
		z-index: 100;
		padding:20px 20px 20px 20px;
		position: relative;
		background-color: rgba(255, 255, 255, 0);
		border-radius:0px 30px 0px 30px;	
}
#TitrePaveGuest{
		font-family: orbitronlight;
		font-size: 17px;
		color: rgba(0, 0, 0, 0.3);
		background-color: rgba(255, 100, 255, 0);
		margin-top:20px;
}
#TextePaveGuest{
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
		background-color: rgba(255, 255, 255, 0.2);
		padding:5px 10px 2px 5px;
		border-radius:0px 0px 20px 0px;
}

/* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/
#textAbout {
		z-index: 6;
		position: relative;
		left: 40px;
		top: 100px;
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bold;
}

/* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/

#PaveAnnoucements{
		font-family: orbitronbold;
		font-size: 30px;
		color: rgba(0, 0, 42, 0.3);
		left: 300px;
		top: -100px;
		width: 300px;
		height: 300px;
		z-index: 100;
		padding:20px 20px 20px 20px;
		position: relative;
		background-color: rgba(255, 255, 255, 0);
		border-radius:0px 30px 0px 30px;
}
#TitrePaveAnnoucement{
		font-family: orbitronlight;
		font-size: 35px;
		color: rgba(0, 0, 0, 0.2);
		background-color: rgba(255, 100, 255, 0);
		margin-top:20px;
}
#DateAnnoucement{
		font-family: orbitronbold;
		font-size: 12px;
		color: rgba(163, 224, 255, 1);
		background-color: rgba(0, 0, 0, 1);
		padding:4px 5px 2px 5px;
		border-radius:3px 3px 3px 3px;
		width: 100px;
}
#DateAnnoucementRed{
		font-family: orbitronbold;
		font-size: 12px;
		color: #F00;
		background-color: rgba(0, 0, 0, 1);
		padding:4px 5px 2px 5px;
		border-radius:3px 3px 3px 3px;
		width: 100px;
}
#TexteAnnoucement{
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
		background-color: rgba(255, 255, 255, 0.2);
		padding:5px 10px 5px 10px;
		border-top:1px solid rgba(255, 255, 255, 1);
		border-radius:0px 0px 20px 0px;
}
#TexteAnnoucementRed{
		font-family: orbitronbold;
		font-size: 14px;
		color: #F00;
		text-decoration: blink;
		background-color: rgba(255, 255, 255, 0.2);
		padding:5px 10px 5px 10px;
		border-top:1px solid rgba(255, 255, 255, 1);
		border-radius:0px 0px 20px 0px;
}
 \ No newline at end of file
+@charset "UTF-8";
@import url("../fonts/stylesheet.css");
/* CSS Document */
body{
		text-align: left;
		background-color: #FFF;
}
/*•••••••••••••• couvercle et trou ••••••••••••*/

#trou{
		position: relative;
		margin-right: 50%;
		margin-left: 50%;
		left: -1050px;
		top: -10px;
		width: 1920px;
		height: 1170px;
		z-index: 1;
		background-attachment: scroll;
		background-image: url(../images/trou.jpg);
		background-repeat: no-repeat;
}


#couvercle{
		position: relative;
		margin-right: auto;
		margin-left: auto;
		left: -276px;
		top: -130px;
		width: 676px;
		height: 676px;
		z-index: 1;
		background: url(../images/Couvercle_complet.png) 0 0 no-repeat scroll;
		background-repeat: no-repeat;
		background-image: url(../images/Couvercle_complet.png);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
	}
	
#couvercle:hover{
		left: -400px;
		top: -100px;
		 }
/*•••••••••••••• boutons ••••••••••••*/

#TousLesBoutons{
	left: 937px;
	top: -608px;
	z-index: 6;
	position: relative;
	width: 350px;
	height: 500px;
	}	
	
#Btn_GuestLogin{
		background: url(../images/bouton_off.png) 0 0 no-repeat scroll;
		z-index: 6;
		position: relative;
		width: 40px;
		height: 40px;
	}
	
#Btn_GuestLogin:hover {
        background: url(../images/bouton_over.png) 0 0 no-repeat scroll;
        z-index: 6;
		position: relative;
		width: 40px;
		height: 40px;
    }
    
#Btn_About, #Btn_FirstVisit, #Btn_Rules, #Btn_Login, #Btn_Register, #Btn_Contact{
		background: url(../images/bouton_off.png) 0 0 no-repeat scroll;
		z-index: 6;
		position: relative;
		width: 40px;
		height: 40px;
	}
		
#Btn_About:hover, #Btn_FirstVisit:hover, #Btn_Rules:hover, #Btn_Login:hover, #Btn_Register:hover, #Btn_Contact:hover{
		background: url(../images/bouton_over.png) 0 0 no-repeat scroll;
	}
	
#Btn_EnterLogin, #Btn_EnterPassword{
	left: 90px;
	z-index: 6;
	position: relative;
	width: 230px;
	height: 25px;
	background-color: rgba(0, 0, 0, 1);
	border-radius:5px 0px 10px 5px;
	padding: 1px 0px 0px 15px;
	border:none;
	}

#Btn_EnterLogin:hover, #Btn_EnterPassword:hover{
	background-color: rgba(66, 66, 66, 1);
	}

#Btn_EnterLogin, #Btn_EnterPassword{
		font-family: orbitronbold;
		font-size: 10px;
		text-align: left;
	}
	
.PlaceHolder {
	  color: #0CF; 
	}

/*••••••••••••••••••••••••••• positionnement des boutons ••••••••••••••••••*/

#Btn_FirstVisit{
		left: 83px;
		top: 0px;	
	}

#Btn_Rules{
		left: 92px;
		top: 13px;		
	}

#Btn_EnterLogin{
		top: 35px;
	}

#Btn_EnterPassword{
		top: 45px;
	}

#Btn_Login{
		left: 83px;
		top: 75px;
		border: none;
	}

#Btn_Register{
		left: 62px;
		top: 95px;
		display: block;
	}

#Btn_Contact{
		left: 30px;
		top: 112px;
		display: block;
	}
	
#Btn_About{
		left: -15px;
		top: 125px;
	}
	
#Logo_CDPP{
	width: 209px;
	height: 144px;
	display: block;
	top: -70px;
	left:400px;
	z-index: 50;
	position: absolute;
	background: url(../images/Logo_CDPP_off.png) 0 0 no-repeat scroll;
	}
#Logo_CDPP:hover{
	background: url(../images/Logo_CDPP_over.png) 0 0 no-repeat scroll;
	z-index: 100;
}	

#Logos_partenaires{
	margin-right: auto;
	margin-left: auto;
	left:15%;
	right:10%;
	width: 1500px;
	height: 42px;
	bottom: 50px;
	z-index: 50;
	position: fixed;
	background: url(../images/LogosPartenaires.png) 0px 0px no-repeat scroll;				
}

#PaveGuest{
		left: 380px;
		top: -115px;
        position: relative;
}

#TitrePaveGuest{
        position: relative;
        left: 50px;
        top: -23px;
		font-family: orbitronbold;
		font-size: 16px;
		color: rgba(0, 107, 179, 0.7);
		font-weight: bold;
}

/* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/
#textAbout {
		z-index: 6;
		position: relative;
		left: 40px;
		top: 100px;
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bold;
}

#textLogin {
		z-index: 6;
		position: relative;
		left: 180px;
        top: 50px;
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bold;
}

/* •••••••••••••••••••••••••••••••• ANNOUCEMENTS••••••••••••••••••••••••••••••••••••*/

#PaveAnnoucements{
		font-family: orbitronbold;
		font-size: 30px;
		color: rgba(0, 0, 42, 0.3);
		left: 300px;
		top: -100px;
		width: 300px;
		height: 300px;
		z-index: 100;
		padding:20px 20px 20px 20px;
		position: relative;
		background-color: rgba(255, 255, 255, 0);
		border-radius:0px 30px 0px 30px;
}
#TitrePaveAnnoucement{
		font-family: orbitronlight;
		font-size: 35px;
		color: rgba(0, 0, 0, 0.2);
		background-color: rgba(255, 100, 255, 0);
		margin-top:20px;
}
#DateAnnoucement{
		font-family: orbitronbold;
		font-size: 12px;
		color: rgba(163, 224, 255, 1);
		background-color: rgba(0, 0, 0, 1);
		padding:4px 5px 2px 5px;
		border-radius:3px 3px 3px 3px;
		width: 100px;
}
#DateAnnoucementRed{
		font-family: orbitronbold;
		font-size: 12px;
		color: #F00;
		background-color: rgba(0, 0, 0, 1);
		padding:4px 5px 2px 5px;
		border-radius:3px 3px 3px 3px;
		width: 100px;
}
#TexteAnnoucement{
		font-family: orbitronlight;
		font-size: 14px;
		color: rgba(0, 0, 0, 0.5);
		background-color: rgba(255, 255, 255, 0.2);
		padding:5px 10px 5px 10px;
		border-top:1px solid rgba(255, 255, 255, 1);
		border-radius:0px 0px 20px 0px;
}
#TexteAnnoucementRed{
		font-family: orbitronbold;
		font-size: 14px;
		color: #F00;
		text-decoration: blink;
		background-color: rgba(255, 255, 255, 0.2);
		padding:5px 10px 5px 10px;
		border-top:1px solid rgba(255, 255, 255, 1);
		border-radius:0px 0px 20px 0px;
}
 \ No newline at end of file