-
Notifications
You must be signed in to change notification settings - Fork 42
/
timeline.css
122 lines (122 loc) · 3.37 KB
/
timeline.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
.h5p-timeline .h5p-content-controls {
z-index: 1000;
}
/* Allow wysiwygging */
#h5p-timeline ul {
list-style-type: square;
margin: 1em;
padding-left: 1em;
}
#h5p-timeline ol {
list-style-type: decimal;
margin: 1em;
padding-left: 1em;
}
#storyjs-timeline.vco-skinny .vco-slider .slider-item .content .layout-text-media .text .container {
text-align: left !important;
}
/* Background image */
#h5p-timeline .vco-slider {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#h5p-timeline .vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .credit {
color: #333;
text-align: left;
}
#h5p-timeline .vco-slider .slider-item .content .content-container {
padding: .5em;
background: rgba(255,255,255,0.9);
border-radius: .2em;
display: block !important;
}
#h5p-timeline .vco-slider .slider-item {
overflow-x: hidden;
}
#h5p-timeline .vco-storyjs .vco-feature p,
#h5p-timeline .vco-storyjs h2.date {
color: #333;
}
#h5p-timeline .vco-slider .nav-previous,
#h5p-timeline .vco-slider .nav-next {
height: auto !important;
top: 0;
bottom: 0;
}
#h5p-timeline .vco-slider .nav-previous:hover,
#h5p-timeline .vco-slider .nav-next:hover {
background-color: rgba(255,255,255,0.7);
}
#h5p-timeline .vco-skinny.vco-notouch .vco-slider .nav-previous:hover,
#h5p-timeline .vco-skinny.vco-notouch .vco-slider .nav-next:hover {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background-color: #333;
background-color: rgba(0,0,0,0.65);
}
#h5p-timeline .media-wrapper,
#h5p-timeline .media-wrapper .media-container,
#h5p-timeline .media-wrapper .media-container .media-shadow {
max-width: 100% !important;
max-height: none !important;
width: 100%;
}
#h5p-timeline .media-wrapper .media-container .media-shadow:not(.media-image) {
width: 100%;
}
#h5p-timeline .media-wrapper .media-container .media-shadow {
text-align: left;
}
#h5p-timeline .media-image img {
max-width: 100% !important;
height: auto !important;
}
#h5p-timeline .media-image {
background: transparent !important;
}
#h5p-timeline .media-image:after,
#h5p-timeline .media-image:before {
display: none;
}
#h5p-timeline .media-shadow .media-frame {
width: 100% !important;
}
#h5p-timeline .vco-slider .slider-item .content .text .container {
padding-left: 0;
display: inline !important;
width: auto !important;
}
#h5p-timeline .vco-slider .slider-item .content .text .container * {
max-width: 100%;
width: 100%;
word-wrap: break-word;
}
#h5p-timeline .vco-timeline:not(.vco-skinny) .vco-slider .slider-item .content .content-container .text {
display: inline-block !important;
width: 50% !important;
max-width: none;
vertical-align: top;
}
#h5p-timeline .vco-timeline:not(.vco-skinny) .vco-slider .slider-item .content .content-container .text h2,
#h5p-timeline .vco-timeline:not(.vco-skinny) .vco-slider .slider-item .content .content-container .text h3 {
width: 100% !important;
}
#h5p-timeline .vco-timeline:not(.vco-skinny) .vco-slider .slider-item .content .content-container .media {
display: inline-block !important;
max-width: 40%;
min-width: inherit;
margin-right: 20px;
float: none !important;
}
.h5p-timeline-data-not-valid {
padding: 1em;
color: #eee;
background: #555;
font-size: 1.1em;
margin: 2em;
border-radius: .5em;
}