1 | /* binaryworld themes based on */ |
---|
2 | /* mediaboxAdvanced Black theme */ |
---|
3 | /* version 2.1 - August 2010 */ |
---|
4 | /* for mediaboxAdvanced v.1.3.1 */ |
---|
5 | |
---|
6 | |
---|
7 | /** |
---|
8 | /* Overlay background styling |
---|
9 | /* |
---|
10 | /**/ |
---|
11 | |
---|
12 | #mbOverlay { |
---|
13 | position: fixed; |
---|
14 | z-index: 9998; |
---|
15 | top: 0; |
---|
16 | left: 0; |
---|
17 | width: 100%; |
---|
18 | height: 100%; |
---|
19 | cursor: pointer; |
---|
20 | } |
---|
21 | |
---|
22 | /** |
---|
23 | /* Legacy fix for older browsers */ |
---|
24 | /* |
---|
25 | /**/ |
---|
26 | |
---|
27 | /* |
---|
28 | #mbOverlay.mbOverlayFF { |
---|
29 | background: transparent url(black/images/80.png) repeat; |
---|
30 | } |
---|
31 | */ |
---|
32 | |
---|
33 | #mbOverlay.mbOverlayIE { |
---|
34 | position: absolute; |
---|
35 | } |
---|
36 | |
---|
37 | /** |
---|
38 | /* Overlay panel styling */ |
---|
39 | /* |
---|
40 | /**/ |
---|
41 | |
---|
42 | #mbCenter { |
---|
43 | position: absolute; |
---|
44 | z-index: 9999; |
---|
45 | left: 50%; |
---|
46 | overflow: hidden; |
---|
47 | -webkit-border-radius: 10px; |
---|
48 | -khtml-border-radius: 10px; |
---|
49 | -moz-border-radius: 10px; |
---|
50 | border-radius: 10px; |
---|
51 | -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
52 | -khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
53 | -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
54 | box-shadow: 0px 5px 20px rgba(0,0,0,0.50); |
---|
55 | /* For IE 8 */ |
---|
56 | -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; |
---|
57 | /* For IE 5.5 - 7 */ |
---|
58 | filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); |
---|
59 | } |
---|
60 | |
---|
61 | #mbCenter.mbLoading { |
---|
62 | /*background: #000 url(black/images/loading.gif) no-repeat center;*/ |
---|
63 | /* This style is applied only during animation. */ |
---|
64 | /* For example, the next lines turn off shadows */ |
---|
65 | /* improving browser performance on slow systems. */ |
---|
66 | /* To leave shadows on, just remove the following: */ |
---|
67 | -webkit-box-shadow: none; |
---|
68 | -khtml-box-shadow: none; |
---|
69 | -moz-box-shadow: none; |
---|
70 | box-shadow: none; |
---|
71 | } |
---|
72 | |
---|
73 | #mbImage { |
---|
74 | position: relative; |
---|
75 | left: 0; |
---|
76 | top: 0; |
---|
77 | |
---|
78 | /* Inline content styling */ |
---|
79 | |
---|
80 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
81 | line-height: 20px; |
---|
82 | font-size: 12px; |
---|
83 | text-align: left; |
---|
84 | background-position: center center; |
---|
85 | background-repeat: no-repeat; |
---|
86 | padding: 10px; |
---|
87 | } |
---|
88 | |
---|
89 | /** |
---|
90 | /* Title, Caption and Button styling */ |
---|
91 | /* |
---|
92 | /**/ |
---|
93 | |
---|
94 | #mbBottom { |
---|
95 | min-height: 20px; |
---|
96 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
97 | line-height: 20px; |
---|
98 | font-size: 12px; |
---|
99 | text-align: left; |
---|
100 | padding: 0 10px 10px; |
---|
101 | } |
---|
102 | |
---|
103 | #mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink { |
---|
104 | display: inline; |
---|
105 | font-weight: bold; |
---|
106 | line-height: 20px; |
---|
107 | font-size: 12px; |
---|
108 | } |
---|
109 | |
---|
110 | #mbNumber { |
---|
111 | display: inline; |
---|
112 | /*color: #999;*/ |
---|
113 | line-height: 14px; |
---|
114 | font-size: 10px; |
---|
115 | margin: auto 10px; |
---|
116 | } |
---|
117 | |
---|
118 | #mbCaption { |
---|
119 | display: block; |
---|
120 | /*color: #999;*/ |
---|
121 | line-height: 14px; |
---|
122 | font-size: 10px; |
---|
123 | } |
---|
124 | |
---|
125 | #mbBottom a { |
---|
126 | float: right; |
---|
127 | outline: none; |
---|
128 | margin: 0 0 0 10px; |
---|
129 | font-weight: normal; |
---|
130 | border-width: 0px; |
---|
131 | text-decoration: none; |
---|
132 | } |
---|
133 | |
---|
134 | #mbBottom a b { |
---|
135 | font-weight: bold; |
---|
136 | text-decoration: underline; |
---|
137 | } |
---|
138 | |
---|
139 | #mbBottom a big { |
---|
140 | font-size: 16px; |
---|
141 | line-height: 14px; |
---|
142 | font-weight: bold; |
---|
143 | } |
---|
144 | |
---|
145 | #mbBottom a:link, #mbBottom a:visited, |
---|
146 | #mbBottom a:hover, #mbBottom a:active { |
---|
147 | text-decoration: none; |
---|
148 | } |
---|
149 | |
---|
150 | |
---|
151 | /** |
---|
152 | /* Error message styling */ |
---|
153 | /* |
---|
154 | /**/ |
---|
155 | |
---|
156 | #mbError { |
---|
157 | position: relative; |
---|
158 | font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; |
---|
159 | line-height: 20px; |
---|
160 | font-size: 12px; |
---|
161 | text-align: center; |
---|
162 | border: 10px solid #700; |
---|
163 | padding: 10px 10px 10px; |
---|
164 | margin: 20px; |
---|
165 | -webkit-border-radius: 5px; |
---|
166 | -khtml-border-radius: 5px; |
---|
167 | -moz-border-radius: 5px; |
---|
168 | border-radius: 5px; |
---|
169 | } |
---|
170 | |
---|
171 | #mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { |
---|
172 | font-weight: bold; |
---|
173 | text-decoration: underline; |
---|
174 | } |
---|
175 | |
---|
176 | /** |
---|
177 | /* Shadogo |
---|
178 | /* |
---|
179 | /**/ |
---|
180 | |
---|
181 | #mbBottom a.disabled-link, #mbBottom a.disabled-link:link, #mbBottom a.disabled-link:visited { |
---|
182 | font-weight: normal; |
---|
183 | font-style: oblique; |
---|
184 | } |
---|