Team:INSA Toulouse/contenu/lab practice/notebook/calendar/red sensor
From 2013.igem.org
(Difference between revisions)
Mesnageclem (Talk | contribs) |
|||
Line 33: | Line 33: | ||
.spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;} | .spantitle{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:18px;} | ||
+ | |||
+ | .spantitle2{color:#5a6060; font-family:'Open Sans'; font-weight:600; font-size:14px;} | ||
.list{float:left; width:225px; margin:0 15px 50px 0;} | .list{float:left; width:225px; margin:0 15px 50px 0;} | ||
Line 88: | Line 90: | ||
{ | { | ||
color: #5a6060;} | color: #5a6060;} | ||
+ | |||
+ | h2.faq { | ||
+ | display:list-item; | ||
+ | list-style-image : url(https://static.igem.org/mediawiki/2013/8/84/Insa-toulouse2013-listpuce1.png); | ||
+ | width:auto; | ||
+ | height:27px; | ||
+ | line-height:24px; | ||
+ | background: no-repeat; | ||
+ | border:none; | ||
+ | color:#5a6060; | ||
+ | padding:3px 0 0 0; | ||
+ | font-weight:400; | ||
+ | font-family:'Open Sans'; | ||
+ | margin:0 0 50px 0; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | |||
+ | .infos {width:680px; margin:0 15px 50px 0;} | ||
+ | |||
+ | .infos ul{color:#5a6060; font-family:'Open Sans'; font-size:14px; line-height:28px; } | ||
+ | |||
+ | .infos .circlearrow li{ display : list-item; list-style-image : url(https://static.igem.org/mediawiki/2013/9/94/Insa-toulouse2013-listpuce2.png);} | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="js/jquery.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | <!-- | ||
+ | $(document).ready(function(){ | ||
+ | // On cache les sous-menus : | ||
+ | $('div.accordeon div.infos').hide(); | ||
+ | // Curseur main sur les h2 | ||
+ | $('div.accordeon > h2.faq').css('cursor','pointer'); | ||
+ | $('div.accordeon > h2').click(function(){ | ||
+ | //si ouvert -> referme | ||
+ | if($(this).next('div.infos:visible').length!=0){ | ||
+ | $(this).next('div.infos').slideUp('normal'); | ||
+ | } | ||
+ | //si cache, on ferme les autres et on affiche | ||
+ | else { | ||
+ | $('div.accordeon div.infos').slideUp('normal'); | ||
+ | $(this).next('div.infos').slideDown('normal'); | ||
+ | } | ||
+ | return false; | ||
+ | }); | ||
+ | } ) ; | ||
+ | // --> | ||
+ | </script> | ||
+ | |||
+ | </style> | ||
+ | |||
<!--/* HTML Contenu*/--> | <!--/* HTML Contenu*/--> | ||
Line 104: | Line 156: | ||
<div class="clear"></div> | <div class="clear"></div> | ||
+ | <div class="accordeon"> | ||
- | < | + | <h2 class="faq" title="Click to open the FAQ">June 2013</h2> |
- | + | <div class="infos"> | |
- | + | ||
- | < | + | |
<ul class="circlearrow"> | <ul class="circlearrow"> | ||
<li><a href="">Week Z</a></br> | <li><a href="">Week Z</a></br> | ||
Line 114: | Line 165: | ||
<li><a href="">Week Y</a></br> | <li><a href="">Week Y</a></br> | ||
blablablablablablablbalab</li> | blablablablablablablbalab</li> | ||
+ | </ul></li> | ||
+ | </ul></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | < | + | </div> |
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div class="accordeon"> | ||
+ | <h2 class="faq" title="Click to open the FAQ">July 2013</h2> | ||
+ | <div class="infos"> | ||
<ul class="circlearrow"> | <ul class="circlearrow"> | ||
<li><a href="">Week Z</a></li> | <li><a href="">Week Z</a></li> | ||
<li><a href="">Week Y</a></li> | <li><a href="">Week Y</a></li> | ||
- | </ | + | </div> |
- | </ | + | </div> |
- | < | + | <div class="clear"></div> |
+ | |||
+ | <div class="accordeon"> | ||
+ | <h2 class="faq" title="Click to open the FAQ">August 2013</h2> | ||
+ | <div class="infos"> | ||
<ul class="circlearrow"> | <ul class="circlearrow"> | ||
<li><a href="">Week Z</a></li> | <li><a href="">Week Z</a></li> | ||
Line 128: | Line 191: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | </ | + | </div> |
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | <div class="accordeon"> | ||
+ | <h2 class="faq" title="Click to open the FAQ">September 2013</h2> | ||
+ | <div class="infos"> | ||
+ | <ul class="circlearrow"> | ||
+ | <li></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <div class="clear"></div> | ||
<br> | <br> |
Revision as of 11:30, 27 September 2013