Template:INSA-Lyon/styletestaurelie

From 2011.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
 
-
<table width="800" border="0" align="center" class="tablaux_main">
 
-
  <tr>
 
-
<td>
 
-
<script type="text/javascript">
 
-
function gold() {
 
-
document.getElementById("gold").className = "gold gold_clicked";
 
-
document.getElementById("premium").className = "premium";
 
-
var annonce = document.getElementById("choisir_gold").innerHTML;
 
-
document.getElementById('choix').innerHTML = annonce;
 
-
}
 
-
function premium() {
 
-
document.getElementById("gold").className = "gold";
 
-
document.getElementById("premium").className = "premium premium_clicked";
 
-
var annonce = document.getElementById("choisir_premium").innerHTML;
 
-
document.getElementById('choix').innerHTML = annonce;
 
-
}
 
-
</script>
 
-
 
-
<div style="display:none;">
 
-
<div id="choisir_gold">
 
-
Choisir l'annonce gold c'est :
 
-
<ul>
 
-
<li> Profiter d'une annonce plus visible avec le logo "A voir" sans limitation de temps </li>
 
-
<li> Etre vu plus rapidement</li>
 
-
<li> Profiter d'un paiement sécurisé avec notre partenaire Paypal </li>
 
-
<li> L'annonce remise en tête de liste à la date d'aujourd'hui</li>
 
-
</ul>
 
-
<input type='hidden' name="amount" value='5'>
 
-
<div style="text-align: center;">
 
-
<div style="zoom : 120%">
 
-
<input alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée" name="submit" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_paynowCC_LG.gif" type="image" />
 
-
</div>
 
-
</div>
 
-
 
-
 
-
</div>
 
-
 
-
<div id="choisir_premium">
 
-
Choisir l'annonce premium c'est :
 
-
<ul>
 
-
<li> Profiter d'une annonce en tête de liste pendant 7 jours </li>
 
-
<li> Avoir le logo URGENT à côté de son annonce </li>
 
-
<li> Une fois la période premium écoulée, bénéficier gratuitement des conditions de l'annonce Gold </li>
 
-
<li> Profiter d'un paiement sécurisé avec notre partenaire Paypal </li>
 
-
<li> L'annonce remise en tête de liste à la date d'aujourd'hui</li>
 
-
</ul>
 
-
 
-
<input type="hidden" name="amount" value='10'>
 
-
<div style="text-align: center;">
 
-
<div style="zoom : 120%">
 
-
<input alt="Effectuez vos paiements via PayPal : une solution rapide, gratuite et sécurisée" name="submit" src="https://www.paypal.com/fr_FR/FR/i/btn/btn_paynowCC_LG.gif" type="image" />
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<div style="margin-top: 15px;"> Vous avez choisi l'annonce gratuite, passez à la vitesse supérieure!</div>
 
-
 
-
<div class="paypal" style="position: relative; height : 260px; text-align: center">
 
-
 
-
<div id="premium" class="premium" style="zoom : 100%; margin-left: auto" onclick="premium()">
 
-
<div class="title">Premium</div>
 
-
<div class="prix">10 Euros</div>
 
-
<div class="content">
 
-
<ul style="text-align: left;">
 
-
<li>Tete de liste 7 jours</li>
 
-
<li>Visibilite<div class="plus">+++</div></li>
 
-
<li>Logo URGENT</li>
 
-
</ul>
 
-
</div>
 
-
<div class="logo"><img src="urgent.gif"></div>
 
-
<div class="footer_vente">Rapidite</div>
 
-
</div>
 
-
 
-
 
-
<div id="gold" class="gold" style="zoom : 100%; margin-left: 200px;" onclick="gold();">
 
-
<div class="title">Gold</div>
 
-
<div class="prix">5 Euros</div>
 
-
<ul style="text-align: left;">
 
-
<li>Visibilite<div class="plus">++</div></li>
 
-
<li>Logo A VOIR</li>
 
-
</ul>
 
-
<div class="logo"><img src="a-voir.gif" onclick="gold();"></div>
 
-
<div class="footer_vente">Visibilite</div>
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
 
-
 
-
<input name="currency_code" type="hidden" value="EUR" />
 
-
<input name="shipping" type="hidden" value="0.00" />
 
-
<input name="tax" type="hidden" value="0.00" />
 
-
<input name="return" type="hidden" value="{URLSITE}/ajout-annonce.php?msg=success" />
 
-
<input name="cancel_return" type="hidden" value="{URLSITE}/ajout-annonce.php?msg=cancel" />
 
-
<input name="notify_url" type="hidden" value="{URLSITE}/paypalvalidation.php" />
 
-
<input name="cmd" type="hidden" value="_xclick" />
 
-
<input name="business" type="hidden" value="seller_1308398898_biz@gmail.com" />
 
-
<input name="item_name" type="hidden" value="Annonce Premium" />
 
-
<input name="no_note" type="hidden" value="1" />
 
-
<input name="lc" type="hidden" value="FR" />
 
-
<input name="bn" type="hidden" value="PP-BuyNowBF" />
 
