Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

etudiants:2014:bastien.lemaitre [2015/05/28 11:46]
bastien.lemaitre
etudiants:2014:bastien.lemaitre [2017/08/09 16:45]
Ligne 1: Ligne 1:
-<​html>​ +
- <script src="​https://​ajax.googleapis.com/​ajax/​libs/​jqueryui/​1.11.3/​jquery-ui.min.js"></​script>​ +
- <​style>​ +
- .slam_wiki {  +
- position:​ relative; +
- display: inline-block;​ +
- width: 98%;  +
- box-sizing:​ border-box;​ +
-+
- span, p, h1, h1, h3, h4, h5, h6, ul, li, .tableau { +
- font-family:​ Segoe UI !important;​ +
- font-weight:​ 100 !important;​ +
-+
- .bloc_title { +
- position:​ relative; +
- display: inline-block;​ +
- background-color:​ #313131; +
- padding: 10px; +
- width: 100%;  +
- box-sizing:​ border-box;​ +
-+
- .bloc_title span { +
- color: #fff; +
- font-size:​ 20px; +
- vertical-align:​ middle; +
-+
- .bloc_title:​hover { +
- cursor: pointer; +
-+
- .bloc_normal {  +
- position:​ relative; +
- border: 1px solid #313131; +
- padding: 10px; +
-+
- .lien_interactif {  +
- position:​ relative; +
- border: 1px solid #313131; +
- display: inline-block;​ +
- margin: 5px; +
- text-decoration:​ none; +
- background-color:​ rgba(0, 0, 0, 0.48); +
- padding: 10px;  +
- -webkit-transition:​ all 0.6s; +
- -moz-transition:​ all 0.6s; +
- -ms-transition:​ all 0.6s; +
- -o-transition:​ all 0.6s; +
- transition:​ all 0.6s; +
-+
- .lien_interactif:​hover {  +
- text-decoration:​ none; +
- background-color:​ rgba(0, 0, 0, 0.70); +
- list-style-type:​ none; +
-+
- .lien_interactif span {  +
- font-size:​ 16px; +
- vertical-align:​ middle; +
- margin: 15px; +
- color: #fff; +
-+
- .lien_interactif .lien_img { +
- vertical-align:​ middle; +
- display: inline-block;​ +
- position:​ relative; +
- overflow:​ hidden; +
- width: 80px; +
- height: 80px; +
-+
- .lien_img img { +
- position:​ absolute; +
- margin: auto; +
- left: 0px; +
- top: -9999px; +
- bottom: -9999px; +
- width: 100%; +
-+
- .resize_img { +
- vertical-align:​ middle; +
- display: inline-block;​ +
- position:​ relative; +
- overflow:​ hidden; +
- width: 50px; +
- height: 50px; +
- margin-right:​ 10px; +
-+
- .resize_img img {  +
- position:​ absolute; +
- margin: auto; +
- left: 0px; +
- top: -9999px; +
- bottom: -9999px; +
- width: 100%; +
-+
- .rounded { +
- border-radius:​ 50%; +
-+
- .mini_titre {  +
- display: inline-block;​ +
- text-decoration:​ underline;​ +
- margin: 0px; +
-+
- .legende { +
- display: inline-block;​ +
- text-decoration:​ underline;​ +
- margin: 10px; +
-+
- .bloc_normal ul { +
- color: #333 !important;​ +
- margin: 0px 0px 0px 20px !important;​ +
- }  +
- .realisation { +
- position:​ relative; +
- margin: 10px; +
- background-color:​ rgba(0, 0, 0, 0.48); +
- padding: 10px; +
-+
- .realisation span { +
- color: #fff;  +
- font-size:​ 18px; +
- margin: 5px; +
- display: inline-block;​ +
-+
- .realisation ul { +
- color: #fff !important;​ +
-+
- .tableau { +
- width: 100%; +
- display: table; +
-+
- .tableau th, .tableau td { +
- padding: 10px; +
-+
- .tableau th { +
- background-color:​ #313131; +
- color: #fff; +
-+
- </​style>​ +
- <div class="​slam_wiki">​  +
- <div class="​bloc_title">​ +
- <div class="​resize_img rounded">​ +
- <img src="/​_media/​etudiants/​2014/​photo.jpg?​w=200&​amp;​tok=aa9766"​ alt="​Bastien Lemaître"/>​ +
- </​div>​ +
- <​span>​Bastien Lemaître</​span>​ +
- </​div>​ +
- <div class="​bloc_normal"​ id="​accordion">​ +
- <div class="​bloc_title">​ +
- <​span>​Stages</​span>​ +
- </​div>​ +
- <div class="​bloc_normal">​ +
- <​p>​Voici les différents stages en entreprise réalisés durant ces deux années.</​p>​ +
- <a class="​lien_interactif"​ href="​http://​slamwiki.kobject.net/​etudiants/​2014/​bastien.lemaitre/​stage1">​ +
- <​div class="​lien_img">​  +
- <​img src="/​_media/​etudiants/​2014/​bastien.lemaitre/​jenoptik.jpg?​w=95&​amp;​tok=742ec6"​ alt="​Jenoptik"/>​ +
- </​div>​ +
- <​span>​Stage de première année</​span>​ +
- </​a>​  +
- <a class="​lien_interactif"​ href="​http://​slamwiki.kobject.net/​etudiants/​2014/​bastien.lemaitre/​stage2">​ +
- <​div class="​lien_img">​  +
- <​img src="/​_media/​etudiants/​2014/​bastien.lemaitre/​logo.png?​w=95&​amp;​tok=9864ec"​ alt="​Coeur de sushi"/>​ +
- </​div>​ +
- <​span>​Stage de deuxième année</​span>​ +
- </​a>​ +
- </​div>​ +
- <div class="​bloc_title">​ +
- <​span>​Compétences</​span>​ +
- </​div>​ +
- <div class="​bloc_normal"​ style="​display:​ none;">​ +
-                                <a href="/​_media/​etudiants/​2014/​competences_bastien_lemaitre.xlsx"​ class="​media mediafile mf_xlsx"​ title="​etudiants:​2014:​competences_bastien_lemaitre.xlsx (22.6 KB)">​Feuille de compétences</​a>​ +
- </​div>​ +
- <div class="​bloc_title">​ +
- <​span>​Projets Personnels Encadrés</​span>​ +
- </​div>​ +
- <div class="​bloc_normal"​ style="​display:​ none;">​  +
- <​p>​Voici les différents PPE réalisés en cours durant la deuxième année.</​p>​ +
- <a class="​lien_interactif"​ href="​http://​slamwiki.kobject.net/​etudiants/​2014/​bastien.lemaitre/​triviacrack">​ +
- <​div class="​lien_img">​  +
- <​img src="/​_media/​etudiants/​2014/​idea-xxl.png?​w=200&​amp;​tok=50e07b"​ alt="​Trivia Crack"/>​ +
- </​div>​ +
- <​span>​PPE Trivia Crack</​span>​ +
- </​a>​  +
- </​div>​ +
- </​div>​ +
- </​div>​ +
- <​script>​ +
-  +
- jQuery(function() { +
- jQuery('#​accordion .bloc_title'​).click(function(e) { +
- jQuery(e.target).next('​div .bloc_normal'​).siblings('​div .bloc_normal'​).slideUp();​ +
- jQuery(e.target).next('​div .bloc_normal'​).slideToggle();​ +
- }); +
- jQuery('#​accordion .bloc_title span'​).click(function(e) { +
- jQuery(e.target).parent().next('​div .bloc_normal'​).siblings('​div .bloc_normal'​).slideUp();​ +
- jQuery(e.target).parent().next('​div .bloc_normal'​).slideToggle();​ +
- }); +
- document.title="​LEMAITRE Bastien";​ +
- }); +
- </​script>​ +
-</​html>​+
etudiants/2014/bastien.lemaitre.txt · Dernière modification: 2017/08/09 16:45 (modification externe)
GNU Free Documentation License 1.3
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0