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}
  
.Laboratory{background:#7dbf94}
+
.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{width:100px;height:100px;
 
-webkit-border-radius:50px;
 
-moz-border-radius:50px;
 
-ms-border-radius:50px;
 
-o-border-radius:50px;
 
border-radius:50px;
 
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 h3{padding-top:1.5em; color:#fff}
+
.no-touch .section-title:hover{opacity:1}
  
.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}
a{color: #fff; text-decoration:none; font-weight: bold;}
+
.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" url="https://2015.igem.org/Team:IONIS_Paris/">HOME</a>
+
                           <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" url="https://2015.igem.org/Team:IONIS_Paris/Team">TEAM</a>
+
                               <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" url="https://2015.igem.org/Team:IONIS_Paris/Description">PROJECT </a>
+
                                 <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