First attempt to display cover only
This commit is contained in:
@@ -11,6 +11,10 @@ body > .container {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
body > .container-fluid {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
/* collapses the navbar one media earlier ( french has long title name ) */
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.navbar-collapse.collapse {
|
||||
@@ -25,4 +29,39 @@ body > .container {
|
||||
.navbar-header {
|
||||
float:none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.album {
|
||||
padding-top:15px;
|
||||
padding-bottom:15px;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.album {
|
||||
height: 70vw;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.album {
|
||||
height: 46vw;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.album {
|
||||
height: 35vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.album {
|
||||
height: 23vw;
|
||||
}
|
||||
}
|
||||
|
||||
img.cover {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user