Difference between revisions of "Template:IONIS Paris-test"

Line 232: Line 232:
 
.clearfix{*zoom:1}
 
.clearfix{*zoom:1}
  
−
.heat-stress{background:#df815a;
+
.Home{background:#df815a;
 
margin-left:0}
 
margin-left:0}
  
−
.uv-radiation{background:#e7ca52}
+
.Team{background:#e7ca52}
 +
 
 +
.Project{background:#639bb4}
  
−
.air-pollution{background:#639bb4}
 
 
.non-active-title{opacity:0.6}
 
.non-active-title{opacity:0.6}
  
−
.uv-radiation.active-title::after{display:block}
+
.Team.active-title::after{display:block}
  
−
.pollens{background:#7dbf94}
+
.Laboratory{background:#7dbf94}
  
−
.section-title{width:212px;height:212px;
+
.section-title{width:100px;height:100px;
−
-webkit-border-radius:80px;
+
-webkit-border-radius:50px;
−
-moz-border-radius:80px;
+
-moz-border-radius:50px;
−
-ms-border-radius:80px;
+
-ms-border-radius:50px;
−
-o-border-radius:80px;
+
-o-border-radius:50px;
−
border-radius:80px;
+
border-radius:50px;
 
box-shadow:rgba(70,70,70,0.2) 0 1px 0 1px;
 
box-shadow:rgba(70,70,70,0.2) 0 1px 0 1px;
 
margin-top:2em;
 
margin-top:2em;
Line 269: Line 270:
  
  
−
.section-title h3{padding-top:4.6em; color:#fff}
+
.section-title h3{padding-top:1.5em; color:#fff}
  
 
.no-touch .section-title:hover{opacity:1}
 
.no-touch .section-title:hover{opacity:1}
−
 
  
  
Line 298: Line 298:
 
                 <nav class="section-title-container heat-stress-section clearfix">
 
                 <nav class="section-title-container heat-stress-section clearfix">
 
                  
 
                  
−
                     <a class="heat-stress-button">
+
                     <a class="Home-button">
−
                         <div class="section-title heat-stress active-title">
+
                         <div class="section-title Home active-title">
 
                             <h3>
 
                             <h3>
−
                                 Heat
+
                                 HOME
−
                                Stress
+
 
                             </h3>
 
                             </h3>
 
                         </div>               
 
                         </div>               
 
                     </a>
 
                     </a>
  
−
                     <a class="uv-radiation-button">
+
                     <a class="Team-button">
−
                         <div class="section-title uv-radiation non-active-title">
+
                         <div class="section-title Team non-active-title">
 
                             <h3>
 
                             <h3>
−
                                 UV
+
                                 Team
−
                                Radiation
+
 
                             </h3>
 
                             </h3>
 
                         </div>
 
                         </div>
 
                     </a>
 
                     </a>
  
−
                     <a class="pollens-button">
+
                     <a class="Project-button">
−
                         <div class="section-title pollens non-active-title">
+
                         <div class="section-title Project non-active-title">
 
                             <h3>
 
                             <h3>
−
                                 Pollens
+
                                 Project
 
                             </h3>
 
                             </h3>
 
                         </div>
 
                         </div>
 
                     </a>
 
                     </a>
  
−
                     <a class="air-pollution-button">
+
                     <a class="Laboratory-button">
−
                         <div class="section-title air-pollution non-active-title">
+
                         <div class="section-title Laboratory non-active-title">
 
                             <h3>
 
                             <h3>
−
                                 Air
+
                                 Laboratory
−
                                Pollution
+
 
                             </h3>
 
                             </h3>
 
                         </div>
 
                         </div>

Revision as of 12:58, 9 June 2015