|
1
|
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
|
|
2
|
|
|
3
|
/*
|
|
4
|
* Style Style Sheet - Defines the main look like colors and backgrounds
|
|
5
|
* Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
|
|
6
|
*/
|
|
7
|
|
|
8
|
|
|
9
|
/* Base
|
|
10
|
----------------------------------------------------------------------------------------------------*/
|
|
11
|
|
|
12
|
|
|
13
|
/* Layout
|
|
14
|
----------------------------------------------------------------------------------------------------*/
|
|
15
|
|
|
16
|
body { background: #2C2C2C; }
|
|
17
|
|
|
18
|
#block-toolbar { background: #101010; }
|
|
19
|
|
|
20
|
#block-headerbar {
|
|
21
|
background: #171717;
|
|
22
|
background: url(../images/headerbar.png) 50% 50% repeat,
|
|
23
|
url(../images/nightlife_bg.png) 50% 0 repeat,
|
|
24
|
url(../images/nightlife_img.jpg) 50% 0 no-repeat,
|
|
25
|
#171717;
|
|
26
|
background-size: 100% 100%, 99px 99px, 2300px 600px;
|
|
27
|
}
|
|
28
|
|
|
29
|
#block-top-a {
|
|
30
|
background: #171717 url(../images/nightlife_img.jpg) 50% 100% no-repeat;
|
|
31
|
background: url(../images/nightlife_bg.png) 50% 0 repeat,
|
|
32
|
url(../images/nightlife_img.jpg) 50% 100% no-repeat,
|
|
33
|
#171717;
|
|
34
|
background-size: 99px 99px, cover;
|
|
35
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.4);
|
|
36
|
}
|
|
37
|
|
|
38
|
#block-main { background: #f9f9f9; }
|
|
39
|
|
|
40
|
#block-bottom { background: #333333; }
|
|
41
|
|
|
42
|
#block-footer {
|
|
43
|
border-top: 1px solid #262626;
|
|
44
|
background: #2c2c2c;
|
|
45
|
}
|
|
46
|
|
|
47
|
|
|
48
|
/* Menus
|
|
49
|
----------------------------------------------------------------------------------------------------*/
|
|
50
|
|
|
51
|
.menu-dropdown .dropdown-bg > div { background: #333; }
|
|
52
|
|
|
53
|
.menu-dropdown a.level1,
|
|
54
|
.menu-dropdown span.level1 { color: #919191; }
|
|
55
|
|
|
56
|
.menu-dropdown li.level1:hover .level1,
|
|
57
|
.menu-dropdown li.remain .level1 {
|
|
58
|
background: #191919;
|
|
59
|
background: rgba(0,0,0,0.15);
|
|
60
|
box-shadow: 1px 0 0 rgba(255,255,255,0.04),
|
|
61
|
-1px 0 0 rgba(255,255,255,0.04),
|
|
62
|
inset 0 0 5px rgba(0,0,0,0.08);
|
|
63
|
color: #fff;
|
|
64
|
}
|
|
65
|
|
|
66
|
.menu-dropdown li.parent.remain > .level1 > span,
|
|
67
|
.menu-dropdown li.level1.parent:hover > .level1 > span { background: url(../images/menu_dropdown_level1_parent.png) 50% 100% no-repeat; }
|
|
68
|
|
|
69
|
|
|
70
|
/* Modules
|
|
71
|
----------------------------------------------------------------------------------------------------*/
|
|
72
|
|
|
73
|
|
|
74
|
/* Tools
|
|
75
|
----------------------------------------------------------------------------------------------------*/
|
|
76
|
|
|
77
|
#top-a .button-primary,
|
|
78
|
#top-a .button-default,
|
|
79
|
#top-a form.style button,
|
|
80
|
#top-a form.style input[type='button'],
|
|
81
|
#top-a form.style input[type='submit'] { box-shadow: inset 0 -1px 0 rgba(0,0,0,0.7); }
|
|
82
|
|
|
83
|
#top-a .mod-plain .button-primary:hover,
|
|
84
|
#top-a .mod-plain .button-primary:active {
|
|
85
|
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3),
|
|
86
|
inset 0 0 5px rgba(0,0,0,0.8),
|
|
87
|
0 1px 0 rgba(255,255,255,0.4);
|
|
88
|
}
|
|
89
|
|
|
90
|
#top-a .mod-plain .button-default:hover,
|
|
91
|
#top-a form.style button:hover,
|
|
92
|
#top-a form.style input[type='button']:hover,
|
|
93
|
#top-a form.style input[type='submit']:hover,
|
|
94
|
#top-a .mod-plain .button-default:active,
|
|
95
|
#top-a form.style button,
|
|
96
|
#top-a form.style input[type='button']:active,
|
|
97
|
#top-a form.style input[type='submit']:active {
|
|
98
|
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.3),
|
|
99
|
inset 0 0 5px rgba(0,0,0,1),
|
|
100
|
0 1px 0 rgba(255,255,255,0.4);
|
|
101
|
}
|
|
102
|
|
|
103
|
|
|
104
|
/* System
|
|
105
|
----------------------------------------------------------------------------------------------------*/
|
|
106
|
|
|
107
|
.searchbox input:-moz-placeholder { color: #919191; }
|
|
108
|
.searchbox input::-webkit-input-placeholder { color: #919191; }
|
|
109
|
.searchbox input.placeholder { color: #919191; }
|
|
110
|
|
|
111
|
.searchbox .results { background: #333; }
|
|
112
|
|
|
113
|
.searchbox .results:after { background-image: url(../images/menu_dropdown_level1_parent.png); }
|
|
114
|
|
|
115
|
.searchbox.loading button { background-image: url(../images/searchbox_loader.gif); }
|
|
116
|
|
|
117
|
.searchbox .results li.result { border-color: #414141; }
|