1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| @media only screen and (min-width: 1200px) {
#article35{width:850px;}
#article35 #demoWrap{width:11900px;}
#article35 #demoWrap #imgs ul li{width:850px;}
<?php foreach ($liens_css as $key => $id_img){ ?>
#article35 #demoWrap #wrap<?php echo''.$id_img.''?>:target ~ #imgs{margin-left:<?php echo ($key*850);?>px; }
<?php } ?>
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
#article35{width:610px;}
#article35 #demoWrap{width:8540px;}
#article35 #demoWrap #imgs ul li{width:610px;}
<?php foreach ($liens_css as $key => $id_img){ ?>
#article35 #demoWrap #wrap<?php echo''.$id_img.''?>:target ~ #imgs{margin-left:<?php echo ($key*610);?>px; }
<?php } ?>
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#article35{width:430px;}
#article35 #demoWrap{width:6020px;}
#article35 #demoWrap #imgs ul li{width:430px;}
<?php foreach ($liens_css as $key => $id_img){ ?>
#article35 #demoWrap #wrap<?php echo''.$id_img.''?>:target ~ #imgs{margin-left:<?php echo ($key*430);?>px; }
<?php } ?>
@media only screen and (min-width: 362px) and (max-width: 479px) {
#article35{width:300px;}
#article35 #demoWrap{width:4200px;}
#article35 #demoWrap #imgs ul li{width:300px;}
<?php foreach ($liens_css as $key => $id_img){ ?>
#article35 #demoWrap #wrap<?php echo''.$id_img.''?>:target ~ #imgs{margin-left:<?php echo ($key*300);?>px; }
<?php } ?>
} |
