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

(Created page with "<!-- Declare that you are going to use html code instead of wiki code --> <html> <!-- Start of CSS--> <style type="text/css"> Hide first heading: ...")
 
Line 231: Line 231:
 
.clearfix:after{clear:both}
 
.clearfix:after{clear:both}
 
.clearfix{*zoom:1}
 
.clearfix{*zoom:1}
 +
 +
.heat-stress{background:#df815a;
 +
margin-left:0}
 +
 +
.uv-radiation{background:#e7ca52}
 +
 +
.air-pollution{background:#639bb4}
 +
.non-active-title{opacity:0.6}
 +
 +
.uv-radiation.active-title::after{display:block}
 +
 +
.pollens{background:#7dbf94}
  
 
.section-title{width:212px;height:212px;
 
.section-title{width:212px;height:212px;
-webkit-border-radius:106px;
+
-webkit-border-radius:80px;
-moz-border-radius:106px;
+
-moz-border-radius:80px;
-ms-border-radius:106px;
+
-ms-border-radius:80px;
-o-border-radius:106px;
+
-o-border-radius:80px;
border-radius:106px;
+
border-radius:80px;
 
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 255: Line 267:
 
-o-transition-duration:1s;
 
-o-transition-duration:1s;
 
transition-duration:1s}
 
transition-duration:1s}
 +
 +
 +
.section-title h3{padding-top:4.6em; color:#fff}
 +
 +
.no-touch .section-title:hover{opacity:1}
 +
 +
  
 
</style>
 
</style>
Line 275: Line 294:
 
</div>
 
</div>
 
<!--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 315: Line 334:
 
                      
 
                      
 
                 </nav>
 
                 </nav>
</div>
+
 
  
  

Revision as of 12:35, 9 June 2015