source: spip-zone/_plugins_/bootstrap/bootstrap2spip/css/thumbnails.less @ 66632

Last change on this file since 66632 was 66632, checked in by cedric@…, 8 years ago

details sur le caption

File size: 2.1 KB
Line 
1@import "bootstrap/css/thumbnails.less";
2
3/* mapper avec le plugin album */
4.album .thumbnails li {width: 29%;float: left;}
5.album .thumbnails li:nth-child(3n-2) {clear: left;}
6.span5,
7.span6 {
8  .album .thumbnails li {width: 27%;}
9}
10.span3,
11.span4{
12  .album .thumbnails li {width: 41%;clear: none;}
13  .album .thumbnails li:nth-child(2n-1) {clear: left;}
14}
15.span1,
16.span2{
17  .album .thumbnails li {width: auto;float:none;clear: none;}
18}
19
20.thumbnails li img {max-width: 93%;}
21.thumbnails .caption {display:block;}
22.thumbnails .caption img {margin-top: -9px;margin-bottom: 9px;}
23.thumbnails figure {margin:0;}
24.album .thumbnail {text-align: center; min-height: 150+2*9+@baseLineHeight;}
25// Add a hover state for linked versions only
26.album .thumbnail:hover {
27  border-color: @linkColor;
28  .box-shadow(0 1px 4px rgba(0,105,214,.25));
29}
30
31
32
33
34@media (min-width: 1200px) {
35  .span7,
36  .span8,
37  .span9,
38  .span10,
39  .span11,
40  .span12 {
41    .album .thumbnails li {width: 20%;clear: none;}
42    .album .thumbnails li:nth-child(4n-3) {clear: left;}
43  }
44  .span3{
45    .album .thumbnails li {width: 40%;}
46  }
47
48}
49@media (min-width: 768px) and (max-width: 979px) {
50  .span7 {
51    .album .thumbnails li {width: 28%;}
52  }
53  .span5{
54    .album .thumbnails {  margin-left: -@gridGutterWidth;}
55    .album .thumbnails li {width: 43%;float: left;clear: none;margin-left: @gridGutterWidth;}
56    .album .thumbnails li:nth-child(2n-1) {clear: left;}
57  }
58  .span3{
59    .album .thumbnails li {width: auto;float:none;clear: none;}
60  }
61}
62@media (max-width: 767px) {
63  .album .thumbnails {  margin-left: -@gridGutterWidth;}
64  .album .thumbnails li {width: 45%;float: left;clear: none;margin-left: @gridGutterWidth;}
65  .span5,.span6{.album .thumbnails li {width: 45%;}}
66  .album .thumbnails li:nth-child(3n-2) {clear: none;}
67  .album .thumbnails li:nth-child(2n-1) {clear: left;}
68}
69@media (max-width: 450px) {
70  .album .thumbnails li {width: 40%;}
71  .span5,.span6{.album .thumbnails li {width: 40%;}}
72}
73@media (max-width: 380px) {
74  .album .thumbnails {  margin-left:0}
75  .album .thumbnails li {float: none;margin-left: 0;width: auto;}
76}
Note: See TracBrowser for help on using the repository browser.