Line 146: | Line 146: | ||
box-sizing: border-box; } | box-sizing: border-box; } | ||
− | + | .app1{ | |
− | -moz-border-radius: | + | display: flex; |
− | -webkit-border-radius: | + | flex-wrap: wrap; |
− | border-radius: | + | position:relative; |
+ | width: auto; | ||
+ | height: auto; | ||
+ | border: #FFFFFF solid; | ||
+ | margin:0px 10px 0px 0px; | ||
+ | -moz-border-radius:10px 10px; | ||
+ | -webkit-border-radius:10px 10px; | ||
+ | border-radius:10px 10px; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
} | } | ||
+ | |||
a { | a { | ||
text-decoration: none; | text-decoration: none; | ||
Line 158: | Line 172: | ||
position: relative; | position: relative; | ||
height: 600px; | height: 600px; | ||
− | margin-left: | + | margin-left:13%; |
− | margin-top: | + | margin-top:5%; |
text-align : justify; | text-align : justify; | ||
Line 171: | Line 185: | ||
background: #FFFFFF ; | background: #FFFFFF ; | ||
opacity: 0; | opacity: 0; | ||
− | transition: opacity 0.25s; | + | transition: opacity 0.25s; } |
− | } | + | |
.gallery .item:first-of-type { | .gallery .item:first-of-type { | ||
Line 182: | Line 195: | ||
color: #A8D5D8; | color: #A8D5D8; | ||
position: absolute; | position: absolute; | ||
− | bottom:0; | + | bottom: 0; |
− | width: | + | width: 90%; |
− | + | ||
font-size: 3.5em; | font-size: 3.5em; | ||
text-align: center; | text-align: center; | ||
Line 257: | Line 269: | ||
color: #17A3B5 ; | color: #17A3B5 ; | ||
} | } | ||
+ | |||
</style> | </style> | ||
Line 319: | Line 332: | ||
− | <figure class="item"> | + | <figure class="item"> |
− | <p>1< | + | <p>1<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div> |
</p> | </p> | ||
</figure> | </figure> | ||
+ | |||
<figure class="item"> | <figure class="item"> | ||
− | <p>2< | + | <p>2<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div> |
</figure> | </figure> | ||
+ | |||
<figure class="item"> | <figure class="item"> | ||
− | <p>3< | + | <p>3<div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/55/IMAC_Pasteur_application_design.png" alt="" /></a></center></div> |
</figure> | </figure> | ||