blob: 38c600b955833d4c9058ba34f79f613d4c0bbdaf (
plain)
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
|
/* Navbar */
.navbar-custom {
background: #081130;
color:black;
border-radius:0;
}
/* Text color */
.navbar-custom .navbar-nav > li > a {
color:#fff;
}
.navbar .dropdown-toggle, .navbar .dropdown-menu a {
cursor: pointer;
}
/* Brand-CompanyName */
.navbar-custom .navbar-brand {
color:#efefef;
background-color: #081130;
}
.navbar-custom .navbar-brand:hover{
color: white;
}
.navbar .dropdown-item.active, .navbar .dropdown-item:active {
color: inherit;
text-decoration: none;
background-color: inherit;
}
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
@media (min-width: 767px) {
.navbar .dropdown-toggle:not(.nav-link)::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .5em;
vertical-align: 0;
border-bottom: .3em solid transparent;
border-top: .3em solid transparent;
border-left: .3em solid;
}
}
/* Submenu */
.dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
/* video-thumbnail over image */
#play-btn
{
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #555;
color: white;
font-size: 16px;
padding: 10px 20px;
border: none;
cursor: pointer;
border-radius: 5px;
}
#circle:hover {
color: orange;
}
|
