j1m_nav 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE.md +21 -0
- data/README.md +41 -0
- data/_data/modules/default/j1_nav-0.0.1/j1_bootsnav.yml +337 -0
- data/_data/modules/default/j1_nav-0.0.1/j1_bootsnav_mainmenu.yml +266 -0
- data/_data/resources/default/j1_nav-0.0.1/resource.yml +25 -0
- data/_includes/themes/j1/modules/adapter/bootsnav/bootsnav.html +102 -0
- data/_includes/themes/j1/modules/adapter/bootsnav/procedures/mainmenu.proc +268 -0
- data/_includes/themes/j1/modules/adapter/bootsnav/procedures/quicklinks.proc +93 -0
- data/_includes/themes/j1/modules/adapter/bootsnav/procedures/sidebar.proc +123 -0
- data/_includes/themes/j1/modules/adapter/bootsnav/procedures/topsearch.proc +126 -0
- data/assets/themes/j1/bs_bootsnav/LICENSE.md +21 -0
- data/assets/themes/j1/bs_bootsnav/README.md +44 -0
- data/assets/themes/j1/bs_bootsnav/css/bootsnav.css +1570 -0
- data/assets/themes/j1/bs_bootsnav/css/bootsnav.min.css +28 -0
- data/assets/themes/j1/bs_bootsnav/css/skins/j1_template.css +394 -0
- data/assets/themes/j1/bs_bootsnav/css/style.css +503 -0
- data/assets/themes/j1/bs_bootsnav/css/style.min.css +20 -0
- data/assets/themes/j1/bs_bootsnav/images/brand/logo-black.png +0 -0
- data/assets/themes/j1/bs_bootsnav/images/brand/logo-white.png +0 -0
- data/assets/themes/j1/bs_bootsnav/images/thumb/thumb01.jpg +0 -0
- data/assets/themes/j1/bs_bootsnav/images/thumb/thumb02.jpg +0 -0
- data/assets/themes/j1/bs_bootsnav/images/thumb/thumb03.jpg +0 -0
- data/assets/themes/j1/bs_bootsnav/js/bootsnav.js +586 -0
- data/assets/themes/j1/bs_bootsnav/js/bootsnav.min.js +26 -0
- data/exe/console +14 -0
- data/exe/setup +8 -0
- data/lib/j1m_nav.rb +5 -0
- data/lib/j1m_nav/version.rb +3 -0
- metadata +118 -0
@@ -0,0 +1,123 @@
|
|
1
|
+
{% comment %}
|
2
|
+
# -----------------------------------------------------------------------------
|
3
|
+
# J1: ~/_includes/themes/j1/modules/nav_module/sidebar.proc
|
4
|
+
# Liquid PROCEDURE template to create the Sidebar for J1 Template
|
5
|
+
#
|
6
|
+
# Product/Info:
|
7
|
+
# https://jekyll.one
|
8
|
+
#
|
9
|
+
# Copyright (C) 2017 Juergen Adams
|
10
|
+
#
|
11
|
+
# J1 Template is licensed under the MIT License.
|
12
|
+
# For details, see https://jekyll.one
|
13
|
+
#
|
14
|
+
# -----------------------------------------------------------------------------
|
15
|
+
# Test data:
|
16
|
+
# liquid_var: {{ liquid_var | debug }}
|
17
|
+
#
|
18
|
+
# -----------------------------------------------------------------------------
|
19
|
+
{% endcomment %}
|
20
|
+
|
21
|
+
{% assign bootsnav_config = include.bootsnav_config %}
|
22
|
+
{% assign theme_switcher = site.data.modules.j1_bs_theme_switcher %}
|
23
|
+
|
24
|
+
|
25
|
+
{% comment %} Liquid procedures {% endcomment %}
|
26
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
27
|
+
|
28
|
+
{% capture select_color %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
|
29
|
+
{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
|
30
|
+
|
31
|
+
|
32
|
+
{% comment %} Liquid var initialization {% endcomment %}
|
33
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
34
|
+
|
35
|
+
{% assign display_theme = bootsnav_config.sidebar.display_theme %}
|
36
|
+
{% assign close_icon = bootsnav_config.sidebar.close_icon %}
|
37
|
+
|
38
|
+
{% if bootsnav_config.icon_family == 'FontAwesome' %}
|
39
|
+
{% assign icon_family = 'fa' %}
|
40
|
+
{% endif %}
|
41
|
+
|
42
|
+
{% if bootsnav_config.sidebar.icon_color != null %}
|
43
|
+
{% include {{select_color}} color=bootsnav_config.sidebar.icon_color fallback="#9E9E9E" %}
|
44
|
+
{% assign my_icon_color = {{color}} %}
|
45
|
+
{% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
|
46
|
+
{% else %}
|
47
|
+
{% assign icon_color = '' %}
|
48
|
+
{% endif %}
|
49
|
+
|
50
|
+
{% include {{select_icon_size}} family=bootsnav_config.icon_family size=bootsnav_config.sidebar.icon_size %}
|
51
|
+
{% assign icon_size = {{size}} %}
|
52
|
+
|
53
|
+
|
54
|
+
{% comment %} Fallback configs {% endcomment %}
|
55
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
56
|
+
|
57
|
+
{% unless close_icon %}
|
58
|
+
{% assign close_icon = 'close' %}
|
59
|
+
{% endunless %}
|
60
|
+
|
61
|
+
{% unless icon_family %}
|
62
|
+
{% assign icon_family = 'mdi' %}
|
63
|
+
{% assign icon_size = 'mdi-18px' %}
|
64
|
+
{% endunless %}
|
65
|
+
|
66
|
+
|
67
|
+
{% comment %} Main {% endcomment %}
|
68
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
69
|
+
|
70
|
+
<!-- Start Side Menu -->
|
71
|
+
<div class="side">
|
72
|
+
<a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></a>
|
73
|
+
|
74
|
+
{% if display_theme %}
|
75
|
+
<div class="widget">
|
76
|
+
<h4 class="heading">Theme Info</h4>
|
77
|
+
<ul id="display_theme_details" class="link">
|
78
|
+
<li><a href="#" >Author: Jekyll-One</a></li>
|
79
|
+
<li><a href="http://getbootstrap.com/" target="blank">Version: 3.3.7</a></li>
|
80
|
+
</ul>
|
81
|
+
</div>
|
82
|
+
|
83
|
+
<!-- Check if J1 Theme enabled -->
|
84
|
+
{% if theme_switcher.enabled %}
|
85
|
+
<!-- Add J1 Theme Manager details -->
|
86
|
+
<script type="text/javascript">
|
87
|
+
// Load the previously selected theme from the cookies
|
88
|
+
var themeName = $.cookie('{{ theme_switcher.cookieThemeName }}');
|
89
|
+
var themeNameItem = '<li><a href="{{ asset_path }}/theme_manager/preview.html">Theme: <i id="theme_name">' + themeName + '</i></a></li>';
|
90
|
+
$("#display_theme_details").prepend(themeNameItem);
|
91
|
+
</script>
|
92
|
+
{% else %}
|
93
|
+
<script type="text/javascript">
|
94
|
+
<!-- Theme for J1|Bootstrap statically loaded -->
|
95
|
+
var themeNameItem = '<li><a href="{{ asset_path }}/theme_manager/preview.html">Theme: <i id="theme_name">Default</i></a></li>';
|
96
|
+
$("#display_theme_details").prepend(themeNameItem);
|
97
|
+
</script>
|
98
|
+
{% endif %}
|
99
|
+
<!-- End Check J1 Theme enabled -->
|
100
|
+
{% endif %}
|
101
|
+
|
102
|
+
<!-- Collect SideBar Box data -->
|
103
|
+
{% for boxes in bootsnav_config.sidebar.boxes %}
|
104
|
+
{% for box in boxes %}
|
105
|
+
{% if box[0] == 'box' %}
|
106
|
+
<div class="widget">
|
107
|
+
<h4 class="heading">{{box[1].title}}</h4>
|
108
|
+
{% assign type = box[1].type %}
|
109
|
+
{% if type == 'linkbox' %}
|
110
|
+
{% assign links = box[1].links %}
|
111
|
+
{% for link in links %}
|
112
|
+
<ul class="link">
|
113
|
+
<li><a href="{{ link[1] }}">{{ link[0] }}</a></li>
|
114
|
+
</ul>
|
115
|
+
{% endfor %}
|
116
|
+
{% endif %}
|
117
|
+
</div>
|
118
|
+
{% endif %}
|
119
|
+
{% endfor %}
|
120
|
+
{% endfor %}
|
121
|
+
|
122
|
+
</div>
|
123
|
+
<!-- End Side Menu -->
|
@@ -0,0 +1,126 @@
|
|
1
|
+
{% comment %}
|
2
|
+
# -----------------------------------------------------------------------------
|
3
|
+
# J1: ~/_includes/templates/j1/modules/nav_module/topsearch.proc
|
4
|
+
# Liquid PROCEDURE template to create search input for the main
|
5
|
+
# navigation (Simple Jekyll Search)
|
6
|
+
#
|
7
|
+
# Product/Info:
|
8
|
+
# https://jekyll.one
|
9
|
+
#
|
10
|
+
# Copyright (C) 2017 Juergen Adams
|
11
|
+
#
|
12
|
+
# J1 Template is licensed under the MIT License.
|
13
|
+
# For details, see https://jekyll.one
|
14
|
+
#
|
15
|
+
# -----------------------------------------------------------------------------
|
16
|
+
# Test data:
|
17
|
+
# liquid_var: {{ liquid_var | debug }}
|
18
|
+
#
|
19
|
+
# -----------------------------------------------------------------------------
|
20
|
+
{% endcomment %}
|
21
|
+
|
22
|
+
{% assign bootsnav_config = include.bootsnav_config %}
|
23
|
+
{% assign quick_search_config = site.data.modules.j1_jekyll_search %}
|
24
|
+
{% assign elastic_search_config = site.data.modules.j1_elastic_search %}
|
25
|
+
|
26
|
+
{% comment %} Liquid procedures {% endcomment %}
|
27
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
28
|
+
|
29
|
+
{% capture select_color %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}
|
30
|
+
{% capture select_icon_size %}themes/{{site.template.name}}/procedures/components/select_icon_size.proc{% endcapture %}
|
31
|
+
|
32
|
+
|
33
|
+
{% comment %} Liquid var initialization {% endcomment %}
|
34
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
35
|
+
|
36
|
+
{% assign quick_search = true %}
|
37
|
+
{% assign elastic_search = false %}
|
38
|
+
|
39
|
+
{% if bootsnav_config.top_search.type == 'quick_search' %}
|
40
|
+
{% assign quick_search = true %}
|
41
|
+
{% endif %}
|
42
|
+
|
43
|
+
{% if bootsnav_config.top_search.type == 'elastic_search' %}
|
44
|
+
{% assign elastic_search = true %}
|
45
|
+
{% assign quick_search = false %}
|
46
|
+
{% endif %}
|
47
|
+
|
48
|
+
{% assign placeholder = bootsnav_config.top_search.placeholder %}
|
49
|
+
{% assign search_heading_lead = bootsnav_config.top_search.search_heading_lead %}
|
50
|
+
{% assign result_heading_lead = bootsnav_config.top_search.result_heading_lead %}
|
51
|
+
|
52
|
+
{% assign search_icon = bootsnav_config.top_search.search_icon %}
|
53
|
+
{% assign close_icon = bootsnav_config.top_search.close_icon %}
|
54
|
+
|
55
|
+
{% if bootsnav_config.icon_family == 'FontAwesome' %}
|
56
|
+
{% assign icon_family = 'fa' %}
|
57
|
+
{% endif %}
|
58
|
+
|
59
|
+
{% if bootsnav_config.top_search.icon_color %}
|
60
|
+
{% include {{select_color}} color=bootsnav_config.top_search.icon_color fallback="#9E9E9E" %}
|
61
|
+
{% assign my_icon_color = {{color}} %}
|
62
|
+
{% capture icon_color %}style="color:{{my_icon_color}}"{% endcapture %}
|
63
|
+
{% else %}
|
64
|
+
{% assign icon_color = '' %}
|
65
|
+
{% endif %}
|
66
|
+
|
67
|
+
{% include {{select_icon_size}} family=bootsnav_config.icon_family size=bootsnav_config.top_search.icon_size %}
|
68
|
+
{% assign icon_size = {{size}} %}
|
69
|
+
|
70
|
+
{% comment %} Fallback configs {% endcomment %}
|
71
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
72
|
+
|
73
|
+
{% unless search_icon %}
|
74
|
+
{% assign search_icon = 'magnify' %}
|
75
|
+
{% endunless %}
|
76
|
+
|
77
|
+
{% unless close_icon %}
|
78
|
+
{% assign close_icon = 'close' %}
|
79
|
+
{% endunless %}
|
80
|
+
|
81
|
+
{% unless icon_family %}
|
82
|
+
{% assign icon_family = 'mdi' %}
|
83
|
+
{% assign icon_size = 'mdi-48px' %}
|
84
|
+
{% endunless %}
|
85
|
+
|
86
|
+
|
87
|
+
{% comment %} Main {% endcomment %}
|
88
|
+
{% comment %} ------------------------------------------------- {% endcomment %}
|
89
|
+
|
90
|
+
{% if bootsnav_config.top_search.enabled %}
|
91
|
+
|
92
|
+
{% comment %} JekyllSimpleSearch engine {% endcomment %}
|
93
|
+
{% comment %} ----------------------------------------------- {% endcomment %}
|
94
|
+
|
95
|
+
{% if quick_search %}
|
96
|
+
<!-- Start TopSearch (quick_search) -->
|
97
|
+
<div class="top-search">
|
98
|
+
<div class="container">
|
99
|
+
<div class="input-group">
|
100
|
+
<span class="input-group-addon"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}" {{icon_color}}></i></span>
|
101
|
+
<input type="text" id="jss-input" class="form-control" placeholder="{{placeholder}}">
|
102
|
+
<span class="input-group-addon close-search"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} {{icon_size}}" {{icon_color}}></i></span>
|
103
|
+
</div>
|
104
|
+
</div>
|
105
|
+
<!-- search panel, hidden (display: none) -->
|
106
|
+
<div class="panel panel-search" id="jss-panel" style="display: none">
|
107
|
+
<!-- default panel contents -->
|
108
|
+
<div class="panel-heading lead">{{ search_heading_lead }}</div>
|
109
|
+
<div class="panel-body"><p>{{ result_heading_lead }}</p></div>
|
110
|
+
<!-- list group -->
|
111
|
+
<div class="list-group">
|
112
|
+
<ul id="jss-results"></ul>
|
113
|
+
</div>
|
114
|
+
</div>
|
115
|
+
</div>
|
116
|
+
<!-- End TopSearch (quick_search) -->
|
117
|
+
{% endif %}
|
118
|
+
|
119
|
+
{% comment %} ElasticSearch engine {% endcomment %}
|
120
|
+
{% comment %} --------------------------------------------- {% endcomment %}
|
121
|
+
|
122
|
+
{% if elastic_search %}
|
123
|
+
<!-- TopSearch for ElasticSearch (elastic_search) currently NOT supported -->
|
124
|
+
{% endif %}
|
125
|
+
|
126
|
+
{% endif %}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2016 adamnurdin01
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
@@ -0,0 +1,44 @@
|
|
1
|
+
## Bootsnav - Multi Purpose Header
|
2
|
+
Bootsnav is a multi purpose header based with Bootstrap, you can build any header style with bootsnav only with a few minutes.
|
3
|
+
|
4
|
+
[DEMO & Documentation](http://bootsnav.danurstrap.com/)
|
5
|
+
|
6
|
+
## File Structure
|
7
|
+
CSS files stored in folder 'CSS' and 'skins' (color skins). However, you'd just need to edit the overwrite.css file. It contains the styling elements for all header menu.
|
8
|
+
|
9
|
+
```
|
10
|
+
bootsnav/
|
11
|
+
├── css/
|
12
|
+
│ ├── bootsnav.css
|
13
|
+
│ ├── style.css
|
14
|
+
└── js/
|
15
|
+
└── bootsnav.js
|
16
|
+
```
|
17
|
+
|
18
|
+
## Credit
|
19
|
+
Framework Based
|
20
|
+
- Bootstrap V.3 - http://getbootstrap.com/
|
21
|
+
|
22
|
+
Font
|
23
|
+
- Open Sans - https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
|
24
|
+
|
25
|
+
Icons
|
26
|
+
- Font Awesome - https://fortawesome.github.io/Font-Awesome/
|
27
|
+
|
28
|
+
Javascript
|
29
|
+
- jQuery - https://code.jquery.com/jquery/
|
30
|
+
- Bootstrap - http://getbootstrap.com/
|
31
|
+
- IE - https://github.com/twbs/bootstrap/tree/master/docs/assets/js
|
32
|
+
|
33
|
+
CSS
|
34
|
+
- Animate - https://daneden.github.io/animate.css/
|
35
|
+
|
36
|
+
## Change Log
|
37
|
+
|
38
|
+
### v.1.1 - 2016-06-11
|
39
|
+
- Fixed Navbar sticky
|
40
|
+
- Fixed Search mobile device
|
41
|
+
- Fixed Active navigation on brand center
|
42
|
+
|
43
|
+
### v.1.2 - 2016-10-19
|
44
|
+
- Responsive 991px
|
@@ -0,0 +1,1570 @@
|
|
1
|
+
/*
|
2
|
+
# -----------------------------------------------------------------------------
|
3
|
+
# J1: ~/assets/themes/j1/bootsnav/css/bootsnav.css
|
4
|
+
# Provides CSS styles for Bootsnav
|
5
|
+
#
|
6
|
+
# Product/Info:
|
7
|
+
# https://jekyll.one
|
8
|
+
# https://github.com/adamnurdin01/bootsnav
|
9
|
+
#
|
10
|
+
# Copyright (C) 2017 Juergen Adams
|
11
|
+
# Copyright (c) 2016 adamnurdin01
|
12
|
+
#
|
13
|
+
# J1 Template is licensed under the MIT License.
|
14
|
+
# For details, see https://jekyll.one
|
15
|
+
# Bootsnav is licensed under the MIT License.
|
16
|
+
# For details, see https://github.com/adamnurdin01/bootsnav
|
17
|
+
#
|
18
|
+
# -----------------------------------------------------------------------------
|
19
|
+
# Template name: Bootsnav - Multi Purpose Header
|
20
|
+
# Categorie: Bootstrap Menu in CSS
|
21
|
+
# Author: adamnurdin01
|
22
|
+
# Version: v.1.1
|
23
|
+
# Created: 2016-06-02
|
24
|
+
# Last update: 2016-06-11
|
25
|
+
# -----------------------------------------------------------------------------
|
26
|
+
*/
|
27
|
+
|
28
|
+
/* MEGAMENU STYLE
|
29
|
+
=================================*/
|
30
|
+
nav.bootsnav .dropdown.megamenu-fw {
|
31
|
+
position: static;
|
32
|
+
}
|
33
|
+
|
34
|
+
nav.bootsnav .container {
|
35
|
+
position: relative;
|
36
|
+
}
|
37
|
+
|
38
|
+
nav.bootsnav .megamenu-fw .dropdown-menu {
|
39
|
+
left: auto;
|
40
|
+
}
|
41
|
+
|
42
|
+
nav.bootsnav .megamenu-content {
|
43
|
+
padding: 15px;
|
44
|
+
width: 100% !important;
|
45
|
+
}
|
46
|
+
|
47
|
+
nav.bootsnav .megamenu-content .title{
|
48
|
+
margin-top: 0;
|
49
|
+
}
|
50
|
+
|
51
|
+
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
|
52
|
+
left: 0;
|
53
|
+
right: 0;
|
54
|
+
}
|
55
|
+
|
56
|
+
/* Navbar
|
57
|
+
=================================*/
|
58
|
+
nav.navbar.bootsnav {
|
59
|
+
margin-bottom: 0;
|
60
|
+
-moz-border-radius: 0px;
|
61
|
+
-webkit-border-radius: 0px;
|
62
|
+
-o-border-radius: 0px;
|
63
|
+
border-radius: 0px;
|
64
|
+
background-color: #fff;
|
65
|
+
border: none;
|
66
|
+
/* jadams: kleine drecks pixel unterhalb des navbar */
|
67
|
+
border-bottom: solid {{bottom_line_height}}px {{bottom_line_color}};
|
68
|
+
z-index: 9;
|
69
|
+
}
|
70
|
+
|
71
|
+
/* jadams: underline active */
|
72
|
+
nav.navbar.bootsnav > .active > a {
|
73
|
+
bottom: -2px;
|
74
|
+
position: relative;
|
75
|
+
/* jadams: border-bottom: solid 2px #72c02c; */
|
76
|
+
border-bottom: solid 2px #6f6f6f;
|
77
|
+
}
|
78
|
+
|
79
|
+
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover,
|
80
|
+
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus,
|
81
|
+
nav.navbar.bootsnav ul.nav li.active > a:hover,
|
82
|
+
nav.navbar.bootsnav ul.nav li.active > a:focus,
|
83
|
+
nav.navbar.bootsnav ul.nav > li > a
|
84
|
+
background-color: transparent;
|
85
|
+
}
|
86
|
+
|
87
|
+
/* jadams active list element */
|
88
|
+
nav.navbar.bootsnav ul.nav li.active > a{
|
89
|
+
background-color: transparent;
|
90
|
+
}
|
91
|
+
|
92
|
+
nav.navbar.bootsnav .navbar-toggle{
|
93
|
+
/* jadams: background was overwritten to white ! */
|
94
|
+
/* background-color: #fff !important; */
|
95
|
+
background-color: transparent !important;
|
96
|
+
border: none;
|
97
|
+
padding: 0;
|
98
|
+
font-size: 18px;
|
99
|
+
position: relative;
|
100
|
+
top: 5px;
|
101
|
+
}
|
102
|
+
|
103
|
+
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
|
104
|
+
top: 0;
|
105
|
+
left: 100%;
|
106
|
+
}
|
107
|
+
|
108
|
+
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
|
109
|
+
white-space:normal;
|
110
|
+
}
|
111
|
+
|
112
|
+
/* jadams: set font-size to 13px */
|
113
|
+
ul.menu-col{
|
114
|
+
padding: 0;
|
115
|
+
margin: 0;
|
116
|
+
font-size: 13px;
|
117
|
+
list-style: none;
|
118
|
+
}
|
119
|
+
|
120
|
+
ul.menu-col li a{
|
121
|
+
color: #6f6f6f;
|
122
|
+
}
|
123
|
+
|
124
|
+
ul.menu-col li a:hover,
|
125
|
+
ul.menu-col li a:focus{
|
126
|
+
text-decoration: none;
|
127
|
+
}
|
128
|
+
|
129
|
+
/* Navbar Full
|
130
|
+
=================================*/
|
131
|
+
nav.bootsnav.navbar-full{
|
132
|
+
padding-bottom: 10px;
|
133
|
+
padding-top: 10px;
|
134
|
+
}
|
135
|
+
|
136
|
+
nav.bootsnav.navbar-full .navbar-header{
|
137
|
+
display: block;
|
138
|
+
width: 100%;
|
139
|
+
}
|
140
|
+
|
141
|
+
nav.bootsnav.navbar-full .navbar-toggle{
|
142
|
+
display: inline-block;
|
143
|
+
margin-right: 0;
|
144
|
+
position: relative;
|
145
|
+
top: 0;
|
146
|
+
font-size: 30px;
|
147
|
+
-webkit-transition: all 1s ease-in-out;
|
148
|
+
-moz-transition: all 1s ease-in-out;
|
149
|
+
-o-transition: all 1s ease-in-out;
|
150
|
+
-ms-transition: all 1s ease-in-out;
|
151
|
+
transition: all 1s ease-in-out;
|
152
|
+
}
|
153
|
+
|
154
|
+
nav.bootsnav.navbar-full .navbar-collapse{
|
155
|
+
position: fixed;
|
156
|
+
width: 100%;
|
157
|
+
height: 100% !important;
|
158
|
+
top: 0;
|
159
|
+
left: 0;
|
160
|
+
padding: 0;
|
161
|
+
display: none !important;
|
162
|
+
z-index: 9;
|
163
|
+
}
|
164
|
+
|
165
|
+
nav.bootsnav.navbar-full .navbar-collapse.in{
|
166
|
+
display: block !important;
|
167
|
+
}
|
168
|
+
|
169
|
+
nav.bootsnav.navbar-full .navbar-collapse .nav-full{
|
170
|
+
overflow: auto;
|
171
|
+
}
|
172
|
+
|
173
|
+
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{
|
174
|
+
display: table-cell;
|
175
|
+
vertical-align: middle;
|
176
|
+
background-color: #fff;
|
177
|
+
overflow: auto;
|
178
|
+
}
|
179
|
+
|
180
|
+
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
|
181
|
+
width: 0;
|
182
|
+
}
|
183
|
+
|
184
|
+
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
|
185
|
+
width: 0;
|
186
|
+
}
|
187
|
+
|
188
|
+
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
|
189
|
+
width: 0;
|
190
|
+
}
|
191
|
+
|
192
|
+
nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
|
193
|
+
width: 0;
|
194
|
+
}
|
195
|
+
|
196
|
+
|
197
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav{
|
198
|
+
display: block;
|
199
|
+
width: 100%;
|
200
|
+
overflow: auto;
|
201
|
+
}
|
202
|
+
|
203
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover,
|
204
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
|
205
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav a{
|
206
|
+
background-color: transparent;
|
207
|
+
}
|
208
|
+
|
209
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{
|
210
|
+
float: none;
|
211
|
+
display: block;
|
212
|
+
text-align: center;
|
213
|
+
}
|
214
|
+
|
215
|
+
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{
|
216
|
+
display: table;
|
217
|
+
margin: auto;
|
218
|
+
text-transform: uppercase;
|
219
|
+
font-weight: bold;
|
220
|
+
letter-spacing: 2px;
|
221
|
+
font-size: 24px;
|
222
|
+
padding: 10px 15px;
|
223
|
+
}
|
224
|
+
|
225
|
+
li.close-full-menu > a{
|
226
|
+
padding-top: 0px !important;
|
227
|
+
padding-bottom: 0px !important;
|
228
|
+
}
|
229
|
+
|
230
|
+
li.close-full-menu{
|
231
|
+
padding-top: 30px !important;
|
232
|
+
padding-bottom: 30px !important;
|
233
|
+
}
|
234
|
+
|
235
|
+
/* QuickLinks (Attribute) Navigation
|
236
|
+
=====================================*/
|
237
|
+
|
238
|
+
.attr-nav{
|
239
|
+
float: right;
|
240
|
+
display: inline-block;
|
241
|
+
margin-left: 13px;
|
242
|
+
/* jadams: changed because of div|header, org: margin-right: -15px; */
|
243
|
+
margin-right: -20px;
|
244
|
+
}
|
245
|
+
|
246
|
+
.attr-nav > ul{
|
247
|
+
padding: 0;
|
248
|
+
margin: 0 0 -7px 0;
|
249
|
+
list-style: none;
|
250
|
+
display: inline-block;
|
251
|
+
}
|
252
|
+
|
253
|
+
.attr-nav > ul > li{
|
254
|
+
float: left;
|
255
|
+
display: block;
|
256
|
+
}
|
257
|
+
|
258
|
+
|
259
|
+
/* jadams: place icons */
|
260
|
+
.attr-nav > ul > li > a{
|
261
|
+
color: #6f6f6f;
|
262
|
+
display: block;
|
263
|
+
/* padding: 28px 15px; */
|
264
|
+
padding: 10px 10px;
|
265
|
+
position: relative;
|
266
|
+
}
|
267
|
+
|
268
|
+
.attr-nav > ul > li > a span.badge{
|
269
|
+
position: absolute;
|
270
|
+
top: 50%;
|
271
|
+
margin-top: -15px;
|
272
|
+
right: 5px;
|
273
|
+
font-size: 10px;
|
274
|
+
padding: 0;
|
275
|
+
width: 15px;
|
276
|
+
height: 15px;
|
277
|
+
padding-top: 2px;
|
278
|
+
}
|
279
|
+
|
280
|
+
.attr-nav > ul > li.dropdown ul.dropdown-menu{
|
281
|
+
-moz-border-radius: 0px;
|
282
|
+
-webkit-border-radius: 0px;
|
283
|
+
-o-border-radius: 0px;
|
284
|
+
border-radius: 0px;
|
285
|
+
-moz-box-shadow: 0px 0px 0px;
|
286
|
+
-webkit-box-shadow: 0px 0px 0px;
|
287
|
+
-o-box-shadow: 0px 0px 0px;
|
288
|
+
box-shadow: 0px 0px 0px;
|
289
|
+
border: solid 1px #e0e0e0;
|
290
|
+
}
|
291
|
+
|
292
|
+
ul.cart-list{
|
293
|
+
padding: 0 !important;
|
294
|
+
width: 250px !important;
|
295
|
+
}
|
296
|
+
|
297
|
+
ul.cart-list > li{
|
298
|
+
position: relative;
|
299
|
+
border-bottom: solid 1px #efefef;
|
300
|
+
padding: 15px 15px 23px 15px !important;
|
301
|
+
}
|
302
|
+
|
303
|
+
ul.cart-list > li > a.photo{
|
304
|
+
padding: 0 !important;
|
305
|
+
margin-right: 15px;
|
306
|
+
float: left;
|
307
|
+
display: block;
|
308
|
+
width: 50px;
|
309
|
+
height: 50px;
|
310
|
+
left: 15px;
|
311
|
+
top: 15px;
|
312
|
+
}
|
313
|
+
|
314
|
+
ul.cart-list > li img{
|
315
|
+
width: 50px;
|
316
|
+
height: 50px;
|
317
|
+
border: solid 1px #efefef;
|
318
|
+
}
|
319
|
+
|
320
|
+
ul.cart-list > li > h6{
|
321
|
+
margin: 0;
|
322
|
+
}
|
323
|
+
|
324
|
+
ul.cart-list > li > h6 > a.photo{
|
325
|
+
padding: 0 !important;
|
326
|
+
display: block;
|
327
|
+
}
|
328
|
+
|
329
|
+
ul.cart-list > li > p{
|
330
|
+
margin-bottom: 0;
|
331
|
+
}
|
332
|
+
|
333
|
+
ul.cart-list > li.total{
|
334
|
+
background-color: #f5f5f5;
|
335
|
+
padding-bottom: 15px !important;
|
336
|
+
}
|
337
|
+
|
338
|
+
ul.cart-list > li.total > .btn{
|
339
|
+
display: inline-block;
|
340
|
+
border-bottom: solid 1px #efefef !important;
|
341
|
+
}
|
342
|
+
|
343
|
+
ul.cart-list > li .price{
|
344
|
+
font-weight: bold;
|
345
|
+
}
|
346
|
+
|
347
|
+
ul.cart-list > li.total > span{
|
348
|
+
padding-top: 8px;
|
349
|
+
}
|
350
|
+
|
351
|
+
/* Top Search
|
352
|
+
=================================*/
|
353
|
+
.top-search {
|
354
|
+
background-color: {{ search_input_background_color }};
|
355
|
+
padding: 10px 0;
|
356
|
+
display: none;
|
357
|
+
}
|
358
|
+
|
359
|
+
.top-search input.form-control{
|
360
|
+
background-color: transparent;
|
361
|
+
border: none;
|
362
|
+
-moz-box-shadow: 0px 0px 0px;
|
363
|
+
-webkit-box-shadow: 0px 0px 0px;
|
364
|
+
-o-box-shadow: 0px 0px 0px;
|
365
|
+
box-shadow: 0px 0px 0px;
|
366
|
+
color: #fff;
|
367
|
+
height: 40px;
|
368
|
+
padding: 0 15px;
|
369
|
+
}
|
370
|
+
|
371
|
+
.top-search .input-group-addon{
|
372
|
+
background-color: transparent;
|
373
|
+
border: none;
|
374
|
+
color: #fff;
|
375
|
+
padding-left: 0;
|
376
|
+
padding-right: 0;
|
377
|
+
}
|
378
|
+
|
379
|
+
.top-search .input-group-addon.close-search{
|
380
|
+
cursor: pointer;
|
381
|
+
}
|
382
|
+
|
383
|
+
/* Side Menu
|
384
|
+
=================================*/
|
385
|
+
body {
|
386
|
+
-webkit-transition: all 0.3s ease-in-out;
|
387
|
+
-moz-transition: all 0.3s ease-in-out;
|
388
|
+
-o-transition: all 0.3s ease-in-out;
|
389
|
+
-ms-transition: all 0.3s ease-in-out;
|
390
|
+
transition: all 0.3s ease-in-out;
|
391
|
+
}
|
392
|
+
|
393
|
+
body.on-side{
|
394
|
+
margin-left: -280px;
|
395
|
+
}
|
396
|
+
|
397
|
+
.side{
|
398
|
+
position: fixed;
|
399
|
+
overflow-y: auto;
|
400
|
+
top: 0;
|
401
|
+
right: -280px;
|
402
|
+
width: 280px;
|
403
|
+
padding: 25px 30px;
|
404
|
+
height: 100%;
|
405
|
+
display: block;
|
406
|
+
/* background-color: {{ quicklinks_background_color }}; */
|
407
|
+
background-color: #FFF;
|
408
|
+
-webkit-transition: all 0.3s ease-in-out;
|
409
|
+
-moz-transition: all 0.3s ease-in-out;
|
410
|
+
-o-transition: all 0.3s ease-in-out;
|
411
|
+
-ms-transition: all 0.3s ease-in-out;
|
412
|
+
transition: all 0.3s ease-in-out;
|
413
|
+
z-index: 9;
|
414
|
+
}
|
415
|
+
|
416
|
+
.side.on{
|
417
|
+
right: 0;
|
418
|
+
}
|
419
|
+
|
420
|
+
.side .close-side{
|
421
|
+
float: right;
|
422
|
+
color: #fff;
|
423
|
+
position: relative;
|
424
|
+
z-index: 2;
|
425
|
+
font-size: 16px;
|
426
|
+
}
|
427
|
+
|
428
|
+
.side .widget{
|
429
|
+
position: relative;
|
430
|
+
z-index: 1;
|
431
|
+
margin-bottom: 25px;
|
432
|
+
}
|
433
|
+
|
434
|
+
.side .widget .title{
|
435
|
+
color: #fff;
|
436
|
+
margin-bottom: 15px;
|
437
|
+
border-left: 3px solid #204a87;
|
438
|
+
padding-left: 5px;
|
439
|
+
}
|
440
|
+
|
441
|
+
/* jadams 2016-09-12: Heading Sidebar */
|
442
|
+
.side .widget .heading {
|
443
|
+
text-align: left;
|
444
|
+
color: #eee;
|
445
|
+
font-size: 18px;
|
446
|
+
text-transform: uppercase;
|
447
|
+
position: relative;
|
448
|
+
margin-bottom: 10px;
|
449
|
+
padding-bottom: 10px;
|
450
|
+
}
|
451
|
+
|
452
|
+
.heading:after {
|
453
|
+
left: 0;
|
454
|
+
bottom: 0;
|
455
|
+
height: 2px;
|
456
|
+
width: 50px;
|
457
|
+
content: " ";
|
458
|
+
background: #204a87;
|
459
|
+
position: absolute;
|
460
|
+
}
|
461
|
+
|
462
|
+
.heading-footer h2 {
|
463
|
+
color: #eee;
|
464
|
+
font-size: 18px;
|
465
|
+
text-transform: uppercase;
|
466
|
+
}
|
467
|
+
|
468
|
+
.side .widget ul.link{
|
469
|
+
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
|
470
|
+
font-size: 14px;
|
471
|
+
padding: 0;
|
472
|
+
margin: 0;
|
473
|
+
list-style: none;
|
474
|
+
}
|
475
|
+
|
476
|
+
.side .widget ul.link li a{
|
477
|
+
color: #aaa;
|
478
|
+
/* letter-spacing: 1px; */
|
479
|
+
}
|
480
|
+
|
481
|
+
.side .widget ul.link li a:focus,
|
482
|
+
.side .widget ul.link li a:hover{
|
483
|
+
color: #FAFAFA;
|
484
|
+
text-decoration: none;
|
485
|
+
}
|
486
|
+
|
487
|
+
/* Share
|
488
|
+
=================================*/
|
489
|
+
nav.navbar.bootsnav .share{
|
490
|
+
padding: 0 30px;
|
491
|
+
margin-bottom: 30px;
|
492
|
+
}
|
493
|
+
|
494
|
+
nav.navbar.bootsnav .share ul{
|
495
|
+
display: inline-block;
|
496
|
+
padding: 0;
|
497
|
+
margin: 0 0 -7px 0;
|
498
|
+
list-style: none;
|
499
|
+
}
|
500
|
+
|
501
|
+
nav.navbar.bootsnav .share ul > li{
|
502
|
+
float: left;
|
503
|
+
display: block;
|
504
|
+
margin-right: 5px;
|
505
|
+
}
|
506
|
+
|
507
|
+
nav.navbar.bootsnav .share ul > li > a{
|
508
|
+
display: table-cell;
|
509
|
+
vertical-align: middle;
|
510
|
+
text-align: center;
|
511
|
+
width: 35px;
|
512
|
+
height: 35px;
|
513
|
+
-moz-border-radius: 50%;
|
514
|
+
-webkit-border-radius: 50%;
|
515
|
+
-o-border-radius: 50%;
|
516
|
+
border-radius: 50%;
|
517
|
+
background-color: #cfcfcf;
|
518
|
+
color: #fff;
|
519
|
+
}
|
520
|
+
|
521
|
+
/* Transparent
|
522
|
+
=================================*/
|
523
|
+
nav.navbar.bootsnav.navbar-fixed{
|
524
|
+
position: fixed;
|
525
|
+
display: block;
|
526
|
+
width: 100%;
|
527
|
+
}
|
528
|
+
|
529
|
+
nav.navbar.bootsnav.no-background{
|
530
|
+
-webkit-transition: all 1s ease-in-out;
|
531
|
+
-moz-transition: all 1s ease-in-out;
|
532
|
+
-o-transition: all 1s ease-in-out;
|
533
|
+
-ms-transition: all 1s ease-in-out;
|
534
|
+
transition: all 1s ease-in-out;
|
535
|
+
}
|
536
|
+
|
537
|
+
/* Navbar Sticky
|
538
|
+
=================================*/
|
539
|
+
.wrap-sticky{
|
540
|
+
position: relative;
|
541
|
+
-webkit-transition: all 0.3s ease-in-out;
|
542
|
+
-moz-transition: all 0.3s ease-in-out;
|
543
|
+
-o-transition: all 0.3s ease-in-out;
|
544
|
+
-ms-transition: all 0.3s ease-in-out;
|
545
|
+
transition: all 0.3s ease-in-out;
|
546
|
+
}
|
547
|
+
|
548
|
+
.wrap-sticky nav.navbar.bootsnav{
|
549
|
+
position: absolute;
|
550
|
+
width: 100%;
|
551
|
+
left: 0;
|
552
|
+
top: 0;
|
553
|
+
}
|
554
|
+
|
555
|
+
.wrap-sticky nav.navbar.bootsnav.sticked{
|
556
|
+
position: fixed;
|
557
|
+
-webkit-transition: all 0.2s ease-in-out;
|
558
|
+
-moz-transition: all 0.2s ease-in-out;
|
559
|
+
-o-transition: all 0.2s ease-in-out;
|
560
|
+
-ms-transition: all 0.2s ease-in-out;
|
561
|
+
transition: all 0.2s ease-in-out;
|
562
|
+
}
|
563
|
+
|
564
|
+
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
|
565
|
+
left: -280px;
|
566
|
+
}
|
567
|
+
|
568
|
+
/* Navbar Responsive
|
569
|
+
=================================*/
|
570
|
+
@media (min-width: 1024px) and (max-width:1400px) {
|
571
|
+
body.wrap-nav-sidebar .wrapper .container{
|
572
|
+
width: 100%;
|
573
|
+
padding-left: 30px;
|
574
|
+
padding-right: 30px;
|
575
|
+
}
|
576
|
+
}
|
577
|
+
|
578
|
+
/* Large Window|Desktop
|
579
|
+
------------------------------------------------------------- */
|
580
|
+
/* jadams: changed media query breakpoint from 1024 to 800 */
|
581
|
+
@media (min-width: 1024px) {
|
582
|
+
/* General Navbar
|
583
|
+
=================================*/
|
584
|
+
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
|
585
|
+
margin-top: -2px;
|
586
|
+
}
|
587
|
+
|
588
|
+
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{
|
589
|
+
left: -200px;
|
590
|
+
}
|
591
|
+
|
592
|
+
/* jadams: menue item bold face: font-weight: 600; */
|
593
|
+
nav.navbar.bootsnav ul.nav > li > a{
|
594
|
+
padding: 30px 15px;
|
595
|
+
font-weight: 300;
|
596
|
+
}
|
597
|
+
|
598
|
+
/* jadams: chevron-down to indicate a sub-menue */
|
599
|
+
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
|
600
|
+
font-family: 'FontAwesome';
|
601
|
+
content: "\f078";
|
602
|
+
font-size: 10px;
|
603
|
+
}
|
604
|
+
|
605
|
+
/* jadams: width of a menue item: width: 250; */
|
606
|
+
/* jadams: border-top: solid 2px */
|
607
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
|
608
|
+
-moz-box-shadow: 0px 0px 0px;
|
609
|
+
-webkit-box-shadow: 0px 0px 0px;
|
610
|
+
-o-box-shadow: 0px 0px 0px;
|
611
|
+
box-shadow: 0px 0px 0px;
|
612
|
+
-moz-border-radius: 0px;
|
613
|
+
-webkit-border-radius: 0px;
|
614
|
+
-o-border-radius: 0px;
|
615
|
+
border-radius: 0px;
|
616
|
+
padding-top: 2px;
|
617
|
+
margin-top: 0px;
|
618
|
+
min-width: 250px;
|
619
|
+
background: #fff;
|
620
|
+
border: solid 1px #e0e0e0;
|
621
|
+
border-top: solid 3px;
|
622
|
+
}
|
623
|
+
|
624
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
|
625
|
+
/* background-color: transparent; */
|
626
|
+
color: #687074;
|
627
|
+
filter: none !important;
|
628
|
+
background: #eee !important;
|
629
|
+
-webkit-transition: all 0.1s ease-in-out;
|
630
|
+
-moz-transition: all 0.1s ease-in-out;
|
631
|
+
-o-transition: all 0.1s ease-in-out;
|
632
|
+
transition: all 0.1s ease-in-out;
|
633
|
+
}
|
634
|
+
|
635
|
+
/* jadams: height of a menue item: padding: 10px 15px; */
|
636
|
+
/*
|
637
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
|
638
|
+
padding: 7px 15px;
|
639
|
+
border-bottom: solid 1px #eee;
|
640
|
+
color: #6f6f6f;
|
641
|
+
}
|
642
|
+
*/
|
643
|
+
|
644
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
|
645
|
+
color: #687074;
|
646
|
+
font-size: 13px;
|
647
|
+
font-weight: 400;
|
648
|
+
padding: 6px 15px;
|
649
|
+
border-bottom: solid 1px #eee;
|
650
|
+
}
|
651
|
+
|
652
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
|
653
|
+
border-bottom: none;
|
654
|
+
}
|
655
|
+
|
656
|
+
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
|
657
|
+
text-align: right;
|
658
|
+
}
|
659
|
+
|
660
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
|
661
|
+
font-family: 'FontAwesome';
|
662
|
+
float: right;
|
663
|
+
content: "\f105";
|
664
|
+
margin-top: 0;
|
665
|
+
}
|
666
|
+
|
667
|
+
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{
|
668
|
+
font-family: 'FontAwesome';
|
669
|
+
float: left;
|
670
|
+
content: "\f104";
|
671
|
+
margin-top: 0;
|
672
|
+
}
|
673
|
+
|
674
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
|
675
|
+
top: -3px;
|
676
|
+
}
|
677
|
+
|
678
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
|
679
|
+
padding: 0 15px !important;
|
680
|
+
}
|
681
|
+
|
682
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
|
683
|
+
padding: 25px 0 20px;
|
684
|
+
}
|
685
|
+
|
686
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{
|
687
|
+
padding: 0;
|
688
|
+
}
|
689
|
+
|
690
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{
|
691
|
+
padding: 0;
|
692
|
+
}
|
693
|
+
|
694
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{
|
695
|
+
padding: 0 30px;
|
696
|
+
margin: 0 -0.5px;
|
697
|
+
border-left: solid 1px #f0f0f0;
|
698
|
+
border-right: solid 1px #f0f0f0;
|
699
|
+
}
|
700
|
+
|
701
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{
|
702
|
+
border-left: none;
|
703
|
+
}
|
704
|
+
|
705
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{
|
706
|
+
border-right: none;
|
707
|
+
}
|
708
|
+
|
709
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{
|
710
|
+
display: none;
|
711
|
+
}
|
712
|
+
|
713
|
+
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{
|
714
|
+
text-align: left;
|
715
|
+
padding: 5px 0;
|
716
|
+
display: block;
|
717
|
+
width: 100%;
|
718
|
+
margin-bottom: 0;
|
719
|
+
border-bottom: none;
|
720
|
+
color: #6f6f6f;
|
721
|
+
}
|
722
|
+
|
723
|
+
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{
|
724
|
+
display: block !important;
|
725
|
+
height: auto !important;
|
726
|
+
}
|
727
|
+
|
728
|
+
/* Navbar Transparent
|
729
|
+
=================================*/
|
730
|
+
nav.navbar.bootsnav.no-background{
|
731
|
+
background-color: transparent;
|
732
|
+
/*jadams: border: none; */
|
733
|
+
border-bottom: 0px;
|
734
|
+
}
|
735
|
+
|
736
|
+
nav.navbar.bootsnav.navbar-transparent .attr-nav {
|
737
|
+
padding-left: 15px;
|
738
|
+
margin-left: 30px;
|
739
|
+
}
|
740
|
+
|
741
|
+
nav.navbar.bootsnav.navbar-transparent.white {
|
742
|
+
background-color: rgba(255,255,255,0.3);
|
743
|
+
border-bottom: solid 3px #FAFAFA;
|
744
|
+
}
|
745
|
+
|
746
|
+
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
|
747
|
+
nav.navbar.bootsnav.navbar-transparent.dark {
|
748
|
+
background-color: rgba(0,0,0,0.3);
|
749
|
+
border-bottom: solid 3px #555;
|
750
|
+
}
|
751
|
+
|
752
|
+
/* jadams: doofes pixel in der NavBar */
|
753
|
+
/*
|
754
|
+
nav.navbar.bootsnav.navbar-transparent.white {
|
755
|
+
border-left: solid 1px #bbb;
|
756
|
+
}
|
757
|
+
*/
|
758
|
+
|
759
|
+
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
|
760
|
+
nav.navbar.bootsnav.navbar-transparent.dark {
|
761
|
+
border-left: solid 1px #555;
|
762
|
+
}
|
763
|
+
|
764
|
+
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
|
765
|
+
nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
|
766
|
+
nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
|
767
|
+
nav.navbar.bootsnav.no-background.white ul.nav > li > a {
|
768
|
+
color: floralwhite;
|
769
|
+
}
|
770
|
+
|
771
|
+
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
|
772
|
+
nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
|
773
|
+
color: #eee;
|
774
|
+
}
|
775
|
+
|
776
|
+
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled,
|
777
|
+
nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
|
778
|
+
display: none;
|
779
|
+
}
|
780
|
+
|
781
|
+
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display,
|
782
|
+
nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
|
783
|
+
display: block;
|
784
|
+
}
|
785
|
+
|
786
|
+
nav.navbar.bootsnav.navbar-fixed .logo-display {
|
787
|
+
display: none;
|
788
|
+
}
|
789
|
+
|
790
|
+
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
|
791
|
+
display: block;
|
792
|
+
}
|
793
|
+
|
794
|
+
/* Atribute Navigation
|
795
|
+
=================================*/
|
796
|
+
.attr-nav > ul > li.dropdown ul.dropdown-menu{
|
797
|
+
margin-top: 0;
|
798
|
+
margin-left: 55px;
|
799
|
+
width: 250px;
|
800
|
+
left: -250px;
|
801
|
+
}
|
802
|
+
|
803
|
+
/* Menu Center
|
804
|
+
=================================*/
|
805
|
+
nav.navbar.bootsnav.menu-center .container{
|
806
|
+
position: relative;
|
807
|
+
}
|
808
|
+
|
809
|
+
nav.navbar.bootsnav.menu-center ul.nav.navbar-center{
|
810
|
+
float:none;
|
811
|
+
margin: 0 auto;
|
812
|
+
display: table;
|
813
|
+
table-layout: fixed;
|
814
|
+
}
|
815
|
+
|
816
|
+
nav.navbar.bootsnav.menu-center .navbar-header,
|
817
|
+
nav.navbar.bootsnav.menu-center .attr-nav{
|
818
|
+
position: absolute;
|
819
|
+
}
|
820
|
+
|
821
|
+
nav.navbar.bootsnav.menu-center .attr-nav{
|
822
|
+
right: 15px;
|
823
|
+
}
|
824
|
+
|
825
|
+
/* Navbar Brand top
|
826
|
+
=================================*/
|
827
|
+
nav.bootsnav.navbar-brand-top .navbar-header{
|
828
|
+
display: block;
|
829
|
+
width: 100%;
|
830
|
+
text-align: center;
|
831
|
+
}
|
832
|
+
|
833
|
+
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{
|
834
|
+
margin-top: 2px;
|
835
|
+
}
|
836
|
+
|
837
|
+
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
|
838
|
+
margin-top: 0;
|
839
|
+
}
|
840
|
+
|
841
|
+
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{
|
842
|
+
display: inline-block;
|
843
|
+
float: none;
|
844
|
+
margin: 0;
|
845
|
+
}
|
846
|
+
|
847
|
+
nav.bootsnav.navbar-brand-top .navbar-collapse{
|
848
|
+
text-align: center;
|
849
|
+
}
|
850
|
+
|
851
|
+
nav.bootsnav.navbar-brand-top ul.nav{
|
852
|
+
display: inline-block;
|
853
|
+
float: none;
|
854
|
+
margin: 0 0 -5px 0;
|
855
|
+
}
|
856
|
+
|
857
|
+
/* Navbar Center
|
858
|
+
=================================*/
|
859
|
+
nav.bootsnav.brand-center .navbar-header{
|
860
|
+
display: block;
|
861
|
+
width: 100%;
|
862
|
+
position: absolute;
|
863
|
+
text-align: center;
|
864
|
+
top: 0;
|
865
|
+
left: 0;
|
866
|
+
}
|
867
|
+
|
868
|
+
nav.bootsnav.brand-center .navbar-brand{
|
869
|
+
display: inline-block;
|
870
|
+
float: none;
|
871
|
+
}
|
872
|
+
|
873
|
+
nav.bootsnav.brand-center .navbar-collapse{
|
874
|
+
text-align: center;
|
875
|
+
display: inline-block;
|
876
|
+
padding-left: 0;
|
877
|
+
padding-right: 0;
|
878
|
+
}
|
879
|
+
|
880
|
+
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{
|
881
|
+
margin-top: 2px;
|
882
|
+
}
|
883
|
+
|
884
|
+
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{
|
885
|
+
margin-top: 0;
|
886
|
+
}
|
887
|
+
|
888
|
+
nav.bootsnav.brand-center .navbar-collapse .col-half{
|
889
|
+
width: 50%;
|
890
|
+
float: left;
|
891
|
+
display: block;
|
892
|
+
}
|
893
|
+
|
894
|
+
nav.bootsnav.brand-center .navbar-collapse .col-half.left{
|
895
|
+
text-align: right;
|
896
|
+
padding-right: 100px;
|
897
|
+
}
|
898
|
+
|
899
|
+
nav.bootsnav.brand-center .navbar-collapse .col-half.right{
|
900
|
+
text-align: left;
|
901
|
+
padding-left: 100px;
|
902
|
+
}
|
903
|
+
|
904
|
+
nav.bootsnav.brand-center ul.nav{
|
905
|
+
float: none !important;
|
906
|
+
margin-bottom: -5px !important;
|
907
|
+
display: inline-block !important;
|
908
|
+
}
|
909
|
+
|
910
|
+
nav.bootsnav.brand-center ul.nav.navbar-right{
|
911
|
+
margin: 0;
|
912
|
+
}
|
913
|
+
|
914
|
+
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{
|
915
|
+
text-align: left;
|
916
|
+
padding-right: 100px;
|
917
|
+
}
|
918
|
+
|
919
|
+
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{
|
920
|
+
text-align: right;
|
921
|
+
padding-left: 100px;
|
922
|
+
}
|
923
|
+
|
924
|
+
/* Navbar Sidebar
|
925
|
+
=================================*/
|
926
|
+
body.wrap-nav-sidebar .wrapper{
|
927
|
+
padding-left: 260px;
|
928
|
+
overflow-x: hidden;
|
929
|
+
}
|
930
|
+
|
931
|
+
nav.bootsnav.navbar-sidebar{
|
932
|
+
position: fixed;
|
933
|
+
width: 260px;
|
934
|
+
overflow: hidden;
|
935
|
+
left: 0;
|
936
|
+
padding: 0 0 0 0 !important;
|
937
|
+
background: #fff;
|
938
|
+
-moz-box-shadow: 1px 0px 1px 0px #eee;
|
939
|
+
-webkit-box-shadow: 1px 0px 1px 0px #eee;
|
940
|
+
-o-box-shadow: 1px 0px 1px 0px #eee;
|
941
|
+
box-shadow: 1px 0px 1px 0px #eee;
|
942
|
+
}
|
943
|
+
|
944
|
+
nav.bootsnav.navbar-sidebar .scroller{
|
945
|
+
width: 280px;
|
946
|
+
overflow-y:auto;
|
947
|
+
overflow-x: hidden;
|
948
|
+
}
|
949
|
+
|
950
|
+
nav.bootsnav.navbar-sidebar .container-fluid,
|
951
|
+
nav.bootsnav.navbar-sidebar .container{
|
952
|
+
padding: 0 !important;
|
953
|
+
}
|
954
|
+
|
955
|
+
nav.bootsnav.navbar-sidebar .navbar-header{
|
956
|
+
float: none;
|
957
|
+
display: block;
|
958
|
+
width: 260px;
|
959
|
+
padding: 10px 15px;
|
960
|
+
margin: 10px 0 0 0 !important;
|
961
|
+
}
|
962
|
+
|
963
|
+
nav.bootsnav.navbar-sidebar .navbar-collapse{
|
964
|
+
padding: 0 !important;
|
965
|
+
width: 260px;
|
966
|
+
}
|
967
|
+
|
968
|
+
nav.bootsnav.navbar-sidebar ul.nav{
|
969
|
+
float: none;
|
970
|
+
display: block;
|
971
|
+
width: 100%;
|
972
|
+
padding: 0 15px !important;
|
973
|
+
margin: 0 0 30px 0;
|
974
|
+
}
|
975
|
+
|
976
|
+
nav.bootsnav.navbar-sidebar ul.nav li{
|
977
|
+
float: none !important;
|
978
|
+
}
|
979
|
+
|
980
|
+
nav.bootsnav.navbar-sidebar ul.nav > li > a{
|
981
|
+
padding: 10px 15px;
|
982
|
+
font-weight: bold;
|
983
|
+
}
|
984
|
+
|
985
|
+
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{
|
986
|
+
float: right;
|
987
|
+
}
|
988
|
+
|
989
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
|
990
|
+
left: 100%;
|
991
|
+
top: 0;
|
992
|
+
position: relative !important;
|
993
|
+
left: 0 !important;
|
994
|
+
width: 100% !important;
|
995
|
+
height: auto !important;
|
996
|
+
background-color: transparent;
|
997
|
+
border: none !important;
|
998
|
+
padding: 0;
|
999
|
+
-moz-box-shadow: 0px 0px 0px;
|
1000
|
+
-webkit-box-shadow: 0px 0px 0px;
|
1001
|
+
-o-box-shadow: 0px 0px 0px;
|
1002
|
+
box-shadow: 0px 0px 0px;
|
1003
|
+
}
|
1004
|
+
|
1005
|
+
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{
|
1006
|
+
border: none !important;
|
1007
|
+
}
|
1008
|
+
|
1009
|
+
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{
|
1010
|
+
margin-bottom: 15px;
|
1011
|
+
}
|
1012
|
+
|
1013
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{
|
1014
|
+
padding-left: 0;
|
1015
|
+
float: none;
|
1016
|
+
margin-bottom: 0;
|
1017
|
+
}
|
1018
|
+
|
1019
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{
|
1020
|
+
padding: 5px 15px;
|
1021
|
+
color: #6f6f6f;
|
1022
|
+
border: none;
|
1023
|
+
}
|
1024
|
+
|
1025
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{
|
1026
|
+
padding-left: 15px;
|
1027
|
+
margin-top: 0;
|
1028
|
+
}
|
1029
|
+
|
1030
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{
|
1031
|
+
font-family: 'FontAwesome';
|
1032
|
+
content: "\f105";
|
1033
|
+
float: right;
|
1034
|
+
}
|
1035
|
+
|
1036
|
+
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{
|
1037
|
+
content: "\f107";
|
1038
|
+
}
|
1039
|
+
|
1040
|
+
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{
|
1041
|
+
padding: 0 !important;
|
1042
|
+
}
|
1043
|
+
|
1044
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
|
1045
|
+
display: block;
|
1046
|
+
float: none !important;
|
1047
|
+
padding: 0;
|
1048
|
+
margin: 0;
|
1049
|
+
width: 100%;
|
1050
|
+
}
|
1051
|
+
|
1052
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{
|
1053
|
+
padding: 7px 0;
|
1054
|
+
text-transform: none;
|
1055
|
+
font-weight: 400;
|
1056
|
+
letter-spacing: 0px;
|
1057
|
+
margin-bottom: 0;
|
1058
|
+
cursor: pointer;
|
1059
|
+
color: #6f6f6f;
|
1060
|
+
}
|
1061
|
+
|
1062
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{
|
1063
|
+
font-family: 'FontAwesome';
|
1064
|
+
content: "\f105";
|
1065
|
+
float: right;
|
1066
|
+
}
|
1067
|
+
|
1068
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{
|
1069
|
+
content: "\f107";
|
1070
|
+
}
|
1071
|
+
|
1072
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{
|
1073
|
+
border: none;
|
1074
|
+
}
|
1075
|
+
|
1076
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{
|
1077
|
+
padding: 0 0 0 15px;
|
1078
|
+
}
|
1079
|
+
|
1080
|
+
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{
|
1081
|
+
padding: 3px 0 !important;
|
1082
|
+
}
|
1083
|
+
}
|
1084
|
+
|
1085
|
+
@media (max-width: 1023px) {
|
1086
|
+
/* Navbar Responsive
|
1087
|
+
=================================*/
|
1088
|
+
|
1089
|
+
nav.navbar.bootsnav .navbar-brand {
|
1090
|
+
display: inline-block;
|
1091
|
+
float: none !important;
|
1092
|
+
margin: 0 !important;
|
1093
|
+
}
|
1094
|
+
|
1095
|
+
nav.navbar.bootsnav .navbar-header {
|
1096
|
+
float: none;
|
1097
|
+
display: block;
|
1098
|
+
text-align: center;
|
1099
|
+
padding-left: 30px;
|
1100
|
+
padding-right: 30px;
|
1101
|
+
}
|
1102
|
+
|
1103
|
+
nav.navbar.bootsnav .navbar-toggle {
|
1104
|
+
display: inline-block;
|
1105
|
+
float: left;
|
1106
|
+
margin-right: -200px;
|
1107
|
+
margin-top: 10px;
|
1108
|
+
}
|
1109
|
+
|
1110
|
+
nav.navbar.bootsnav .navbar-collapse {
|
1111
|
+
border: none;
|
1112
|
+
margin-bottom: 0;
|
1113
|
+
}
|
1114
|
+
|
1115
|
+
nav.navbar.bootsnav.no-full .navbar-collapse{
|
1116
|
+
max-height: 350px;
|
1117
|
+
overflow-y: auto !important;
|
1118
|
+
}
|
1119
|
+
|
1120
|
+
nav.navbar.bootsnav .navbar-collapse.collapse {
|
1121
|
+
display: none !important;
|
1122
|
+
}
|
1123
|
+
|
1124
|
+
nav.navbar.bootsnav .navbar-collapse.collapse.in {
|
1125
|
+
display: block !important;
|
1126
|
+
}
|
1127
|
+
|
1128
|
+
nav.navbar.bootsnav .navbar-nav {
|
1129
|
+
float: none !important;
|
1130
|
+
padding-left: 30px;
|
1131
|
+
padding-right: 30px;
|
1132
|
+
margin: 0px -15px;
|
1133
|
+
}
|
1134
|
+
|
1135
|
+
nav.navbar.bootsnav .navbar-nav > li {
|
1136
|
+
float: none;
|
1137
|
+
}
|
1138
|
+
|
1139
|
+
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before{
|
1140
|
+
font-family: 'FontAwesome';
|
1141
|
+
content: "\f105";
|
1142
|
+
float: right;
|
1143
|
+
font-size: 16px;
|
1144
|
+
margin-left: 10px;
|
1145
|
+
}
|
1146
|
+
|
1147
|
+
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
|
1148
|
+
content: "\f107";
|
1149
|
+
}
|
1150
|
+
|
1151
|
+
nav.navbar.bootsnav .navbar-nav > li > a{
|
1152
|
+
display: block;
|
1153
|
+
width: 100%;
|
1154
|
+
border-bottom: solid 1px #e0e0e0;
|
1155
|
+
padding: 10px 0;
|
1156
|
+
border-top: solid 1px #e0e0e0;
|
1157
|
+
margin-bottom: -1px;
|
1158
|
+
}
|
1159
|
+
|
1160
|
+
nav.navbar.bootsnav .navbar-nav > li:first-child > a{
|
1161
|
+
border-top: none;
|
1162
|
+
}
|
1163
|
+
|
1164
|
+
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
|
1165
|
+
border-bottom: solid 1px #e0e0e0;
|
1166
|
+
}
|
1167
|
+
|
1168
|
+
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
|
1169
|
+
float: none !important;
|
1170
|
+
position: relative;
|
1171
|
+
display: block;
|
1172
|
+
width: 100%;
|
1173
|
+
}
|
1174
|
+
|
1175
|
+
/* jadams: set min width of a menue item to: 250 */
|
1176
|
+
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
|
1177
|
+
min-width: 250px !important;
|
1178
|
+
width: 100%;
|
1179
|
+
position: relative !important;
|
1180
|
+
background-color: transparent;
|
1181
|
+
float: none;
|
1182
|
+
border: none;
|
1183
|
+
padding: 0 0 0 15px !important;
|
1184
|
+
margin: 0 0 -1px 0 !important;
|
1185
|
+
-moz-box-shadow: 0px 0px 0px;
|
1186
|
+
-webkit-box-shadow: 0px 0px 0px;
|
1187
|
+
-o-box-shadow: 0px 0px 0px;
|
1188
|
+
box-shadow: 0px 0px 0px;
|
1189
|
+
-moz-border-radius: 0px 0px 0px;
|
1190
|
+
-webkit-border-radius: 0px 0px 0px;
|
1191
|
+
-o-border-radius: 0px 0px 0px;
|
1192
|
+
border-radius: 0px 0px 0px;
|
1193
|
+
}
|
1194
|
+
|
1195
|
+
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{
|
1196
|
+
display: block;
|
1197
|
+
width: 100%;
|
1198
|
+
border-bottom: solid 1px #e0e0e0;
|
1199
|
+
padding: 10px 0;
|
1200
|
+
color: #6f6f6f;
|
1201
|
+
}
|
1202
|
+
|
1203
|
+
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
|
1204
|
+
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
|
1205
|
+
background-color: transparent;
|
1206
|
+
}
|
1207
|
+
|
1208
|
+
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
|
1209
|
+
float: none !important;
|
1210
|
+
left: 0;
|
1211
|
+
padding: 0 0 0 15px;
|
1212
|
+
position: relative;
|
1213
|
+
background: transparent;
|
1214
|
+
width: 100%;
|
1215
|
+
}
|
1216
|
+
|
1217
|
+
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
|
1218
|
+
display: inline-block;
|
1219
|
+
margin-top: -10px;
|
1220
|
+
}
|
1221
|
+
|
1222
|
+
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
|
1223
|
+
display: none;
|
1224
|
+
}
|
1225
|
+
|
1226
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
|
1227
|
+
padding: 10px 15px 10px 0;
|
1228
|
+
line-height: 24px;
|
1229
|
+
text-transform: none;
|
1230
|
+
font-weight: 400;
|
1231
|
+
letter-spacing: 0px;
|
1232
|
+
margin-bottom: 0;
|
1233
|
+
cursor: pointer;
|
1234
|
+
border-bottom: solid 1px #e0e0e0;
|
1235
|
+
color: #6f6f6f;
|
1236
|
+
}
|
1237
|
+
|
1238
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
|
1239
|
+
display: block;
|
1240
|
+
width: 100%;
|
1241
|
+
border-bottom: solid 1px #e0e0e0;
|
1242
|
+
padding: 8px 0;
|
1243
|
+
}
|
1244
|
+
|
1245
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
|
1246
|
+
font-family: 'FontAwesome';
|
1247
|
+
content: "\f105";
|
1248
|
+
float: right;
|
1249
|
+
font-size: 16px;
|
1250
|
+
margin-left: 10px;
|
1251
|
+
position: relative;
|
1252
|
+
right: -15px;
|
1253
|
+
}
|
1254
|
+
|
1255
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{
|
1256
|
+
border-bottom: none;
|
1257
|
+
}
|
1258
|
+
|
1259
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{
|
1260
|
+
border-bottom: solid 1px #e0e0e0;
|
1261
|
+
}
|
1262
|
+
|
1263
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{
|
1264
|
+
border-bottom: none;
|
1265
|
+
}
|
1266
|
+
|
1267
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{
|
1268
|
+
content: "\f107";
|
1269
|
+
}
|
1270
|
+
|
1271
|
+
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{
|
1272
|
+
padding: 0 0 0 15px;
|
1273
|
+
}
|
1274
|
+
|
1275
|
+
nav.bootsnav.brand-center .navbar-collapse{
|
1276
|
+
display: block;
|
1277
|
+
}
|
1278
|
+
|
1279
|
+
nav.bootsnav.brand-center ul.nav{
|
1280
|
+
margin-bottom: 0px !important;
|
1281
|
+
}
|
1282
|
+
|
1283
|
+
nav.bootsnav.brand-center .navbar-collapse .col-half{
|
1284
|
+
width: 100%;
|
1285
|
+
float: none;
|
1286
|
+
display: block;
|
1287
|
+
}
|
1288
|
+
|
1289
|
+
nav.bootsnav.brand-center .navbar-collapse .col-half.left{
|
1290
|
+
margin-bottom: 0;
|
1291
|
+
}
|
1292
|
+
|
1293
|
+
nav.bootsnav .megamenu-content{
|
1294
|
+
padding: 0;
|
1295
|
+
}
|
1296
|
+
|
1297
|
+
nav.bootsnav .megamenu-content .col-menu{
|
1298
|
+
padding-bottom: 0;
|
1299
|
+
}
|
1300
|
+
|
1301
|
+
nav.bootsnav .megamenu-content .title{
|
1302
|
+
cursor: pointer;
|
1303
|
+
display: block;
|
1304
|
+
padding: 10px 15px;
|
1305
|
+
margin-bottom: 0;
|
1306
|
+
font-weight: normal;
|
1307
|
+
}
|
1308
|
+
|
1309
|
+
nav.bootsnav .megamenu-content .content{
|
1310
|
+
display: none;
|
1311
|
+
}
|
1312
|
+
|
1313
|
+
.attr-nav{
|
1314
|
+
position: absolute;
|
1315
|
+
right: 60px;
|
1316
|
+
}
|
1317
|
+
|
1318
|
+
.attr-nav > ul{
|
1319
|
+
padding: 0;
|
1320
|
+
margin: 0 -15px -7px 0;
|
1321
|
+
}
|
1322
|
+
|
1323
|
+
.attr-nav > ul > li > a{
|
1324
|
+
padding: 16px 15px 15px;
|
1325
|
+
}
|
1326
|
+
|
1327
|
+
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before{
|
1328
|
+
display: none;
|
1329
|
+
}
|
1330
|
+
|
1331
|
+
.attr-nav > ul > li.dropdown ul.dropdown-menu{
|
1332
|
+
margin-top: 2px;
|
1333
|
+
margin-left: 55px;
|
1334
|
+
width: 250px;
|
1335
|
+
left: -250px;
|
1336
|
+
border-top: solid 5px;
|
1337
|
+
}
|
1338
|
+
|
1339
|
+
.top-search .container{
|
1340
|
+
padding: 0 45px;
|
1341
|
+
}
|
1342
|
+
|
1343
|
+
/* Navbar full Responsive
|
1344
|
+
=================================*/
|
1345
|
+
nav.bootsnav.navbar-full ul.nav{
|
1346
|
+
margin-left: 0;
|
1347
|
+
}
|
1348
|
+
|
1349
|
+
nav.bootsnav.navbar-full ul.nav > li > a{
|
1350
|
+
border: none;
|
1351
|
+
}
|
1352
|
+
|
1353
|
+
nav.bootsnav.navbar-full .navbar-brand {
|
1354
|
+
float: left !important;
|
1355
|
+
padding-left: 0;
|
1356
|
+
}
|
1357
|
+
|
1358
|
+
nav.bootsnav.navbar-full .navbar-toggle {
|
1359
|
+
display: inline-block;
|
1360
|
+
float: right;
|
1361
|
+
margin-right: 0;
|
1362
|
+
margin-top: 10px;
|
1363
|
+
}
|
1364
|
+
|
1365
|
+
nav.bootsnav.navbar-full .navbar-header {
|
1366
|
+
padding-left: 15px;
|
1367
|
+
padding-right: 15px;
|
1368
|
+
}
|
1369
|
+
|
1370
|
+
/* Navbar Sidebar
|
1371
|
+
=================================*/
|
1372
|
+
nav.navbar.bootsnav.navbar-sidebar .share{
|
1373
|
+
padding: 30px 15px;
|
1374
|
+
margin-bottom: 0;
|
1375
|
+
}
|
1376
|
+
|
1377
|
+
/* Tabs
|
1378
|
+
=================================*/
|
1379
|
+
nav.navbar.bootsnav .megamenu-content.tabbed{
|
1380
|
+
padding-left: 0 !mportant;
|
1381
|
+
}
|
1382
|
+
|
1383
|
+
nav.navbar.bootsnav .tabbed > li{
|
1384
|
+
padding: 25px 0;
|
1385
|
+
margin-left: -15px !important;
|
1386
|
+
}
|
1387
|
+
|
1388
|
+
/* Mobile Navigation
|
1389
|
+
=================================*/
|
1390
|
+
body > .wrapper{
|
1391
|
+
-webkit-transition: all 0.3s ease-in-out;
|
1392
|
+
-moz-transition: all 0.3s ease-in-out;
|
1393
|
+
-o-transition: all 0.3s ease-in-out;
|
1394
|
+
-ms-transition: all 0.3s ease-in-out;
|
1395
|
+
transition: all 0.3s ease-in-out;
|
1396
|
+
}
|
1397
|
+
|
1398
|
+
body.side-right > .wrapper{
|
1399
|
+
margin-left: 280px;
|
1400
|
+
margin-right: -280px !important;
|
1401
|
+
}
|
1402
|
+
|
1403
|
+
nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
|
1404
|
+
position: fixed;
|
1405
|
+
overflow-y: auto !important;
|
1406
|
+
overflow-x: hidden !important;
|
1407
|
+
display: block;
|
1408
|
+
background: #fff;
|
1409
|
+
z-index: 99;
|
1410
|
+
width: 280px;
|
1411
|
+
height: 100% !important;
|
1412
|
+
left: -280px;
|
1413
|
+
top: 0;
|
1414
|
+
padding: 0;
|
1415
|
+
-webkit-transition: all 0.3s ease-in-out;
|
1416
|
+
-moz-transition: all 0.3s ease-in-out;
|
1417
|
+
-o-transition: all 0.3s ease-in-out;
|
1418
|
+
-ms-transition: all 0.3s ease-in-out;
|
1419
|
+
transition: all 0.3s ease-in-out;
|
1420
|
+
}
|
1421
|
+
|
1422
|
+
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{
|
1423
|
+
left: 0;
|
1424
|
+
}
|
1425
|
+
|
1426
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav{
|
1427
|
+
width: 293px;
|
1428
|
+
padding-right: 0;
|
1429
|
+
padding-left: 15px;
|
1430
|
+
}
|
1431
|
+
|
1432
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{
|
1433
|
+
padding: 15px 15px;
|
1434
|
+
}
|
1435
|
+
|
1436
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
|
1437
|
+
padding-right: 15px !important;
|
1438
|
+
padding-top: 15px !important;
|
1439
|
+
padding-bottom: 15px !important;
|
1440
|
+
}
|
1441
|
+
|
1442
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
|
1443
|
+
padding-right: 30px !important;
|
1444
|
+
padding-top: 13px !important;
|
1445
|
+
padding-bottom: 13px !important;
|
1446
|
+
}
|
1447
|
+
|
1448
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
|
1449
|
+
padding-top: 13px !important;
|
1450
|
+
padding-bottom: 13px !important;
|
1451
|
+
}
|
1452
|
+
|
1453
|
+
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
|
1454
|
+
width: 100%;
|
1455
|
+
}
|
1456
|
+
|
1457
|
+
nav.navbar.bootsnav.navbar-fixed .logo-scrolled{
|
1458
|
+
display: block !important;
|
1459
|
+
}
|
1460
|
+
|
1461
|
+
nav.navbar.bootsnav.navbar-fixed .logo-display{
|
1462
|
+
display: none !important;
|
1463
|
+
}
|
1464
|
+
|
1465
|
+
nav.navbar.bootsnav.navbar-mobile .tab-menu,
|
1466
|
+
nav.navbar.bootsnav.navbar-mobile .tab-content{
|
1467
|
+
width: 100%;
|
1468
|
+
display: block;
|
1469
|
+
}
|
1470
|
+
}
|
1471
|
+
|
1472
|
+
@media (max-width: 767px) {
|
1473
|
+
nav.navbar.bootsnav .navbar-header {
|
1474
|
+
padding-left: 15px;
|
1475
|
+
padding-right: 15px;
|
1476
|
+
}
|
1477
|
+
|
1478
|
+
nav.navbar.bootsnav .navbar-nav {
|
1479
|
+
padding-left: 15px;
|
1480
|
+
padding-right: 15px;
|
1481
|
+
}
|
1482
|
+
|
1483
|
+
.attr-nav{
|
1484
|
+
right: 30px;
|
1485
|
+
}
|
1486
|
+
|
1487
|
+
.attr-nav > ul{
|
1488
|
+
margin-right: -10px;
|
1489
|
+
}
|
1490
|
+
|
1491
|
+
.attr-nav > ul > li > a{
|
1492
|
+
padding: 16px 10px 15px;
|
1493
|
+
padding-left: 0 !important;
|
1494
|
+
}
|
1495
|
+
|
1496
|
+
.attr-nav > ul > li.dropdown ul.dropdown-menu{
|
1497
|
+
left: -275px;
|
1498
|
+
}
|
1499
|
+
|
1500
|
+
.top-search .container{
|
1501
|
+
padding: 0 15px;
|
1502
|
+
}
|
1503
|
+
|
1504
|
+
nav.bootsnav.navbar-full .navbar-collapse{
|
1505
|
+
left: 15px;
|
1506
|
+
}
|
1507
|
+
|
1508
|
+
nav.bootsnav.navbar-full .navbar-header{
|
1509
|
+
padding-right: 0;
|
1510
|
+
}
|
1511
|
+
|
1512
|
+
nav.bootsnav.navbar-full .navbar-toggle {
|
1513
|
+
margin-right: -15px;
|
1514
|
+
}
|
1515
|
+
|
1516
|
+
nav.bootsnav.navbar-full ul.nav > li > a{
|
1517
|
+
font-size: 18px !important;
|
1518
|
+
line-height: 24px !important;
|
1519
|
+
padding: 5px 10px !important;
|
1520
|
+
}
|
1521
|
+
|
1522
|
+
/* Navbar Sidebar
|
1523
|
+
=================================*/
|
1524
|
+
nav.navbar.bootsnav.navbar-sidebar .share{
|
1525
|
+
padding: 30px 15px !important;
|
1526
|
+
}
|
1527
|
+
|
1528
|
+
/* Navbar Sidebar
|
1529
|
+
=================================*/
|
1530
|
+
nav.navbar.bootsnav.navbar-sidebar .share{
|
1531
|
+
padding: 30px 0 !important;
|
1532
|
+
margin-bottom: 0;
|
1533
|
+
}
|
1534
|
+
|
1535
|
+
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{
|
1536
|
+
padding: 30px 15px !important;
|
1537
|
+
margin-bottom: 0;
|
1538
|
+
}
|
1539
|
+
|
1540
|
+
/* Mobile Navigation
|
1541
|
+
=================================*/
|
1542
|
+
body.side-right > .wrapper{
|
1543
|
+
margin-left: 280px;
|
1544
|
+
margin-right: -280px !important;
|
1545
|
+
}
|
1546
|
+
|
1547
|
+
nav.navbar.bootsnav.navbar-mobile .navbar-collapse{
|
1548
|
+
margin-left: 0;
|
1549
|
+
}
|
1550
|
+
|
1551
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav{
|
1552
|
+
margin-left: -15px;
|
1553
|
+
}
|
1554
|
+
|
1555
|
+
nav.navbar.bootsnav.navbar-mobile ul.nav{
|
1556
|
+
border-top: solid 1px #fff;
|
1557
|
+
}
|
1558
|
+
|
1559
|
+
li.close-full-menu{
|
1560
|
+
padding-top: 15px !important;
|
1561
|
+
padding-bottom: 15px !important;
|
1562
|
+
}
|
1563
|
+
}
|
1564
|
+
|
1565
|
+
@media (min-width: 480px) and (max-width: 640px) {
|
1566
|
+
nav.bootsnav.navbar-full ul.nav{
|
1567
|
+
padding-top: 30px;
|
1568
|
+
padding-bottom: 30px;
|
1569
|
+
}
|
1570
|
+
}
|