Difference between revisions of "Template:IONIS Paris-test"
Line 215: | Line 215: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
− | /* Menu css test */ | + | /* Menu css test */ |
− | .container{width:1000px; | + | .container{width:1000px; |
− | margin:0 auto; | + | margin:0 auto; |
− | padding:0 20px; | + | padding:0 20px; |
− | -webkit-transform:translate3d(0, 0, 0); | + | -webkit-transform:translate3d(0, 0, 0); |
− | -moz-transform:translate3d(0, 0, 0); | + | -moz-transform:translate3d(0, 0, 0); |
− | -ms-transform:translate3d(0, 0, 0); | + | -ms-transform:translate3d(0, 0, 0); |
− | -o-transform:translate3d(0, 0, 0); | + | -o-transform:translate3d(0, 0, 0); |
− | transform:translate3d(0, 0, 0)} | + | transform:translate3d(0, 0, 0)} |
− | .section-title-container{display:table; | + | .section-title-container{display:table; |
− | margin:0 auto} | + | margin:0 auto} |
− | .clearfix:before, | + | .clearfix:before, |
− | .clearfix:after{content:" ";display:table} | + | .clearfix:after{content:" ";display:table} |
− | .clearfix:after{clear:both} | + | .clearfix:after{clear:both} |
− | .clearfix{*zoom:1} | + | .clearfix{*zoom:1} |
− | .Home{background:#df815a; | + | .Home{background:#df815a; |
− | margin-left:0} | + | margin-left:0} |
− | .Team{background:#e7ca52} | + | .Team{background:#e7ca52} |
− | .Project{background:#639bb4} | + | .Project{background:#639bb4} |
− | .non-active-title{opacity:0.6} | + | .Attribution{background:#7dbf94} |
+ | .non-active-title{opacity:0.6} | ||
− | .Team.active-title::after{display:block} | + | .Team.active-title::after{display:block} |
+ | .Laboratory.active-title::after{display:block} | ||
+ | .Laboratory{background:#9999CC} | ||
− | . | + | .section-title{width:150px;height:150px; |
+ | -webkit-border-radius:75px; | ||
+ | -moz-border-radius:75px; | ||
+ | -ms-border-radius:75px; | ||
+ | -o-border-radius:75px; | ||
+ | border-radius:75px; | ||
+ | box-shadow:rgba(70,70,70,0.2) 0 1px 0 1px; | ||
+ | margin-top:2em; | ||
+ | margin-left:-10px; | ||
+ | color:#fff; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | -webkit-transition-property:opacity; | ||
+ | -moz-transition-property:opacity; | ||
+ | -ms-transition-property:opacity; | ||
+ | -o-transition-property:opacity; | ||
+ | transition-property:opacity; | ||
+ | -webkit-transition-duration:1s; | ||
+ | -moz-transition-duration:1s; | ||
+ | -ms-transition-duration:1s; | ||
+ | -o-transition-duration:1s; | ||
+ | transition-duration:1s} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .section-title h3{padding-top:3em; color:#fff; font-family:sans-serif} | ||
− | .section-title | + | .no-touch .section-title:hover{opacity:1} |
− | . | + | a{color:#fff;cursor:pointer;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease; text-decoration:none} |
− | + | .no-touch a:hover{color:#639bb4} | |
</style> | </style> | ||
Line 287: | Line 290: | ||
<!--Menu test--> | <!--Menu test--> | ||
− | + | <div class="container"> | |
<nav class="section-title-container heat-stress-section clearfix"> | <nav class="section-title-container heat-stress-section clearfix"> | ||
Line 293: | Line 296: | ||
<div class="section-title Home active-title"> | <div class="section-title Home active-title"> | ||
<h3> | <h3> | ||
− | <a class="Home-button" | + | <a class="Home-button" href="https://2015.igem.org/Team:IONIS_Paris/">HOME</a> |
</h3> | </h3> | ||
</div> | </div> | ||
Line 301: | Line 304: | ||
<div class="section-title Team non-active-title"> | <div class="section-title Team non-active-title"> | ||
<h3> | <h3> | ||
− | <a class="Team-button" | + | <a class="Team-button" href="https://2015.igem.org/Team:IONIS_Paris/Team">TEAM</a> |
</h3> | </h3> | ||
</div> | </div> | ||
Line 308: | Line 311: | ||
<div class="section-title Project non-active-title"> | <div class="section-title Project non-active-title"> | ||
<h3> | <h3> | ||
− | <a class="Project-button" | + | <a class="Project-button" href="https://2015.igem.org/Team:IONIS_Paris/Description">PROJECT </a> |
</h3> | </h3> | ||
</div> | </div> | ||
+ | |||
+ | <div class="section-title Attribution non-active-title"> | ||
+ | <h3> | ||
+ | <a class="Attribution-button" href="https://2015.igem.org/Team:IONIS_Paris/Attributions">ATTRIBUTION</a> | ||
+ | </h3> | ||
+ | </div> | ||
<div class="section-title Laboratory non-active-title"> | <div class="section-title Laboratory non-active-title"> | ||
Line 317: | Line 326: | ||
</h3> | </h3> | ||
</div> | </div> | ||
− | + | ||
+ | |||
+ | </div> | ||
</nav> | </nav> | ||
Revision as of 09:57, 30 June 2015