omf_web 1.2.5 → 1.2.6
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/omf-web/content/content_proxy.rb +28 -15
- data/lib/omf-web/content/file_repository.rb +16 -57
- data/lib/omf-web/content/git_repository.rb +2 -121
- data/lib/omf-web/content/irods_repository.rb +2 -0
- data/lib/omf-web/content/repository.rb +121 -10
- data/lib/omf-web/content/static_repository.rb +3 -3
- data/lib/omf-web/rack/content_handler.rb +8 -6
- data/lib/omf-web/theme.rb +16 -2
- data/lib/omf-web/thin/logging.rb +13 -4
- data/lib/omf-web/version.rb +1 -1
- data/lib/omf-web/widget/text/maruku/output/to_html.rb +29 -23
- data/lib/omf-web/widget/text/maruku.rb +20 -5
- data/omf_web.gemspec +1 -1
- data/share/htdocs/graph/js/code_mirror.js +2 -1
- data/share/htdocs/vendor/VERSION_MAP.yaml +1 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/LICENSE-MIT +22 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/README.md +26 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/addons/bootstrap/jquery.smartmenus.bootstrap.css +103 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/addons/bootstrap/jquery.smartmenus.bootstrap.js +72 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/addons/bootstrap/jquery.smartmenus.bootstrap.min.js +3 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/addons/keyboard/jquery.smartmenus.keyboard.js +192 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/addons/keyboard/jquery.smartmenus.keyboard.min.js +3 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/css-gradients-fallback/current-item-bg.png +0 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/css-gradients-fallback/main-item-hover-bg.png +0 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/css-gradients-fallback/main-menu-bg.png +0 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/css-gradients-fallback/sub-item-hover-bg.png +0 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/css-gradients-fallback/vertical-main-item-bg.png +0 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-blue/sm-blue.css +409 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-clean/sm-clean.css +315 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-core-css.css +23 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-mint/sm-mint.css +320 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/css/sm-simple/sm-simple.css +218 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/jquery.smartmenus.js +1041 -0
- data/share/htdocs/vendor/smartmenus-0.9.6/jquery.smartmenus.min.js +3 -0
- metadata +218 -229
@@ -0,0 +1,315 @@
|
|
1
|
+
/*
|
2
|
+
---------------------------------------------------------------
|
3
|
+
Note that styles you apply to the main menu items are inherited by the sub menus items too.
|
4
|
+
If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
|
5
|
+
.sm-clean > li > a { ... } instead of .sm-clean a { ... }
|
6
|
+
---------------------------------------------------------------*/
|
7
|
+
|
8
|
+
|
9
|
+
/* Menu box
|
10
|
+
===================*/
|
11
|
+
|
12
|
+
.sm-clean {
|
13
|
+
padding:0 10px;
|
14
|
+
background:#eee;
|
15
|
+
-moz-border-radius:50px;
|
16
|
+
-webkit-border-radius:50px;
|
17
|
+
border-radius:50px;
|
18
|
+
}
|
19
|
+
.sm-clean-vertical {
|
20
|
+
padding:10px 0;
|
21
|
+
-moz-border-radius:5px;
|
22
|
+
-webkit-border-radius:5px;
|
23
|
+
border-radius:5px;
|
24
|
+
}
|
25
|
+
.sm-clean ul {
|
26
|
+
border:1px solid #bbb;
|
27
|
+
padding:5px 0;
|
28
|
+
background:#fff;
|
29
|
+
-moz-border-radius:5px;
|
30
|
+
-webkit-border-radius:5px;
|
31
|
+
border-radius:5px;
|
32
|
+
-moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
|
33
|
+
-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
|
34
|
+
box-shadow:0 5px 9px rgba(0,0,0,0.2);
|
35
|
+
}
|
36
|
+
/* first sub level carets */
|
37
|
+
.sm-clean > li > ul:before {
|
38
|
+
content:'';
|
39
|
+
position:absolute;
|
40
|
+
top:-18px;
|
41
|
+
left:30px;
|
42
|
+
width:0;
|
43
|
+
height:0;
|
44
|
+
overflow:hidden;
|
45
|
+
border-width:9px; /* tweak size of the arrow */
|
46
|
+
border-style:dashed dashed solid dashed;
|
47
|
+
border-color:transparent transparent #bbb transparent;
|
48
|
+
}
|
49
|
+
.sm-clean > li > ul:after {
|
50
|
+
content:'';
|
51
|
+
position:absolute;
|
52
|
+
top:-16px;
|
53
|
+
left:31px;
|
54
|
+
width:0;
|
55
|
+
height:0;
|
56
|
+
overflow:hidden;
|
57
|
+
border-width:8px;
|
58
|
+
border-style:dashed dashed solid dashed;
|
59
|
+
border-color:transparent transparent #fff transparent;
|
60
|
+
}
|
61
|
+
/* no carets for vertical main */
|
62
|
+
.sm-clean-vertical > li > ul:before, .sm-clean-vertical > li > ul:after {
|
63
|
+
display:none;
|
64
|
+
}
|
65
|
+
|
66
|
+
|
67
|
+
/* Menu items
|
68
|
+
===================*/
|
69
|
+
|
70
|
+
.sm-clean a {
|
71
|
+
padding:12px;
|
72
|
+
color:#555;
|
73
|
+
font-size:18px;
|
74
|
+
line-height:17px;
|
75
|
+
font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif;
|
76
|
+
text-decoration:none;
|
77
|
+
}
|
78
|
+
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active,
|
79
|
+
.sm-clean a.highlighted {
|
80
|
+
color:#D23600;
|
81
|
+
}
|
82
|
+
.sm-clean-vertical a:hover, .sm-clean-vertical a:focus, .sm-clean-vertical a:active,
|
83
|
+
.sm-clean-vertical a.highlighted {
|
84
|
+
background:#fff;
|
85
|
+
}
|
86
|
+
.sm-clean a.has-submenu {
|
87
|
+
padding-right:25px;
|
88
|
+
}
|
89
|
+
.sm-clean-vertical a,
|
90
|
+
.sm-clean ul a {
|
91
|
+
padding:10px 20px;
|
92
|
+
}
|
93
|
+
.sm-clean-vertical a.has-submenu,
|
94
|
+
.sm-clean ul a.has-submenu {
|
95
|
+
padding-right:40px;
|
96
|
+
}
|
97
|
+
.sm-clean ul a {
|
98
|
+
font-size:16px;
|
99
|
+
}
|
100
|
+
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
|
101
|
+
.sm-clean ul a.highlighted {
|
102
|
+
color:#D23600;
|
103
|
+
background:#eee;
|
104
|
+
}
|
105
|
+
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
|
106
|
+
.sm-clean a.current, .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active {
|
107
|
+
color:#D23600;
|
108
|
+
}
|
109
|
+
|
110
|
+
|
111
|
+
/* Sub menu indicators
|
112
|
+
===================*/
|
113
|
+
|
114
|
+
.sm-clean a span.sub-arrow {
|
115
|
+
position:absolute;
|
116
|
+
right:12px;
|
117
|
+
top:50%;
|
118
|
+
margin-top:-3px;
|
119
|
+
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
|
120
|
+
width:0;
|
121
|
+
height:0;
|
122
|
+
overflow:hidden;
|
123
|
+
border-width:4px; /* tweak size of the arrow */
|
124
|
+
border-style:solid dashed dashed dashed;
|
125
|
+
border-color:#555 transparent transparent transparent;
|
126
|
+
}
|
127
|
+
.sm-clean-vertical a span.sub-arrow,
|
128
|
+
.sm-clean ul a span.sub-arrow {
|
129
|
+
right:15px;
|
130
|
+
top:50%;
|
131
|
+
margin-top:-5px;
|
132
|
+
border-width:5px;
|
133
|
+
border-style:dashed dashed dashed solid;
|
134
|
+
border-color:transparent transparent transparent #555;
|
135
|
+
}
|
136
|
+
|
137
|
+
|
138
|
+
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
|
139
|
+
===================*/
|
140
|
+
|
141
|
+
.sm-clean span.scroll-up, .sm-clean span.scroll-down {
|
142
|
+
position:absolute;
|
143
|
+
display:none;
|
144
|
+
visibility:hidden;
|
145
|
+
overflow:hidden;
|
146
|
+
background:#fff;
|
147
|
+
height:20px;
|
148
|
+
/* width and position will be automatically set by the script */
|
149
|
+
}
|
150
|
+
.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover {
|
151
|
+
background:#eee;
|
152
|
+
}
|
153
|
+
.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
|
154
|
+
position:absolute;
|
155
|
+
top:0;
|
156
|
+
left:50%;
|
157
|
+
margin-left:-6px;
|
158
|
+
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
|
159
|
+
width:0;
|
160
|
+
height:0;
|
161
|
+
overflow:hidden;
|
162
|
+
border-width:6px; /* tweak size of the arrow */
|
163
|
+
border-style:dashed dashed solid dashed;
|
164
|
+
border-color:transparent transparent #555 transparent;
|
165
|
+
}
|
166
|
+
.sm-clean span.scroll-up:hover span.scroll-up-arrow {
|
167
|
+
border-color:transparent transparent #D23600 transparent;
|
168
|
+
}
|
169
|
+
.sm-clean span.scroll-down-arrow {
|
170
|
+
top:8px;
|
171
|
+
border-style:solid dashed dashed dashed;
|
172
|
+
border-color:#555 transparent transparent transparent;
|
173
|
+
}
|
174
|
+
.sm-clean span.scroll-down:hover span.scroll-down-arrow {
|
175
|
+
border-color:#D23600 transparent transparent transparent;
|
176
|
+
}
|
177
|
+
|
178
|
+
|
179
|
+
/*
|
180
|
+
---------------------------------------------------------------
|
181
|
+
Responsiveness
|
182
|
+
These will make the sub menus collapsible when the screen width is too small.
|
183
|
+
---------------------------------------------------------------*/
|
184
|
+
|
185
|
+
|
186
|
+
/* decrease horizontal main menu items left/right padding to avoid wrapping */
|
187
|
+
@media screen and (max-width: 850px) {
|
188
|
+
.sm-clean:not(.sm-clean-vertical) > li > a {
|
189
|
+
padding-left:8px;
|
190
|
+
padding-right:8px;
|
191
|
+
}
|
192
|
+
.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
|
193
|
+
padding-right:25px;
|
194
|
+
}
|
195
|
+
}
|
196
|
+
@media screen and (max-width: 750px) {
|
197
|
+
.sm-clean:not(.sm-clean-vertical) > li > a {
|
198
|
+
padding-left:3px;
|
199
|
+
padding-right:3px;
|
200
|
+
}
|
201
|
+
.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
|
202
|
+
padding-right:25px;
|
203
|
+
}
|
204
|
+
}
|
205
|
+
|
206
|
+
|
207
|
+
@media screen and (max-width: 700px) {
|
208
|
+
|
209
|
+
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
|
210
|
+
ul.sm-clean{width:auto !important;}
|
211
|
+
ul.sm-clean ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
|
212
|
+
ul.sm-clean>li{float:none;}
|
213
|
+
ul.sm-clean>li>a,ul.sm-clean ul.sm-nowrap>li>a{white-space:normal;}
|
214
|
+
ul.sm-clean iframe{display:none;}
|
215
|
+
|
216
|
+
/* Uncomment this rule to disable completely the sub menus for small screen devices */
|
217
|
+
/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
|
218
|
+
display:none !important;
|
219
|
+
}*/
|
220
|
+
|
221
|
+
|
222
|
+
/* Menu box
|
223
|
+
===================*/
|
224
|
+
|
225
|
+
.sm-clean {
|
226
|
+
padding:0;
|
227
|
+
-moz-border-radius:5px;
|
228
|
+
-webkit-border-radius:5px;
|
229
|
+
border-radius:5px;
|
230
|
+
}
|
231
|
+
.sm-clean ul {
|
232
|
+
border:0;
|
233
|
+
padding:0;
|
234
|
+
/* darken the background of the sub menus */
|
235
|
+
background:rgba(130,130,130,0.1);
|
236
|
+
-moz-border-radius:0;
|
237
|
+
-webkit-border-radius:0;
|
238
|
+
border-radius:0;
|
239
|
+
-moz-box-shadow:none;
|
240
|
+
-webkit-box-shadow:none;
|
241
|
+
box-shadow:none;
|
242
|
+
}
|
243
|
+
/* no carets */
|
244
|
+
.sm-clean > li > ul:before, .sm-clean > li > ul:after {
|
245
|
+
display:none;
|
246
|
+
}
|
247
|
+
|
248
|
+
|
249
|
+
/* Menu items
|
250
|
+
===================*/
|
251
|
+
|
252
|
+
.sm-clean a {
|
253
|
+
padding:13px 5px 13px 28px !important;
|
254
|
+
color:#555 !important;
|
255
|
+
background:transparent !important;
|
256
|
+
}
|
257
|
+
.sm-clean a.current {
|
258
|
+
color:#D23600 !important;
|
259
|
+
}
|
260
|
+
/* add some text indentation for the 2+ level sub menu items */
|
261
|
+
.sm-clean ul a {
|
262
|
+
border-left:8px solid transparent;
|
263
|
+
}
|
264
|
+
.sm-clean ul ul a {
|
265
|
+
border-left:16px solid transparent;
|
266
|
+
}
|
267
|
+
.sm-clean ul ul ul a {
|
268
|
+
border-left:24px solid transparent;
|
269
|
+
}
|
270
|
+
.sm-clean ul ul ul ul a {
|
271
|
+
border-left:32px solid transparent;
|
272
|
+
}
|
273
|
+
.sm-clean ul ul ul ul ul a {
|
274
|
+
border-left:40px solid transparent;
|
275
|
+
}
|
276
|
+
|
277
|
+
|
278
|
+
/* Sub menu indicators
|
279
|
+
===================*/
|
280
|
+
|
281
|
+
.sm-clean a span.sub-arrow,
|
282
|
+
.sm-clean ul a span.sub-arrow {
|
283
|
+
top:50%;
|
284
|
+
margin-top:-9px;
|
285
|
+
right:auto;
|
286
|
+
left:6px;
|
287
|
+
margin-left:0;
|
288
|
+
width:17px;
|
289
|
+
height:17px;
|
290
|
+
font:normal 16px/16px monospace !important;
|
291
|
+
text-align:center;
|
292
|
+
border:0;
|
293
|
+
text-shadow:none;
|
294
|
+
background:rgba(255,255,255,0.6);
|
295
|
+
-moz-border-radius:50px;
|
296
|
+
-webkit-border-radius:50px;
|
297
|
+
border-radius:50px;
|
298
|
+
}
|
299
|
+
/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
|
300
|
+
.sm-clean a.highlighted span.sub-arrow {
|
301
|
+
display:none !important;
|
302
|
+
}
|
303
|
+
|
304
|
+
|
305
|
+
/* Items separators
|
306
|
+
===================*/
|
307
|
+
|
308
|
+
.sm-clean li {
|
309
|
+
border-top:1px solid rgba(0,0,0,0.05);
|
310
|
+
}
|
311
|
+
.sm-clean > li:first-child {
|
312
|
+
border-top:0;
|
313
|
+
}
|
314
|
+
|
315
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/* SmartMenus Core CSS (it's not recommended editing this)
|
2
|
+
===============================================================*/
|
3
|
+
|
4
|
+
.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
|
5
|
+
ul.sm li{position:relative;}
|
6
|
+
ul.sm a{position:relative;display:block;}
|
7
|
+
ul.sm a.disabled{cursor:default;}
|
8
|
+
ul.sm ul{position:absolute;top:-999999px;left:-800px;width:100px;}
|
9
|
+
ul.sm li{float:left;}
|
10
|
+
ul.sm-rtl{direction:rtl;}
|
11
|
+
ul.sm-rtl li{float:right;}
|
12
|
+
ul.sm ul li,ul.sm-vertical li{float:none;}
|
13
|
+
ul.sm a{white-space:nowrap;}
|
14
|
+
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
|
15
|
+
* html ul.sm-vertical li{float:left;width:100%;}
|
16
|
+
* html ul.sm-vertical ul li{float:none;width:auto;}
|
17
|
+
*:first-child+html ul.sm-vertical>li{float:left;width:100%;}
|
18
|
+
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
|
19
|
+
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
|
20
|
+
* html ul.sm{height:1px;}
|
21
|
+
*:first-child+html ul.sm{min-height:1px;}
|
22
|
+
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
|
23
|
+
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
@@ -0,0 +1,320 @@
|
|
1
|
+
/*
|
2
|
+
---------------------------------------------------------------
|
3
|
+
Note that styles you apply to the main menu items are inherited by the sub menus items too.
|
4
|
+
If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
|
5
|
+
.sm-mint > li > a { ... } instead of .sm-mint a { ... }
|
6
|
+
---------------------------------------------------------------*/
|
7
|
+
|
8
|
+
|
9
|
+
/* Menu box
|
10
|
+
===================*/
|
11
|
+
|
12
|
+
.sm-mint {
|
13
|
+
border-bottom:2px solid #8db863;
|
14
|
+
background:#fff;
|
15
|
+
}
|
16
|
+
.sm-mint-vertical {
|
17
|
+
border-right:2px solid #8db863;
|
18
|
+
border-bottom:0;
|
19
|
+
}
|
20
|
+
.sm-mint ul {
|
21
|
+
padding:8px 0;
|
22
|
+
background:#F6FFED;
|
23
|
+
-moz-border-radius:0 4px 4px 4px;
|
24
|
+
-webkit-border-radius:0 4px 4px 4px;
|
25
|
+
border-radius:0 4px 4px 4px;
|
26
|
+
-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
27
|
+
-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
28
|
+
box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
29
|
+
}
|
30
|
+
.sm-mint-vertical ul,
|
31
|
+
.sm-mint ul ul {
|
32
|
+
-moz-border-radius:4px;
|
33
|
+
-webkit-border-radius:4px;
|
34
|
+
border-radius:4px;
|
35
|
+
}
|
36
|
+
|
37
|
+
|
38
|
+
/* Menu items
|
39
|
+
===================*/
|
40
|
+
|
41
|
+
.sm-mint a {
|
42
|
+
border-bottom:2px solid #fff;
|
43
|
+
padding:11px 20px 9px 20px;
|
44
|
+
color:#000;
|
45
|
+
font-size:16px;
|
46
|
+
line-height:17px;
|
47
|
+
font-family:Arial,sans-serif;
|
48
|
+
text-decoration:none;
|
49
|
+
-moz-border-radius:4px 4px 0 0;
|
50
|
+
-webkit-border-radius:4px 4px 0 0;
|
51
|
+
border-radius:4px 4px 0 0;
|
52
|
+
}
|
53
|
+
.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active {
|
54
|
+
border-bottom-color:#8db863;
|
55
|
+
background:#8db863;
|
56
|
+
color:#F6FFED;
|
57
|
+
}
|
58
|
+
.sm-mint a.highlighted {
|
59
|
+
border-bottom-color:#F6FFED !important;
|
60
|
+
background:#F6FFED;
|
61
|
+
color:#000;
|
62
|
+
-moz-box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
63
|
+
-webkit-box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
64
|
+
box-shadow:0 4px 3px rgba(0,0,0,0.25);
|
65
|
+
}
|
66
|
+
.sm-mint-vertical a {
|
67
|
+
-moz-border-radius:4px 0 0 4px;
|
68
|
+
-webkit-border-radius:4px 0 0 4px;
|
69
|
+
border-radius:4px 0 0 4px;
|
70
|
+
}
|
71
|
+
.sm-mint-vertical a:hover, .sm-mint-vertical a:focus, .sm-mint-vertical a:active,
|
72
|
+
.sm-mint-vertical a.highlighted {
|
73
|
+
border-bottom-color:#8db863 !important;
|
74
|
+
background:#8db863;
|
75
|
+
color:#F6FFED;
|
76
|
+
-moz-box-shadow:none;
|
77
|
+
-webkit-box-shadow:none;
|
78
|
+
box-shadow:none;
|
79
|
+
}
|
80
|
+
.sm-mint ul a {
|
81
|
+
border-bottom:0;
|
82
|
+
padding:10px 20px;
|
83
|
+
font-size:14px;
|
84
|
+
line-height:normal;
|
85
|
+
-moz-border-radius:0;
|
86
|
+
-webkit-border-radius:0;
|
87
|
+
border-radius:0;
|
88
|
+
}
|
89
|
+
.sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active,
|
90
|
+
.sm-mint ul a.highlighted {
|
91
|
+
background:#8db863;
|
92
|
+
color:#F6FFED;
|
93
|
+
-moz-box-shadow:none;
|
94
|
+
-webkit-box-shadow:none;
|
95
|
+
box-shadow:none;
|
96
|
+
}
|
97
|
+
/* current items - add the class manually to some item or check the "markCurrentItem" script option */
|
98
|
+
.sm-mint a.current, .sm-mint a.current:hover, .sm-mint a.current:focus, .sm-mint a.current:active {
|
99
|
+
border-bottom-color:#8db863;
|
100
|
+
}
|
101
|
+
.sm-mint-vertical a.current, .sm-mint-vertical a.current:hover, .sm-mint-vertical a.current:focus, .sm-mint-vertical a.current:active {
|
102
|
+
border-right:2px solid #8db863;
|
103
|
+
border-bottom-color:#fff;
|
104
|
+
}
|
105
|
+
.sm-mint ul a.current, .sm-mint ul a.current:hover, .sm-mint ul a.current:focus, .sm-mint ul a.current:active {
|
106
|
+
border-right:0;
|
107
|
+
border-bottom:0;
|
108
|
+
font-weight:bold;
|
109
|
+
}
|
110
|
+
.sm-mint a.has-submenu {
|
111
|
+
padding-right:32px;
|
112
|
+
}
|
113
|
+
|
114
|
+
|
115
|
+
/* Sub menu indicators
|
116
|
+
===================*/
|
117
|
+
|
118
|
+
.sm-mint a span.sub-arrow {
|
119
|
+
position:absolute;
|
120
|
+
right:17px;
|
121
|
+
top:50%;
|
122
|
+
margin-top:-3px;
|
123
|
+
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
|
124
|
+
width:0;
|
125
|
+
height:0;
|
126
|
+
overflow:hidden;
|
127
|
+
border-top:6px solid #8db863; /* tweak size of the arrow */
|
128
|
+
border-left:4px dashed transparent;
|
129
|
+
border-right:4px dashed transparent;
|
130
|
+
}
|
131
|
+
.sm-mint a:hover span.sub-arrow, .sm-mint a:focus span.sub-arrow, .sm-mint a:active span.sub-arrow {
|
132
|
+
border-top-color:#F6FFED;
|
133
|
+
}
|
134
|
+
.sm-mint a.highlighted span.sub-arrow {
|
135
|
+
border-top-color:#8db863;
|
136
|
+
}
|
137
|
+
.sm-mint-vertical a span.sub-arrow,
|
138
|
+
.sm-mint ul a span.sub-arrow {
|
139
|
+
right:15px;
|
140
|
+
margin-top:-4px;
|
141
|
+
border-left:6px solid #8db863; /* tweak size of the arrow */
|
142
|
+
border-top:4px dashed transparent;
|
143
|
+
border-bottom:4px dashed transparent;
|
144
|
+
}
|
145
|
+
.sm-mint-vertical a:hover span.sub-arrow, .sm-mint-vertical a:focus span.sub-arrow, .sm-mint-vertical a:active span.sub-arrow,
|
146
|
+
.sm-mint-vertical a.highlighted span.sub-arrow,
|
147
|
+
.sm-mint ul a:hover span.sub-arrow, .sm-mint ul a:focus span.sub-arrow, .sm-mint ul a:active span.sub-arrow,
|
148
|
+
.sm-mint ul a.highlighted span.sub-arrow {
|
149
|
+
border-left-color:#F6FFED;
|
150
|
+
border-top-color:transparent;
|
151
|
+
}
|
152
|
+
|
153
|
+
|
154
|
+
/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." in the default download package
|
155
|
+
===================*/
|
156
|
+
|
157
|
+
.sm-mint span.scroll-up, .sm-mint span.scroll-down {
|
158
|
+
position:absolute;
|
159
|
+
display:none;
|
160
|
+
visibility:hidden;
|
161
|
+
overflow:hidden;
|
162
|
+
background:#F6FFED;
|
163
|
+
height:20px;
|
164
|
+
/* width and position will be automatically set by the script */
|
165
|
+
}
|
166
|
+
.sm-mint span.scroll-up-arrow, .sm-mint span.scroll-down-arrow {
|
167
|
+
position:absolute;
|
168
|
+
top:6px;
|
169
|
+
left:50%;
|
170
|
+
margin-left:-8px;
|
171
|
+
/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
|
172
|
+
width:0;
|
173
|
+
height:0;
|
174
|
+
overflow:hidden;
|
175
|
+
border-bottom:8px solid #8db863; /* tweak size of the arrow */
|
176
|
+
border-left:6px dashed transparent;
|
177
|
+
border-right:6px dashed transparent;
|
178
|
+
}
|
179
|
+
.sm-mint span.scroll-down-arrow {
|
180
|
+
border-top:8px solid #8db863; /* tweak size of the arrow */
|
181
|
+
border-bottom:0;
|
182
|
+
}
|
183
|
+
|
184
|
+
|
185
|
+
/*
|
186
|
+
---------------------------------------------------------------
|
187
|
+
Responsiveness
|
188
|
+
These will make the sub menus collapsible when the screen width is too small.
|
189
|
+
---------------------------------------------------------------*/
|
190
|
+
|
191
|
+
|
192
|
+
/* decrease horizontal main menu items left/right padding to avoid wrapping */
|
193
|
+
@media screen and (max-width: 850px) {
|
194
|
+
.sm-mint:not(.sm-mint-vertical) > li > a {
|
195
|
+
padding-left:12px;
|
196
|
+
padding-right:12px;
|
197
|
+
}
|
198
|
+
.sm-mint:not(.sm-mint-vertical) > li > a.has-submenu {
|
199
|
+
padding-right:24px;
|
200
|
+
}
|
201
|
+
.sm-mint:not(.sm-mint-vertical) a span.sub-arrow {
|
202
|
+
right:9px;
|
203
|
+
}
|
204
|
+
}
|
205
|
+
@media screen and (max-width: 720px) {
|
206
|
+
.sm-mint:not(.sm-mint-vertical) > li > a {
|
207
|
+
padding-left:6px;
|
208
|
+
padding-right:6px;
|
209
|
+
}
|
210
|
+
.sm-mint:not(.sm-mint-vertical) > li > a.has-submenu {
|
211
|
+
padding-right:18px;
|
212
|
+
}
|
213
|
+
.sm-mint:not(.sm-mint-vertical) a span.sub-arrow {
|
214
|
+
right:3px;
|
215
|
+
}
|
216
|
+
}
|
217
|
+
|
218
|
+
@media screen and (max-width: 640px) {
|
219
|
+
|
220
|
+
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
|
221
|
+
ul.sm-mint{width:auto !important;}
|
222
|
+
ul.sm-mint ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
|
223
|
+
ul.sm-mint>li{float:none;}
|
224
|
+
ul.sm-mint>li>a,ul.sm-mint ul.sm-nowrap>li>a{white-space:normal;}
|
225
|
+
ul.sm-mint iframe{display:none;}
|
226
|
+
|
227
|
+
/* Uncomment this rule to disable completely the sub menus for small screen devices */
|
228
|
+
/*.sm-mint ul, .sm-mint span.sub-arrow, .sm-mint iframe {
|
229
|
+
display:none !important;
|
230
|
+
}*/
|
231
|
+
|
232
|
+
|
233
|
+
/* Menu box
|
234
|
+
===================*/
|
235
|
+
|
236
|
+
.sm-mint {
|
237
|
+
border-top:2px solid #8db863;
|
238
|
+
border-bottom:2px solid #8db863;
|
239
|
+
border-right:0;
|
240
|
+
}
|
241
|
+
.sm-mint ul {
|
242
|
+
border:0;
|
243
|
+
padding:0;
|
244
|
+
/* darken the background of the sub menus */
|
245
|
+
background:rgba(141,184,99,0.2);
|
246
|
+
-moz-border-radius:0 !important;
|
247
|
+
-webkit-border-radius:0 !important;
|
248
|
+
border-radius:0 !important;
|
249
|
+
-moz-box-shadow:none;
|
250
|
+
-webkit-box-shadow:none;
|
251
|
+
box-shadow:none;
|
252
|
+
}
|
253
|
+
|
254
|
+
|
255
|
+
/* Menu items
|
256
|
+
===================*/
|
257
|
+
|
258
|
+
.sm-mint a {
|
259
|
+
border:0 !important;
|
260
|
+
padding:13px 23px !important;
|
261
|
+
background:transparent !important;
|
262
|
+
color:#000 !important;
|
263
|
+
-moz-border-radius:0 !important;
|
264
|
+
-webkit-border-radius:0 !important;
|
265
|
+
border-radius:0 !important;
|
266
|
+
-moz-box-shadow:none !important;
|
267
|
+
-webkit-box-shadow:none !important;
|
268
|
+
box-shadow:none !important;
|
269
|
+
}
|
270
|
+
.sm-mint a.current {
|
271
|
+
font-weight:bold;
|
272
|
+
}
|
273
|
+
/* add some text indentation for the 2+ level sub menu items */
|
274
|
+
.sm-mint ul a {
|
275
|
+
border-left:8px solid transparent !important;
|
276
|
+
}
|
277
|
+
.sm-mint ul ul a {
|
278
|
+
border-left:16px solid transparent !important;
|
279
|
+
}
|
280
|
+
.sm-mint ul ul ul a {
|
281
|
+
border-left:24px solid transparent !important;
|
282
|
+
}
|
283
|
+
.sm-mint ul ul ul ul a {
|
284
|
+
border-left:32px solid transparent !important;
|
285
|
+
}
|
286
|
+
.sm-mint ul ul ul ul ul a {
|
287
|
+
border-left:40px solid transparent !important;
|
288
|
+
}
|
289
|
+
|
290
|
+
|
291
|
+
/* Sub menu indicators
|
292
|
+
===================*/
|
293
|
+
|
294
|
+
.sm-mint a span.sub-arrow {
|
295
|
+
right:auto !important;
|
296
|
+
margin-top:-7px !important;
|
297
|
+
margin-left:-16px !important;
|
298
|
+
border-left:9px solid #8db863 !important; /* tweak size of the arrow */
|
299
|
+
border-top:6px dashed transparent !important;
|
300
|
+
border-bottom:6px dashed transparent !important;
|
301
|
+
}
|
302
|
+
/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
|
303
|
+
.sm-mint a.highlighted span.sub-arrow {
|
304
|
+
display:none !important;
|
305
|
+
}
|
306
|
+
|
307
|
+
|
308
|
+
|
309
|
+
|
310
|
+
/* Items separators
|
311
|
+
===================*/
|
312
|
+
|
313
|
+
.sm-mint li {
|
314
|
+
border-top:1px solid rgba(141,184,99,0.2);
|
315
|
+
}
|
316
|
+
.sm-mint li:first-child {
|
317
|
+
border-top:0;
|
318
|
+
}
|
319
|
+
|
320
|
+
}
|