Team:INSA-Lyon/css soustitre
From 2014.igem.org
Line 90: | Line 90: | ||
display: inline-block; | display: inline-block; | ||
cursor: pointer; | cursor: pointer; | ||
+ | position: relative; | ||
} | } | ||
- | . | + | .pImgOver { |
- | { | + | position: absolute; |
- | + | top: 45px; | |
- | + | left: 45px; | |
} | } | ||
Line 105: | Line 106: | ||
.protocolsButtonText span | .protocolsButtonText span | ||
{ | { | ||
- | font-family: " | + | font-family: "LatoReg", sans-serif; |
} | } | ||
Revision as of 20:05, 17 October 2014
html, body { padding:0; margin-top: 0;
background-color: #ffffff;
}
/* PAGE SOUS-TITRE*/
- igem{
padding-top: 15px; margin-right: 30px; text-align: right; }
- soustitre{
margin-top: -25px; padding:0; top:0; background-position: center top; background-repeat: no-repeat; text-align: center; height: 320px; }
- presentation {
margin: auto; width: 900px; padding-top: 30px; padding-bottom: 30px; padding-left: 50px; }
.center{ text-align:center; }
.icon { color:#285459; background:#FFF; width:120px;
height:70px; padding-top: 50px; text-align:center; border-radius:50%; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
margin-top: 15px;
overflow: hidden; display: inline-block; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.iconmulti { color:#285459; background:#FFF; width:120px;
height:79px; padding-top: 41px; text-align:center; border-radius:50%; margin-left: 20px; margin-right: 20px; margin-bottom: 20px;
margin-top: 15px;
overflow: hidden; display: inline-block; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.protocolsContainer {
text-align:center;
}
.protocolsInnerContainer {
max-width:950px; margin: auto;
}
.protocolsButtonCell {
margin: 25px 25px 15px 25px; max-width: 200px; display: inline-block; cursor: pointer;
position: relative; }
.pImgOver { position: absolute; top: 45px; left: 45px; }
.protocolsButtonText {
padding-top: 10px;
}
.protocolsButtonText span {
font-family: "LatoReg", sans-serif;
}
.protocolsButtonCell:hover span {
font-weight: bold;
}
/*--------------------- CSS DU FOOTER ---------------------------------------------*/
- footer
{ padding-top: 15px; background-color: #285459; margin-bottom: -50px; height: 200px; }
- footer p{
color:#fff; font-family: "Roboto", sans-serif; font-size: 0.9em; overflow:hidden; }
- footer a:visited {
color:#ffffff; }
- footer a {
color:#ffffff; }
- contact{
display: inline-block; background-color: #285459; padding-left: 30px; margin-left: 50px; }
- footer1{
float: left; width: 250px; margin-right: 50px; display: inline-block; }
- footer2{
float: left; width: 250px; }
- footer3{
width: 250px; margin-left: 50px; display: inline-block; }
- copyright {
font-size: 0.8em !important; background-color: #285459; padding-bottom: 2px; padding-top: 16px; }
- fb {
float: right; margin-right: 10px; }