12,6 → 12,14 |
font-size: 26px; |
} |
|
h2 { |
margin-top: 10px;; |
} |
|
strong { |
font-size: 14px; |
} |
|
/*+-------------------------------+*/ |
/*+ Media query test pour les écrans HD genre MacBook de Daniel +*/ |
@media only screen and (min-device-pixel-ratio: 2), |
188,7 → 196,6 |
|
#logo-titre { |
position: relative; |
top: -8px; |
} |
|
#photos-conteneur { |
240,11 → 247,70 |
padding: 4px; |
} |
|
.page-header { |
text-align: justify; |
text-align: center; |
} |
|
/* Supression de l'espace (à l'arrache) */ |
#taxon-liste, |
#courriel, |
#taxon, |
#identification-liste, |
#abondance-liste { |
#abondance-liste, |
#courriel |
{ |
margin-left: -4px; |
} |
|
#titre-projet { |
float: left; |
margin-top: 20px; |
font-size: 20px; |
} |
|
#logo-titre { |
padding-top: 10px; |
margin-left: 0px; |
} |
|
#logo-messicoles { |
height: 42px; |
float: right; |
padding-top: 10px; |
} |
|
|
|
|
/* Media Queries */ |
@media (max-width: 500px) { |
.texte-infobulle, |
.image-infobulle { |
max-width: 200px; |
text-align: justify; |
} |
.image-verticale-infobulle { |
max-width: 100px; |
float: right; |
} |
#bord1 { |
max-width: 200px; |
} |
} |
@media (min-width: 501px) { |
.texte-infobulle, |
.image-infobulle { |
max-width: 400px; |
text-align: justify; |
} |
.image-verticale-infobulle { |
max-width: 170px; |
float: right; |
} |
#bord1 { |
max-width: 230px; |
} |
} |
|
select{width: 90%;} |
|