client/app/gallery/gallery.css
author cavaliet
Mon, 06 Oct 2014 17:36:47 +0200
changeset 7 e70f1c4785f3
parent 4 28208a0ad8b9
child 8 824c87a9084c
permissions -rw-r--r--
search with new results
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     1
.gallery .item {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     2
  overflow:hidden; position:relative; height: 250px; padding: 5px;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     3
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     4
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     5
.img-ctn {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     6
    height: 100%; width: 100%; border: 1px solid #DDD; padding: 5px; overflow: hidden;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     7
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     8
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
     9
.img-ctn:hover {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    10
    background-color: #DDD;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    11
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    12
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    13
.img-ctn p {
4
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    14
    background-color: #ddd;
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    15
    bottom: -5px;
4
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    16
    display: none;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    17
    padding: 2px 5px;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    18
    position: absolute;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    19
    width: calc(100% - 22px);
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    20
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    21
4
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    22
.img-ctn:hover p, .img-ctn:hover .gallery-buttons {
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    23
    display: block;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    24
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    25
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    26
.gallery .item img {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    27
    margin: 0 auto;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    28
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    29
4
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    30
.gallery-buttons{
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    31
	display: none;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    32
    position: absolute;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    33
    right: 10px;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    34
    top: 10px;
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    35
}
28208a0ad8b9 edit slide by url
cavaliet
parents: 0
diff changeset
    36
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    37
.subtitle {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    38
    border-top: 1px solid #000;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    39
    border-bottom: 1px dotted #000;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    40
    margin-top: 20px;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    41
    padding: 6px 0 10px;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    42
}