client/app/books/book.css
author rougeronj
Fri, 16 Oct 2015 12:16:20 +0200
changeset 189 0ffed992c271
parent 178 a3e1106b6f96
permissions -rw-r--r--
show message in case no book or visit
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
     1
.gallery{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
     2
    padding:0;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
     3
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
     4
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
     5
.gallery .item {
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
     6
    position:relative;
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
     7
    height: 130px;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
     8
    width: 18%;
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
     9
    padding: 0;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 104
diff changeset
    10
    margin: 1%;
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    11
    border: 1px solid #cdcdcd;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    12
    overflow: hidden;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    13
}
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    14
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    15
.gallery .item.no-img p {
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    16
    font-size: 22px;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    17
    position: relative;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    18
    top: 50%;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    19
    transform: translateY(-50%);
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    20
}
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    21
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    22
@media (min-width:768px) and (max-width:991px){
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    23
    .gallery .item{
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    24
        height: 170px;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    25
    }
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    26
    .gallery .item.no-img p {
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    27
        font-size: 28px;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    28
    }
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    29
}
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    30
@media (min-width:992px){
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    31
    .gallery .item{
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    32
        height: 200px;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    33
    }
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    34
    .gallery .item.no-img p {
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    35
        font-size: 32px;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    36
    }
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    37
}
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    38
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    39
.gallery .item.no-img {
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    40
    background-color: #f4f4f4;
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    41
    border: 1px solid #cdcdcd;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    42
}
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    43
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 177
diff changeset
    44
.gallery .item a{
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 177
diff changeset
    45
    text-decoration: none;
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 177
diff changeset
    46
}
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    47
.gallery .item p {
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    48
    text-align: center;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    49
    color: #505050;
104
7f2f72449dd8 add font-size
rougeronj
parents: 95
diff changeset
    50
    font-size: 15px;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    51
    position: absolute;
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    52
    width:100%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    53
    background-color: rgba(255, 255, 255, 0.7);
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    54
    bottom: 0;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    55
    margin: 0;
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    56
}
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    57
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    58
.gallery .item.no-img p{
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    59
    background: none;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    60
}
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    61
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    62
.gallery .item img {
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    63
    position: absolute;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    64
    left: 50%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    65
    top: 50%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    66
    width: 100%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    67
    height: auto;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    68
    -webkit-transform: translate(-50%,-50%);
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    69
        -ms-transform: translate(-50%,-50%);
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    70
            transform: translate(-50%,-50%);
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    71
}
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    72
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    73
.gallery .item .img-landscape {
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    74
    height: 100%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    75
    width: auto;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    76
}
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    77
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    78
.gallery-buttons{
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    79
    font-size:15px;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    80
    position: absolute;
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    81
    width: 100%;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    82
    padding: 2px 5px;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    83
    background-color: rgba(255, 255, 255, 0.7);
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    84
}
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    85
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    86
.gallery-buttons a{
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
    87
    cursor: pointer;
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    88
}
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    89
177
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    90
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    91
.gallery .item.no-img .gallery-buttons{
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    92
    background: none;
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    93
}
4a79d51d0b50 add media queries to adapt the galleries and the gallery items looks
rougeronj
parents: 114
diff changeset
    94
24
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    95
.subtitle {
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    96
    border-top: 1px solid #000;
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    97
    border-bottom: 1px dotted #000;
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    98
    margin-top: 20px;
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
    99
    padding: 6px 0 10px;
21ecbde9e080 add books controller to handle list of books
rougeronj
parents:
diff changeset
   100
}
53
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   101
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   102
.add-book{
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
   103
    padding:20px;
53
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   104
}
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   105
.add-book input{
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
   106
    margin-bottom: 10px;
53
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   107
}
69
88f76bf93465 update list book view with accordeons and add delete fonction on a book
rougeronj
parents: 53
diff changeset
   108
88f76bf93465 update list book view with accordeons and add delete fonction on a book
rougeronj
parents: 53
diff changeset
   109
.accordion-toggle .glyphicon{
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
   110
    font-size: 17px;
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
   111
    margin-left:10px;
75
288fb435874e Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents: 69
diff changeset
   112
}
288fb435874e Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents: 69
diff changeset
   113
288fb435874e Render parent books, child books, and other books separately - minor clean in modal.html
rougeronj
parents: 69
diff changeset
   114
.list-books:nth-child(odd){
95
46ce67c44723 clean duplicated css
rougeronj
parents: 75
diff changeset
   115
    background-color:#f8f8f8;
53
dac1df90b49e fucntion and button to add a book
rougeronj
parents: 24
diff changeset
   116
}