client/app/slideshow/slideshow.css
author ymh <ymh.work@gmail.com>
Wed, 08 Jan 2020 17:49:53 +0100
changeset 205 147583c43f0d
parent 178 a3e1106b6f96
permissions -rw-r--r--
add poetry on sync
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
39
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
     1
.slideshow{
97
0afdaa004ee1 replace all the tab by spaces
rougeronj
parents: 39
diff changeset
     2
    margin-top:-20px;
39
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
     3
}
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     4
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     5
/* .slide-title{ */
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     6
/*     display: block; */
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     7
    
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     8
/* } */
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
     9
.slideshow-content{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    10
    margin-bottom : 15px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    11
    height: 465px;
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    12
    padding-top: 2px;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    13
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    14
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    15
.slideshow-content .media{
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    16
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    17
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    18
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    19
.slideshow-content .caption{
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    20
    box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, 0.75);
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    21
    color: #000;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    22
    position: static;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    23
    text-shadow: none;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    24
    text-align: left;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    25
    overflow: scroll;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    26
    height: 100%
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    27
}
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    28
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    29
.caption .user-details{
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    30
    min-height: 70%;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    31
}
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    32
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    33
.caption .user-details h1{
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    34
    margin-top:0;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    35
}
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    36
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    37
.caption .details{
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    38
    min-height: 30%;
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    39
}
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    40
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    41
.slideshow-title h1 {
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    42
    display: inline-block;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    43
    padding:0 15px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    44
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    45
.slideshow-title p{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    46
    display: inline-block;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    47
    margin-top: 20px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    48
    margin-bottom: 10px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    49
    text-align: right;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    50
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    51
.slideshow-title .author{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    52
    font-size: 15px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    53
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    54
.slideshow-title .count{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    55
    font-size: 15px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    56
}
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    57
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    58
.carousel-caption {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    59
    color: #000;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    60
    position: static;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    61
    text-shadow: none;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    62
    text-align: left;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    63
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    64
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    65
.carousel-indicators {
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    66
    display: none;
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    67
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    68
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    69
.carousel-control {
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    70
    width: 0;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    71
    cursor: pointer;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    72
    color:#6e6e6e;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    73
    opacity:1;
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    74
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    75
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    76
.insight{
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    77
    overflow-x: auto;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    78
    white-space: nowrap;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    79
    height: 125px;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    80
    margin: 0 15px; 
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    81
}
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
    82
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    83
.insight .item {
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    84
    cursor: pointer;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    85
    display: inline-block;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    86
    position:relative;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    87
    height: 115px;
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    88
    width: 14%;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    89
    padding: 0;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    90
    margin: 0 5px;
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    91
    overflow: hidden;
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    92
}
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    93
.insight .item.no-img {
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    94
    background-color: #f4f4f4;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
    95
    border: 1px solid #cdcdcd;
178
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    96
}
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    97
.insight .item.no-img p{
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    98
    position: relative;
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
    99
    top: 50%;
a3e1106b6f96 update interface of the slideshow
rougeronj
parents: 106
diff changeset
   100
    transform: translateY(-50%);
0
cef349423167 add basic file org + client prototype
ymh <ymh.work@gmail.com>
parents:
diff changeset
   101
}
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   102
.insight .item img {
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   103
    position: absolute;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   104
    left: 50%;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   105
    top: 50%;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   106
    width: 101%;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   107
    height: auto;
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   108
    -webkit-transform: translate(-50%,-50%);
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   109
        -ms-transform: translate(-50%,-50%);
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   110
            transform: translate(-50%,-50%);
39
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
   111
}
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
   112
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   113
.insight .item .img-landscape {
39
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
   114
    height: 100%;
106
cb13a9009bf5 improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents: 97
diff changeset
   115
    width: auto;
39
b714bcbe915c update slideshow template
rougeronj
parents: 8
diff changeset
   116
}