-
<input name="custom" type="hidden" value="{CODE}" />
 
-
 
-
<div id="choix" class="choix_annonce"></div>
 
-
 
-
</form>
 
-
 
-
<div id="Les plus VTT Occasion" class="cadreVTT">
 
-
<h1>Les plus VTT Occasion</h1>
 
-
<h3 style="display:inline">A votre &eacute;coute :</h3>
 
-
Je r&eacute;ponds rapidement &agrave; toutes vos questions par E-mail. <a href="mailto:sylvain.mob@gmail.com">sylvain.mob@gmail.com</a><br />
 
-
<br />
 
-
    <h3 style="display:inline">S&eacute;curit&eacute; :</h3>
 
-
    <strong>Paypal.com</strong>, notre partenaire pour le paiement en ligne, est &agrave; ce jour la solution <u>la plus s&eacute;curis&eacute;e</u> pour les transactions sur Internet.<br />
 
-
    <br />
 
-
    <h3 style="display:inline">Donn&eacute;es personnelles :</h3>
 
-
    <strong> vtt-occasion.fr</strong> est soucieux du respect la vie priv&eacute;e sur Internet. Aucune information &agrave; votre &eacute;gard n'est conserv&eacute;e.<br />
 
-
    <br />
 
-
    <h3 style="display:inline">Professionnalisme :</h3>
 
-
  Le site vtt occasion est &eacute;dit&eacute; par <strong>Sylvain PESCHARD</strong> -
 
-
    Immatricul&eacute; au Registre du Commerce et des Soci&eacute;t&eacute;s - <strong>SIRET  519 881 858 00012</strong><br /> 
 
-
</div>
 
-
    </td>
 
-
    </tr>
 
-
 
-
<script type="text/javascript">
 
-
premium();
 
-
</script>
 
-
</div>
 
-
 
-
 
-
</table>
 
-
 
-
 
<style type="text/css">
<style type="text/css">
Line 274: Line 137:
#bodyContent {
#bodyContent {
 +
position : relative;
 +
margin-top : -58px;
background-color: white;
background-color: white;
-
-moz-border-radius: 0 0 20px 20px;
 
-
-webkit-border-radius: 0 0 20px 20px;
 
-
-goog-ms-border-radius: 0 0 20px 20px;
 
-
border-radius: 0 0 20px 20px;
 
padding:0;
padding:0;
padding-bottom: 5px;
padding-bottom: 5px;
Line 297: Line 158:
margin-top: 4px;
margin-top: 4px;
margin-bottom: 70px;
margin-bottom: 70px;
-
height: 15px;
+
height: 10px;
overflow: visible;
overflow: visible;
}
}
Line 320: Line 181:
#p-logo {                      /* bannière de l'igem (display:none  -> invisible) */
#p-logo {                      /* bannière de l'igem (display:none  -> invisible) */
width: 129%;
width: 129%;
-
height:55px;
+
height:1px;
-moz-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-goog-ms-border-radius: 0 0 20px 20px;
-goog-ms-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-
background-color: #228B22;
+
background-color: transparent;
-
background-image: url("https://static.igem.org/mediawiki/2011/6/67/Team_INSA-Lyon_IGEM_Home.png");
+
background-image: none;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: left;
background-position: left;
Line 334: Line 195:
margin-left: -14.9%;
margin-left: -14.9%;
float: left;
float: left;
-
margin-top: 24px;
+
margin-top: 20px;
-
margin-bottom: 50px;
+
margin-bottom: 0px;
-
border: 1.5px solid #228B22;
+
border: 1.5px solid white;
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
-goog-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 12px 7px;
+
font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
font-family:Verdana, "Trebuchet MS", Arial, police3, police4,serif;
}
}
Line 354: Line 211:
 +
#search-controls { display:none; }
-
#search-controls {              /* google search (display:none  -> invisible) */
 
-
position: absolute top right;
 
-
margin-top: 15px;
 
-
margin-bottom: 50px;
 
-
padding: 5px 5px 0px 0px;
 
-
background-color: #228B22;
 
-
}
 
-
 
-
 
-
#mw-searchButton {            /* Pour enlever le bouton search qui nous cause des problèmes !!! */
 
-
    display:none;
 
-
}
 
#footer-box {
#footer-box {
Line 380: Line 226:
.firstHeading {
.firstHeading {
-
margin-top: 20px;  
+
margin-top: 10px;  
}
}
Line 418: Line 264:
}
}
#contentWrapper {
#contentWrapper {
 +
position : relative;
 +
top : -50px;
height: 100%;
height: 100%;
padding-bottom: 4em;
padding-bottom: 4em;
Line 458: Line 306:
}
}
#textWrapper, #textWrapper * {
#textWrapper, #textWrapper * {
-
margin-top: 20px;
+
margin-top: 10px;
}
}
#textWrapper .head {
#textWrapper .head {

Latest revision as of 13:21, 14 September 2011

Retrieved from "http://2011.igem.org/Template:INSA-Lyon/styletestaurelie"