|
|
(25 révisions intermédiaires par le même utilisateur non affichées) |
Ligne 1 : |
Ligne 1 : |
− | {{#css:
| + | <includeonly>* [[Liste/{{PAGENAME}}::{{{element|}}}]] {{#ifeq:{{{new}}}| Oui | [[is_new::{{{element|}}}|nouveau]]}} [[Catégorie:Bazar/Listes]]</includeonly><noinclude>[[Catégorie:Bazar/Modèles]]{{Modèle:BazarDoc}}</noinclude> |
− | .img-crop,
| + | |
− | .img-crop img{
| + | |
− | width: 150px; /* gotta be responsive these days */
| + | |
− | } | + | |
− | .img-crop{
| + | |
− | border-color: 1px dotted #ededed; /* some background color for short images */
| + | |
− | overflow: hidden;
| + | |
− | width:160px;
| + | |
− | height:120px;
| + | |
− | margin:12px;
| + | |
− | padding:0;
| + | |
− | float:left;
| + | |
− | /* remove white-space for inline-block elements */
| + | |
− | letter-spacing: -0.31em; /* webkit */
| + | |
− | *letter-spacing: normal; /* reset IE < 8 */
| + | |
− | word-spacing: -0.43em; /* IE < 8 && gecko */
| + | |
− | } | + | |
− | .img-crop:before,
| + | |
− | .img-crop img{
| + | |
− | /* vertically center the image */
| + | |
− | display: inline-block;
| + | |
− | vertical-align: middle;
| + | |
− | horizontal-align: middle;
| + | |
− | }
| + | |
− | .img-crop:before{
| + | |
− | /* pseudo element to vertically align image to */
| + | |
− | content: "";
| + | |
− |
| + | |
− | /* Magic Number */
| + | |
− | /* Set this to your desired height(to width) ratio */
| + | |
− | padding-top: 75%; /* % of original image width */
| + | |
− | } | + | |
− | .img-crop img{
| + | |
− | /* removes(sorta) image from the flow */
| + | |
− | padding-left: 100%;
| + | |
− | margin: -999em -100%;
| + | |
− | } | + | |
− | }}<includeonly>{{#ifeq: {{{file}}} | Oui | + | |
− | | <div class="img-crop ratio-4-to-3">[[Image:{{{element|}}}|160px]]</div>
| + | |
− | | * [[Liste/{{PAGENAME}}::{{{element|}}}]]
| + | |
− | }}[[Catégorie:Bazar/Listes]]</includeonly><noinclude>[[Catégorie:Bazar/Modèles]]{{Modèle:BazarDoc}}</noinclude> | + | |