client/app/books/book.css
author rougeronj
Wed, 08 Apr 2015 17:00:43 +0200
changeset 81 ef4d8ed6eef2
parent 75 288fb435874e
child 95 46ce67c44723
permissions -rw-r--r--
Adapt the html to handle a list of images sent by our Ammico API

.gallery .item {
  overflow:hidden; position:relative; height: 250px; padding: 5px;
}

.img-ctn {
    height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden;
}

.img-ctn:hover {
    background-color: #DDD;
}

.img-ctn p {
    background-color: #ddd;
    bottom: -5px;
    display: none;
    padding: 2px 5px;
    position: absolute;
    width: calc(100% - 22px);
}

.img-ctn:hover p, .img-ctn:hover .gallery-buttons {
    display: block;
}

.gallery .item img {
    margin: 0 auto;
    max-height: 100%;
}

.gallery-buttons{
	display: none;
    position: absolute;
    right: 10px;
    top: 10px;
}

.subtitle {
    border-top: 1px solid #000;
    border-bottom: 1px dotted #000;
    margin-top: 20px;
    padding: 6px 0 10px;
}

.add-book{
	padding:20px;
}
.add-book input{
	margin-bottom: 10px;
}

.accordion-toggle .glyphicon{
	font-size: 17px;
	margin-left:10px;
}

.list-books:nth-child(odd){
	background-color:#f8f8f8;
}